@juv/codego-react-ui 3.4.4 → 3.4.6

package/dist/index.cjs

@@ -6648,7 +6648,9 @@ 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, { onFilesChange: (files) => onChange(files), multiple: true });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FileUpload, { onFileSelect: (file) => onChange(file), onFilesChange: (files) => {
+        if (files.length > 1) onChange(files);
+      } });
     case "repeater": {
       const items = Array.isArray(value) ? value : [];
       return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -6722,7 +6724,7 @@ function EditModal({
   const [form, setForm] = React28.useState(() => {
     const init = {};
     fields.forEach((f) => {
-      init[f.key] = item[f.key] ?? "";
+      init[f.key] = f.type === "file-upload" ? null : item[f.key] ?? "";
     });
     return init;
   });
@@ -6734,6 +6736,7 @@ function EditModal({
     e.preventDefault();
     const errs = {};
     fields.forEach((f) => {
+      if (f.type === "file-upload" && !form[f.key] && item[f.key]) return;
       const msg = validateField(f, form[f.key]);
       if (msg) errs[f.key] = msg;
     });
@@ -6747,19 +6750,20 @@ function EditModal({
     try {
       const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");
       if (!csrfToken) throw new Error("[Table] CSRF token not found.");
-      const hasFiles = Object.values(form).some(
-        (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File || v instanceof File
-      );
+      const isFile = (v) => v instanceof File;
+      const isFileArray = (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File;
+      const hasFiles = Object.values(form).some((v) => isFile(v) || isFileArray(v));
       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) {
+          if (isFileArray(v)) {
             v.forEach((f) => fd.append(k, f));
-          } else if (v instanceof File) {
+          } else if (isFile(v)) {
             fd.append(k, v);
-          } else if (v !== null && v !== void 0) {
+          } else if (v === null || v === void 0) {
+          } else if (!Array.isArray(v)) {
             fd.append(k, String(v));
           }
         });
@@ -12868,6 +12872,12 @@ var axiosInstance = import_axios5.default.create({
     Accept: "application/json"
   }
 });
+axiosInstance.interceptors.request.use((config) => {
+  if (config.data instanceof FormData) {
+    delete config.headers["Content-Type"];
+  }
+  return config;
+});
 
 // src/lib/codego/request.ts
 var request = async (config) => {

package/dist/index.global.js

@@ -69794,7 +69794,9 @@ ${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, { onFilesChange: (files) => onChange(files), multiple: true });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FileUpload, { onFileSelect: (file) => onChange(file), onFilesChange: (files) => {
+          if (files.length > 1) onChange(files);
+        } });
       case "repeater": {
         const items = Array.isArray(value) ? value : [];
         return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -69868,7 +69870,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     const [form, setForm] = React28.useState(() => {
       const init = {};
       fields.forEach((f) => {
-        init[f.key] = item[f.key] ?? "";
+        init[f.key] = f.type === "file-upload" ? null : item[f.key] ?? "";
       });
       return init;
     });
@@ -69880,6 +69882,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       e.preventDefault();
       const errs = {};
       fields.forEach((f) => {
+        if (f.type === "file-upload" && !form[f.key] && item[f.key]) return;
         const msg = validateField(f, form[f.key]);
         if (msg) errs[f.key] = msg;
       });
@@ -69893,19 +69896,20 @@ ${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.");
-        const hasFiles = Object.values(form).some(
-          (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File || v instanceof File
-        );
+        const isFile2 = (v) => v instanceof File;
+        const isFileArray = (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File;
+        const hasFiles = Object.values(form).some((v) => isFile2(v) || isFileArray(v));
         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) {
+            if (isFileArray(v)) {
               v.forEach((f) => fd.append(k, f));
-            } else if (v instanceof File) {
+            } else if (isFile2(v)) {
               fd.append(k, v);
-            } else if (v !== null && v !== void 0) {
+            } else if (v === null || v === void 0) {
+            } else if (!Array.isArray(v)) {
               fd.append(k, String(v));
             }
           });
@@ -76424,6 +76428,12 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       Accept: "application/json"
     }
   });
+  axiosInstance.interceptors.request.use((config) => {
+    if (config.data instanceof FormData) {
+      delete config.headers["Content-Type"];
+    }
+    return config;
+  });
 
   // src/lib/codego/request.ts
   var request = async (config) => {

package/dist/index.js

@@ -6527,7 +6527,9 @@ 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, { onFilesChange: (files) => onChange(files), multiple: true });
+      return /* @__PURE__ */ jsx32(FileUpload, { onFileSelect: (file) => onChange(file), onFilesChange: (files) => {
+        if (files.length > 1) onChange(files);
+      } });
     case "repeater": {
       const items = Array.isArray(value) ? value : [];
       return /* @__PURE__ */ jsx32(
@@ -6601,7 +6603,7 @@ function EditModal({
   const [form, setForm] = React28.useState(() => {
     const init = {};
     fields.forEach((f) => {
-      init[f.key] = item[f.key] ?? "";
+      init[f.key] = f.type === "file-upload" ? null : item[f.key] ?? "";
     });
     return init;
   });
@@ -6613,6 +6615,7 @@ function EditModal({
     e.preventDefault();
     const errs = {};
     fields.forEach((f) => {
+      if (f.type === "file-upload" && !form[f.key] && item[f.key]) return;
       const msg = validateField(f, form[f.key]);
       if (msg) errs[f.key] = msg;
     });
@@ -6626,19 +6629,20 @@ function EditModal({
     try {
       const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");
       if (!csrfToken) throw new Error("[Table] CSRF token not found.");
-      const hasFiles = Object.values(form).some(
-        (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File || v instanceof File
-      );
+      const isFile = (v) => v instanceof File;
+      const isFileArray = (v) => Array.isArray(v) && v.length > 0 && v[0] instanceof File;
+      const hasFiles = Object.values(form).some((v) => isFile(v) || isFileArray(v));
       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) {
+          if (isFileArray(v)) {
             v.forEach((f) => fd.append(k, f));
-          } else if (v instanceof File) {
+          } else if (isFile(v)) {
             fd.append(k, v);
-          } else if (v !== null && v !== void 0) {
+          } else if (v === null || v === void 0) {
+          } else if (!Array.isArray(v)) {
             fd.append(k, String(v));
           }
         });
@@ -12747,6 +12751,12 @@ var axiosInstance = axios5.create({
     Accept: "application/json"
   }
 });
+axiosInstance.interceptors.request.use((config) => {
+  if (config.data instanceof FormData) {
+    delete config.headers["Content-Type"];
+  }
+  return config;
+});
 
 // src/lib/codego/request.ts
 var request = async (config) => {

package/package.json

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