kiban-design-system 1.1.9 → 1.1.10

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,21 @@
+import type { FileUploadProps } from './FileUpload.props';
+import './FileUpload.styles.scss';
+/**
+ * FileUpload component with drag and drop functionality
+ *
+ * @example
+ * <FileUpload
+ *   label="Upload File"
+ *   iconName="Upload"
+ *   title="Drag & drop files here"
+ *   subtitle="Or click to browse"
+ *   value={files}
+ *   onValueChange={setFiles}
+ *   maxFiles={5}
+ *   maxSize={5 * 1024 * 1024}
+ *   accept=".csv"
+ *   multiple
+ * />
+ */
+declare const FileUpload: ({ label, iconName, title, subtitle, value, onValueChange, maxFiles, maxSize, accept, multiple, disabled, onFileReject, onFileRemove, onDrop, ariaLabel, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default FileUpload;

package/dist/components/FileUpload/FileUpload.props.d.ts

@@ -0,0 +1,63 @@
+import type { IconName } from '../Icon';
+export interface FileUploadProps {
+    /**
+     * Label text displayed above the file upload area
+     */
+    label?: string;
+    /**
+     * Icon name to display in the dropzone (passed to Icon component)
+     */
+    iconName?: IconName;
+    /**
+     * Title text displayed in the dropzone
+     */
+    title?: string;
+    /**
+     * Subtitle text displayed in the dropzone
+     */
+    subtitle?: string;
+    /**
+     * Controlled value - array of files
+     */
+    value?: File[];
+    /**
+     * Callback when files change
+     */
+    onValueChange?: (files: File[]) => void;
+    /**
+     * Maximum number of files allowed
+     */
+    maxFiles?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxSize?: number;
+    /**
+     * Accepted file types (e.g., ".csv", "image/*")
+     */
+    accept?: string;
+    /**
+     * Allow multiple file selection
+     */
+    multiple?: boolean;
+    /**
+     * Disable the component
+     */
+    disabled?: boolean;
+    /**
+     * Callback when a file is rejected (validation failed)
+     */
+    onFileReject?: (file: File, message: string) => void;
+    /**
+     * Callback when a file is removed
+     */
+    onFileRemove?: (file: File) => void;
+    /**
+     * Callback when files are dropped
+     */
+    onDrop?: (files: File[]) => void;
+    /**
+     * Aria label for accessibility
+     */
+    ariaLabel?: string;
+}

package/dist/components/FileUpload/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FileUpload.props';
+import FileUpload from './FileUpload';
+export { FileUpload };

package/dist/components/index.d.ts

@@ -66,6 +66,7 @@ export * from "./Toggle";
 export * from "./DynamicForm";
 export * from "./EmptyState";
 export * from "./FileDownloader";
+export * from "./FileUpload";
 export * from "./Label";
 export * from "./SortableList";
 export * from "./FilterControl";