@delightui/components 0.1.150 → 0.1.152

package/dist/cjs/components/organisms/Dropzone/Dropzone.d.ts

@@ -1,4 +1,4 @@
 import { DropzoneContextType, DropzoneProps } from './Dropzone.types';
-declare const Dropzone: (props: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useDropzoneContext: () => DropzoneContextType;
+declare const Dropzone: <T extends File | string = File>(props: DropzoneProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const useDropzoneContext: <T extends File | string = File>() => DropzoneContextType<T>;
 export default Dropzone;

package/dist/cjs/components/organisms/Dropzone/Dropzone.presenter.d.ts

@@ -1,11 +1,12 @@
 import { DropzoneProps, DropzoneStatus } from './Dropzone.types';
-declare const usePresenter: (props: DropzoneProps) => {
+declare const usePresenter: <T extends File | string = File>(props: DropzoneProps<T>) => {
     variantProps: {
         'component-variant': string;
     };
-    files: File[] | undefined;
-    getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T) => T;
-    getInputProps: <T extends import("react-dropzone").DropzoneInputProps>(props?: T) => T;
+    files: T[] | undefined;
+    userSelectedFiles: File[] | undefined;
+    getRootProps: <T_1 extends import("react-dropzone").DropzoneRootProps>(props?: T_1) => T_1;
+    getInputProps: <T_1 extends import("react-dropzone").DropzoneInputProps>(props?: T_1) => T_1;
     open: () => void;
     empty: import("react").ReactNode;
     loading: import("react").ReactNode;

package/dist/cjs/components/organisms/Dropzone/Dropzone.types.d.ts

@@ -2,6 +2,7 @@ import { HTMLAttributes, ReactNode } from 'react';
 import { ButtonProps, IconButtonProps, TextProps } from '../../atoms';
 import { ControlledFormComponentProps } from '../../molecules/FormField/FormField.types';
 export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
+export type DropzoneAcceptTypeEnum = 'File' | 'URL';
 /**
  * Dropzone component props
  * @param empty React.ReactNode - The empty state of the dropzone.
@@ -13,7 +14,7 @@ export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
  * @param onFilesUpload (file: File) => void - callback when files are selected
  * @param onFilesReset () => void - callback when files are reset
  */
-export type DropzoneProps = ControlledFormComponentProps<File[]> & {
+export type DropzoneProps<T extends File | string = File> = ControlledFormComponentProps<T[]> & {
     className?: string;
     /**
      * the view when no file is selected.
@@ -54,6 +55,18 @@ export 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
@@ -62,7 +75,7 @@ export 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.
  */
-export type DropzoneContextType = {
+export type DropzoneContextType<T extends File | string = File> = {
     /**
      * The status of the dropzone.
      */
@@ -81,6 +94,7 @@ export type DropzoneContextType = {
     accept: {
         [key: string]: readonly string[];
     };
+    value?: T[];
     /**
      * The function to call to open the file dialog.
      */

package/dist/cjs/components/organisms/Form/DropzoneFormExample.d.ts

@@ -0,0 +1,2 @@
+declare const DropzoneFormExample: () => import("react/jsx-runtime").JSX.Element;
+export default DropzoneFormExample;