@scbt-ecom/ui 0.0.30 → 0.0.32

package/src/stories/primitives/Table.stories.tsx

@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import {
-  tableValue,
-  tableValueThreeCols,
-  tableValueThreeColsWithoutTitles,
-  tableValueWithoutTitles
-} from '@/storybookHelpers/table/utils/defaultValue'
-import { Table } from '$/shared/ui/'
-
-const meta = {
-  title: 'DataBlocks/Table',
-  component: Table,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered'
-  }
-} satisfies Meta<typeof Table>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Base: Story = {
-  args: {
-    ...tableValue
-  }
-}
-
-export const ThreeColumns: Story = {
-  args: {
-    ...tableValueThreeCols
-  }
-}
-
-export const BaseWithoutTitles: Story = {
-  args: {
-    ...tableValueWithoutTitles
-  }
-}
-
-export const ThreeColumnsWithoutTitles: Story = {
-  args: {
-    ...tableValueThreeColsWithoutTitles
-  }
-}

package/src/stories/primitives/TabsSwitcher.stories.tsx

@@ -1,34 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { type ITabRenderContent, TabsSwitcher } from '$/shared/ui'
-
-const meta = {
-  title: 'Base/TabsSwitcher',
-  component: TabsSwitcher,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof TabsSwitcher>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-const TABS_MOCKS: ITabRenderContent = {
-  triggers: [
-    { id: '1', label: 'Условия' },
-    { id: '2', label: 'Вклады' },
-    { id: '3', label: 'Депозиты' }
-  ],
-  contents: [
-    { id: '1', body: <>Условия контент</>, accordion: { title: 'Обернут в аккордеон' } },
-    { id: '2', body: <>Вклады контент</> },
-    { id: '3', body: <>Депозиты контент</> }
-  ]
-}
-
-export const Base: Story = {
-  args: {
-    renderContent: TABS_MOCKS
-  }
-}

package/src/stories/primitives/formControl/Calendar.stories.tsx

@@ -1,61 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { Icon } from '$/shared/ui'
-import { Calendar } from '$/shared/ui/calendar'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/Calendar',
-  component: Calendar,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ]
-} satisfies Meta<typeof Calendar>
-
-export default meta
-type Story = StoryObj<typeof meta>
-export const Base: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    mode: 'single',
-    name: 'calendar',
-    label: 'Дата рождения',
-    helperText: 'Укажите дату рождения',
-    icon: <Icon name='general/calendar' className='text-icon-blue-grey-700 size-5 cursor-pointer' />,
-    size: 'md',
-    badge: '+25%',
-    swapPosition: true,
-    classes: {
-      attachmentWrapper: 'mr-2 gap-2',
-      icon: 'size-10 rounded-full bg-color-transparent transition-colors flex items-center justify-center hover:bg-color-primary-tr-hover active:bg-color-primary-tr-pressed'
-    }
-  }
-}
-
-export const Range: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    maskFormat: '##.##.#### - ##.##.####',
-    mode: 'range',
-    name: 'calendar',
-    label: 'Дата рождения',
-    helperText: 'Укажите дату рождения',
-    icon: <Icon name='general/calendar' className='text-icon-blue-grey-700 size-5 cursor-pointer' />,
-    size: 'md',
-    badge: '+25%',
-    swapPosition: true,
-    classes: {
-      attachmentWrapper: 'mr-2 gap-2',
-      icon: 'size-10 rounded-full bg-color-transparent transition-colors flex items-center justify-center hover:bg-color-primary-tr-hover active:bg-color-primary-tr-pressed'
-    }
-  }
-}

package/src/stories/primitives/formControl/CalendarControl.stories.tsx

@@ -1,39 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { CalendarControl, Icon } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/CalendarControl',
-  component: CalendarControl,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ]
-} satisfies Meta<typeof CalendarControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-export const Base: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'calendar',
-    label: 'Дата рождения',
-    helperText: 'Укажите дату рождения',
-    icon: <Icon name='general/calendar' className='text-icon-blue-grey-700 size-5 cursor-pointer' />,
-    size: 'md',
-    badge: '+25%',
-    swapPosition: true,
-    classes: {
-      attachmentWrapper: 'mr-2 gap-2',
-      icon: 'size-10 rounded-full bg-color-transparent transition-colors flex items-center justify-center hover:bg-color-primary-tr-hover active:bg-color-primary-tr-pressed'
-    }
-  }
-}

package/src/stories/primitives/formControl/CheckboxControl.stories.tsx

@@ -1,64 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { CheckboxControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/CheckboxControl',
-  component: CheckboxControl,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ]
-} satisfies Meta<typeof CheckboxControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-const checkboxLabel = (
-  <>
-    <a href='https://sovcombank.ru/' target='_blank' rel='noreferrer' className='text-color-primary-default'>
-      Выражаю согласие
-    </a>{' '}
-    на обработку персональных данных и подтверждаю, что ознакомлен с{' '}
-    <a href='https://sovcombank.ru/' target='_blank' rel='noreferrer' className='text-color-primary-default'>
-      Политикой
-    </a>{' '}
-    обработки персональных данных
-  </>
-)
-
-export const Base: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    label: checkboxLabel,
-    name: 'condition'
-  }
-}
-
-export const WithHelperText: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    label: checkboxLabel,
-    name: 'condition',
-    helperText: 'Утвердите согласие'
-  }
-}
-
-export const Disabled: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    label: checkboxLabel,
-    name: 'condition',
-    disabled: true
-  }
-}

package/src/stories/primitives/formControl/DadataInputControl.stories.tsx

@@ -1,83 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { DadataInputControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/DadataInputControl',
-  component: DadataInputControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  tags: ['autodocs']
-} satisfies Meta<typeof DadataInputControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const DadataFio: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'fio',
-    label: 'ФИО',
-    size: 'lg',
-    dadataBaseUrl: 'cache',
-    badge: '+25%'
-  }
-}
-
-export const DadataAddress: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'address',
-    label: 'Адрес',
-    size: 'lg',
-    dadataType: 'address',
-    dadataBaseUrl: 'cache'
-  }
-}
-
-export const DadataCountry: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'country',
-    label: 'Страна',
-    size: 'lg',
-    dadataType: 'country',
-    dadataBaseUrl: 'constants'
-  }
-}
-
-export const DadataAuto: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'auto',
-    label: 'Авто',
-    size: 'lg',
-    dadataType: 'auto',
-    dadataBaseUrl: 'constants'
-  }
-}
-
-export const DadataOrganization: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'organization',
-    label: 'Организация',
-    size: 'lg',
-    dadataType: 'party',
-    dadataBaseUrl: 'cache',
-    badge: '+25%'
-  }
-}

package/src/stories/primitives/formControl/FormControlAllFields.stories.tsx

@@ -1,25 +0,0 @@
-import type { Meta } from '@storybook/react'
-import { mockDefaultValues, mockFields, mockSchema, StorybookFieldsMapper, StorybookFormProvider } from '@/storybookHelpers'
-import { FormControl } from '$/shared/ui/'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/FormControlAllFields',
-  component: FormControl,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ]
-} satisfies Meta<typeof FormControl>
-
-export default meta
-
-export const FormControlAllFields = () => {
-  return <StorybookFieldsMapper fields={mockFields} defaultValues={mockDefaultValues} />
-}

package/src/stories/primitives/formControl/InputControl.stories.tsx

@@ -1,77 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { Icon, InputControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/InputControl',
-  component: InputControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  tags: ['autodocs']
-} satisfies Meta<typeof InputControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Base: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'city',
-    label: 'Город',
-    size: 'md'
-  }
-}
-
-export const WithIcon: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'city',
-    label: 'Город',
-    size: 'md',
-    icon: <Icon name='general/check' className='text-icon-positive-default' />
-  }
-}
-
-export const WithBadge: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'city',
-    label: 'Город',
-    size: 'md',
-    badge: '+25%'
-  }
-}
-
-export const WithHelperText: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'city',
-    label: 'Город',
-    helperText: 'Введите город проживания',
-    size: 'md'
-  }
-}
-
-export const Disabled: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'city',
-    label: 'Город',
-    helperText: 'Введите город проживания',
-    size: 'md',
-    disabled: true
-  }
-}

package/src/stories/primitives/formControl/RadioContol.stories.tsx

@@ -1,63 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { MOCK_RADIO_GROUP, mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { RadioControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/RadioControl',
-  component: RadioControl,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ]
-} satisfies Meta<typeof RadioControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Base: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'sex',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}
-
-export const WithGroupName: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'sex',
-    groupName: 'Выбери пол:',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}
-
-export const WithHelperText: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'sex',
-    helperText: 'Укажите свой пол, как в паспорте ',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}
-
-export const WithHorizontalOrientation: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'sex',
-    groupName: 'Выберите пол',
-    helperText: 'Укажите свой пол, как в паспорте ',
-    orientation: 'horizontal',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}

package/src/stories/primitives/formControl/SelectControl.stories.tsx

@@ -1,117 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { MOCK_SELECT_OPTIONS, mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { type ISelectOption, SelectControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/SelectControl',
-  component: SelectControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  tags: ['autodocs']
-} satisfies Meta<typeof SelectControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-const DISABLED_SELECT_OPTIONS: ISelectOption[] = [
-  { id: '1', optionValue: 'Январь', isDisabled: true },
-  { id: '2', optionValue: 'Февраль', isDisabled: true },
-  ...MOCK_SELECT_OPTIONS.slice(2, 12)
-]
-
-export const IntentFilled: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяц',
-    size: 'md',
-    optionsList: MOCK_SELECT_OPTIONS,
-    intent: 'filled'
-  }
-}
-
-export const IntentClear: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяц',
-    size: 'md',
-    optionsList: MOCK_SELECT_OPTIONS,
-    intent: 'clear'
-  }
-}
-
-export const FilledMultiple: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяца',
-    size: 'md',
-    optionsList: MOCK_SELECT_OPTIONS,
-    multiple: true,
-    intent: 'filled'
-  }
-}
-
-export const ClearMultiple: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяца',
-    size: 'md',
-    optionsList: MOCK_SELECT_OPTIONS,
-    multiple: true,
-    intent: 'clear'
-  }
-}
-
-export const IsDisabled: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяц',
-    size: 'md',
-    optionsList: MOCK_SELECT_OPTIONS,
-    intent: 'filled',
-    disabled: true
-  }
-}
-
-export const DisabledOptions: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяц',
-    size: 'md',
-    optionsList: DISABLED_SELECT_OPTIONS,
-    intent: 'filled'
-  }
-}
-
-export const WithHelperText: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'months',
-    label: 'Выберите месяца',
-    size: 'md',
-    optionsList: MOCK_SELECT_OPTIONS,
-    helperText: 'Выберите месяц рождения',
-    multiple: true,
-    intent: 'filled'
-  }
-}

package/src/stories/primitives/formControl/SwitchControl.stories.tsx

@@ -1,51 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { SwitchControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/SwitchControl',
-  component: SwitchControl,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ]
-} satisfies Meta<typeof SwitchControl>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Base: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'percent',
-    label: 'Увеличенный процент'
-  }
-}
-
-export const Disabled: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'percent',
-    label: 'Увеличенный процент',
-    disabled: true
-  }
-}
-
-export const WithHelperText: Story = {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  args: {
-    name: 'percent',
-    label: 'Увеличенный процент',
-    helperText: 'На первые 30 дней'
-  }
-}