@scbt-ecom/ui 0.4.2 → 0.4.3

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

@@ -1,79 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-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>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <DadataInputControl {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof DadataInputControl>
-
-export default meta
-type Story = StoryObj<typeof DadataInputControl>
-
-export const DadataFio: Story = {
-  args: {
-    name: 'fio',
-    label: 'ФИО',
-    size: 'lg',
-    dadataBaseUrl: 'cache',
-    badge: '+25%'
-  }
-}
-
-export const DadataAddress: Story = {
-  args: {
-    name: 'address',
-    label: 'Адрес',
-    size: 'lg',
-    dadataType: 'address',
-    dadataBaseUrl: 'cache'
-  }
-}
-
-export const DadataCountry: Story = {
-  args: {
-    name: 'country',
-    label: 'Страна',
-    size: 'lg',
-    dadataType: 'country',
-    dadataBaseUrl: 'constants'
-  }
-}
-
-export const DadataAuto: Story = {
-  args: {
-    name: 'auto',
-    label: 'Авто',
-    size: 'lg',
-    dadataType: 'auto',
-    dadataBaseUrl: 'constants'
-  }
-}
-
-export const DadataOrganization: Story = {
-  args: {
-    name: 'organization',
-    label: 'Организация',
-    size: 'lg',
-    dadataType: 'party',
-    dadataBaseUrl: 'cache',
-    badge: '+25%'
-  }
-}

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

@@ -1,31 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import { type Meta, type StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { EditorControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/EditorControl',
-  component: EditorControl,
-  parameters: {
-    layout: 'centered'
-  },
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <EditorControl {...args} {...methods} />
-  }
-} satisfies Meta<typeof EditorControl>
-
-export default meta
-type Story = StoryObj<typeof EditorControl>
-export const Base: Story = {
-  args: {}
-}

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,84 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-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>
-    )
-  ],
-  render: (args) => {
-    const { control } = useFormContext()
-    const methods = { control }
-
-    return <InputControl {...args} {...methods} />
-  },
-  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/InputControlPassword.stories.tsx

@@ -1,38 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { InputControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/InputControlPassword',
-  component: InputControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <InputControl {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof InputControl>
-
-export default meta
-type Story = StoryObj<typeof InputControl>
-
-export const Base: Story = {
-  args: {
-    name: 'password',
-    label: 'Пароль',
-    size: 'md',
-    helperText: 'Введите пароль',
-    variant: 'password'
-  }
-}

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

@@ -1,44 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { InputControlUploader } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/InputControlUploader',
-  component: InputControlUploader,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <InputControlUploader {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof InputControlUploader>
-
-export default meta
-type Story = StoryObj<typeof InputControlUploader>
-
-export const Base: Story = {
-  args: {
-    name: 'files',
-    label: 'Файлы',
-    helperText: 'Фотография должна быть четкой',
-    dropzoneOptions: {
-      maxSize: 1024 * 1024 * 4,
-      multiple: true,
-      accept: {
-        'image/jpeg': [],
-        'image/png': []
-      }
-    }
-  }
-}

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

@@ -1,73 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import { type Meta, type StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { InputCurrencyControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/InputCurrencyControl',
-  component: InputCurrencyControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <InputCurrencyControl {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof InputCurrencyControl>
-
-export default meta
-type Story = StoryObj<typeof InputCurrencyControl>
-
-export const Rubles: Story = {
-  args: {
-    name: 'currency',
-    label: 'Выберите валюту',
-    size: 'md',
-    defaultCurrency: 'rubles'
-  }
-}
-
-export const Dollars: Story = {
-  args: {
-    name: 'currency',
-    label: 'Выберите валюту',
-    size: 'md',
-    defaultCurrency: 'dollars'
-  }
-}
-
-export const Euro: Story = {
-  args: {
-    name: 'currency',
-    label: 'Выберите валюту',
-    size: 'md',
-    defaultCurrency: 'euro'
-  }
-}
-
-export const Dirhams: Story = {
-  args: {
-    name: 'currency',
-    label: 'Выберите валюту',
-    size: 'md',
-    defaultCurrency: 'dirhams'
-  }
-}
-
-export const Yuan: Story = {
-  args: {
-    name: 'currency',
-    label: 'Выберите валюту',
-    size: 'md',
-    defaultCurrency: 'yuan'
-  }
-}

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

@@ -1,62 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { Icon, InputSliderControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/InputSliderControl',
-  component: InputSliderControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <InputSliderControl {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof InputSliderControl>
-
-export default meta
-type Story = StoryObj<typeof InputSliderControl>
-
-export const Base: Story = {
-  args: {
-    name: 'term',
-    label: 'Сумма кредита',
-    size: 'md',
-    min: 30_000,
-    max: 5_000_000,
-    variant: 'credit'
-  }
-}
-
-export const WithYears: Story = {
-  args: {
-    name: 'term',
-    label: 'Срок кредита',
-    size: 'md',
-    min: 1,
-    max: 12,
-    variant: 'years'
-  }
-}
-
-export const WithIconSlider: Story = {
-  args: {
-    name: 'term',
-    label: 'Город',
-    icon: <Icon name='general/edit' className='size-[19px] text-icon-blue-grey-600 focus:text-icon-blue-grey-800' />,
-    size: 'md',
-    min: 1,
-    max: 12,
-    variant: 'years'
-  }
-}

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

@@ -1,61 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-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>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <RadioControl {...args} {...methods} />
-  }
-} satisfies Meta<typeof RadioControl>
-
-export default meta
-type Story = StoryObj<typeof RadioControl>
-
-export const Base: Story = {
-  args: {
-    name: 'sex',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}
-
-export const WithGroupName: Story = {
-  args: {
-    name: 'sex',
-    groupName: 'Выбери пол:',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}
-
-export const WithHelperText: Story = {
-  args: {
-    name: 'sex',
-    helperText: 'Укажите свой пол, как в паспорте ',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}
-
-export const WithHorizontalOrientation: Story = {
-  args: {
-    name: 'sex',
-    groupName: 'Выберите пол',
-    helperText: 'Укажите свой пол, как в паспорте ',
-    orientation: 'horizontal',
-    radioItemsGroup: MOCK_RADIO_GROUP
-  }
-}

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

@@ -1,51 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-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>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <SwitchControl {...args} {...methods} />
-  }
-} satisfies Meta<typeof SwitchControl>
-
-export default meta
-type Story = StoryObj<typeof SwitchControl>
-
-export const Base: Story = {
-  args: {
-    name: 'percent',
-    label: 'Увеличенный процент'
-  }
-}
-
-export const Disabled: Story = {
-  args: {
-    name: 'percent',
-    label: 'Увеличенный процент',
-    disabled: true
-  }
-}
-
-export const WithHelperText: Story = {
-  args: {
-    name: 'percent',
-    label: 'Увеличенный процент',
-    helperText: 'На первые 30 дней'
-  }
-}

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

@@ -1,55 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { TextareaControl } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/TextareaControl',
-  component: TextareaControl,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <TextareaControl {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof TextareaControl>
-
-export default meta
-type Story = StoryObj<typeof TextareaControl>
-
-export const Base: Story = {
-  args: {
-    name: 'description',
-    label: 'Описание к блоку',
-    size: 'md'
-  }
-}
-
-export const WithPlaceholder: Story = {
-  args: {
-    name: 'description',
-    label: 'Описание к блоку',
-    size: 'md',
-    placeholder: 'Введите описание'
-  }
-}
-
-export const Disabled: Story = {
-  args: {
-    name: 'description',
-    label: 'Описание к блоку',
-    size: 'md',
-    placeholder: 'Введите описание',
-    disabled: true
-  }
-}

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

@@ -1,67 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import type { Meta, StoryObj } from '@storybook/react'
-import { mockDefaultValues, mockSchema, StorybookFormProvider } from '@/storybookHelpers'
-import { Icon, InputControlMask } from '$/shared/ui'
-
-const meta = {
-  title: 'CONTROLLED FORM UI/InputControlMask',
-  component: InputControlMask,
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <StorybookFormProvider validationSchema={mockSchema} defaultValues={mockDefaultValues}>
-        <Story />
-      </StorybookFormProvider>
-    )
-  ],
-  render: ({ ...args }) => {
-    const { control } = useFormContext()
-    const methods = { control }
-    return <InputControlMask {...args} {...methods} />
-  },
-  tags: ['autodocs']
-} satisfies Meta<typeof InputControlMask>
-
-export default meta
-type Story = StoryObj<typeof InputControlMask>
-
-export const Base: Story = {
-  args: {
-    name: 'phone',
-    label: 'Номер телефона',
-    size: 'md',
-    format: '# (###) ###-##-##'
-  }
-}
-
-export const WithIcon: Story = {
-  args: {
-    name: 'phone',
-    label: 'Номер телефона',
-    format: '# (###) ###-##-##',
-    size: 'md',
-    icon: <Icon name='general/check' className='text-icon-positive-default' />
-  }
-}
-
-export const WithBadge: Story = {
-  args: {
-    name: 'phone',
-    label: 'Номер телефона',
-    format: '# (###) ###-##-##',
-    size: 'md',
-    badge: '+25%'
-  }
-}
-
-export const WithHelperText: Story = {
-  args: {
-    name: 'phone',
-    label: 'Номер телефона',
-    size: 'md',
-    format: '# (###) ###-##-##',
-    helperText: 'Введите номер телефона'
-  }
-}