@delightui/components 0.1.150 → 0.1.152

package/dist/index.d.ts

@@ -2263,7 +2263,7 @@ type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
  * @param onFilesUpload (file: File) => void - callback when files are selected
  * @param onFilesReset () => void - callback when files are reset
  */
-type DropzoneProps = ControlledFormComponentProps<File[]> & {
+type DropzoneProps<T extends File | string = File> = ControlledFormComponentProps<T[]> & {
     className?: string;
     /**
      * the view when no file is selected.
@@ -2304,6 +2304,18 @@ type DropzoneProps = ControlledFormComponentProps<File[]> & {
      * callback when files are reset
      */
     onFilesReset?: () => void;
+    /**
+     * Callback when files are changed for dropzone
+     * @param Files updated selected files by user
+     * @returns {void}
+     */
+    handleFilesChange?: (Files: File[]) => void;
+    /**
+     * specifies what the component needs to accept as value
+     * sync this with Dropzone generics
+     * @default 'File'
+     */
+    type?: 'File' | 'URL';
 };
 /**
  * Dropzone context type
@@ -2312,7 +2324,7 @@ type DropzoneProps = ControlledFormComponentProps<File[]> & {
  * @param selectFile () => void - The function to call when the file is selected.
  * @param resetUpload () => void - The function to call when the file is reset.
  */
-type DropzoneContextType = {
+type DropzoneContextType<T extends File | string = File> = {
     /**
      * The status of the dropzone.
      */
@@ -2331,6 +2343,7 @@ type DropzoneContextType = {
     accept: {
         [key: string]: readonly string[];
     };
+    value?: T[];
     /**
      * The function to call to open the file dialog.
      */
@@ -2352,8 +2365,8 @@ type DropzoneFilenameProps = TextProps & {
     fileIndex?: number;
 };
 
-declare const Dropzone: (props: DropzoneProps) => react_jsx_runtime.JSX.Element;
-declare const useDropzoneContext: () => DropzoneContextType;
+declare const Dropzone: <T extends File | string = File>(props: DropzoneProps<T>) => react_jsx_runtime.JSX.Element;
+declare const useDropzoneContext: <T extends File | string = File>() => DropzoneContextType<T>;
 
 declare const DropzoneClear: (props: DropzoneClearProps) => react_jsx_runtime.JSX.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delightui/components",
-  "version": "0.1.150",
+  "version": "0.1.152",
   "private": false,
   "scripts": {
     "start": "vite",