@deepnoid/ui 0.1.165 → 0.1.167

package/dist/{chunk-OOX5X2MN.mjs → chunk-4XEZQMLU.mjs}

@@ -29,29 +29,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = useRef(null);
   const uploadIntervalRef = useRef(null);
-  const [file, setFile] = useState(null);
+  const [currentFile, setCurrentFile] = useState(null);
   const [uploadProgress, setUploadProgress] = useState(0);
   const [message, setMessage] = useState(errorMessage);
+  const [displayFileName, setDisplayFileName] = useState(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = 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(() => {
@@ -59,7 +62,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -70,20 +73,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();
   };
   useEffect(() => {
@@ -94,8 +103,11 @@ function FileUpload({
     };
   }, []);
   useEffect(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ jsxs("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ jsxs("div", { className: slots.inputWrapper(), children: [
@@ -107,14 +119,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__ */ jsx(
+        shouldShowCloseButton && /* @__PURE__ */ jsx(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -123,10 +136,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ jsx(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ jsx(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ jsx(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -137,7 +159,7 @@ var fileUploadStyle = 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/components/fileUpload/fileUpload.d.mts

@@ -3,6 +3,11 @@ import * as tailwind_merge from 'tailwind-merge';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
+type DefaultFile = {
+    name: string;
+    size?: number;
+    type?: string;
+};
 type FileUploadProps = {
     buttonText: string;
     maxSizeMB?: number;
@@ -17,8 +22,9 @@ type FileUploadProps = {
     showProgress?: boolean;
     name?: string;
     classNames?: SlotsToClasses<FileUploadSlots>;
+    defaultFile?: DefaultFile;
 };
-declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, defaultFile, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 declare namespace FileUpload {
     var displayName: string;
 }
@@ -80,4 +86,4 @@ declare const fileUploadStyle: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type FileUploadSlots = keyof ReturnType<typeof fileUploadStyle>;
 
-export { FileUpload, FileUpload as default, fileUploadStyle };
+export { type DefaultFile, FileUpload, type FileUploadProps, FileUpload as default, fileUploadStyle };

package/dist/components/fileUpload/fileUpload.d.ts

@@ -3,6 +3,11 @@ import * as tailwind_merge from 'tailwind-merge';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SlotsToClasses } from '../../utils/types.js';
 
+type DefaultFile = {
+    name: string;
+    size?: number;
+    type?: string;
+};
 type FileUploadProps = {
     buttonText: string;
     maxSizeMB?: number;
@@ -17,8 +22,9 @@ type FileUploadProps = {
     showProgress?: boolean;
     name?: string;
     classNames?: SlotsToClasses<FileUploadSlots>;
+    defaultFile?: DefaultFile;
 };
-declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ buttonText, maxSizeMB, placeholder, errorMessage, accept, acceptErrorMessage, sizeErrorMessage, onFileUpload, onCancelUpload, helperMessage, showProgress, name, classNames, defaultFile, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 declare namespace FileUpload {
     var displayName: string;
 }
@@ -80,4 +86,4 @@ declare const fileUploadStyle: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type FileUploadSlots = keyof ReturnType<typeof fileUploadStyle>;
 
-export { FileUpload, FileUpload as default, fileUploadStyle };
+export { type DefaultFile, FileUpload, type FileUploadProps, FileUpload as default, fileUploadStyle };

package/dist/components/fileUpload/fileUpload.js

@@ -6639,29 +6639,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = (0, import_react7.useRef)(null);
   const uploadIntervalRef = (0, import_react7.useRef)(null);
-  const [file, setFile] = (0, import_react7.useState)(null);
+  const [currentFile, setCurrentFile] = (0, import_react7.useState)(null);
   const [uploadProgress, setUploadProgress] = (0, import_react7.useState)(0);
   const [message, setMessage] = (0, import_react7.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react7.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react7.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(() => {
@@ -6669,7 +6672,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -6680,20 +6683,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_react7.useEffect)(() => {
@@ -6704,8 +6713,11 @@ function FileUpload({
     };
   }, []);
   (0, import_react7.useEffect)(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.inputWrapper(), children: [
@@ -6717,14 +6729,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_runtime8.jsx)(
+        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -6733,10 +6746,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -6747,7 +6769,7 @@ var fileUploadStyle = (0, import_tailwind_variants6.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/components/fileUpload/fileUpload.mjs

@@ -3,7 +3,7 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-OOX5X2MN.mjs";
+} from "../../chunk-4XEZQMLU.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";

package/dist/components/fileUpload/index.d.mts

@@ -1,4 +1,4 @@
-export { default as FileUpload } from './fileUpload.mjs';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './fileUpload.mjs';
 import 'tailwind-variants';
 import 'tailwind-merge';
 import 'react/jsx-runtime';

package/dist/components/fileUpload/index.d.ts

@@ -1,4 +1,4 @@
-export { default as FileUpload } from './fileUpload.js';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './fileUpload.js';
 import 'tailwind-variants';
 import 'tailwind-merge';
 import 'react/jsx-runtime';

package/dist/components/fileUpload/index.js

@@ -6639,29 +6639,32 @@ function FileUpload({
   helperMessage,
   showProgress,
   name,
-  classNames
+  classNames,
+  defaultFile
 }) {
   const fileInputRef = (0, import_react7.useRef)(null);
   const uploadIntervalRef = (0, import_react7.useRef)(null);
-  const [file, setFile] = (0, import_react7.useState)(null);
+  const [currentFile, setCurrentFile] = (0, import_react7.useState)(null);
   const [uploadProgress, setUploadProgress] = (0, import_react7.useState)(0);
   const [message, setMessage] = (0, import_react7.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react7.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react7.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(() => {
@@ -6669,7 +6672,7 @@ function FileUpload({
       setUploadProgress(progress);
       if (progress >= 100) {
         clearInterval(uploadIntervalRef.current);
-        onFileUpload == null ? void 0 : onFileUpload(file2);
+        onFileUpload == null ? void 0 : onFileUpload(file);
       }
     }, 100);
   };
@@ -6680,20 +6683,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_react7.useEffect)(() => {
@@ -6704,8 +6713,11 @@ function FileUpload({
     };
   }, []);
   (0, import_react7.useEffect)(() => {
-    setMessage(errorMessage);
-  }, [setMessage, errorMessage]);
+    if (errorMessage !== void 0) {
+      setMessage(errorMessage);
+    }
+  }, [errorMessage]);
+  const shouldShowCloseButton = hasUploadedFile;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.inputWrapper(), children: [
@@ -6717,14 +6729,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_runtime8.jsx)(
+        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           icon_button_default,
           {
             name: "close",
+            size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: handleCancelUpload,
@@ -6733,10 +6746,19 @@ function FileUpload({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, disabled: !!file, children: buttonText }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        button_default,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleButtonClick,
+          disabled: !!(currentFile && hasUploadedFile),
+          children: buttonText
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
     !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
@@ -6747,7 +6769,7 @@ var fileUploadStyle = (0, import_tailwind_variants6.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/components/fileUpload/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-OOX5X2MN.mjs";
+} from "../../chunk-4XEZQMLU.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";

package/dist/index.d.mts

@@ -31,7 +31,7 @@ export { default as DatePicker, DatePickerProps, DateRangeValue, DateValue } fro
 export { default as TimePicker, TimePickerProps } from './components/picker/timePicker.mjs';
 export { default as ScrollArea } from './components/scroll/scrollArea.mjs';
 export { default as Tree, TreeNode } from './components/tree/tree.mjs';
-export { default as FileUpload } from './components/fileUpload/fileUpload.mjs';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './components/fileUpload/fileUpload.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';
 export { default as CircularProgress } from './components/charts/circularProgress.mjs';
 export { default as AreaChart } from './components/charts/areaChart.mjs';

package/dist/index.d.ts

@@ -31,7 +31,7 @@ export { default as DatePicker, DatePickerProps, DateRangeValue, DateValue } fro
 export { default as TimePicker, TimePickerProps } from './components/picker/timePicker.js';
 export { default as ScrollArea } from './components/scroll/scrollArea.js';
 export { default as Tree, TreeNode } from './components/tree/tree.js';
-export { default as FileUpload } from './components/fileUpload/fileUpload.js';
+export { DefaultFile, default as FileUpload, FileUploadProps } from './components/fileUpload/fileUpload.js';
 export { default as Skeleton } from './components/skeleton/skeleton.js';
 export { default as CircularProgress } from './components/charts/circularProgress.js';
 export { default as AreaChart } from './components/charts/areaChart.js';