@delightui/components 0.1.157 → 0.1.159

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 };

package/dist/cjs/library.css

@@ -2862,7 +2862,6 @@ span.flatpickr-weekday {
 }
 
 .flatpickr-calendar {
-  --date-picker-selected-color: var(--interactive-surface-primary-default);
   --date-picker-startRange-color: var(--interactive-surface-primary-default);
   --date-picker-startRange-border-color: var(--interactive-surface-primary-default);
   --date-picker-endRange-color: var(--interactive-surface-primary-default);
@@ -2929,7 +2928,8 @@ span.flatpickr-weekday {
 }
 .flatpickr-calendar .flatpickr-day.selected,
 .flatpickr-calendar .flatpickr-day.today.selected {
-  background-color: var(--date-picker-selected-color);
+  background-color: var(--date-picker-day-background-color);
+  color: var(--date-picker-day-color);
 }
 .flatpickr-calendar .flatpickr-day.startRange,
 .flatpickr-calendar .flatpickr-day .startRange:hover,