@wavv/ui 2.3.8 → 2.3.9

package/build/components/DropZone.d.ts

@@ -24,6 +24,8 @@ type Props = {
     supportedFormats?: string[];
     /** Maximum file size string to display (e.g., '25MB') */
     maxFileSize?: string;
+    /** Controlled array of files */
+    files?: DropZoneFile[];
     /** Callback when files are added. */
     onFilesAdded?: (files: DropZoneFile[]) => void;
     /** Callback when files are removed. */
@@ -44,5 +46,5 @@ type Props = {
     defaultCamera?: FileTriggerProps['defaultCamera'];
     acceptDirectory?: FileTriggerProps['acceptDirectory'];
 } & MarginPadding & WidthHeight & Omit<DropZoneProps, 'isDisabled' | 'children'> & Omit<FileTriggerProps, 'children' | 'onSelect'>;
-declare const DropZone: ({ label, showFileList, disabled, invalid, errorMessage, supportedFormats, maxFileSize, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, onDrop, onFilesAdded, onFilesRemoved, width, margin, marginTop, marginRight, marginBottom, marginLeft, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const DropZone: ({ label, showFileList, disabled, invalid, errorMessage, supportedFormats, maxFileSize, files: controlledFiles, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, onDrop, onFilesAdded, onFilesRemoved, width, margin, marginTop, marginRight, marginBottom, marginLeft, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DropZone;

package/build/components/DropZone.js

@@ -6,8 +6,10 @@ import matchesFileTypes from "../utils/matchesFileTypes.js";
 import Button from "./Button/index.js";
 import FileTrigger from "./FileTrigger.js";
 import { marginProps, paddingProps, widthHeightProps } from "./helpers/styledProps.js";
-const DropZone_DropZone = ({ label = 'Drop here', showFileList = true, disabled, invalid, errorMessage, supportedFormats, maxFileSize, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, onDrop, onFilesAdded, onFilesRemoved, width, margin, marginTop, marginRight, marginBottom, marginLeft, ...rest })=>{
-    const [files, setFiles] = useState([]);
+const DropZone_DropZone = ({ label = 'Drop here', showFileList = true, disabled, invalid, errorMessage, supportedFormats, maxFileSize, files: controlledFiles, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, onDrop, onFilesAdded, onFilesRemoved, width, margin, marginTop, marginRight, marginBottom, marginLeft, ...rest })=>{
+    const [internalFiles, setInternalFiles] = useState([]);
+    const isControlled = void 0 !== controlledFiles;
+    const files = isControlled ? controlledFiles : internalFiles;
     const [sizeValidationError, setSizeValidationError] = useState(null);
     const [typeValidationError, setTypeValidationError] = useState(null);
     const instanceId = useId();
@@ -64,7 +66,7 @@ const DropZone_DropZone = ({ label = 'Drop here', showFileList = true, disabled,
             ...files,
             ...newEntries
         ] : newEntries;
-        setFiles(updatedFiles);
+        if (!isControlled) setInternalFiles(updatedFiles);
         onFilesAdded?.(newEntries);
     };
     const handleFileDrop = async (event)=>{
@@ -99,7 +101,7 @@ const DropZone_DropZone = ({ label = 'Drop here', showFileList = true, disabled,
     const handleRemoveFile = (id)=>{
         const removedFile = files.find((file)=>file.id === id);
         const updatedFiles = files.filter((file)=>file.id !== id);
-        setFiles(updatedFiles);
+        if (!isControlled) setInternalFiles(updatedFiles);
         if (removedFile) onFilesRemoved?.([
             removedFile
         ]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.3.8",
+	"version": "2.3.9",
 	"type": "module",
 	"exports": {
 		".": {