@zjlab-fe/data-hub-ui 0.10.2 → 0.10.3

package/dist/types/components/file-uploader/components/uploader-drop-zone.d.ts

@@ -34,7 +34,7 @@ export interface UploaderDropZoneProps {
     /** Custom icon - can be a React component or image/svg path */
     icon?: ReactNode | string;
     /** Custom class names for different elements */
-    classNames?: UploaderDropZoneClassNames;
+    classNames?: UploaderDropZoneClassNames | ((props: UploaderDropZoneProps) => UploaderDropZoneClassNames);
     /** Callback when files are dropped or selected */
     onDrop: (files: FileWithPath[]) => void;
     /** custom file validation callback */
@@ -47,4 +47,4 @@ export interface DropZoneError {
     message: string;
     rejectedFiles?: File[];
 }
-export declare function UploaderDropZone({ accept, maxSize, maxFiles, directory, disabled, dragAreaDescription, icon, classNames, onDrop, fileValidation, onError, }: UploaderDropZoneProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderDropZone(props: UploaderDropZoneProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/file-uploader/components/uploader-file-item.d.ts

@@ -28,7 +28,7 @@ export interface UploaderFileItemClassNames {
 interface FileItemProps {
     file: UploadFile;
     /** Custom class names for different elements */
-    classNames?: UploaderFileItemClassNames;
+    classNames?: UploaderFileItemClassNames | ((props: FileItemProps) => UploaderFileItemClassNames);
     /** start function passed from parent that has upload handlers */
     onStart?: (id: string) => void;
     /** Cancel function passed from parent that has upload handlers */
@@ -40,5 +40,5 @@ interface FileItemProps {
     /** Resume function passed from parent that has upload handlers */
     onResume?: (id: string) => void;
 }
-export declare function UploaderFileItem({ file, classNames, onCancel, onRemove, onPause, onResume }: FileItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderFileItem(props: FileItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/file-uploader/components/uploader-file-list.d.ts

@@ -3,12 +3,16 @@ import './uploader-file-list.css';
 export interface FileListClassNames {
     /** File list container */
     container?: string;
+    /** File list title */
+    title?: string;
+    /** File list */
+    listWrapper?: string;
     /** Empty state wrapper */
     empty?: string;
 }
 interface FileListProps {
     /** Custom class names for different elements */
-    classNames?: FileListClassNames;
+    classNames?: FileListClassNames | ((props: FileListProps) => FileListClassNames);
     /** Empty state text or component */
     emptyText?: string;
     /** Children components (e.g., file items) */
@@ -25,5 +29,5 @@ interface FileListProps {
  * />
  * ```
  */
-export declare function UploaderFileListLayout({ classNames, emptyText, children }: FileListProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploaderFileListLayout(props: FileListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/file-uploader/components/uploader.d.ts

@@ -5,6 +5,12 @@ import { type DropZoneError, type UploaderDropZoneClassNames } from './uploader-
 import type { UploadHandlers } from '../types';
 import { type FileListClassNames } from './uploader-file-list';
 import { type UploaderFileItemClassNames } from './uploader-file-item';
+interface UploaderClassNames {
+    container?: string;
+    dragZone?: UploaderDropZoneClassNames;
+    fileItem?: UploaderFileItemClassNames;
+    fileList?: FileListClassNames;
+}
 interface UploaderProps {
     /** Provide handlers per file (decided at selection time) */
     handlers: UploadHandlers;
@@ -21,12 +27,7 @@ interface UploaderProps {
     /** Maximum file size in bytes (per-usage option) */
     maxSize?: number;
     /** Additional class name for the uploader container */
-    classNames?: {
-        container?: string;
-        dragZone?: UploaderDropZoneClassNames;
-        fileList?: UploaderFileItemClassNames;
-        fileItem?: FileListClassNames;
-    };
+    classNames?: UploaderClassNames | ((props: UploaderProps) => UploaderClassNames);
     /** Error callback for upload errors */
     onDropZoneError?: (error: DropZoneError) => void;
     /** custom file validation callback */
@@ -59,6 +60,5 @@ interface UploaderProps {
  * />
  * ```
  */
-export declare function Uploader({ handlers, runtime, dragAreaDescription, accept, directory, maxFiles, maxSize, // 10GB default
-classNames, onDropZoneError, fileValidation, }: UploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Uploader(props: UploaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/tip-tap/extensions/index.d.ts

@@ -1,2 +1,2 @@
-export declare const editorExtensions: (placeholder?: string) => (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Extension<import("@tiptap/markdown").MarkdownExtensionOptions, import("@tiptap/markdown").MarkdownExtensionStorage>)[];
+export declare const editorExtensions: (placeholder?: string) => (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any> | import("@tiptap/core").Extension<import("@tiptap/markdown").MarkdownExtensionOptions, import("@tiptap/markdown").MarkdownExtensionStorage> | import("@tiptap/core").Extension<any, any>)[];
 export declare const readerExtensions: () => (import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any>)[];