torgbox-ui 1.0.8 → 1.0.9

package/dist/src/Inputs/Selector/Collapse.stories.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Dot from '../../assets/img/dot.svg';
-import Star from '../../assets/img/star.svg';
-import { Collapse } from './Collapse';
-const data = [
-    {
-        value: '1',
-        label: 'Monday',
-    },
-    {
-        value: '2',
-        label: 'Tuesday',
-        icon: _jsx(Star, {})
-    },
-    {
-        value: '3',
-        label: 'Wednesday',
-    },
-    {
-        value: '4',
-        label: 'Thursday',
-    },
-    {
-        value: '5',
-        label: 'Friday',
-    },
-    {
-        value: '6',
-        label: 'Saturday',
-    },
-    {
-        value: '7',
-        label: 'Sunday',
-    },
-];
-const title = (_jsxs("div", { style: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-around',
-    }, children: [_jsx("div", { style: {
-                display: 'flex',
-                width: '20px',
-                paddingRight: '8px'
-            }, children: _jsx(Star, {}) }), "Label"] }));
-const meta = {
-    title: 'Inputs/Selector/Collapse',
-    component: Collapse,
-    tags: ['autodocs'],
-    args: {},
-    argTypes: {
-        title: {
-            table: {
-                disable: true
-            }
-        },
-        optionsIcon: {
-            table: {
-                disable: true
-            }
-        },
-    }
-};
-export default meta;
-export const CollapseDefault = {
-    args: {
-        options: data,
-        title,
-        chevron: true,
-        optionsIcon: _jsx(Dot, {}),
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12695-13174&mode=dev',
-        },
-        pseudo: { hover: false },
-    },
-};
-export const CollapseHovered = {
-    args: {
-        options: data,
-        title,
-        chevron: true,
-        optionsIcon: _jsx(Dot, {}),
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12695-13277&mode=dev',
-        },
-        pseudo: { hover: true },
-    },
-};
-export const CollapseSelected = {
-    args: {
-        options: data,
-        title,
-        chevron: true,
-        optionsIcon: _jsx(Dot, {}),
-        selected: data[1],
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12702-24861&mode=dev',
-        },
-    },
-};

package/dist/src/Inputs/Selector/Dropdown.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type IDropdown } from './Dropdown';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<IDropdown>;
-export declare const DropdownDefault: Story;
-export declare const DropdownHovered: Story;
-export declare const DropdownSelected: Story;
-export declare const DropdownSetMaxHeight: Story;

package/dist/src/Inputs/Selector/Dropdown.stories.js

@@ -1,103 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Logo from '../../assets/img/logo.svg';
-import { Dropdown } from './Dropdown';
-const data = [
-    {
-        value: '1',
-        label: 'Monday',
-    },
-    {
-        value: '2',
-        label: 'Tuesday',
-    },
-    {
-        value: '3',
-        label: 'Wednesday',
-    },
-    {
-        value: '4',
-        label: 'Thursday',
-    },
-    {
-        value: '5',
-        label: 'Friday',
-    },
-    {
-        value: '6',
-        label: 'Saturday',
-    },
-    {
-        value: '7',
-        label: 'Sunday',
-    },
-];
-const title = (_jsxs("div", { style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '100%'
-    }, children: [_jsx(Logo, {}), "Label"] }));
-const meta = {
-    title: 'Inputs/Selector/Dropdown',
-    component: Dropdown,
-    tags: ['autodocs'],
-    args: {
-        title,
-        options: data,
-    },
-    argTypes: {
-        title: {
-            table: {
-                disable: true,
-            },
-        },
-        optionsIcon: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-    parameters: {
-        pseudo: { hover: false },
-    }
-};
-export default meta;
-export const DropdownDefault = {
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12702-24861&mode=dev',
-        },
-    },
-};
-export const DropdownHovered = {
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12695-13277&mode=dev',
-        },
-        pseudo: { hover: true },
-    },
-};
-export const DropdownSelected = {
-    args: {
-        selected: data[1]
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12695-13277&mode=dev',
-        }
-    },
-};
-export const DropdownSetMaxHeight = {
-    args: {
-        optionsMaxHeight: 150
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12695-13277&mode=dev',
-        }
-    },
-};

package/dist/src/Inputs/Selector/Option/Option.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type IOption } from './Option';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<IOption>;
-export declare const OptionDefault: Story;
-export declare const OptionHovered: Story;
-export declare const OptionSelected: Story;
-export declare const OptionWithIcon: Story;

package/dist/src/Inputs/Selector/Option/Option.stories.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Star from '../../../assets/img/star.svg';
-import { Option } from './Option';
-const meta = {
-    title: 'Inputs/Selector/Option',
-    component: Option,
-    tags: ['autodocs'],
-    args: {}
-};
-export default meta;
-export const OptionDefault = {
-    args: {
-        option: {
-            value: '1',
-            label: 'Monday',
-        },
-    },
-};
-export const OptionHovered = {
-    args: {
-        option: {
-            value: '1',
-            label: 'Monday',
-        },
-    },
-    parameters: {
-        pseudo: { hover: true },
-    }
-};
-export const OptionSelected = {
-    args: {
-        option: {
-            value: '1',
-            label: 'Monday',
-        },
-        selected: true
-    },
-};
-export const OptionWithIcon = {
-    args: {
-        option: {
-            value: '1',
-            label: 'Monday',
-        },
-        optionsIcon: _jsx(Star, {})
-    },
-};

package/dist/src/Inputs/TextField/TextField.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type ITextField } from './TextField';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ITextField>;
-export declare const TextFieldDefault: Story;
-export declare const TextFieldHovered: Story;
-export declare const TextFieldActive: Story;
-export declare const TextFieldDisabled: Story;
-export declare const TextFieldError: Story;
-export declare const TextFieldWithValue: Story;
-export declare const TextFieldHiddenValue: Story;

package/dist/src/Inputs/TextField/TextField.stories.js

@@ -1,101 +0,0 @@
-import { TextField } from './TextField';
-const meta = {
-    title: 'Inputs/TextField',
-    component: TextField,
-    tags: ['autodocs'],
-    args: {
-        label: 'Label text',
-        required: true,
-        placeholder: 'placeholder',
-        size: 'large',
-        state: 'idle',
-        description: 'Description',
-        clearIcon: true,
-        checkIcon: true,
-        eyeIcon: true,
-        searchIcon: true,
-    },
-    argTypes: {
-        value: {
-            control: 'text',
-        }
-    }
-};
-export default meta;
-export const TextFieldDefault = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32657&mode=dev',
-        },
-    },
-};
-export const TextFieldHovered = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32663&mode=dev',
-        },
-        pseudo: { hover: true },
-    },
-};
-export const TextFieldActive = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32687&mode=dev',
-        },
-    },
-};
-export const TextFieldDisabled = {
-    args: {
-        state: 'disabled',
-        checkIcon: false
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32678&mode=dev',
-        },
-    },
-};
-export const TextFieldError = {
-    args: {
-        state: 'error',
-        checkIcon: false,
-        eyeIcon: false,
-        errorMessage: 'ErrorMessage'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32669&mode=dev',
-        },
-    },
-};
-export const TextFieldWithValue = {
-    args: {
-        value: 'Value'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32723&mode=dev',
-        },
-    },
-};
-export const TextFieldHiddenValue = {
-    args: {
-        value: 'Value',
-        type: 'password'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-32723&mode=dev',
-        },
-    },
-};

package/dist/src/Pages/ContentPage/ContentPage.stories.d.ts

@@ -1,6 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react/*';
-import { ContentPage } from './ContentPage';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof ContentPage>;
-export declare const StartPageDesktop: Story;

package/dist/src/Pages/ContentPage/ContentPage.stories.js

@@ -1,17 +0,0 @@
-import { ContentPage } from './ContentPage';
-const meta = {
-    component: ContentPage,
-    title: 'Pages/ContentPage',
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-export default meta;
-export const StartPageDesktop = {
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12660-13159&t=cU5Jc8aB7DMhCJMx-4',
-        },
-    },
-};

package/dist/src/Pages/CreatePasswordPage/CreatePasswordPage.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CreatePasswordPage } from './CreatePasswordPage';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof CreatePasswordPage>;
-export declare const CreatePasswordDesktop: Story;
-export declare const CreatePasswordMobile: Story;

package/dist/src/Pages/CreatePasswordPage/CreatePasswordPage.stories.js

@@ -1,96 +0,0 @@
-import { expect, userEvent, within } from '@storybook/test';
-import { ReduxDecorator, RouterDecorator } from '../../../.storybook/decorators';
-import { emptyPasswordError, notCorrectPasswordError } from '../../Inputs/PasswordField';
-import { emptyRepeatPasswordError, notCorrectRepeatPasswordError } from '../../Inputs/RepeatPasswordField';
-import { CreatePasswordPage } from './CreatePasswordPage';
-const meta = {
-    component: CreatePasswordPage,
-    decorators: [ReduxDecorator, RouterDecorator],
-    title: 'Pages/Authorization/CreatePasswordPage',
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-export default meta;
-export const CreatePasswordDesktop = {
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=14740-25384&mode=design&t=mI94vejMFxk5S920-4',
-        },
-    },
-    play: async ({ canvasElement, step }) => {
-        const canvas = within(canvasElement);
-        const [passwordWrapper, repeatPasswordWrapper] = Array.from(canvasElement.querySelectorAll('.text-field-wrapper'));
-        const passwordInput = passwordWrapper.querySelector('.text-field__input');
-        const repeatPasswordInput = repeatPasswordWrapper.querySelector('.text-field__input');
-        const submitBtn = canvasElement.querySelector('.btn');
-        const eyeIcon = passwordWrapper.querySelector('#eye-icon');
-        const repeatEyeIcon = repeatPasswordWrapper.querySelector('#eye-icon');
-        const delay = 100;
-        const checkIconId = '#check-icon';
-        const correctPassword = 'qwerty123';
-        const incorrectPassword = '123';
-        await step('Проверяем, заблокирована ли кнопка "Войти в CRM" при незаполненных полях формы', async () => {
-            await expect(submitBtn).toBeDisabled();
-        });
-        await step('При пустом значении в поле "Пароль" выпадает ошибка', async () => {
-            await userEvent.click(passwordInput, { delay });
-            await userEvent.click(repeatPasswordInput, { delay });
-            await expect(canvas.getByText(emptyPasswordError)).toBeInTheDocument();
-        });
-        await step('При пустом значении в поле "Повторите пароль" выпадает ошибка', async () => {
-            await userEvent.click(passwordInput, { delay });
-            await expect(canvas.getByText(emptyRepeatPasswordError)).toBeInTheDocument();
-        });
-        await step('При некорректном значении в поле "Пароль" выпадает ошибка', async () => {
-            await userEvent.type(passwordInput, incorrectPassword, { delay });
-            await userEvent.click(repeatPasswordInput, { delay });
-            await expect(canvas.getByText(notCorrectPasswordError)).toBeInTheDocument();
-        });
-        await step('При разных значения "Пароль" и "Повторите пароль" выпадает ошибка', async () => {
-            await userEvent.type(repeatPasswordInput, correctPassword, { delay });
-            await userEvent.click(passwordInput, { delay });
-            await expect(canvas.getByText(notCorrectRepeatPasswordError)).toBeInTheDocument();
-        });
-        await step('Кнопка "Войти в CRM" заблокирована при наличии ошибки в любом из полей', async () => {
-            await expect(submitBtn).toBeDisabled();
-        });
-        await step('Кнопка "Войти в CRM" доступна при корректно заполненных полях', async () => {
-            await userEvent.clear(passwordInput);
-            await userEvent.type(passwordInput, correctPassword, { delay });
-            await userEvent.clear(repeatPasswordInput);
-            await userEvent.type(repeatPasswordInput, correctPassword, { delay });
-            await expect(submitBtn).toBeEnabled();
-        });
-        await step('При корректно заполненных полях отображаются галочки', async () => {
-            await expect(passwordWrapper.querySelector(checkIconId)).toBeInTheDocument();
-            await expect(repeatPasswordWrapper.querySelector(checkIconId)).toBeInTheDocument();
-        });
-        await step('Кнопка "Войти в CRM" доступна при корректном заполнении формы начиная с "Повторите пароль"', async () => {
-            await userEvent.clear(passwordInput);
-            await userEvent.clear(repeatPasswordInput);
-            await userEvent.type(repeatPasswordInput, correctPassword, { delay });
-            await userEvent.type(passwordInput, correctPassword, { delay });
-            await expect(submitBtn).toBeEnabled();
-        });
-        await step('Тип поля изменяется на "text" при клике на иконку-глаз', async () => {
-            await userEvent.click(repeatEyeIcon, { delay });
-            await expect(passwordInput).toHaveAttribute('type', 'text');
-        });
-        await step('Кнопка "Войти в CRM" доступна при отображении 1 поля', async () => {
-            await expect(submitBtn).toBeEnabled();
-        });
-        await step('Тип поля изменяется на "password" при клике на иконку-глаз', async () => {
-            await userEvent.click(eyeIcon, { delay });
-            await expect(passwordInput).toHaveAttribute('type', 'password');
-        });
-    },
-};
-export const CreatePasswordMobile = {
-    parameters: {
-        viewport: {
-            defaultViewport: 'mobile',
-        }
-    },
-};

package/dist/src/Pages/CreateTeamPage/CreateTeamPage.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CreateTeamPage } from './CreateTeamPage';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof CreateTeamPage>;
-export declare const CreateTeamPageDesktop: Story;
-export declare const CreateTeamPageMobile: Story;

package/dist/src/Pages/CreateTeamPage/CreateTeamPage.stories.js

@@ -1,82 +0,0 @@
-import { expect, userEvent, waitFor, within } from '@storybook/test';
-import { InnError } from '../../Inputs/InnField';
-import { CreateTeamPage } from './CreateTeamPage';
-const meta = {
-    component: CreateTeamPage,
-    title: 'Pages/CreateTeamPage',
-    parameters: {
-        layout: 'fullscreen',
-    },
-    args: {
-        email: 'test@test.com'
-    }
-};
-export default meta;
-export const CreateTeamPageDesktop = {
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12659-17942&mode=design&t=wnKZYt4uc5mLPiqN-4',
-        },
-    },
-    play: async ({ canvasElement, step }) => {
-        const canvas = within(canvasElement);
-        const innInput = canvasElement.querySelector('.text-field__input');
-        const submitBtn = canvasElement.querySelector('.btn');
-        const delay = 100;
-        const overlaySelector = '.create-team-page__overlay';
-        const btnLoadingSelector = '.btn__filled--loading';
-        const spinnerSelector = '.spinner';
-        const organizationSelector = '.create-team-page__organization';
-        const incorrectInn = '1226542';
-        const correctInn = '1254169852';
-        await step('Проверяем, заблокирована ли кнопка "Войти" при незаполненном поле "ИНН"', async () => {
-            await expect(submitBtn).toBeDisabled();
-        });
-        await step('При пустом значении в поле "ИНН" выпадает ошибка', async () => {
-            await userEvent.click(innInput, { delay });
-            await userEvent.click(canvasElement, { delay });
-            await expect(canvas.getByText(InnError)).toBeInTheDocument();
-        });
-        await step('При некорректном значении в поле "ИНН" выпадает ошибка', async () => {
-            await userEvent.type(innInput, incorrectInn, { delay });
-            await userEvent.click(canvasElement, { delay });
-            await expect(canvas.getByText(InnError)).toBeInTheDocument();
-        });
-        await step('Кнопка "Начать работу" заблокирована при наличии ошибки в поле "ИНН"', async () => {
-            await expect(submitBtn).toBeDisabled();
-        });
-        await step('Кнопка "Начать работу" доступна при корректно заполненном поле "ИНН"', async () => {
-            await userEvent.clear(innInput);
-            await userEvent.type(innInput, correctInn, { delay });
-            await expect(submitBtn).toBeEnabled();
-        });
-        await step('При корректно заполненном поле "ИНН" появляется спиннер и результат поиска', async () => {
-            await waitFor(async () => {
-                await expect(canvasElement.querySelector(spinnerSelector)).toBeInTheDocument();
-            });
-        });
-        await step('При корректно заполненном поле "ИНН" появляется результат поиска', async () => {
-            await waitFor(async () => {
-                await expect(canvasElement.querySelector(organizationSelector)).toBeInTheDocument();
-            });
-            await step('Кнопка "Начать работу" заблокирована при наличии ошибки в поле "ИНН"', async () => {
-                await userEvent.type(innInput, '1', { delay });
-                await expect(submitBtn).toBeDisabled();
-            });
-        });
-        await step('При клике на кнопку "Начать работу" блокируется окно и статус кнопки меняется на loading', async () => {
-            await userEvent.type(innInput, '6', { delay });
-            await userEvent.click(submitBtn, { delay });
-            await expect(canvasElement.querySelector(overlaySelector)).toBeInTheDocument();
-            await expect(canvasElement.querySelector(btnLoadingSelector)).toBeInTheDocument();
-        });
-    },
-};
-export const CreateTeamPageMobile = {
-    parameters: {
-        viewport: {
-            defaultViewport: 'mobile',
-        }
-    },
-};

package/dist/src/Pages/EmailConfirmationPage/EmailConfirmationPage.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type IEmailConfirmationPage } from './EmailConfirmationPage';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<IEmailConfirmationPage>;
-export declare const DesktopEmailConfirmation: Story;
-export declare const MobileEmailConfirmation: Story;
-export declare const FilledEmailConfirmation: Story;