@lax-wp/design-system 0.4.9 → 0.4.11

package/dist/components/forms/multi-file-upload/MultiFileUpload.d.ts

@@ -1,16 +1,4 @@
-/**
- * File upload result interface
- */
-export interface FileUploadResult {
-    filename: string;
-    content?: string;
-    fileUrl?: string;
-    fileName?: string;
-}
-/**
- * Union type for file change callback parameter
- */
-export type FileChangeValue = File | File[] | FileUploadResult | FileUploadResult[] | string | string[] | null;
+import { type FC } from 'react';
 /**
  * File upload service interface
  */
@@ -22,92 +10,55 @@ export interface FileUploadService {
     deleteFileFromFileServer: (fileName: string, queryParams: string) => Promise<void>;
 }
 /**
- * Props for the MultiFileUpload component
+ * System messages interface
  */
-export interface MultiFileUploadProps {
-    /** Unique identifier for the upload component */
-    id?: string;
-    /** Callback function called when files are selected/uploaded */
-    onFileChange: (files: FileChangeValue, fileName?: string) => void;
-    /** Description text to display in the upload area */
+export interface SystemMessages {
+    fileSizeLimit: (size: string, unit: string) => string;
+}
+export type MultiFileUploadProps = {
+    /** Callback to receive the uploaded file */
+    getFile: (file: any, fileName?: string) => any;
+    /** Description text to display */
     description?: string;
     /** Error message to display */
     errorMessage?: string;
     /** Whether the upload is disabled */
     disabled?: boolean;
     /** Default file to display */
-    defaultFile?: File | null;
-    /** Accepted file types (e.g., ".pdf,.doc,.docx") */
+    defaultFile?: any;
+    /** Accepted file types */
     acceptedFiles?: string;
-    /** Whether the component is in loading state */
+    /** Whether loading state is active */
     isLoading?: boolean;
-    /** Whether to convert files to base64 */
+    /** Convert file to base64 */
     asBase64?: boolean;
-    /** Whether to upload files to server */
+    /** Upload to file server */
     toFileServer?: boolean;
-    /** Whether files are currently uploading */
+    /** Whether file is currently uploading */
     fileUploading?: boolean;
     /** Callback to set file uploading state */
-    setFileUploading?: (fileUploading: boolean | string | null) => void;
-    /** Whether to upload to document server */
+    setFileUploading?: (fileUploading: boolean) => void;
+    /** Upload to document server path */
     uploadToDocServer?: boolean;
-    /** Whether to allow multiple file selection */
+    /** Unique identifier for the upload */
+    id?: string;
+    /** Allow multiple file uploads */
     multiple?: boolean;
-    /** Whether to get real file name */
+    /** Get original file name */
     getRealFileName?: boolean;
-    /** Maximum file size in bytes (default: 50MB) */
+    /** Callback when file is deleted */
+    onDelete?: () => void;
+    /** Maximum file size in bytes */
     maxSize?: number;
-    /** File upload service for server uploads */
+    /** File upload service */
     fileUploadService?: FileUploadService;
-    /** Custom upload handler function (alternative to fileUploadService) */
-    onUpload?: (files: File[]) => Promise<FileUploadResult[]>;
-    /** Custom delete handler function (called after file deletion) */
-    onDelete?: (fileData?: FileUploadResult) => Promise<void>;
-    /** Additional CSS classes for the wrapper */
-    wrapperClassName?: string;
-    /** Additional CSS classes for the upload area */
-    uploadClassName?: string;
-    /** Whether to show file size */
-    showFileSize?: boolean;
-    /** Custom file size formatter */
-    formatFileSize?: (size: number) => string;
-    /** Custom click to upload text */
-    clickToUploadText?: string;
-    /** Custom drag and drop text */
-    dragAndDropText?: string;
-    /** Callback when file size exceeds limit */
-    onFileSizeError?: (maxSizeMB: number) => void;
-}
-/**
- * A highly customizable multi-file upload component with drag-and-drop support.
- * Features file validation, base64 conversion, server upload, and comprehensive styling options.
- *
- * @example
- * // Using with fileUploadService (recommended for server uploads)
- * ```tsx
- * <MultiFileUpload
- *   id="file-upload"
- *   description="Upload your documents"
- *   onFileChange={(files) => console.log(files)}
- *   toFileServer
- *   fileUploadService={attachmentServices}
- *   multiple
- *   maxSize={10 * 1024 * 1024} // 10MB
- * />
- * ```
- *
- * @example
- * // Using with custom onUpload handler
- * ```tsx
- * <MultiFileUpload
- *   id="file-upload"
- *   onFileChange={(files) => console.log(files)}
- *   toFileServer
- *   onUpload={async (files) => {
- *     // Custom upload logic
- *     return files.map(f => ({ filename: f.name, fileUrl: 'url' }));
- *   }}
- * />
- * ```
- */
-export declare const MultiFileUpload: import("react").ForwardRefExoticComponent<MultiFileUploadProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** System messages for error handling */
+    systemMessages?: SystemMessages;
+    /** Toast function for displaying errors */
+    toast?: {
+        error: (message: string, options?: {
+            toastId?: string;
+        }) => void;
+    };
+};
+export declare const MultiFileUpload: FC<MultiFileUploadProps>;

package/dist/index.d.ts

@@ -45,7 +45,7 @@ export type { TToggleDirection } from "./constants/toggle";
 export { MdInput } from "./components/forms/md-input/MdInput";
 export type { MdInputProps } from "./components/forms/md-input/MdInput";
 export { MultiFileUpload } from "./components/forms/multi-file-upload/MultiFileUpload";
-export type { MultiFileUploadProps, FileUploadResult, FileChangeValue, } from "./components/forms/multi-file-upload/MultiFileUpload";
+export type { MultiFileUploadProps, FileUploadService as MultiFileUploadService, SystemMessages as MultiFileUploadSystemMessages, } from "./components/forms/multi-file-upload/MultiFileUpload";
 export { IconPicker, IconRenderer } from "./components/forms/icon-picker/IconPicker";
 export type { IconPickerContentProps } from "./components/forms/icon-picker/IconPicker";
 export { StatusColorMapping } from "./components/data-display/status-color-mapping/StatusColorMapping";