@delightui/components 0.1.156 → 0.1.158

package/dist/cjs/components/molecules/Search/Search.d.ts

@@ -8,6 +8,7 @@
 declare const Search: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & import("../FormField/FormField.types").ControlledFormComponentProps<string> & {
     style?: import("./Search.types").SearchStyleEnum;
     onSearch?: import("./Search.types").SearchCallback;
+    onClear?: () => void;
     debounceMs?: number;
     minCharacters?: number;
     showSubmitButton?: boolean;

package/dist/cjs/components/molecules/Search/Search.types.d.ts

@@ -21,6 +21,12 @@ export type SearchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | '
      * Callback function to handle search with the query string
      */
     onSearch?: SearchCallback;
+    /**
+     * Callback function to handle clear button click
+     * Called when the user clicks the clear button (X icon)
+     * This is separate from onValueChange to provide explicit clear intent
+     */
+    onClear?: () => void;
     /**
      * Debounce delay in milliseconds for auto style
      * @default 300

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

@@ -16,7 +16,7 @@ declare const usePresenter: <T extends File | string = File>(props: DropzoneProp
     accept: {
         [key: string]: readonly string[];
     } | undefined;
-    resetFiles: () => void;
+    resetFiles: () => Promise<void>;
     id: string | undefined;
     isDragActive: boolean;
     contextValue: DropzoneContextType<T>;

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

@@ -3,6 +3,15 @@ import { ButtonProps, IconButtonProps, TextProps } from '../../atoms';
 import { ControlledFormComponentProps } from '../../molecules/FormField/FormField.types';
 export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
 export type DropzoneAcceptTypeEnum = 'File' | 'URL';
+/**
+ * Metadata for uploaded files in URL mode
+ */
+export type UploadedFileMetadata = {
+    url: string;
+    filename: string;
+    size?: number;
+    mimetype?: string;
+};
 /**
  * Dropzone component props
  * @param empty React.ReactNode - The empty state of the dropzone.
@@ -67,6 +76,25 @@ export type DropzoneProps<T extends File | string = File> = ControlledFormCompon
      * @default 'File'
      */
     type?: 'File' | 'URL';
+    /**
+     * Async callback for uploading files and returning URLs (URL mode only)
+     * @param files The files to upload
+     * @returns Promise resolving to array of uploaded file URLs
+     */
+    onUpload?: (files: File[]) => Promise<string[]>;
+    /**
+     * Callback when files are deleted/cleared
+     * @param value The current value being deleted
+     * @returns Promise or void
+     */
+    onDelete?: (value: T[]) => Promise<void> | void;
+    /**
+     * Function to resolve metadata from URLs (URL mode only)
+     * Used when loading existing URLs to get display metadata
+     * @param urls Array of URLs to resolve metadata for
+     * @returns Promise or array of metadata objects
+     */
+    resolveMetadata?: (urls: string[]) => Promise<UploadedFileMetadata[]> | UploadedFileMetadata[];
 };
 /**
  * Dropzone context type
@@ -81,7 +109,11 @@ export type DropzoneContextType<T extends File | string = File> = {
      */
     status: DropzoneStatus;
     /**
-     * The files of the dropzone.
+     * The type of the dropzone (File or URL mode).
+     */
+    type: 'File' | 'URL';
+    /**
+     * The files of the dropzone (raw File objects from user selection).
      */
     files: File[];
     /**
@@ -94,7 +126,14 @@ export type DropzoneContextType<T extends File | string = File> = {
     accept: {
         [key: string]: readonly string[];
     };
+    /**
+     * The form value (File[] in File mode, string[] in URL mode).
+     */
     value?: T[];
+    /**
+     * Metadata for uploaded files (primarily used in URL mode for display).
+     */
+    metadata?: UploadedFileMetadata[];
     /**
      * The function to call to open the file dialog.
      */

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

@@ -4,7 +4,7 @@ import DropzoneFilename from "./components/DropzoneFilename";
 import DropzoneSupportedFormats from "./components/DropzoneSupportedFormats";
 import DropzoneTrigger from "./components/DropzoneTrigger";
 import { useDropzoneContext } from "./Dropzone";
-import type { DropzoneProps } from './Dropzone.types';
+import type { DropzoneProps, UploadedFileMetadata } from './Dropzone.types';
 export default Dropzone;
 export { DropzoneClear, DropzoneFilename, DropzoneSupportedFormats, DropzoneTrigger, useDropzoneContext };
-export type { DropzoneProps };
+export type { DropzoneProps, UploadedFileMetadata };

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

@@ -1,2 +1,6 @@
+declare const DropzoneFileModeExample: () => import("react/jsx-runtime").JSX.Element;
+declare const DropzoneURLModeExample: () => import("react/jsx-runtime").JSX.Element;
+declare const DropzoneURLModeWithMetadataExample: () => import("react/jsx-runtime").JSX.Element;
 declare const DropzoneFormExample: () => import("react/jsx-runtime").JSX.Element;
 export default DropzoneFormExample;
+export { DropzoneFileModeExample, DropzoneURLModeExample, DropzoneURLModeWithMetadataExample };