@esic-lab/data-core-ui 0.0.43 → 0.0.45

package/dist/index.mjs

@@ -2424,7 +2424,7 @@ function SelectField({
           Select,
           {
             showSearch: true,
-            value,
+            value: value ? value : void 0,
             defaultValue,
             onChange,
             className: `body-1 flex justify-center w-full ${className ?? ""}`,
@@ -2495,7 +2495,7 @@ function SelectFieldGroup({
           Select2,
           {
             showSearch: true,
-            value,
+            value: value ? value : void 0,
             defaultValue,
             onChange,
             className: `body-1 flex justify-center w-full ${className ?? ""}`,
@@ -2582,7 +2582,7 @@ function SelectFieldStatus({
           {
             disabled,
             suffixIcon: /* @__PURE__ */ jsx29(DownOutlined, { style: { color: value ? "#fff" : "#D9D9D9" } }),
-            value,
+            value: value ? value : void 0,
             onChange,
             className: `body-3 custom-select flex justify-center w-full ${className ?? ""}`,
             placeholder,
@@ -2649,7 +2649,7 @@ function SelectFieldStatusReport({
           {
             disabled,
             suffixIcon: /* @__PURE__ */ jsx30(DownOutlined2, { style: { color: value ? "#fff" : "#D9D9D9" } }),
-            value,
+            value: value ? value : void 0,
             onChange,
             className: `body-3 custom-select flex justify-center w-full ${className ?? ""}`,
             placeholder,
@@ -2721,7 +2721,7 @@ function SelectFieldTag({
             mode: "tags",
             className: `body-1 flex justify-center w-full ${className ?? ""}`,
             placeholder,
-            value,
+            value: value ? value : void 0,
             onChange: handleChange,
             onSearch: handleSearch,
             filterOption: (input, option) => {
@@ -2791,7 +2791,7 @@ function SelectCustom({
         /* @__PURE__ */ jsx32(
           Select6,
           {
-            value,
+            value: value ? value : void 0,
             onChange: handleChange,
             placeholder,
             options: filteredOptions,
@@ -2800,16 +2800,29 @@ function SelectCustom({
           }
         ),
         error && /* @__PURE__ */ jsx32("p", { className: "text-red-500 caption-1", children: error }),
-        /* @__PURE__ */ jsx32("div", { className: "w-full p-[2px] overflow-y-auto", children: valueList.map((v, index) => /* @__PURE__ */ jsxs28("div", { className: "flex justify-between items-center py-[2px] body-1", children: [
-          /* @__PURE__ */ jsxs28("div", { className: "flex flex-row gap-[8px]", children: [
-            /* @__PURE__ */ jsxs28("p", { children: [
-              index + 1,
-              "."
-            ] }),
-            /* @__PURE__ */ jsx32("p", { children: v })
-          ] }),
-          /* @__PURE__ */ jsx32(IconTrash, { className: "cursor-pointer", onClick: () => handleDelete(v) })
-        ] }, index)) })
+        /* @__PURE__ */ jsx32("div", { className: "w-full p-[2px] overflow-y-auto", children: valueList.map((v, index) => /* @__PURE__ */ jsxs28(
+          "div",
+          {
+            className: "flex justify-between items-center py-[2px] body-1",
+            children: [
+              /* @__PURE__ */ jsxs28("div", { className: "flex flex-row gap-[8px]", children: [
+                /* @__PURE__ */ jsxs28("p", { children: [
+                  index + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsx32("p", { children: v })
+              ] }),
+              /* @__PURE__ */ jsx32(
+                IconTrash,
+                {
+                  className: "cursor-pointer",
+                  onClick: () => handleDelete(v)
+                }
+              )
+            ]
+          },
+          index
+        )) })
       ] })
     }
   );
@@ -2946,12 +2959,14 @@ function FileUploader({
   disabled,
   mode = "drop",
   description,
-  label
+  label,
+  value
 }) {
-  const [fileList, setFileList] = useState11([]);
+  const [internalFileList, setInternalFileList] = useState11([]);
   const [uploading, setUploading] = useState11(false);
   const [dragActive, setDragActive] = useState11(false);
   const inputRef = useRef4(null);
+  const filesToDisplay = value || internalFileList;
   const validateFile = (file) => {
     if (accept && !accept.includes(file.type)) {
       onError?.(`Invalid file type. file: ${file.name}`);
@@ -2971,9 +2986,11 @@ function FileUploader({
       if (onRemove) {
         await onRemove(index);
       }
-      const updatedList = [...fileList];
-      updatedList.splice(index, 1);
-      setFileList(updatedList);
+      if (!value) {
+        const updatedList = [...internalFileList];
+        updatedList.splice(index, 1);
+        setInternalFileList(updatedList);
+      }
     } catch (error) {
       console.log(error);
     }
@@ -2991,13 +3008,19 @@ function FileUploader({
     if (!files) return;
     const fileArray = Array.from(files);
     for (const file of fileArray) {
-      if (!validateFile(file)) continue;
+      try {
+        validateFile(file);
+      } catch (e) {
+        continue;
+      }
       setUploading(true);
       try {
         if (onUpload) {
           await onUpload(file);
         }
-        setFileList((prev) => [...prev, file]);
+        if (!value) {
+          setInternalFileList((prev) => [...prev, file]);
+        }
       } catch (err) {
         console.log("catch");
         console.error(err);
@@ -3064,10 +3087,10 @@ function FileUploader({
       )
     ] }),
     description && /* @__PURE__ */ jsx34("p", { className: "text-gray-400 body-4", children: description }),
-    /* @__PURE__ */ jsx34("div", { className: "mt-[8px]", children: fileList.length !== 0 && fileList.map((file, index) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 rounded-[4px] px-[8px] py-[4px] body-1", children: [
+    /* @__PURE__ */ jsx34("div", { className: "mt-[8px]", children: filesToDisplay.length !== 0 && filesToDisplay.map((file, index) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 rounded-[4px] px-[8px] py-[4px] body-1", children: [
       /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 w-[75%] overflow-hidden", children: [
         /* @__PURE__ */ jsx34("div", { className: "w-[15px] h-[15px]", children: /* @__PURE__ */ jsx34(IconPaperclip, { size: 15 }) }),
-        /* @__PURE__ */ jsx34("span", { className: "truncate", children: file.name })
+        /* @__PURE__ */ jsx34("span", { className: "truncate", children: file.name || file.fileName })
       ] }),
       /* @__PURE__ */ jsx34(
         IconTrash2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esic-lab/data-core-ui",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",