@deepnoid/ui 0.1.165 → 0.1.167

package/dist/index.js

@@ -12342,29 +12342,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = (0, import_react37.useRef)(null);
   const uploadIntervalRef = (0, import_react37.useRef)(null);
-  const [file, setFile] = (0, import_react37.useState)(null);
+  const [currentFile, setCurrentFile] = (0, import_react37.useState)(null);
   const [uploadProgress, setUploadProgress] = (0, import_react37.useState)(0);
   const [message, setMessage] = (0, import_react37.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react37.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react37.useState)(false);
   const slots = fileUploadStyle();
   const handleButtonClick = () => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const validateFile = (file2) => {
-    if (accept.length && !accept.includes(file2.type)) {
+  const validateFile = (file) => {
+    if (accept.length && !accept.includes(file.type)) {
       return acceptErrorMessage;
     }
-    const sizeMB = file2.size / 1024 / 1024;
+    const sizeMB = file.size / 1024 / 1024;
     if (sizeMB > maxSizeMB) {
       return `${sizeErrorMessage} (${maxSizeMB}MB)`;
     }
     return null;
   };
-  const startUploadSimulation = (file2) => {
+  const startUploadSimulation = (file) => {
     let progress = 0;
     setUploadProgress(0);
     uploadIntervalRef.current = window.setInterval(() => {
@@ -12372,7 +12375,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -12383,20 +12386,26 @@ function FileUpload({
     const error = validateFile(selectedFile);
     if (error) {
       setMessage(error);
-      setFile(null);
+      setCurrentFile(null);
+      setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+      setHasUploadedFile(false);
       return;
     }
-    setFile(selectedFile);
+    setCurrentFile(selectedFile);
+    setDisplayFileName(selectedFile.name);
     setMessage("");
+    setHasUploadedFile(true);
     startUploadSimulation(selectedFile);
   };
   const handleCancelUpload = () => {
     if (uploadIntervalRef.current) {
       clearInterval(uploadIntervalRef.current);
     }
-    setFile(null);
+    setCurrentFile(null);
     setUploadProgress(0);
     setMessage("");
+    setDisplayFileName((defaultFile == null ? void 0 : defaultFile.name) || "");
+    setHasUploadedFile(false);
     if (onCancelUpload) onCancelUpload();
   };
   (0, import_react37.useEffect)(() => {
@@ -12407,8 +12416,11 @@ function FileUpload({
     };
   }, []);
   (0, import_react37.useEffect)(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: slots.inputWrapper(), children: [
@@ -12420,14 +12432,15 @@ function FileUpload({
             variant: "outline",
             full: true,
             placeholder,
-            defaultValue: file == null ? void 0 : file.name,
-            errorMessage: message
+            value: displayFileName,
+            errorMessage: message && (message == null ? void 0 : message.length) > 0 ? message : void 0
           }
         ),
-        file && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -12436,10 +12449,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -12450,7 +12472,7 @@ var fileUploadStyle = (0, import_tailwind_variants34.tv)({
     base: ["flex", "flex-col", "gap-[5px]"],
     container: ["flex", "gap-[10px]"],
     inputWrapper: ["relative", "flex-1"],
-    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
+    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2", "mr-[4px]"],
     errorMessage: ["text-danger-main", "text-sm"],
     helperMessage: ["text-neutral-main", "text-sm"]
   }

package/dist/index.mjs

@@ -1,27 +1,27 @@
 "use client";
-import "./chunk-LUWGOKLG.mjs";
-import {
-  ToastProvider,
-  useToast
-} from "./chunk-EQLBG32V.mjs";
-import "./chunk-ZOTHPHXA.mjs";
+import "./chunk-MBLZYQCN.mjs";
 import {
-  toast_default
-} from "./chunk-6574ITBF.mjs";
+  tree_default
+} from "./chunk-WSBUOY2M.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-3CRSSRCH.mjs";
-import "./chunk-MBLZYQCN.mjs";
-import {
-  tree_default
-} from "./chunk-WSBUOY2M.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
 } from "./chunk-5KC3IFNR.mjs";
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
+import "./chunk-LUWGOKLG.mjs";
+import {
+  ToastProvider,
+  useToast
+} from "./chunk-EQLBG32V.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import {
+  toast_default
+} from "./chunk-6574ITBF.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
@@ -69,10 +69,6 @@ import {
   select_default
 } from "./chunk-5G6CCE55.mjs";
 import "./chunk-FWFEKWWD.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-SCQCMQDP.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
@@ -80,6 +76,10 @@ import {
 import {
   listItem_default
 } from "./chunk-HKLVFMYQ.mjs";
+import "./chunk-DJOG6Z35.mjs";
+import {
+  modal_default
+} from "./chunk-SCQCMQDP.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
   chip_default
@@ -91,7 +91,7 @@ import {
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "./chunk-OOX5X2MN.mjs";
+} from "./chunk-4XEZQMLU.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.165",
+  "version": "0.1.167",
   "license": "MIT",
   "sideEffects": false,
   "exports": {