@itcase/ui 1.9.52 → 1.9.53

package/dist/stories/DropzoneOverview.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks'
+
+import * as DropzoneStories from '../stories/DropzoneDemo.stories.tsx'
+
+<Meta title="Molecules / Dropzone / Overview" />
+
+# Dropzone
+
+`Dropzone` — компонент, позволяющий загружать изображения путем перетаскивания их в область компонента или клика на сам компонент.
+
+<Story of={DropzoneStories.Default} />

package/dist/stories/DropzonePlayground.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Controls, Meta } from '@storybook/addon-docs/blocks'
+
+import * as DropzoneStories from '../stories/DropzoneDemo.stories.tsx'
+
+<Meta title="Molecules / Dropzone / Playground" />
+
+# Playground
+
+<Canvas sourceState="shown" of={DropzoneStories.Default} />
+<Controls of={DropzoneStories.Default} />

package/dist/types/components/Button/Button.d.ts

@@ -54,7 +54,7 @@ declare const Button: React.ForwardRefExoticComponent<{
     wrap?: import("@itcase/types-ui").WrapProps;
     zeroGap?: boolean;
     zeroPadding?: boolean;
-} & Pick<import("src/hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: string;
     appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
     Badge?: React.ReactNode;
@@ -74,7 +74,8 @@ declare const Button: React.ForwardRefExoticComponent<{
     labelTextTruncate?: import("../Text/Text.interface").TextProps["textTruncate"];
     labelTextWidth?: import("../Text/Text.interface").TextProps["width"];
     link?: import("../Link/Link.interface").LinkWrapperProps["href"];
-    onClick?: () => void;
+    onClick?: (event?: MouseEvent) => void;
+    onHoldComplete?: () => void;
     onMouseDown?: () => void;
     rel?: import("../Link/Link.interface").LinkWrapperProps["rel"];
     style?: React.CSSProperties;

package/dist/types/components/Button/Button.interface.d.ts

@@ -1,11 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
-import { UseHoldProgressOptions } from 'src/hooks/useHoldProgress';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { LinkWrapperProps } from 'src/components/Link/Link.interface';
 import { LoaderProps } from 'src/components/Loader/Loader.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type ButtonAppearanceProps = {
     align?: AlignProps;
     borderColor?: BorderColorProps;
@@ -60,7 +59,7 @@ type ButtonAppearanceProps = {
     zeroGap?: boolean;
     zeroPadding?: boolean;
 };
-type ButtonProps = ButtonAppearanceProps & Pick<UseHoldProgressOptions, 'onHoldComplete'> & StyleAttributes & {
+type ButtonProps = ButtonAppearanceProps & StyleAttributes & {
     after?: string;
     appearance?: CompositeAppearanceKey;
     Badge?: ReactNode;
@@ -80,7 +79,8 @@ type ButtonProps = ButtonAppearanceProps & Pick<UseHoldProgressOptions, 'onHoldC
     labelTextTruncate?: TextProps['textTruncate'];
     labelTextWidth?: TextProps['width'];
     link?: LinkWrapperProps['href'];
-    onClick?: () => void;
+    onClick?: (event?: MouseEvent) => void;
+    onHoldComplete?: () => void;
     onMouseDown?: () => void;
     rel?: LinkWrapperProps['rel'];
     style?: CSSProperties;

package/dist/types/components/Button/stories/ButtonDefault.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonDemo.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonIcon.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonLabel.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonLoading.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonMuted.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonMutedIcon.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonShape.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Button/stories/ButtonSize.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
-    } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
@@ -74,7 +74,8 @@ declare const meta: {
         labelTextTruncate?: import("../../Text/Text.interface").TextProps["textTruncate"];
         labelTextWidth?: import("../../Text/Text.interface").TextProps["width"];
         link?: import("../../Link/Link.interface").LinkWrapperProps["href"];
-        onClick?: () => void;
+        onClick?: (event?: MouseEvent) => void;
+        onHoldComplete?: () => void;
         onMouseDown?: () => void;
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;

package/dist/types/components/Dropzone/Dropzone.appearance.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from './Dropzone.interface';
+declare const dropzoneAppearance: DropzoneAppearance;
+export { dropzoneAppearance };

package/dist/types/components/Dropzone/Dropzone.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropzoneProps } from './Dropzone.interface';
+declare const Dropzone: React.NamedExoticComponent<DropzoneProps>;
+export { Dropzone };

package/dist/types/components/Dropzone/Dropzone.interface.d.ts

@@ -0,0 +1,82 @@
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps } from '@itcase/types-ui';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { TextProps } from '../Text/Text.interface';
+type DropzoneAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    errorMessageTextColor?: TextProps['textColor'];
+    errorMessageTextSize?: TextProps['size'];
+    errorMessageTextWeight?: TextProps['textWeight'];
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    hintDescriptionTextColor?: TextProps['textColor'];
+    hintDescriptionTextSize?: TextProps['size'];
+    hintDescriptionTextWeight?: TextProps['textWeight'];
+    hintDescriptionTextWrap?: TextProps['textWrap'];
+    hintTitle?: string;
+    hintTitleTextColor?: TextProps['textColor'];
+    hintTitleTextSize?: TextProps['size'];
+    hintTitleTextWeight?: TextProps['textWeight'];
+    hintTitleTextWrap?: TextProps['textWrap'];
+    removeThumbAppearance?: ButtonProps['appearance'];
+    removeThumbShape?: ButtonProps['shape'];
+    removeThumbText?: ButtonProps['label'];
+    removeThumbTextColor?: TextProps['textColor'];
+    removeThumbTextHoverColor?: TextProps['textColorHover'];
+    removeThumbTextWeight?: ButtonProps['labelTextWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: AppearanceSizeKey;
+    thumbBorderColor?: BorderColorProps;
+    thumbBorderColorHover?: BorderColorHoverProps;
+    thumbBorderType?: BorderTypeProps;
+    thumbBorderWidth?: BorderWidthProps;
+    thumbDirection?: DirectionProps;
+    thumbNameTextColor?: TextProps['textColor'];
+    thumbNameTextSize?: TextProps['size'];
+    thumbNameTextWeight?: TextProps['textWeight'];
+    thumbNameTextWrap?: TextProps['textWrap'];
+};
+type FileItem = {
+    id: string;
+    dataURL: string;
+    error: string;
+    file: null | (File & {
+        error?: string;
+    });
+    image?: string;
+    isNew: boolean;
+    name: string;
+    preview: string;
+};
+type DropzoneProps = DropzoneAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceKey;
+    dropzoneProps?: Record<string, unknown>;
+    fieldValuesList?: FileItem[] | null;
+    fileErrorText?: React.ReactNode;
+    hintDescription?: React.ReactNode;
+    hintTitle?: React.ReactNode;
+    inputName: string;
+    isPreviews?: boolean;
+    isSkeleton?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+    onAddFiles?: (newFiles: FileItem[], inputName: string) => void;
+    onChangeFiles?: (newFiles: FileItem[]) => void;
+    onClickPreview?: (fileItem: FileItem, event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void;
+    onDeleteFile?: (deletedFile: FileItem, inputName: string) => void;
+    showFilename?: boolean;
+    thumbColumn?: number;
+};
+type DropzoneAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);
+type DropzoneAppearance = {
+    [key in DropzoneAppearanceKey]?: DropzoneAppearanceProps;
+};
+type DropzoneConfig = {
+    appearance: DropzoneAppearance;
+    setAppearance: (appearanceConfig: DropzoneAppearance) => void;
+};
+export type { DropzoneAppearance, DropzoneConfig, DropzoneProps, FileItem };

package/dist/types/components/Dropzone/appearance/dropzoneDefault.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceDefault: DropzoneAppearance;
+export { dropzoneAppearanceDefault };

package/dist/types/components/Dropzone/appearance/dropzoneDisabled.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceDisabled: DropzoneAppearance;
+export { dropzoneAppearanceDisabled };

package/dist/types/components/Dropzone/appearance/dropzoneError.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceError: DropzoneAppearance;
+export { dropzoneAppearanceError };

package/dist/types/components/Dropzone/appearance/dropzoneRequire.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceRequire: DropzoneAppearance;
+export { dropzoneAppearanceRequire };

package/dist/types/components/Dropzone/appearance/dropzoneShape.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceShape: DropzoneAppearance;
+export { dropzoneAppearanceShape };

package/dist/types/components/Dropzone/appearance/dropzoneSuccess.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceSuccess: DropzoneAppearance;
+export { dropzoneAppearanceSuccess };

package/dist/types/components/Dropzone/index.d.ts

@@ -0,0 +1 @@
+export { Dropzone } from './Dropzone';

package/dist/types/components/Dropzone/stories/DropzoneDefault.stories.d.ts

@@ -0,0 +1,42 @@
+import { DropzoneProps } from '../Dropzone.interface';
+declare const meta: {
+    title: string;
+    component: import("react").NamedExoticComponent<DropzoneProps>;
+    args: {
+        inputName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    args: {
+        appearance: string;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Require: {
+    args: {
+        appearance: string;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Error: {
+    args: {
+        appearance: string;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Success: {
+    args: {
+        appearance: string;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Disabled: {
+    args: {
+        appearance: string;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Dropzone/stories/DropzoneDemo.stories.d.ts

@@ -0,0 +1,19 @@
+import { DropzoneProps } from '../Dropzone.interface';
+declare const meta: {
+    title: string;
+    component: import("react").NamedExoticComponent<DropzoneProps>;
+    args: {
+        appearance: string;
+        inputName: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    args: {
+        isSkeleton: boolean;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Icon/Icon.interface.d.ts

@@ -1,13 +1,14 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { LinkWrapperProps } from 'src/components/Link/Link.interface';
 import { TitleProps } from 'src/components/Title/Title.interface';
 import { TooltipProps } from 'src/components/Tooltip/Tooltip.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type IconAppearanceProps = {
     alignment?: AlignmentProps;
     badgeAppearance?: BadgeProps['appearance'];
+    badgeAppearanceSize?: AppearanceSizeKey;
     badgeShape?: BadgeProps['shape'];
     badgeSize?: BadgeProps['size'];
     badgeTextColor?: BadgeProps['textColor'];

package/dist/types/components/Loader/Loader.interface.d.ts

@@ -22,7 +22,7 @@ type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     shapeStrength?: ShapeStrengthProps;
     style?: CSSProperties;
     text?: string;
-    type?: 'circular' | 'dot' | 'simple';
+    type?: 'circular' | 'dot';
 };
 type LoaderAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
 type LoaderAppearance = {

package/dist/types/components/Loader/stories/LoaderAppearance.stories.d.ts

@@ -3,6 +3,9 @@ import { LoaderProps } from '../Loader.interface';
 declare const meta: {
     title: string;
     component: typeof Loader;
+    args: {
+        type: string;
+    };
     parameters: {
         layout: string;
     };

package/dist/types/components/Loader/stories/LoaderText.stories.d.ts

@@ -0,0 +1,25 @@
+import { Loader } from '../Loader';
+import { LoaderProps } from '../Loader.interface';
+declare const meta: {
+    title: string;
+    component: typeof Loader;
+    args: {
+        appearance: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Text: {
+    args: {
+        text: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoText: {
+    args: {
+        text: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Loader/stories/LoaderType.stories.d.ts

@@ -0,0 +1,25 @@
+import { Loader } from '../Loader';
+import { LoaderProps } from '../Loader.interface';
+declare const meta: {
+    title: string;
+    component: typeof Loader;
+    args: {
+        appearance: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Dot: {
+    args: {
+        type: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Circular: {
+    args: {
+        type: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/hooks/useDropzoneFieldFiles.d.ts

@@ -0,0 +1,14 @@
+import { DropzoneProps, FileItem } from 'src/components/Dropzone/Dropzone.interface';
+/**
+ * Hook for file and state management in "react-dropzone".
+ * @param {Array} fieldValuesList - value from "react-final-form"
+ * @param {boolean} isPreviews - marker for create previews for files
+ * @returns {Object} data with states and functions for working with files
+ */
+declare function useDropzoneFieldFiles(fieldValuesList: DropzoneProps['fieldValuesList'], isPreviews?: boolean): {
+    convertValueFilesToDropzoneItems: (currentFilesList: File[] | FileItem[], isSilent?: boolean) => Promise<FileItem[]>;
+    fileIsLoading: boolean;
+    fileRejectedMessage: string;
+    setFileRejectedMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export { useDropzoneFieldFiles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.52",
+  "version": "1.9.53",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -78,7 +78,7 @@
     "prepare": "husky",
     "prepack": "NODE_ENV=production npm run build",
     "semantic-release": "semantic-release",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit --pretty",
     "storybook": "rm -rf node_modules/.cache/ && STORYBOOK=true storybook dev -p 6006 --disable-telemetry",
     "build-storybook": "STORYBOOK=true storybook build"
   },
@@ -119,6 +119,7 @@
     "react-dadata": "^2.27.4",
     "react-datepicker": "^9.1.0",
     "react-dom": "^18.3.1",
+    "react-dropzone": "^14.4.0",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.2.0",
     "react-modal-sheet": "5.2.1",
@@ -136,8 +137,8 @@
   "devDependencies": {
     "@babel/core": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
-    "@commitlint/cli": "^20.3.1",
-    "@commitlint/config-conventional": "^20.3.1",
+    "@commitlint/cli": "^20.4.0",
+    "@commitlint/config-conventional": "^20.4.0",
     "@itcase/config": "^1.6.45",
     "@itcase/lint": "^1.1.95",
     "@itcase/types-core": "^1.1.30",
@@ -168,13 +169,13 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "prettier": "^3.8.1",
-    "rollup": "4.57.0",
+    "rollup": "4.57.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.2.1",
+    "storybook": "^10.2.2",
     "stylelint": "^17.0.0",
     "typescript": "^5.9.3"
   }