@itcase/ui 1.9.35 → 1.9.37

package/dist/types/components/Select/stories/SelectSize.stories.d.ts

@@ -0,0 +1,82 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const SizeXL: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeL: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeM: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeS: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectStyle.stories.d.ts

@@ -0,0 +1,81 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Solid: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Outlined: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Ghost: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Full: {
+    args: {
+        appearance: string;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectSuccess.stories.d.ts

@@ -0,0 +1,104 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSearch: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multi: {
+    args: {
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingIndicator: {
+    args: {
+        loaderAppearance: string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessage: {
+    args: {
+        loadingMessage: () => string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessageIcon: {
+    args: {
+        loadingMessage: () => import("react/jsx-runtime").JSX.Element;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoOptions: {
+    args: {
+        noOptionsText: string;
+        options: never[];
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -1,14 +1,11 @@
 import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
-import { AlignDirectionProps, AlignProps, FillProps, ShapeProps, TextColorProps, TextWeightProps, TitleSizeProps } from '@itcase/types';
+import { AlignProps, DirectionProps, FillProps, ShapeProps, TextColorProps, TextWeightProps, TitleSizeProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface SwiperProps extends StyleAttributes {
-    id?: string;
-    [key: number | string | symbol]: any;
-    activeSlideIndex?: number;
+type SwiperAppearanceProps = {
     align?: AlignProps;
-    alignDirection?: AlignDirectionProps;
+    alignDirection?: DirectionProps;
     allowTouchMove?: boolean;
     autoHeight?: boolean;
     breakpoints?: {
@@ -21,8 +18,28 @@ export interface SwiperProps extends StyleAttributes {
     dataTour?: string;
     direction?: 'horizontal' | 'vertical';
     fill?: FillProps;
+    shape?: ShapeProps;
+};
+type SwiperProps = StyleAttributes & SwiperAppearanceProps & {
+    id?: string;
+    activeSlideIndex?: number;
+    allowTouchMove?: boolean;
+    autoHeight?: boolean;
+    breakpoints?: {
+        [ratio: string]: SwiperOptions;
+        [width: number]: SwiperOptions;
+    };
+    children?: ReactNode;
+    className?: string;
+    direction?: 'horizontal' | 'vertical';
     forwardedRef: Ref<SwiperRef>;
     freeMode?: boolean;
+    isChangeOnClickSlide?: boolean;
+    isInit?: boolean;
+    isNavigation?: boolean;
+    isScrollbar?: boolean;
+    isShowOriginalLink?: boolean;
+    isZoomEnabled?: boolean;
     items?: ReactNode[];
     keyboard?: boolean;
     loop?: boolean;
@@ -32,11 +49,16 @@ export interface SwiperProps extends StyleAttributes {
     mousewheel?: boolean;
     nextButton?: ReactNode;
     normalizeSlideIndex?: boolean;
+    onSlideNextTransitionEnd?: (swiper: SwiperClass) => void;
+    onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void;
+    onSwiper?: (swiper: SwiperClass) => void;
+    onUpdate?: (swiper: SwiperClass) => void;
     pagination?: boolean;
     prevButton?: ReactNode;
     preventClicks?: boolean;
     preventClicksPropagation?: boolean;
-    shape?: ShapeProps;
+    setNextBtnDisabled?: (isDisabled: boolean) => void;
+    setPrevBtnDisabled?: (isDisabled: boolean) => void;
     simulateTouch?: boolean;
     slidesPerView?: number | 'auto';
     spaceBetween?: number | string;
@@ -49,15 +71,5 @@ export interface SwiperProps extends StyleAttributes {
     titleSize?: TitleSizeProps;
     titleTextColor?: TextColorProps;
     titleWeight?: TextWeightProps;
-    isChangeOnClickSlide?: boolean;
-    isInit?: boolean;
-    isNavigation?: boolean;
-    isScrollbar?: boolean;
-    isZoomEnabled?: boolean;
-    onSlideNextTransitionEnd?: (swiper: SwiperClass) => void;
-    onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void;
-    onSwiper?: (swiper: SwiperClass) => void;
-    onUpdate?: (swiper: SwiperClass) => void;
-    setNextBtnDisabled?: (isDisabled: boolean) => void;
-    setPrevBtnDisabled?: (isDisabled: boolean) => void;
-}
+};
+export type { SwiperProps };

package/dist/types/components/Swiper/stories/SwiperDemo.stories.d.ts

@@ -0,0 +1,65 @@
+import { Swiper } from '../Swiper';
+import { SwiperProps } from '../Swiper.interface';
+import 'swiper/css';
+declare const meta: {
+    title: string;
+    component: typeof Swiper;
+    args: {
+        items: import("react/jsx-runtime").JSX.Element[];
+        slidesPerView: number;
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CustomButtons: {
+    args: {
+        autoHeight: boolean;
+        modules: import("swiper/types").SwiperModule[];
+        nextButton: import("react/jsx-runtime").JSX.Element;
+        prevButton: import("react/jsx-runtime").JSX.Element;
+        isNavigation: boolean;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithPagination: {
+    args: {
+        modules: import("swiper/types").SwiperModule[];
+        pagination: boolean;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultiSlides: {
+    args: {
+        slidesPerView: number;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithMousewheel: {
+    args: {
+        keyboard: boolean;
+        modules: import("swiper/types").SwiperModule[];
+        mousewheel: boolean;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Vertical: {
+    args: {
+        direction: string;
+        autoHeight: boolean;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithOriginalLink: {
+    args: {
+        isShowOriginalLink: boolean;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Zoom: {
+    args: {
+        isZoomEnabled: boolean;
+    };
+    render: (args: SwiperProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -1,2 +1,3 @@
-import { SwitchAppearanceType } from './Switch.interface';
-export declare const switchAppearance: SwitchAppearanceType;
+import { SwitchAppearance } from './Switch.interface';
+declare const switchAppearance: SwitchAppearance;
+export { switchAppearance };

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

@@ -1,5 +1,33 @@
 import React from 'react';
-import type { SwitchConfig, SwitchProps } from './Switch.interface';
+import type { SwitchConfig } from './Switch.interface';
 declare const switchConfig: SwitchConfig;
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
+declare const Switch: React.ForwardRefExoticComponent<import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    borderColor?: import("@itcase/types").BorderColorProps;
+    descTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    descTextSize?: import("../Text/Text.interface").TextProps["size"];
+    fill?: import("@itcase/types").FillProps;
+    fillActive?: import("@itcase/types").FillActiveProps;
+    fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
+    fillHover?: import("@itcase/types").FillHoverProps;
+    fillToggle?: import("@itcase/types").FillProps;
+    fillToggleActive?: import("@itcase/types").FillActiveProps;
+    fillToggleActiveHover?: import("@itcase/types").FillActiveHoverProps;
+    fillToggleHover?: import("@itcase/types").FillHoverProps;
+    set?: string;
+    size?: string;
+    titleTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    titleTextSize?: import("../Text/Text.interface").TextProps["size"];
+} & {
+    id?: string;
+    align?: import("@itcase/types").AlignProps;
+    appearance?: import("@itcase/types").CompositeAppearanceDefaultSizeStyleKey;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    onChange?: () => void;
+    title?: string;
+} & React.RefAttributes<HTMLInputElement>>;
 export { Switch, switchConfig };

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

@@ -1,25 +1,42 @@
-import { AppearanceKeysDefault } from '@itcase/types';
+import { AlignProps, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface SwitchThemeColor {
-    size?: string;
+import { TextProps } from '../Text/Text.interface';
+type SwitchAppearanceProps = {
+    borderColor?: BorderColorProps;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    fillToggle?: FillProps;
+    fillToggleActive?: FillActiveProps;
+    fillToggleActiveHover?: FillActiveHoverProps;
+    fillToggleHover?: FillHoverProps;
     set?: string;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type SwitchAppearanceType = {
-    [key in AppearanceKeys]?: SwitchThemeColor;
+    size?: string;
+    titleTextColor?: TextProps['textColor'];
+    titleTextSize?: TextProps['size'];
+};
+type SwitchAppearanceKeys = AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type SwitchAppearance = {
+    [key in SwitchAppearanceKeys]?: SwitchAppearanceProps;
 };
-export interface SwitchConfig {
-    appearance: SwitchAppearanceType | undefined;
-    setAppearance: (newComponent: SwitchAppearanceType) => void;
-}
-export interface SwitchProps extends SwitchThemeColor, StyleAttributes {
+type SwitchConfig = {
+    appearance: SwitchAppearance;
+    setAppearance: (appearanceConfig: SwitchAppearance) => void;
+};
+type SwitchProps = StyleAttributes & SwitchAppearanceProps & {
     id?: string;
-    appearance?: AppearanceKeys;
-    checked?: boolean;
+    align?: AlignProps;
+    appearance?: CompositeAppearanceDefaultSizeStyleKey;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
-    disabled?: boolean;
+    desc?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
     onChange?: () => void;
-}
-export {};
+    title?: string;
+};
+export type { SwitchAppearance, SwitchConfig, SwitchProps };

package/dist/types/components/Switch/appearance/switchDefault.d.ts

@@ -1,11 +1,3 @@
-declare const switchAppearanceDefault: {
-    defaultPrimary: {
-        fill: string;
-        fillActive: string;
-        fillToggle: string;
-        fillToggleActive: string;
-        titleTextColor: string;
-        descTextColor: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceDefault: SwitchAppearance;
 export { switchAppearanceDefault };

package/dist/types/components/Switch/appearance/switchDisabled.d.ts

@@ -1,11 +1,3 @@
-declare const switchAppearanceDisabled: {
-    disabledPrimary: {
-        fill: string;
-        fillActive: string;
-        fillToggle: string;
-        fillToggleActive: string;
-        titleTextColor: string;
-        descTextColor: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceDisabled: SwitchAppearance;
 export { switchAppearanceDisabled };

package/dist/types/components/Switch/appearance/switchError.d.ts

@@ -1,11 +1,3 @@
-declare const switchAppearanceError: {
-    errorPrimary: {
-        fill: string;
-        fillActive: string;
-        fillToggle: string;
-        fillToggleActive: string;
-        titleTextColor: string;
-        descTextColor: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceError: SwitchAppearance;
 export { switchAppearanceError };

package/dist/types/components/Switch/appearance/switchRequire.d.ts

@@ -1,11 +1,3 @@
-declare const switchAppearanceRequire: {
-    requirePrimary: {
-        fill: string;
-        fillActive: string;
-        fillToggle: string;
-        fillToggleActive: string;
-        titleTextColor: string;
-        descTextColor: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceRequire: SwitchAppearance;
 export { switchAppearanceRequire };

package/dist/types/components/Switch/appearance/switchSize.d.ts

@@ -1,18 +1,3 @@
-declare const switchAppearanceSize: {
-    sizeL: {
-        size: string;
-        titleTextSize: string;
-        descTextSize: string;
-    };
-    sizeM: {
-        size: string;
-        titleTextSize: string;
-        descTextSize: string;
-    };
-    sizeS: {
-        size: string;
-        titleTextSize: string;
-        descTextSize: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceSize: SwitchAppearance;
 export { switchAppearanceSize };

package/dist/types/components/Switch/appearance/switchStyle.d.ts

@@ -1,16 +1,3 @@
-declare const switchAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceStyle: SwitchAppearance;
 export { switchAppearanceStyle };

package/dist/types/components/Switch/appearance/switchSuccess.d.ts

@@ -1,11 +1,3 @@
-declare const switchAppearanceSuccess: {
-    successPrimary: {
-        fill: string;
-        fillActive: string;
-        fillToggle: string;
-        fillToggleActive: string;
-        titleTextColor: string;
-        descTextColor: string;
-    };
-};
+import { SwitchAppearance } from '../Switch.interface';
+declare const switchAppearanceSuccess: SwitchAppearance;
 export { switchAppearanceSuccess };