@scbt-ecom/ui 0.0.27 → 0.0.30

package/lib/shared/ui/formControlElements/calendarControl/hooks/useCalendar.tsx

@@ -0,0 +1,86 @@
+'use client'
+
+import { useMemo, useState } from 'react'
+import { add, eachDayOfInterval, endOfMonth, endOfWeek, format, parse, startOfWeek } from 'date-fns'
+import { ru } from 'date-fns/locale'
+
+export const useCalendar = (calendarValue: string) => {
+  const [currentDate, setCurrentDate] = useState(calendarValue)
+  const [selectedDay, selectedMonth, selectedYear] = currentDate?.split('.') ?? ''
+
+  const formattedDate = format(new Date(+selectedYear, +selectedMonth - 1, +selectedDay), 'MMM-yyyy')
+  const firstDayOfMonth = parse(formattedDate, 'MMM-yyyy', new Date())
+
+  const daysOfMonth = eachDayOfInterval({
+    start: startOfWeek(firstDayOfMonth, { weekStartsOn: 1 }),
+    end: endOfWeek(endOfMonth(firstDayOfMonth))
+  })
+  const memoDaysOfMonth = useMemo(() => daysOfMonth, [daysOfMonth])
+
+  const formattedMonth = format(selectedMonth, 'MMMM', { locale: ru })
+
+  const onSelectDay = (day: Date, onChange: (...event: unknown[]) => void) => {
+    const updatedDate = format(day, 'dd.MM.yyyy')
+    onChange(updatedDate)
+    setCurrentDate(updatedDate)
+  }
+
+  const onSelectMonth = (month: number, onChange: (...event: unknown[]) => void) => {
+    const updatedDate = format(new Date(+selectedYear, +month, +selectedDay), 'dd.MM.yyyy')
+    onChange(updatedDate)
+    setCurrentDate(updatedDate)
+  }
+
+  const onSelectYear = (year: number, onChange: (...event: unknown[]) => void) => {
+    const updatedDate = format(new Date(+year, +selectedMonth - 1, +selectedDay), 'dd.MM.yyyy')
+    onChange(format(new Date(+year, +selectedMonth - 1, +selectedDay), 'dd.MM.yyyy'))
+    setCurrentDate(updatedDate)
+  }
+
+  const onChangeMonth = (
+    event: React.MouseEvent<HTMLButtonElement>,
+    onChange: (...event: unknown[]) => void,
+    mode: 'prev' | 'next'
+  ) => {
+    event.preventDefault()
+
+    switch (mode) {
+      case 'next':
+        const firstDayOfNextMonth = add(firstDayOfMonth, { months: 1 })
+        const updatedDateNext = format(firstDayOfNextMonth, 'dd.MM.yyyy')
+        onChange(updatedDateNext)
+        setCurrentDate(updatedDateNext)
+
+        break
+      case 'prev':
+        const firstDayOfPrevMonth = add(firstDayOfMonth, { months: -1 })
+        const updatedDatePrev = format(firstDayOfPrevMonth, 'dd.MM.yyyy')
+        onChange(updatedDatePrev)
+        setCurrentDate(updatedDatePrev)
+
+        break
+      default:
+        break
+    }
+  }
+
+  const onBlurInput = (inputValue: string, onChange: (...event: unknown[]) => void) => {
+    if (inputValue) {
+      onChange(inputValue)
+    }
+  }
+
+  return {
+    memoDaysOfMonth,
+    firstDayOfMonth,
+    selectedDay,
+    selectedMonth,
+    selectedYear,
+    formattedMonth,
+    onSelectDay,
+    onSelectMonth,
+    onSelectYear,
+    onBlurInput,
+    onChangeMonth
+  }
+}

package/lib/shared/ui/formControlElements/calendarControl/hooks/useCalendarDropdowns.ts

@@ -0,0 +1,38 @@
+import { useBoolean } from '$/shared/hooks'
+
+export const useCalendarDropdowns = () => {
+  const [isMonthOpen, monthsSetter] = useBoolean(false)
+  const [isYearsOpen, yearsSetter] = useBoolean(false)
+  const [isCalendarOpen, calendarSetter] = useBoolean(false)
+
+  const toggleCalendar = (onClickIcon?: (...args: unknown[]) => unknown) => {
+    calendarSetter()
+    if (onClickIcon) {
+      onClickIcon()
+    }
+  }
+
+  const toggleMonthDropdown = () => {
+    monthsSetter()
+    if (isYearsOpen) {
+      yearsSetter(false)
+    }
+  }
+
+  const toggleYearDropdown = () => {
+    yearsSetter()
+    if (isMonthOpen) {
+      monthsSetter(false)
+    }
+  }
+
+  return {
+    calendarSetter,
+    toggleCalendar,
+    isMonthOpen,
+    toggleMonthDropdown,
+    isYearsOpen,
+    toggleYearDropdown,
+    isCalendarOpen
+  }
+}

package/{dist/shared/ui/formControlElements/calendarControl/index.d.ts → lib/shared/ui/formControlElements/calendarControl/index.ts}

@@ -1 +1 @@
-export { CalendarControl, type ICalendarControlProps } from './CalendarControl';
+export { CalendarControl, type ICalendarControlProps } from './CalendarControl'

package/lib/shared/ui/formControlElements/calendarControl/model/helpers.ts

@@ -0,0 +1,60 @@
+import { type TDayOfWeek } from './types'
+
+export const capitalizeFirstLetter = (query: string): string => {
+  return query.charAt(0).toUpperCase() + query.substring(1)
+}
+
+export const colStartClasses = [
+  'col-start-1',
+  'col-start-2',
+  'col-start-3',
+  'col-start-4',
+  'col-start-5',
+  'col-start-6',
+  'col-start-7'
+]
+
+export const calendarAnimation = {
+  initial: { opacity: 0, y: -40 },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: -40 },
+  transition: { duration: 0.4, ease: 'easeInOut' }
+}
+
+const getYearsFromCurrentTo = (endYear = 1950) => {
+  const currentYear = new Date().getFullYear()
+  const years = []
+
+  // eslint-disable-next-line no-plusplus
+  for (let year = currentYear; year >= endYear; year--) {
+    years.push(year)
+  }
+
+  return years
+}
+export const YEARS_OPTIONS = getYearsFromCurrentTo()
+
+export const DAYS_OF_WEEK: TDayOfWeek[] = [
+  { day: 'Пн' },
+  { day: 'Вт' },
+  { day: 'Ср' },
+  { day: 'Чт' },
+  { day: 'Пт' },
+  { day: 'Сб', isWeekend: true },
+  { day: 'Вс', isWeekend: true }
+]
+
+export const MONTHS_OPTIONS = [
+  'Январь',
+  'Февраль',
+  'Март',
+  'Апрель',
+  'Май',
+  'Июнь',
+  'Июль',
+  'Август',
+  'Сентябрь',
+  'Октябрь',
+  'Ноябрь',
+  'Декабрь'
+]

package/lib/shared/ui/formControlElements/calendarControl/model/types.ts

@@ -0,0 +1,44 @@
+import { type TAdditionalInputClassesWithAttachment } from '../../model'
+
+export type TDayOfWeek = {
+  day: string
+  isWeekend?: boolean
+}
+
+export type TDaysOfMonthClasses = {
+  monthWrapper: string
+  button: string
+  day: string
+}
+
+export type TDaysOfWeekClasses = {
+  weekWrapper: string
+  weekDay: string
+}
+
+export type TNavigationClasses = {
+  navigationWrapper: string
+  swipeButton: string
+  arrowIcon: string
+}
+
+export type TDropdownClasses = {
+  dropdownWrapper: string
+  dropdownTrigger: string
+  dropdownIcon: string
+  dropdownOverlay: string
+  dropdownOptions: string
+  dropdownOption: string
+  dropdowns: string
+}
+
+export type TCalendarClasses = Partial<TDayOfWeek> &
+  Partial<TDaysOfMonthClasses> &
+  Partial<TDaysOfWeekClasses> &
+  Partial<TNavigationClasses> &
+  Partial<TDropdownClasses> &
+  Partial<TAdditionalInputClassesWithAttachment> & {
+    rootWrapper: string
+    calendarWrapper: string
+    calendarHeader: string
+  }

package/lib/shared/ui/formControlElements/calendarControl/ui/DaysOfMonth.tsx

@@ -0,0 +1,53 @@
+import { format, getDay, isSameMonth, isToday } from 'date-fns'
+import { colStartClasses } from '../model/helpers'
+import { type TDaysOfMonthClasses } from '../model/types'
+import { cn } from '$/shared/utils'
+
+interface IDaysOfMonthProps {
+  daysList: Date[]
+  selectedDay: number
+  firstDayOfMonth: Date
+  onSelectDay: (day: Date) => void
+  classes?: Partial<TDaysOfMonthClasses>
+}
+
+export const DaysOfMonth = ({ daysList, firstDayOfMonth, selectedDay, onSelectDay, classes }: IDaysOfMonthProps) => {
+  return (
+    <div className={cn('grid grid-cols-7 place-items-center', classes?.monthWrapper)}>
+      {daysList?.map((day, idx) => {
+        const isCurrentMonth = isSameMonth(day, firstDayOfMonth)
+
+        return (
+          <div
+            // eslint-disable-next-line react/no-array-index-key
+            key={idx}
+            role='button'
+            tabIndex={0}
+            onKeyDown={() => onSelectDay(day)}
+            onClick={() => onSelectDay(day)}
+            className={cn(
+              'size-10 cursor-pointer flex items-center justify-center',
+              colStartClasses[getDay(+day - 1)],
+              classes?.button
+            )}
+          >
+            <span
+              className={cn(
+                'flex items-center justify-center w-full h-full mob-body-regular-m rounded-sm text-color-dark border border-solid border-transparent  transition-colors hover:bg-color-primary-tr-hover hover:border-primary-default',
+                {
+                  'text-color-primary-default relative before:content-[" "] before:w-4 before:h-[2px] before:rounded-[2px] before:bg-icon-primary-default before:absolute before:bottom-1 before:left-1/2 before:-translate-x-1/2':
+                    isToday(day),
+                  '!bg-color-primary-default !text-color-white': selectedDay === +format(day, 'dd') && isCurrentMonth,
+                  'text-color-disabled': !isCurrentMonth
+                },
+                classes?.day
+              )}
+            >
+              {format(day, 'd')}
+            </span>
+          </div>
+        )
+      })}
+    </div>
+  )
+}

package/lib/shared/ui/formControlElements/calendarControl/ui/DaysOfWeek.tsx

@@ -0,0 +1,28 @@
+import { capitalizeFirstLetter, DAYS_OF_WEEK } from '../model/helpers'
+import { type TDaysOfWeekClasses } from '../model/types'
+import { cn } from '$/shared/utils'
+
+interface IDaysOfWeekProps {
+  classes?: Partial<TDaysOfWeekClasses>
+}
+
+export const DaysOfWeek = ({ classes }: IDaysOfWeekProps) => {
+  return (
+    <div className={cn('grid grid-cols-7 pt-2', classes?.weekWrapper)}>
+      {DAYS_OF_WEEK?.map(({ day, isWeekend }) => {
+        return (
+          <span
+            key={day}
+            className={cn(
+              'mob-body-medium-m size-10 flex items-center justify-center',
+              { 'text-color-negative': isWeekend },
+              classes?.weekDay
+            )}
+          >
+            {capitalizeFirstLetter(day)}
+          </span>
+        )
+      })}
+    </div>
+  )
+}

package/lib/shared/ui/formControlElements/calendarControl/ui/Dropdown.tsx

@@ -0,0 +1,62 @@
+import { type TDropdownClasses } from '../model/types'
+import { OptionsList } from './OptionsList'
+import { Icon } from '$/shared/ui'
+import { cn } from '$/shared/utils'
+
+export interface IDropdownProps<Value extends string | number> {
+  options: Value[]
+  selectedValue: string
+  isActive: boolean
+  onClickTrigger: () => void
+  onClickOption: (value: number) => void
+  variant?: 'months' | 'years'
+  classes?: Partial<TDropdownClasses>
+}
+
+export const Dropdown = <Value extends string | number>({
+  onClickTrigger,
+  isActive,
+  selectedValue,
+  options,
+  variant = 'months',
+  onClickOption,
+  classes
+}: IDropdownProps<Value>) => {
+  return (
+    <div className={cn('w-full z-20', classes?.dropdownWrapper)}>
+      <div
+        role='button'
+        tabIndex={0}
+        onKeyDown={onClickTrigger}
+        onClick={onClickTrigger}
+        className={cn(
+          'py-2 px-2 rounded-sm text-color-tetriary desk-body-medium-l flex items-center gap-[2px] transition-colors hover:bg-color-primary-tr-hover',
+          { 'text-color-primary-default': isActive },
+          classes?.dropdownTrigger
+        )}
+      >
+        {selectedValue}
+        <Icon
+          name='arrows/arrowRight'
+          className={cn('rotate-90 text-icon-blue-grey-800', { 'text-icon-primary-default': isActive }, classes?.dropdownIcon)}
+        />
+      </div>
+
+      <div
+        className={cn(
+          'flex flex-col absolute w-full h-[280px] transition-all  bottom-3 left-1/2 overflow-hidden -translate-x-1/2 px-4 z-10 opacity-0 invisible',
+          { 'opacity-100 visible': isActive },
+          classes?.dropdownOverlay
+        )}
+      >
+        <OptionsList
+          options={options}
+          selectedValue={selectedValue}
+          isActive={isActive}
+          onClickOption={onClickOption}
+          variant={variant}
+        />
+      </div>
+    </div>
+  )
+}

package/lib/shared/ui/formControlElements/calendarControl/ui/Header.tsx

@@ -0,0 +1,51 @@
+import { MONTHS_OPTIONS, YEARS_OPTIONS } from '../model/helpers'
+import { type TDropdownClasses } from '../model/types'
+import { Dropdown } from './Dropdown'
+import { cn } from '$/shared/utils'
+
+interface IHeaderProps {
+  month: string
+  year: string
+  isYearsOpen: boolean
+  isMonthOpen: boolean
+  toggleMonthDropdown: () => void
+  toggleYearDropdown: () => void
+  onSelectMonth: (month: number) => void
+  onSelectYear: (year: number) => void
+  classes?: Partial<TDropdownClasses>
+}
+
+export const Header = ({
+  isMonthOpen,
+  isYearsOpen,
+  toggleMonthDropdown,
+  toggleYearDropdown,
+  onSelectMonth,
+  onSelectYear,
+  month,
+  year,
+  classes
+}: IHeaderProps) => {
+  return (
+    <div className={cn('flex items-center', classes?.dropdowns)}>
+      <Dropdown
+        options={MONTHS_OPTIONS}
+        isActive={isMonthOpen}
+        selectedValue={MONTHS_OPTIONS[+month - 1]}
+        onClickTrigger={toggleMonthDropdown}
+        onClickOption={onSelectMonth}
+        classes={classes}
+      />
+
+      <Dropdown
+        options={YEARS_OPTIONS}
+        isActive={isYearsOpen}
+        selectedValue={year}
+        onClickTrigger={toggleYearDropdown}
+        onClickOption={onSelectYear}
+        variant='years'
+        classes={classes}
+      />
+    </div>
+  )
+}

package/lib/shared/ui/formControlElements/calendarControl/ui/Navigation.tsx

@@ -0,0 +1,32 @@
+import type { MouseEventHandler } from 'react'
+import { type TNavigationClasses } from '../model/types'
+import { Icon } from '$/shared/ui'
+import { cn } from '$/shared/utils'
+
+interface INavigationProps {
+  onClickPrevMonth: MouseEventHandler<HTMLButtonElement>
+  onClickNextMonth: MouseEventHandler<HTMLButtonElement>
+  classes?: Partial<TNavigationClasses>
+}
+
+export const Navigation = ({ onClickPrevMonth, onClickNextMonth, classes }: INavigationProps) => {
+  return (
+    <div className={cn('flex items-center justify-evenly gap-6', classes?.navigationWrapper)}>
+      <button type='button' className={cn('w-6 h-6 cursor-pointer', classes?.swipeButton)} onClick={onClickPrevMonth}>
+        <Icon
+          name='arrows/arrowRight'
+          className={cn(
+            'size-6 rotate-180 text-icon-blue-grey-800 hover:text-icon-accent-hover transition-colors',
+            classes?.arrowIcon
+          )}
+        />
+      </button>
+      <button type='button' className={cn('w-6 h-6 cursor-pointer', classes?.swipeButton)} onClick={onClickNextMonth}>
+        <Icon
+          name='arrows/arrowRight'
+          className={cn('size-6 text-icon-blue-grey-800 hover:text-icon-accent-hover transition-colors', classes?.arrowIcon)}
+        />
+      </button>
+    </div>
+  )
+}

package/lib/shared/ui/formControlElements/calendarControl/ui/OptionsList.tsx

@@ -0,0 +1,44 @@
+import type { IDropdownProps } from './Dropdown'
+import { cn } from '$/shared/utils'
+
+interface IOptionsListProps<Value extends string | number> extends Omit<IDropdownProps<Value>, 'onClickTrigger'> {}
+
+export const OptionsList = <Value extends string | number>({
+  isActive,
+  variant,
+  options,
+  onClickOption,
+  selectedValue,
+  classes
+}: IOptionsListProps<Value>) => {
+  const modeMonth = variant === 'months'
+  return (
+    <div
+      className={cn('customScrollbar-y overflow-y-auto px-2 bg-color-white overflow-x-hidden', classes?.dropdownOptions)}
+      role='listbox'
+      aria-expanded={isActive ? 'true' : 'false'}
+      aria-label={variant === 'months' ? 'Выбор месяца' : 'Выбор года'}
+    >
+      {options?.map((option, index) => {
+        return (
+          <div
+            key={option}
+            role='button'
+            tabIndex={0}
+            onClick={() => onClickOption(modeMonth ? index : (option as number))}
+            onKeyDown={() => onClickOption(modeMonth ? index : (option as number))}
+            className={cn(
+              'transition-colors px-2 py-[10px] rounded-sm bg-color-white text-color-dark cursor-pointer mob-body-regular-m hover:bg-color-primary-tr-hover  hover:text-color-primary-hover',
+              {
+                '!bg-color-primary-default !text-color-white': modeMonth ? selectedValue === option : +selectedValue === option
+              },
+              classes?.dropdownOption
+            )}
+          >
+            {option}
+          </div>
+        )
+      })}
+    </div>
+  )
+}

package/lib/shared/ui/formControlElements/calendarControl/ui/index.ts

@@ -0,0 +1,4 @@
+export { DaysOfWeek } from './DaysOfWeek'
+export { Navigation } from './Navigation'
+export { DaysOfMonth } from './DaysOfMonth'
+export { Header } from './Header'

package/lib/shared/ui/formControlElements/dadata/DadataInputControl.tsx

@@ -0,0 +1,132 @@
+'use client'
+
+import * as React from 'react'
+import { Controller, type FieldValues } from 'react-hook-form'
+import { Combobox, ComboboxInput, ComboboxOption, ComboboxOptions } from '@headlessui/react'
+import type { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from '../model'
+import { FieldAttachment, FieldContainer, FieldWrapper, MessageView } from '../ui'
+import type { TDadataBaseUrl, TDadataType } from './model/types'
+import { useDadata } from './model/useDadata'
+import { cn } from '$/shared/utils'
+
+type TDadataClasses = Partial<TAdditionalInputClassesWithAttachment> & {
+  options?: string
+  indentMargin?: string
+}
+
+export interface IDadataInputControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
+  classes?: TDadataClasses
+  dadataType?: TDadataType
+  dadataBaseUrl?: TDadataBaseUrl
+}
+
+export const DadataInputControl = <T extends FieldValues>({
+  control,
+  helperText,
+  classes,
+  size = 'full',
+  label,
+  disabled,
+  dadataType = 'fio',
+  dadataBaseUrl = 'cache',
+  badge,
+  icon,
+  swapPosition,
+  ...props
+}: IDadataInputControlProps<T>) => {
+  const { setQuery, suggestionsOptions } = useDadata(dadataType, dadataBaseUrl)
+  const inputId = React.useId()
+  // TODO: Пофиксить при нажатие на enter очищается инпут, если нет опшенов
+
+  return (
+    <Controller
+      control={control}
+      name={props.name}
+      render={({ field: { onChange, ref, name, value }, fieldState: { error } }) => {
+        return (
+          <FieldContainer size={size} classes={classes}>
+            <Combobox value={value} onChange={onChange}>
+              <FieldWrapper
+                fieldId={inputId}
+                label={label}
+                classes={classes}
+                disabled={disabled}
+                value={value}
+                error={!!error?.message}
+              >
+                <>
+                  <ComboboxInput
+                    className={cn(
+                      'w-full h-[56px] desk-body-regular-l text-color-dark transition-all bg-color-transparent outline-none pt-5 px-4 rounded-md z-10',
+                      classes?.input
+                    )}
+                    ref={ref}
+                    name={name}
+                    value={value} // TODO: capitalize
+                    displayValue={(currentValue: string) => {
+                      return currentValue
+                    }}
+                    onChange={(event) => {
+                      onChange(event.target.value)
+                      setQuery(event.target.value)
+                    }}
+                  />
+                  {/* //TODO: Пока проблемы с реализацией на других полях  */}
+                  {/* {suggestionsOptions && debounceQuery && (
+                    <span className='absolute desk-body-regular-l text-color-blue-grey-600 left-[16px] top-[28px] capitalize group-focus-within:visible'>
+                      {suggestionsOptions[0]?.value}
+                    </span>
+                  )} */}
+                  <FieldAttachment
+                    badge={badge}
+                    icon={icon}
+                    error={!!error?.message}
+                    classes={classes}
+                    swapPosition={swapPosition}
+                  />
+                </>
+              </FieldWrapper>
+              <MessageView
+                className={cn(classes?.message)}
+                intent={error?.message ? 'error' : 'simple'}
+                text={error?.message || helperText}
+                disabled={disabled}
+              />
+              <ComboboxOptions
+                transition
+                className={cn(
+                  'absolute top-14 w-full  data-[closed]:scale-95 data-[closed]:opacity-0 transition-all scrollHidden p-2 rounded-md bg-color-white border-solid border border-blue-grey-700 mt-2 flex flex-col z-10 empty:invisible'
+                )}
+              >
+                <div className='p-2 customScrollbar-y overflow-x-hidden !max-h-[246px]'>
+                  {suggestionsOptions && suggestionsOptions?.length > 0 ? (
+                    <>
+                      {suggestionsOptions?.map(({ value: suggestionValue, additionalText, isDisabled }) => (
+                        <ComboboxOption
+                          disabled={isDisabled}
+                          key={suggestionValue}
+                          value={suggestionValue ?? ''}
+                          className='cursor-pointer px-3 py-3 flex items-center justify-between gap-2 hover:bg-color-blue-grey-200 rounded-sm data-[focus]:bg-color-blue-grey-200 data-[disabled]:bg-color-blue-grey-100 data-[disabled]:text-color-disabled data-[disabled]:pointer-events-none'
+                        >
+                          <div className='flex flex-col gap-1'>
+                            <p className='desk-body-regular-l'>{suggestionValue}</p>
+
+                            {additionalText && <span className='desk-body-regular-s text-color-tetriary'>{additionalText}</span>}
+                          </div>
+                        </ComboboxOption>
+                      ))}
+                    </>
+                  ) : (
+                    <ComboboxOption value='' className='text-color-tetriary desk-body-regular-m'>
+                      Ничего не найдено
+                    </ComboboxOption>
+                  )}
+                </div>
+              </ComboboxOptions>
+            </Combobox>
+          </FieldContainer>
+        )
+      }}
+    />
+  )
+}

package/{dist/shared/ui/formControlElements/dadata/index.d.ts → lib/shared/ui/formControlElements/dadata/index.ts}

@@ -1 +1 @@
-export { DadataInputControl, type IDadataInputControlProps } from './DadataInputControl';
+export { DadataInputControl, type IDadataInputControlProps } from './DadataInputControl'

package/lib/shared/ui/formControlElements/dadata/model/api.ts

@@ -0,0 +1,25 @@
+import { getDadataBaseUrl, getDataByDadataType } from './helpers'
+import type { TDadataBaseUrl, TDadataType } from './types'
+
+export const fetchSuggestions = async (searchText: string, dadataType: TDadataType, dadataBaseUrl: TDadataBaseUrl) => {
+  try {
+    const response = await fetch(`${getDadataBaseUrl(dadataBaseUrl)}/${dadataType}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json'
+      },
+      body: JSON.stringify({ query: searchText })
+    })
+
+    if (!response.ok) throw new Error('error')
+    const data = await response.json()
+
+    const formattedData = getDataByDadataType(dadataType, data)
+
+    return formattedData
+  } catch (error) {
+    console.error(error)
+    return []
+  }
+}