@scbt-ecom/ui 0.4.2 → 0.4.4

package/src/stories/widgets/Advantages.stories.tsx

@@ -1,42 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { Advantages, type IAdvantage } from '$/widgets/Advantages'
-
-const meta = {
-  title: 'WIDGETS/Advantages',
-  component: Advantages,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered'
-  },
-  decorators: [
-    (Story) => (
-      <div className='flex min-h-screen min-w-full items-center justify-center bg-color-blue-grey-300 px-6'>
-        <Story />
-      </div>
-    )
-  ]
-} satisfies Meta<typeof Advantages>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-const mockThreeCards: IAdvantage[] = [
-  { title: 'До 5 млн ₽', description: 'сумма кредита' },
-  { title: 'До 5 лет', description: 'срок кредита' },
-  { title: 'От 5 минут', description: 'быстрое одобрение' }
-]
-
-const mockFourCards: IAdvantage[] = [...mockThreeCards, { title: 'От 15 минут', description: 'сумма одобрение' }]
-
-export const ThreeCards: Story = {
-  args: {
-    advantagesList: mockThreeCards
-  }
-}
-
-export const FourCards: Story = {
-  args: {
-    advantagesList: mockFourCards
-  }
-}

package/src/stories/widgets/Banner.stories.tsx

@@ -1,94 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { Banner, PageHeader } from '$/widgets'
-import {
-  mockBannerBase,
-  mockBannerBaseFullImage,
-  mockBannerBaseGradient,
-  mockBannerBaseGradientAdvantages,
-  mockBannerFullImageOnlyPrimaryButton,
-  mockBannerFullImageWithAdvantages,
-  mockBannerOnlyPrimaryButton,
-  mockWithAdvantages
-} from '$/widgets/banner/model/helpers'
-// test commit
-const meta = {
-  title: 'WIDGETS/Banner',
-  component: Banner,
-  tags: ['autodocs']
-} satisfies Meta<typeof Banner>
-
-export default meta
-
-type Story = StoryObj<typeof Banner>
-
-export const Base: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerBase} />
-    </>
-  )
-}
-
-export const OnlyPrimaryButton: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerOnlyPrimaryButton} />
-    </>
-  )
-}
-
-export const WithAdvantages: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockWithAdvantages} />
-    </>
-  )
-}
-
-export const BaseFullImage: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerBaseFullImage} />
-    </>
-  )
-}
-
-export const FullImageOnlyPrimaryButton: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerFullImageOnlyPrimaryButton} />
-    </>
-  )
-}
-
-export const BaseFullImageWithAdvantages: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerFullImageWithAdvantages} />
-    </>
-  )
-}
-
-export const BaseGradient: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerBaseGradient} />
-    </>
-  )
-}
-
-export const BaseGradientWithAdvantages: Story = {
-  render: () => (
-    <>
-      <PageHeader variant='withButton' />
-      <Banner {...mockBannerBaseGradientAdvantages} />
-    </>
-  )
-}

package/src/stories/widgets/Footer.stories.tsx

@@ -1,36 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { Footer } from '$/widgets'
-
-const meta = {
-  title: 'WIDGETS/Footer',
-  component: Footer,
-  tags: ['autodocs'],
-  decorators: [(Story) => <div className='flex min-h-screen min-w-full items-center justify-center'>{Story()}</div>]
-} satisfies Meta<typeof Footer>
-
-export default meta
-
-type Story = StoryObj<typeof Footer>
-
-export const Base: Story = {
-  args: {
-    withLigal: false,
-    withNavLinks: false,
-    withPhones: false,
-    withSiteMap: false
-  }
-}
-
-export const BaseWithLigal: Story = {
-  args: {
-    withNavLinks: false,
-    withPhones: false,
-    withSiteMap: false
-  }
-}
-
-export const Seo: Story = {
-  args: {
-    withLigal: false
-  }
-}

package/src/stories/widgets/PageHeader.stories.tsx

@@ -1,33 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { PageHeader } from '$/widgets'
-
-const meta = {
-  title: 'WIDGETS/PageHeader',
-  component: PageHeader,
-  tags: ['autodocs']
-} satisfies Meta<typeof PageHeader>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const WithPhone: Story = {
-  args: {
-    variant: 'withPhone',
-    phone: '8 800 000-00-00',
-    phoneText: 'Бесплатно по России'
-  }
-}
-
-export const WithButton: Story = {
-  args: {
-    variant: 'withButton'
-  }
-}
-
-export const WithOtherLogo: Story = {
-  args: {
-    variant: 'withButton',
-    logoType: 'business'
-  }
-}

package/src/stories/widgets/Stepper.stories.tsx

@@ -1,24 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react'
-import { Stepper } from '$/widgets'
-
-const meta = {
-  title: 'WIDGETS/Stepper',
-  component: Stepper,
-  tags: ['autodocs'],
-  decorators: [(Story) => <div className='flex min-h-screen min-w-full items-center justify-center'>{Story()}</div>]
-} satisfies Meta<typeof Stepper>
-
-export default meta
-
-type Story = StoryObj<typeof Stepper>
-
-export const Base: Story = {
-  args: {
-    heading: 'Как получить кредит',
-    stepsList: [
-      { title: 'Заполните онлайн-заявку', description: 'Это займет несколько минут' },
-      { title: 'Дождитесь одобрения', description: 'Рассмотрим заявку за 5 минут' },
-      { title: 'Заберите деньги', description: 'Или закажите бесплатную доставку' }
-    ]
-  }
-}

package/src/storybookHelpers/actions.tsx

@@ -1,5 +0,0 @@
-import { createElement } from 'react'
-
-export const setTextWithElementSB = (text: string, Element = 'button', className = '') => {
-  return createElement(Element, { className }, text)
-}

package/src/storybookHelpers/index.ts

@@ -1,2 +0,0 @@
-export * from './actions'
-export * from './reactHookForm'

package/src/storybookHelpers/reactHookForm/index.ts

@@ -1,3 +0,0 @@
-export { mockDefaultValues, mockSchema, mockFields, type TMockSchema } from './model/mocks'
-export * from './model/mockData'
-export { StorybookFieldsMapper, StorybookFormProvider } from './ui'

package/src/storybookHelpers/reactHookForm/model/mockData.ts

@@ -1,19 +0,0 @@
-import { type IRadioGroupOption } from '$/shared/ui'
-
-export const MOCK_RADIO_GROUP: IRadioGroupOption[] = [
-  { label: 'Мужской', value: 'male' },
-  { label: 'Женский', value: 'female' }
-]
-
-export const MOCK_SELECT_OPTIONS_REACT_SELECT = [
-  { label: 'Кредит наличными', value: 'cash-credit' },
-  { label: 'Автокредит', value: 'avto-credit' },
-  { label: 'Депозит', value: 'depozit' },
-  { label: 'Кредит на недвижимость', value: 'realty-credit' },
-  { label: 'Кредит на обучение', value: 'education-credit' },
-  { label: 'Кредит на бизнес', value: 'business-credit' },
-  { label: 'Кредит на автомобиль', value: 'car-credit' },
-  { label: 'Кредит на путешествие', value: 'travel-credit' },
-  { label: 'Кредит на покупку земли', value: 'land-credit' },
-  { label: 'Кредит на покупку квартиры', value: 'flat-credit' }
-]

package/src/storybookHelpers/reactHookForm/model/mocks.tsx

@@ -1,105 +0,0 @@
-import { z } from 'zod'
-import { MOCK_RADIO_GROUP } from './mockData'
-import { EnumFieldType, type TStorybookFieldConfig } from './types'
-import { VALIDATION_MESSAGES, zodCalendarValidate } from '$/shared/validation'
-
-export const mockToastMessage = (values: string) => (
-  <div className='flex flex-col'>
-    <p className='desk-body-regular-l'>Форма успешно отправлена</p>
-    <code className='desk-body-regular-m text-color-tetriary'>{values}</code>
-  </div>
-)
-
-export const mockSchema = z.object({
-  city: z.string({ required_error: VALIDATION_MESSAGES.REQUIRED }).min(3, `${VALIDATION_MESSAGES.MIN_LENGTH} 3`),
-  phone: z.string({ required_error: VALIDATION_MESSAGES.REQUIRED }).min(7, `${VALIDATION_MESSAGES.MIN_LENGTH} 7`),
-  fio: z.string({ required_error: VALIDATION_MESSAGES.REQUIRED }),
-  condition: z.literal<boolean>(true, { errorMap: () => ({ message: VALIDATION_MESSAGES.REQUIRED }) }),
-  sex: z.string().min(2, VALIDATION_MESSAGES.REQUIRED),
-  percent: z.literal<boolean>(true, { errorMap: () => ({ message: VALIDATION_MESSAGES.REQUIRED }) }),
-  months: z.string().or(z.array(z.string())),
-  description: z.string().min(3, `${VALIDATION_MESSAGES.MIN_LENGTH} 3`),
-  birthday: zodCalendarValidate,
-  slider: z.number().or(z.string()),
-  creditSum: z.number().or(z.string()),
-  files: z
-    .array(z.instanceof(File))
-    .min(1, { message: 'Поле обязательно для заполнения' })
-    .max(3, { message: 'Можно отправить не больше трех файлов. Чтобы добавить файлы удалите выбранные' }),
-  html: z.string()
-})
-
-export type TMockSchema = z.infer<typeof mockSchema>
-export const mockDefaultValues: TMockSchema = {
-  city: '',
-  phone: '',
-  fio: '',
-  condition: true,
-  sex: '',
-  percent: true,
-  months: '',
-  description: '',
-  birthday: '',
-  slider: 100_000,
-  creditSum: 100_000,
-  files: [],
-  html: ''
-}
-
-export const mockFields: TStorybookFieldConfig<TMockSchema>[] = [
-  { name: 'city', label: 'Город', fieldType: EnumFieldType.INPUT },
-  { name: 'phone', label: 'Номер телефона', fieldType: EnumFieldType.MASK, format: '# (###) ###-##-##' },
-  { name: 'fio', label: 'ФИО', fieldType: EnumFieldType.DADATA },
-  {
-    name: 'condition',
-    label:
-      'Выражаю согласие на обработку персональных данных и подтверждаю, что ознакомлен с Политикой обработки персональных данных',
-    fieldType: EnumFieldType.CHECKBOX
-  },
-  {
-    name: 'sex',
-    groupName: 'Выберите пол',
-    radioItemsGroup: MOCK_RADIO_GROUP,
-    fieldType: EnumFieldType.RADIO
-  },
-  { name: 'percent', label: 'Увеличенный процент', fieldType: EnumFieldType.SWITCH },
-
-  {
-    name: 'description',
-    label: 'Описание к блоку',
-    fieldType: EnumFieldType.TEXTAREA
-  },
-  {
-    name: 'birthday',
-    label: 'Дата рождения',
-    fieldType: EnumFieldType.CALENDAR
-  },
-  {
-    name: 'files',
-    label: 'Файлы',
-    fieldType: EnumFieldType.UPLOADER,
-    dropzoneOptions: {
-      maxFiles: 5,
-      maxSize: 1024 * 1024 * 4,
-      multiple: true,
-      accept: {
-        'image/jpeg': [],
-        'image/png': [],
-        'application/pdf': []
-      }
-    }
-  },
-  {
-    name: 'slider',
-    label: 'Сумма кредита',
-    fieldType: EnumFieldType.SLIDER,
-    max: 300_000,
-    min: 40_000,
-    variant: 'credit'
-  }
-  // {
-  //   name: 'html',
-  //   label: 'Введите текст',
-  //   fieldType: EnumFieldType.EDITOR
-  // }
-]

package/src/storybookHelpers/reactHookForm/model/renderFields.tsx

@@ -1,58 +0,0 @@
-import { type FieldValues, type UseFormReturn } from 'react-hook-form'
-import {
-  EnumFieldType,
-  type TControlledInput,
-  type TControlledInputCalendar,
-  type TControlledInputCheckbox,
-  type TControlledInputDadata,
-  type TControlledInputMask,
-  type TControlledInputRadio,
-  type TControlledInputSlider,
-  type TControlledInputSwitch,
-  type TControlledInputTextarea,
-  type TControlledInputUploader,
-  type TStorybookFieldConfig
-} from './types'
-import {
-  CalendarControl,
-  CheckboxControl,
-  DadataInputControl,
-  InputControl,
-  InputControlMask,
-  InputControlUploader,
-  InputSliderControl,
-  RadioControl,
-  SwitchControl,
-  TextareaControl
-} from '$/shared/ui'
-
-export const renderFields = <T extends FieldValues>(fieldConfig: TStorybookFieldConfig<T>, formMethods: UseFormReturn<T>) => {
-  const { control, setValue, watch } = formMethods
-  const { fieldType, ...props } = fieldConfig
-  switch (fieldType) {
-    case EnumFieldType.INPUT:
-      return <InputControl control={control} {...(props as TControlledInput<T>)} />
-    case EnumFieldType.MASK:
-      return <InputControlMask control={control} {...(props as TControlledInputMask<T>)} />
-    case EnumFieldType.DADATA:
-      return <DadataInputControl control={control} {...(props as TControlledInputDadata<T>)} />
-    case EnumFieldType.CHECKBOX:
-      return <CheckboxControl control={control} {...(props as TControlledInputCheckbox<T>)} />
-    case EnumFieldType.RADIO:
-      return <RadioControl control={control} {...(props as TControlledInputRadio<T>)} />
-    case EnumFieldType.SWITCH:
-      return <SwitchControl control={control} {...(props as TControlledInputSwitch<T>)} />
-    case EnumFieldType.TEXTAREA:
-      return <TextareaControl control={control} {...(props as TControlledInputTextarea<T>)} />
-    case EnumFieldType.CALENDAR:
-      return <CalendarControl control={control} setValue={setValue} watch={watch} {...(props as TControlledInputCalendar<T>)} />
-    case EnumFieldType.SLIDER:
-      return <InputSliderControl control={control} {...(props as TControlledInputSlider<T>)} />
-    case EnumFieldType.UPLOADER:
-      return <InputControlUploader control={control} {...(props as TControlledInputUploader<T>)} />
-    // case EnumFieldType.EDITOR:
-    //   return <EditorControl control={control} {...props} />
-    default:
-      return null
-  }
-}

package/src/storybookHelpers/reactHookForm/model/types.ts

@@ -1,86 +0,0 @@
-import type { DefaultValues, FieldValues } from 'react-hook-form'
-import type { Schema, TypeOf } from 'zod'
-import { type IInputControlUploaderProps } from '$/shared/ui'
-import type {
-  ICalendarControlProps,
-  ICheckboxControlProps,
-  IDadataInputControlProps,
-  InputControlMaskProps,
-  InputControlProps,
-  InputSliderControlProps,
-  IRadioControlProps,
-  ISwitchControlProps,
-  ITextareaControlProps
-} from '$/shared/ui/formControlElements'
-
-export type TStorybookFieldsMapperProps<T extends FieldValues> = {
-  fields: TStorybookFieldConfig<T>[]
-  defaultValues?: DefaultValues<TypeOf<Schema>>
-  btnSubmit?: string
-  btnReset?: string
-}
-
-export const enum EnumFieldType {
-  INPUT = 'input',
-  MASK = 'mask',
-  DADATA = 'dadata',
-  CHECKBOX = 'checkbox',
-  RADIO = 'radio',
-  SWITCH = 'switch',
-  TEXTAREA = 'textarea',
-  CALENDAR = 'calendar',
-  SLIDER = 'slider',
-  UPLOADER = 'uploader'
-  // EDITOR = 'editor'
-}
-
-export type TControlledInput<T extends FieldValues> = Omit<InputControlProps<T>, 'control'> & { fieldType: EnumFieldType.INPUT }
-export type TControlledInputMask<T extends FieldValues> = Omit<InputControlMaskProps<T>, 'control'> & {
-  fieldType: EnumFieldType.MASK
-}
-export type TControlledInputDadata<T extends FieldValues> = Omit<IDadataInputControlProps<T>, 'control'> & {
-  fieldType: EnumFieldType.DADATA
-}
-export type TControlledInputCheckbox<T extends FieldValues> = Omit<ICheckboxControlProps<T>, 'control'> & {
-  fieldType: EnumFieldType.CHECKBOX
-}
-export type TControlledInputRadio<T extends FieldValues> = Omit<IRadioControlProps<T>, 'control'> & {
-  fieldType: EnumFieldType.RADIO
-}
-
-export type TControlledInputSwitch<T extends FieldValues> = Omit<ISwitchControlProps<T>, 'control'> & {
-  fieldType: EnumFieldType.SWITCH
-}
-
-export type TControlledInputSlider<T extends FieldValues> = Omit<InputSliderControlProps<T>, 'control'> & {
-  fieldType: EnumFieldType.SLIDER
-}
-
-export type TControlledInputTextarea<T extends FieldValues> = Omit<ITextareaControlProps<T>, 'control'> & {
-  fieldType: EnumFieldType.TEXTAREA
-}
-
-export type TControlledInputCalendar<T extends FieldValues> = Omit<ICalendarControlProps<T>, 'control' | 'setValue' | 'watch'> & {
-  fieldType: EnumFieldType.CALENDAR
-}
-
-export type TControlledInputUploader<T extends FieldValues> = Omit<IInputControlUploaderProps<T>, 'control'> & {
-  fieldType: EnumFieldType.UPLOADER
-}
-
-// type TControlledInputEditor<T extends FieldValues> = Omit<IEditorControlProps<T>, 'control'> & {
-//   fieldType: EnumFieldType.EDITOR
-// }
-
-export type TStorybookFieldConfig<T extends FieldValues> =
-  | TControlledInputMask<T>
-  | TControlledInput<T>
-  | TControlledInputDadata<T>
-  | TControlledInputCheckbox<T>
-  | TControlledInputRadio<T>
-  | TControlledInputSwitch<T>
-  | TControlledInputSlider<T>
-  | TControlledInputTextarea<T>
-  | TControlledInputCalendar<T>
-  | TControlledInputUploader<T>
-// | TControlledInputEditor<T>

package/src/storybookHelpers/reactHookForm/ui/StorybookFieldsMapper.tsx

@@ -1,32 +0,0 @@
-import { type FieldValues, useFormContext } from 'react-hook-form'
-import { renderFields } from '../model/renderFields'
-import { type TStorybookFieldsMapperProps } from '../model/types'
-import { Button } from '$/shared/ui'
-
-export const StorybookFieldsMapper = <T extends FieldValues>({
-  fields,
-  defaultValues,
-  btnSubmit = 'Отправить',
-  btnReset = 'Сбросить состояние'
-}: TStorybookFieldsMapperProps<T>) => {
-  const formMethods = useFormContext()
-
-  const resetStates = () => {
-    formMethods?.clearErrors()
-    formMethods?.reset(defaultValues)
-  }
-
-  return (
-    <div className='flex w-[600px] flex-col gap-3'>
-      {fields?.map((field) => <div key={field.name}>{renderFields(field, formMethods)}</div>)}
-      <div className='flex items-center gap-6'>
-        {btnSubmit && <Button type='submit'>{btnSubmit}</Button>}
-        {btnReset && (
-          <Button onClick={resetStates} intent='secondary'>
-            Сбросить состояние
-          </Button>
-        )}
-      </div>
-    </div>
-  )
-}

package/src/storybookHelpers/reactHookForm/ui/StorybookFormProvider.tsx

@@ -1,43 +0,0 @@
-import { type ReactNode, useEffect } from 'react'
-import { type DefaultValues, type FieldValues, FormProvider } from 'react-hook-form'
-import toast from 'react-hot-toast'
-import type { TypeOf, ZodTypeAny } from 'zod'
-import { mockToastMessage } from '../model/mocks'
-import { useControlledForm } from '$/shared/hooks'
-
-interface IStorybookFormProviderProps<S extends ZodTypeAny> {
-  children: ReactNode
-  validationSchema: S
-  defaultValues?: DefaultValues<TypeOf<S>>
-}
-
-export const StorybookFormProvider = <S extends ZodTypeAny>({
-  children,
-  validationSchema,
-  defaultValues
-}: IStorybookFormProviderProps<S>) => {
-  const formMethods = useControlledForm({
-    mode: 'all',
-    schema: validationSchema,
-    defaultValues
-  })
-
-  const onSubmit = <T extends FieldValues>(values: T) => {
-    toast.success(mockToastMessage(JSON.stringify(values)), {
-      position: 'top-center',
-      duration: 5000
-    })
-  }
-
-  useEffect(() => {
-    formMethods.reset(defaultValues)
-  }, [defaultValues, formMethods])
-
-  return (
-    <FormProvider {...formMethods}>
-      <form className='flex flex-col gap-5' onSubmit={formMethods.handleSubmit(onSubmit)}>
-        {children}
-      </form>
-    </FormProvider>
-  )
-}

package/src/storybookHelpers/reactHookForm/ui/index.ts

@@ -1,2 +0,0 @@
-export { StorybookFieldsMapper } from './StorybookFieldsMapper'
-export { StorybookFormProvider } from './StorybookFormProvider'

package/src/storybookHelpers/table/utils/defaultValue.ts

@@ -1,51 +0,0 @@
-import type { ITable } from '../../../../lib/shared/ui/table/Table'
-
-export const tableValue: ITable<'twoColumns'> = {
-  columnCount: 'twoColumns',
-  headTitle: 'headTitle',
-  tableHead: ['Заголовок 1', 'Заголовок 2'],
-  tableRows: [
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }]
-  ],
-  additionalText: 'additionalText'
-}
-
-export const tableValueThreeCols: ITable<'threeColumns'> = {
-  columnCount: 'threeColumns',
-  headTitle: 'headTitle',
-  tableHead: ['Заголовок 1', 'Заголовок 2', 'Заголовок 3'],
-  tableRows: [
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }]
-  ],
-  additionalText: 'additionalText'
-}
-
-export const tableValueWithoutTitles: ITable<'twoColumns'> = {
-  columnCount: 'twoColumns',
-  headTitle: 'headTitle',
-  tableRows: [
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }]
-  ],
-  additionalText: 'additionalText'
-}
-
-export const tableValueThreeColsWithoutTitles: ITable<'threeColumns'> = {
-  columnCount: 'threeColumns',
-  headTitle: 'headTitle',
-  tableRows: [
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }],
-    [{ text: 'Текст 1' }, { text: 'Текст 2' }, { text: 'Текст 3' }]
-  ],
-  additionalText: 'additionalText'
-}

package/static/arrows/arrowCircle.svg

@@ -1,18 +0,0 @@
-    <svg
-      width='32'
-      height='32'
-      viewBox='0 0 32 32'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-    >
-      <rect x='0.5' y='31.5' width='31' height='31' rx='15.5' transform='rotate(-90 0.5 31.5)' stroke='#5A6E85' />
-      <path
-        d='M22.7071 18.7071C22.3166 19.0976 21.6834 19.0976 21.2929 18.7071L16 13.4142L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L15.2929 11.2929C15.6834 10.9024 16.3166 10.9024 16.7071 11.2929L22.7071 17.2929C23.0976 17.6834 23.0976 18.3166 22.7071 18.7071Z'
-        fill='#5A6E85'
-        stroke='#F3F4F7'
-        strokeWidth='0.5'
-        strokeMiterlimit='10'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-    </svg>

package/static/arrows/arrowLink.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 7C8 6.44772 8.44772 6 9 6L17 6C17.5523 6 18 6.44772 18 7V15C18 15.5523 17.5523 16 17 16C16.4477 16 16 15.5523 16 15V9.41421L7.70711 17.7071C7.31658 18.0976 6.68342 18.0976 6.29289 17.7071C5.90237 17.3166 5.90237 16.6834 6.29289 16.2929L14.5858 8L9 8C8.44772 8 8 7.55228 8 7Z" fill="white"/>
-</svg>