@itcase/ui-web 1.10.9 → 1.10.11

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

@@ -1,69 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Option } from '@itcase/types-core';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
-        isSkeleton?: boolean;
-        onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
-    } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
-    args: {
-        appearance: "successPrimary sizeM solid rounded";
-        elevation: number;
-        hideSelectedOptions: boolean;
-        loadingMessageText: string;
-        noOptionsSearchText: string;
-        noOptionsText: string;
-        options: ({
-            label: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
-            value?: undefined;
-            isDisabled?: undefined;
-            isFixed?: undefined;
-            isSelected?: undefined;
-        } | {
-            label: string;
-            value: string;
-            isDisabled: boolean;
-            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;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithSearch: Story;
-export declare const Multi: Story;
-export declare const LoadingIndicator: Story;
-export declare const LoadingMessage: Story;
-export declare const LoadingMessageIcon: Story;
-export declare const NoOptions: Story;

package/dist/types/components/Select/stories/SelectSuccess.stories.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Select } from '..';
-import { Loader } from '../../Loader';
-import { SelectDefaultMock } from './__mock__';
-const meta = {
-    title: 'Atoms / Select / Success',
-    component: Select,
-    args: {
-        ...SelectDefaultMock,
-        appearance: 'successPrimary sizeM solid rounded',
-    },
-    parameters: {
-        maxWidth: '400px',
-        layout: 'center',
-    },
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};
-export const WithSearch = {
-    args: {
-        isSearchable: true,
-    },
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};
-export const Multi = {
-    args: {
-        isMulti: true,
-    },
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};
-export const LoadingIndicator = {
-    args: {
-        loaderAppearance: 'accentPrimary sizeS ghost rounded',
-        isLoading: true,
-        isSearchable: true,
-    },
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};
-export const LoadingMessage = {
-    args: {
-        loadingMessage: () => 'Загрузка данных...',
-        isLoading: true,
-        isSearchable: true,
-    },
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};
-export const LoadingMessageIcon = {
-    args: {
-        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS solid rounded" }),
-        isLoading: true,
-        isSearchable: true,
-    },
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};
-export const NoOptions = {
-    args: {
-        noOptionsText: 'Список пуст',
-        options: [],
-    },
-    render: (args) => {
-        return _jsx(Select, { ...args });
-    },
-};

package/dist/types/components/Select/stories/__mock__/index.d.ts

@@ -1,47 +0,0 @@
-declare const SelectDefaultMock: {
-    elevation: number;
-    hideSelectedOptions: boolean;
-    loadingMessageText: string;
-    noOptionsSearchText: string;
-    noOptionsText: string;
-    options: ({
-        label: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        value?: undefined;
-        isDisabled?: undefined;
-        isFixed?: undefined;
-        isSelected?: undefined;
-    } | {
-        label: string;
-        value: string;
-        isDisabled: boolean;
-        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;
-};
-export { SelectDefaultMock };

package/dist/types/components/Select/stories/__mock__/index.js

@@ -1,38 +0,0 @@
-const SelectDefaultMock = {
-    elevation: 8,
-    hideSelectedOptions: false,
-    loadingMessageText: 'Загрузка данных...',
-    noOptionsSearchText: 'Ничего не найдено...',
-    noOptionsText: 'Список пуст',
-    options: [
-        {
-            label: 'Овощи',
-            options: [
-                { label: 'Овощ 1', value: '11' },
-                { label: 'Овощ 2', value: '12' },
-                { label: 'Овощ 3', value: '13' },
-            ],
-        },
-        { label: 'Томат', value: '2', isDisabled: true },
-        { label: 'Томат красный', value: '3', isDisabled: true },
-        {
-            label: 'Томат среднеплодный (круглый)',
-            value: '4',
-            isFixed: true,
-            isSelected: true,
-        },
-        { label: 'Томат сливовидный', value: '5', isFixed: true },
-        { label: 'Томат розовый', value: '6', isFixed: true },
-        { label: 'Огурец гладкий среднеплодный', value: '7', isFixed: true },
-        { label: 'Огурец короткоплодный пупырчатый', value: '8', isFixed: true },
-        { label: 'Огурец среднеплодный пупырчатый', value: '9', isFixed: true },
-    ],
-    placeholder: 'Placeholder',
-    showBadge: false,
-    showDivider: false,
-    closeMenuOnSelect: true,
-    isClearable: true,
-    isMulti: false,
-    isSearchable: false,
-};
-export { SelectDefaultMock };

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

@@ -1,21 +0,0 @@
-import { Swiper } from '../Swiper';
-import 'swiper/css';
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: typeof Swiper;
-    args: {
-        items: import("react/jsx-runtime").JSX.Element[];
-        slidesPerView: number;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Demo: Story;
-export declare const CustomButtons: Story;
-export declare const WithPagination: Story;
-export declare const MultiSlides: Story;
-export declare const WithMousewheel: Story;
-export declare const Vertical: Story;
-export declare const WithOriginalLink: Story;
-export declare const Zoom: Story;

package/dist/types/components/Swiper/stories/SwiperDemo.stories.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Mousewheel, Navigation, Pagination } from 'swiper/modules';
-import { Swiper } from '../Swiper';
-import { slidesMock } from './__mock__';
-import 'swiper/css';
-import { icons24 } from '@itcase/icons-default';
-import { Button } from 'src/components/Button';
-const meta = {
-    title: 'Molecules / Swiper',
-    component: Swiper,
-    args: {
-        items: slidesMock,
-        slidesPerView: 1,
-    },
-};
-export default meta;
-export const Demo = {
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const CustomButtons = {
-    args: {
-        autoHeight: true,
-        modules: [Navigation],
-        nextButton: (_jsx(Button, { appearance: "surfacePrimary sizeXL solid rounded", cursor: "pointer", icon: icons24.Arrow.ChevronRight })),
-        prevButton: (_jsx(Button, { appearance: "surfacePrimary sizeXL solid rounded", cursor: "pointer", icon: icons24.Arrow.ChevronLeft })),
-        isNavigation: true,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const WithPagination = {
-    args: {
-        modules: [Pagination],
-        pagination: true,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const MultiSlides = {
-    args: {
-        slidesPerView: 3,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const WithMousewheel = {
-    args: {
-        keyboard: true,
-        modules: [Mousewheel],
-        mousewheel: true,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const Vertical = {
-    args: {
-        direction: 'vertical',
-        autoHeight: true,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const WithOriginalLink = {
-    args: {
-        isShowOriginalLink: true,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};
-export const Zoom = {
-    args: {
-        isZoomEnabled: true,
-    },
-    render: (args) => {
-        return _jsx(Swiper, { ...args });
-    },
-};

package/dist/types/components/Swiper/stories/__mock__/index.d.ts

@@ -1,2 +0,0 @@
-declare const slidesMock: import("react/jsx-runtime").JSX.Element[];
-export { slidesMock };

package/dist/types/components/Swiper/stories/__mock__/index.js

@@ -1,8 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Group } from 'src/components/Group';
-import { Image } from 'src/components/Image';
-import { Text } from 'src/components/Text';
-const slidesMock = Array.from({ length: 10 }, (_, index) => (_jsxs(Group, { width: "fill", direction: "horizontal", justifyContent: "center", alignItems: "center", style: {
-        background: `hsl(${index * 60}, 70%, 80%)`,
-    }, children: [_jsxs(Text, { size: "xl", textColor: "surfaceTextPrimary", textWeight: "semiBold", children: ["Slide ", index + 1] }), _jsx(Image, { src: "/avatar/Man.png" })] }, index)));
-export { slidesMock };

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

@@ -1,50 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@itcase/ui-core/hooks").StyleAttributes & {
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        descTextColor?: import("../../Text").TextProps["textColor"];
-        descTextSize?: import("../../Text").TextProps["size"];
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        fillToggle?: import("@itcase/types-ui").FillProps;
-        fillToggleActive?: import("@itcase/types-ui").FillActiveProps;
-        fillToggleActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillToggleHover?: import("@itcase/types-ui").FillHoverProps;
-        set?: string;
-        size?: string;
-        titleTextColor?: import("../../Text").TextProps["textColor"];
-        titleTextSize?: import("../../Text").TextProps["size"];
-    } & {
-        id?: string;
-        align?: "left" | "right";
-        appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
-        className?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        desc?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
-        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
-        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
-        title?: string;
-        type?: "checkbox";
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    args: {
-        isActive: true;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Error: Story;
-export declare const Success: Story;
-export declare const Require: Story;
-export declare const Disable: Story;

package/dist/types/components/Switch/stories/Switch.stories.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch } from '../Switch';
-const meta = {
-    title: 'Atoms / Switch / Switch',
-    component: Switch,
-    args: {
-        isActive: true,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const Error = {
-    args: {
-        appearance: 'errorPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const Success = {
-    args: {
-        appearance: 'successPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const Require = {
-    args: {
-        appearance: 'requirePrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const Disable = {
-    args: {
-        appearance: 'disabledPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};

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

@@ -1,50 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@itcase/ui-core/hooks").StyleAttributes & {
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        descTextColor?: import("../../Text").TextProps["textColor"];
-        descTextSize?: import("../../Text").TextProps["size"];
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        fillToggle?: import("@itcase/types-ui").FillProps;
-        fillToggleActive?: import("@itcase/types-ui").FillActiveProps;
-        fillToggleActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillToggleHover?: import("@itcase/types-ui").FillHoverProps;
-        set?: string;
-        size?: string;
-        titleTextColor?: import("../../Text").TextProps["textColor"];
-        titleTextSize?: import("../../Text").TextProps["size"];
-    } & {
-        id?: string;
-        align?: "left" | "right";
-        appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
-        className?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        desc?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
-        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
-        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
-        title?: string;
-        type?: "checkbox";
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    args: {
-        title: string;
-        desc: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Left: Story;
-export declare const Right: Story;
-export declare const LeftChecked: Story;
-export declare const RightChecked: Story;

package/dist/types/components/Switch/stories/SwitchDefault.stories.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch } from '../Switch';
-const meta = {
-    title: 'Atoms / Switch / Default',
-    component: Switch,
-    args: {
-        title: 'Switch',
-        desc: 'Description',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Left = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const Right = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-        align: 'right',
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const LeftChecked = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-        isActive: true,
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};
-export const RightChecked = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-        align: 'right',
-        isActive: true,
-    },
-    render: (args) => {
-        return _jsx(Switch, { ...args });
-    },
-};

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { SwitchGalleryStory } from '../Switch.interface';
-declare const meta: Meta<SwitchGalleryStory>;
-export default meta;
-type Story = StoryObj<SwitchGalleryStory>;
-export declare const Demo: Story;

package/dist/types/components/Switch/stories/SwitchDemo.stories.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponentGallery } from 'src/storybook/createComponentGallery';
-import { switchAppearanceDefault } from '../appearance/switchDefault';
-import { switchAppearanceDisabled } from '../appearance/switchDisabled';
-import { switchAppearanceError } from '../appearance/switchError';
-import { switchAppearanceRequire } from '../appearance/switchRequire';
-import { switchAppearanceSize } from '../appearance/switchSize';
-import { switchAppearanceStyle } from '../appearance/switchStyle';
-import { switchAppearanceSuccess } from '../appearance/switchSuccess';
-import { Switch } from '../Switch';
-const switchGalleryShape = {
-    rounded: {
-        shape: 'rounded',
-    },
-};
-const gallery = createComponentGallery({
-    size: switchAppearanceSize,
-    appearanceGroups: {
-        default: switchAppearanceDefault,
-        disabled: switchAppearanceDisabled,
-        error: switchAppearanceError,
-        require: switchAppearanceRequire,
-        success: switchAppearanceSuccess,
-    },
-    shape: switchGalleryShape,
-    style: switchAppearanceStyle,
-});
-const meta = {
-    title: 'Atoms / Switch',
-    component: Switch,
-    args: {
-        appearance: 'default sizeM solid rounded',
-        tier: 'Primary',
-        style: 'solid',
-        shape: 'rounded',
-        title: 'Switch',
-        desc: 'Description',
-        isActive: true,
-        isDisabled: false,
-        isSkeleton: false,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-    argTypes: {
-        appearance: gallery.argTypes.appearance,
-        tier: gallery.argTypes.tier,
-        style: gallery.argTypes.style,
-        shape: gallery.argTypes.shape,
-    },
-};
-export default meta;
-export const Demo = {
-    render: (args) => gallery.render(args, ({ appearance, args: storyArgs }) => (_jsx(Switch, { appearance: appearance, title: storyArgs.title, desc: storyArgs.desc || undefined, isActive: storyArgs.isActive, isDisabled: storyArgs.isDisabled, isSkeleton: storyArgs.isSkeleton }))),
-};

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

@@ -1,50 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@itcase/ui-core/hooks").StyleAttributes & {
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        descTextColor?: import("../../Text").TextProps["textColor"];
-        descTextSize?: import("../../Text").TextProps["size"];
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        fillToggle?: import("@itcase/types-ui").FillProps;
-        fillToggleActive?: import("@itcase/types-ui").FillActiveProps;
-        fillToggleActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillToggleHover?: import("@itcase/types-ui").FillHoverProps;
-        set?: string;
-        size?: string;
-        titleTextColor?: import("../../Text").TextProps["textColor"];
-        titleTextSize?: import("../../Text").TextProps["size"];
-    } & {
-        id?: string;
-        align?: "left" | "right";
-        appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
-        className?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        desc?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
-        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
-        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
-        title?: string;
-        type?: "checkbox";
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    args: {
-        title: string;
-        desc: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Left: Story;
-export declare const Right: Story;
-export declare const LeftChecked: Story;
-export declare const RightChecked: Story;