ics-ui-kit 0.1.0-alpha.9 → 0.1.0

package/dist/components/file-upload/components/file-upload-drop-area/FileUploadDropArea.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export type FileUploadDropAreaProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+};
+export declare const FileUploadDropArea: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/components/file-upload-drop-area/FileUploadDropArea.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadDropArea } from './FileUploadDropArea';
+import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+import { LucideIcon } from 'lucide-react';
+declare const meta: {
+    component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        icon?: LucideIcon;
+    } & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadDropArea>;
+export declare const Default: Story;

package/dist/components/file-upload/components/file-upload-drop-area-icon/FileUploadDropAreaIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FeatureIconProps } from '../../../icon/feature-icon/FeatureIcon';
+export declare const FileUploadDropAreaIcon: React.FC<FeatureIconProps>;

package/dist/components/file-upload/components/file-upload-drop-area-icon/FileUploadDropAreaIcon.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadDropAreaIcon } from './FileUploadDropAreaIcon';
+import { FC } from 'react';
+import { FeatureIconProps } from '../../../icon/feature-icon/FeatureIcon';
+declare const meta: {
+    component: FC<FeatureIconProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadDropAreaIcon>;
+export declare const Default: Story;

package/dist/components/file-upload/components/file-upload-error/FileUploadError.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type FileUploadErrorProps = React.HTMLAttributes<HTMLDivElement> & {
+    error: string | string[];
+};
+export declare const FileUploadError: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    error: string | string[];
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/components/file-upload-error/FileUploadError.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadError } from './FileUploadError';
+import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+declare const meta: {
+    component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        error: string | string[];
+    } & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadError>;
+export declare const Default: Story;

package/dist/components/file-upload/components/file-upload-icon/FileUploadIcon.d.ts

@@ -0,0 +1,5 @@
+import { FileData } from '../../../../hooks/use-file-upload/useFileUpload';
+export interface FileUploadIconProps {
+    file: FileData;
+}
+export declare const FileUploadIcon: ({ file }: FileUploadIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file-upload/components/file-upload-icon/FileUploadIcon.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadIcon, FileUploadIconProps } from './FileUploadIcon';
+declare const meta: {
+    component: ({ file }: FileUploadIconProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadIcon>;
+export declare const Default: Story;
+export declare const Xlsx: Story;

package/dist/components/file-upload/components/file-upload-inline-drop-area/FileUploadInlineDropArea.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export type FileUploadInlineDropAreaProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+};
+export declare const FileUploadInlineDropArea: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/components/file-upload-inline-drop-area/FileUploadInlineDropArea.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadInlineDropArea } from './FileUploadInlineDropArea';
+import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+import { LucideIcon } from 'lucide-react';
+declare const meta: {
+    component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        icon?: LucideIcon;
+    } & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadInlineDropArea>;
+export declare const Default: Story;

package/dist/components/file-upload/components/file-upload-input-zone/FileUploadInputZone.d.ts

@@ -0,0 +1,9 @@
+import { FileUploadActions } from '../../../../hooks/use-file-upload/useFileUpload';
+import { FileUploadTexts } from '../../FileUpload';
+export type FileUploadInputZoneProps = Omit<FileUploadTexts, "removeBtnText"> & Pick<FileUploadActions, "openFileDialog" | "handleDragEnter" | "handleDragLeave" | "handleDragOver" | "handleDrop" | "getInputProps"> & {
+    isDragging?: boolean;
+};
+export declare const FileUploadInputZone: {
+    ({ isDragging, getInputProps, openFileDialog, handleDragEnter, handleDragLeave, handleDragOver, handleDrop, ...props }: FileUploadInputZoneProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/file-upload/components/file-upload-item/FileUploadItem.d.ts

@@ -0,0 +1,12 @@
+import { FileData } from '../../../../hooks/use-file-upload/useFileUpload';
+import { default as React } from 'react';
+export type FileUploadItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    onClear: () => void;
+    onDownload?: (file: FileData) => void;
+    file: FileData;
+};
+export declare const FileUploadItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    onClear: () => void;
+    onDownload?: (file: FileData) => void;
+    file: FileData;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/components/file-upload-item/FileUploadItem.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadItem } from './FileUploadItem';
+import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+import { FileData } from '../../../../hooks/use-file-upload/useFileUpload';
+declare const meta: {
+    component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        onClear: () => void;
+        onDownload?: (file: FileData) => void;
+        file: FileData;
+    } & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadItem>;
+export declare const Default: Story;
+export declare const Xlsx: Story;

package/dist/components/file-upload/components/file-upload-item-compact/FileUploadItemCompact.d.ts

@@ -0,0 +1,14 @@
+import { FileData } from '../../../../hooks/use-file-upload/useFileUpload';
+import { default as React } from 'react';
+export type FileUploadItemCompactProps = React.HTMLAttributes<HTMLDivElement> & {
+    onClear: () => void;
+    file: FileData;
+    renderIcon?: React.ReactNode;
+    onDownload?: (file: FileData) => void;
+};
+export declare const FileUploadItemCompact: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    onClear: () => void;
+    file: FileData;
+    renderIcon?: React.ReactNode;
+    onDownload?: (file: FileData) => void;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/components/file-upload-item-compact/FileUploadItemCompact.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploadItemCompact } from './FileUploadItemCompact';
+import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+import { FileData } from '../../../../hooks/use-file-upload/useFileUpload';
+declare const meta: {
+    component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        onClear: () => void;
+        file: FileData;
+        renderIcon?: React.ReactNode;
+        onDownload?: (file: FileData) => void;
+    } & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadItemCompact>;
+export declare const Default: Story;

package/dist/components/file-upload/file-upload-compact/FileUploadCompact.d.ts

@@ -0,0 +1,19 @@
+import { FileMetadata, FileValue, FileUploadErrorMessages } from '../../../hooks/use-file-upload';
+import { default as React } from 'react';
+import { FileUploadBaseProps } from '../FileUpload';
+import { FileData } from '../../../hooks/use-file-upload/useFileUpload';
+export type FileUploadCompactProps = Omit<FileUploadBaseProps, "removeBtnText" | "helpText"> & {
+    files?: FileValue[];
+    onChange?: (files: FileValue[]) => void;
+    onRemove?: (file: FileValue, index: number) => void;
+    onAdd?: (files: FileValue[]) => void;
+    onDownload?: (file: FileData) => void;
+    initialFiles?: FileMetadata[];
+    className?: string;
+    errorMessages?: Partial<FileUploadErrorMessages>;
+    renderFileIcon?: (file: FileValue) => React.ReactNode;
+};
+export declare const FileUploadCompact: {
+    (props: FileUploadCompactProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/file-upload/file-upload-compact/FileUploadCompact.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj, StoryFn, StoryContext } from '@storybook/react';
+import { FileUploadCompact, FileUploadCompactProps } from './FileUploadCompact';
+declare const meta: {
+    component: {
+        (props: FileUploadCompactProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    tags: string[];
+    decorators: ((Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof FileUploadCompact>;
+export declare const Default: Story;
+export declare const WithDefaultValues: Story;
+export declare const WithConstraints: Story;
+export declare const Controlled: Story;
+export declare const WithDownload: Story;
+export declare const WithRussianErrorMessages: Story;
+export declare const WithCustomErrorMessages: Story;
+export declare const WithCustomIcons: Story;

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,11 @@
+export { FileUploadItem, type FileUploadItemProps } from './components/file-upload-item/FileUploadItem';
+export { FileUploadIcon, type FileUploadIconProps } from './components/file-upload-icon/FileUploadIcon';
+export { FileUploadError, type FileUploadErrorProps } from './components/file-upload-error/FileUploadError';
+export { FileUploadDropArea, type FileUploadDropAreaProps } from './components/file-upload-drop-area/FileUploadDropArea';
+export { FileUploadInlineDropArea, type FileUploadInlineDropAreaProps } from './components/file-upload-inline-drop-area/FileUploadInlineDropArea';
+export { FileUploadClearButton, type FileUploadClearButtonProps } from './components/file-upload-clear-button/FileUploadClearButton';
+export { FileUploadInputZone, type FileUploadInputZoneProps } from './components/file-upload-input-zone/FileUploadInputZone';
+export { FileUploadCompactInputZone, type FileUploadCompactInputZoneProps } from './components/file-upload-compact-input-zone/FileUploadCompactInputZone';
+export { FileUploadItemCompact, type FileUploadItemCompactProps } from './components/file-upload-item-compact/FileUploadItemCompact';
+export { FileUpload, type FileUploadProps } from './FileUpload';
+export { FileUploadCompact, type FileUploadCompactProps } from './file-upload-compact/FileUploadCompact';

package/dist/components/file-upload.d.ts

@@ -0,0 +1,2 @@
+export * from './file-upload/index'
+export {}