@juv/codego-react-ui 3.4.2 → 3.4.4

package/dist/index.cjs

@@ -6648,7 +6648,7 @@ function FieldRenderer({ field, value, onChange }) {
     case "rich-text":
       return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RichTextEditor, { value: value ?? "", onChange: (v) => onChange(v) });
     case "file-upload":
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FileUpload, { onChange: (files) => onChange(files) });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FileUpload, { onFilesChange: (files) => onChange(files), multiple: true });
     case "repeater": {
       const items = Array.isArray(value) ? value : [];
       return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -6747,7 +6747,27 @@ function EditModal({
     try {
       const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");
       if (!csrfToken) throw new Error("[Table] CSRF token not found.");
-      await import_axios3.default.put(`${baseUrl}/${itemId}/update`, { ...form, csrfToken }, { headers: { "X-CSRF-Token": csrfToken } });
+      const hasFiles = Object.values(form).some(
+        (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File || v instanceof File
+      );
+      let body;
+      if (hasFiles) {
+        const fd = new FormData();
+        fd.append("_method", "PUT");
+        Object.entries(form).forEach(([k, v]) => {
+          if (Array.isArray(v) && v[0] instanceof File) {
+            v.forEach((f) => fd.append(k, f));
+          } else if (v instanceof File) {
+            fd.append(k, v);
+          } else if (v !== null && v !== void 0) {
+            fd.append(k, String(v));
+          }
+        });
+        body = fd;
+      } else {
+        body = form;
+      }
+      await import_axios3.default.put(`${baseUrl}/${itemId}/update`, body, { headers: { "X-CSRF-Token": csrfToken } });
       const updated = { ...item, ...form };
       if (notif && (notif.type ?? "toast") === "notification") {
         setBanner(true);

package/dist/index.global.js

@@ -63192,7 +63192,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
     ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
   ];
-  var File = createLucideIcon("file", __iconNode30);
+  var File2 = createLucideIcon("file", __iconNode30);
 
   // node_modules/lucide-react/dist/esm/icons/flip-horizontal.js
   var __iconNode31 = [
@@ -69794,7 +69794,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       case "rich-text":
         return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RichTextEditor, { value: value ?? "", onChange: (v) => onChange(v) });
       case "file-upload":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FileUpload, { onChange: (files) => onChange(files) });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FileUpload, { onFilesChange: (files) => onChange(files), multiple: true });
       case "repeater": {
         const items = Array.isArray(value) ? value : [];
         return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -69893,7 +69893,27 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       try {
         const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");
         if (!csrfToken) throw new Error("[Table] CSRF token not found.");
-        await axios_default.put(`${baseUrl}/${itemId}/update`, { ...form, csrfToken }, { headers: { "X-CSRF-Token": csrfToken } });
+        const hasFiles = Object.values(form).some(
+          (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File || v instanceof File
+        );
+        let body;
+        if (hasFiles) {
+          const fd = new FormData();
+          fd.append("_method", "PUT");
+          Object.entries(form).forEach(([k, v]) => {
+            if (Array.isArray(v) && v[0] instanceof File) {
+              v.forEach((f) => fd.append(k, f));
+            } else if (v instanceof File) {
+              fd.append(k, v);
+            } else if (v !== null && v !== void 0) {
+              fd.append(k, String(v));
+            }
+          });
+          body = fd;
+        } else {
+          body = form;
+        }
+        await axios_default.put(`${baseUrl}/${itemId}/update`, body, { headers: { "X-CSRF-Token": csrfToken } });
         const updated = { ...item, ...form };
         if (notif && (notif.type ?? "toast") === "notification") {
           setBanner(true);
@@ -75724,7 +75744,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     const hasChildren = !!node.children?.length;
     const isExpanded = expanded.includes(node.id);
     const isSelected = selected.includes(node.id);
-    const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(File, { className: "h-4 w-4 text-muted-foreground" });
+    const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(File2, { className: "h-4 w-4 text-muted-foreground" });
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
         "div",

package/dist/index.js

@@ -6527,7 +6527,7 @@ function FieldRenderer({ field, value, onChange }) {
     case "rich-text":
       return /* @__PURE__ */ jsx32(RichTextEditor, { value: value ?? "", onChange: (v) => onChange(v) });
     case "file-upload":
-      return /* @__PURE__ */ jsx32(FileUpload, { onChange: (files) => onChange(files) });
+      return /* @__PURE__ */ jsx32(FileUpload, { onFilesChange: (files) => onChange(files), multiple: true });
     case "repeater": {
       const items = Array.isArray(value) ? value : [];
       return /* @__PURE__ */ jsx32(
@@ -6626,7 +6626,27 @@ function EditModal({
     try {
       const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");
       if (!csrfToken) throw new Error("[Table] CSRF token not found.");
-      await axios3.put(`${baseUrl}/${itemId}/update`, { ...form, csrfToken }, { headers: { "X-CSRF-Token": csrfToken } });
+      const hasFiles = Object.values(form).some(
+        (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File || v instanceof File
+      );
+      let body;
+      if (hasFiles) {
+        const fd = new FormData();
+        fd.append("_method", "PUT");
+        Object.entries(form).forEach(([k, v]) => {
+          if (Array.isArray(v) && v[0] instanceof File) {
+            v.forEach((f) => fd.append(k, f));
+          } else if (v instanceof File) {
+            fd.append(k, v);
+          } else if (v !== null && v !== void 0) {
+            fd.append(k, String(v));
+          }
+        });
+        body = fd;
+      } else {
+        body = form;
+      }
+      await axios3.put(`${baseUrl}/${itemId}/update`, body, { headers: { "X-CSRF-Token": csrfToken } });
       const updated = { ...item, ...form };
       if (notif && (notif.type ?? "toast") === "notification") {
         setBanner(true);
@@ -12039,13 +12059,13 @@ function Timeline({ items, align = "left", className }) {
 
 // src/components/ui/tree-view.tsx
 import * as React48 from "react";
-import { ChevronRight as ChevronRight11, Folder, FolderOpen, File } from "lucide-react";
+import { ChevronRight as ChevronRight11, Folder, FolderOpen, File as File2 } from "lucide-react";
 import { jsx as jsx60, jsxs as jsxs53 } from "react/jsx-runtime";
 function TreeNodeItem({ node, depth, selected, expanded, onToggleExpand, onSelect, multiple }) {
   const hasChildren = !!node.children?.length;
   const isExpanded = expanded.includes(node.id);
   const isSelected = selected.includes(node.id);
-  const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ jsx60(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx60(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx60(File, { className: "h-4 w-4 text-muted-foreground" });
+  const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ jsx60(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx60(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx60(File2, { className: "h-4 w-4 text-muted-foreground" });
   return /* @__PURE__ */ jsxs53("div", { children: [
     /* @__PURE__ */ jsxs53(
       "div",

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "3.4.2",
+  "version": "3.4.4",
   "description": "Reusable React UI components",
   "license": "MIT",
   "main": "dist/index.js",