@scbt-ecom/ui 0.4.2 → 0.4.4

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

@@ -1,22 +0,0 @@
-export type TClassesUploaderMain = {
-  wrapperMainContent: string
-  borderContent: string
-  wrapperTextContent: string
-  uploaderIcon: string
-  selectFileText: string
-  selectFileTextSpan: string
-  uploaderInput: string
-  message: string
-}
-
-export type TClassesUploaderFiles = {
-  filesWrapperContent: string
-  fileWrapperContent: string
-  fileContent: string
-  fileDeleteIcon: string
-  fileText: string
-  fileButtonDeleteWrapper: string
-  fileButtonDelete: string
-}
-
-export type TClassesUploader = TClassesUploaderFiles & TClassesUploaderMain

package/lib/shared/ui/formControlElements/inputControlUploader/ui/File.tsx

@@ -1,35 +0,0 @@
-import { type TClassesUploader } from '../model/types'
-import { Filename } from './Filename'
-import { Icon } from '$/shared/ui/icon'
-import { Loader } from '$/shared/ui/Loader'
-import { cn } from '$/shared/utils'
-
-interface IFileProps {
-  filesStatus: {
-    [key: string]: 'loading' | 'success' | 'error'
-  }
-  removeFile: (index: number) => void
-  classes?: TClassesUploader
-  file: File
-  index: number
-}
-
-export const File = ({ filesStatus, removeFile, classes, file, index }: IFileProps) => {
-  const fileSizeMb = file.size / 1024 / 1024
-
-  return (
-    <li key={file.name} className={cn('flex h-6 items-center justify-between p-1', classes?.fileWrapperContent)}>
-      <div className={cn('flex items-center gap-2', classes?.fileContent)}>
-        {filesStatus[file.name] === 'loading' && <Loader size='sm' />}
-        {filesStatus[file.name] === 'success' && <Icon name='general/check' className='text-icon-positive-default' />}
-        <Filename file={file} classes={classes} />
-      </div>
-      <div className={cn('flex items-center gap-2', classes?.fileButtonDeleteWrapper)}>
-        <p className='desk-body-regular-m text-color-blue-grey-600'>{`${fileSizeMb.toFixed(1)} MB`}</p>
-        <button className={cn('cursor-pointer', classes?.fileButtonDelete)} onClick={() => removeFile(index)}>
-          <Icon name='general/close' className={cn('text-icon-blue-grey-600', classes?.fileDeleteIcon)} />
-        </button>
-      </div>
-    </li>
-  )
-}

package/lib/shared/ui/formControlElements/inputControlUploader/ui/Filename.tsx

@@ -1,40 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-import { type TClassesUploader } from '../model/types'
-import { Hint } from '$/shared/ui/Hint'
-import { cn } from '$/shared/utils'
-
-interface IFileNameProps {
-  file: File
-  classes?: TClassesUploader
-}
-
-export const Filename = ({ file, classes }: IFileNameProps) => {
-  const fileRef = useRef<HTMLParagraphElement>(null)
-  const [isOverflow, setIsOverflow] = useState(false)
-
-  useEffect(() => {
-    if (fileRef.current) {
-      setIsOverflow(fileRef.current.clientWidth > 300)
-    }
-  }, [file])
-
-  return (
-    <>
-      {isOverflow ? (
-        <Hint
-          triggerElement={
-            <p ref={fileRef} className={cn('desk-body-regular-m max-w-[300px] truncate text-color-dark')}>
-              {file.name}
-            </p>
-          }
-        >
-          {file.name}
-        </Hint>
-      ) : (
-        <p ref={fileRef} className={cn('desk-body-regular-m text-color-dark', classes?.fileText)}>
-          {file.name}
-        </p>
-      )}
-    </>
-  )
-}

package/lib/shared/ui/formControlElements/inputControlUploader/ui/Files.tsx

@@ -1,30 +0,0 @@
-import { type HTMLAttributes } from 'react'
-import { type TClassesUploader } from '../model/types'
-import { File } from './File'
-import { cn } from '$/shared/utils'
-
-interface IUploaderContentProps extends HTMLAttributes<HTMLDivElement> {
-  controlledFiles: File[]
-  filesStatus: {
-    [key: string]: 'loading' | 'success' | 'error'
-  }
-  removeFile: (index: number) => void
-  classes?: TClassesUploader
-}
-
-export const Files = ({ controlledFiles, filesStatus, classes, removeFile }: IUploaderContentProps) => {
-  const isFilesExist = controlledFiles && controlledFiles.length > 0
-
-  if (isFilesExist) {
-    return (
-      <ul className={cn('flex max-w-[476px] flex-col gap-1 px-1', classes?.filesWrapperContent)}>
-        {controlledFiles.map((file, index) => (
-          // eslint-disable-next-line react/no-array-index-key
-          <File key={index} file={file} index={index} filesStatus={filesStatus} removeFile={removeFile} classes={classes} />
-        ))}
-      </ul>
-    )
-  }
-
-  return null
-}

package/lib/shared/ui/formControlElements/inputControlUploader/ui/Input.tsx

@@ -1,48 +0,0 @@
-import { forwardRef, type Ref } from 'react'
-import { type DropzoneRootProps } from 'react-dropzone'
-import { type FieldError, type FieldValues, type Path } from 'react-hook-form'
-import { type TClassesUploader } from '../model/types'
-import { Icon } from '$/shared/ui/icon'
-import { cn } from '$/shared/utils'
-
-export interface IFileInputProps<T extends FieldValues> {
-  dropzoneState: DropzoneRootProps
-  disabled?: boolean
-  error?: FieldError
-  classes?: Partial<TClassesUploader>
-  name?: Path<T>
-}
-
-export const Input = forwardRef(function Input<T extends FieldValues>(
-  { dropzoneState, classes, disabled, error, name }: IFileInputProps<T>,
-  ref: Ref<HTMLDivElement>
-) {
-  const dropzoneProps = dropzoneState.getRootProps()
-  return (
-    <div
-      className={cn(
-        'flex h-[64px] w-[476px] rounded-sm bg-[length:100%_100%] bg-no-repeat hover:border hover:border-primary-hover hover:bg-color-primary-tr-hover focus-visible:border focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none active:border active:border-primary-hover active:bg-color-primary-tr-pressed [&:not(:hover)(:focus-visible)(:active)(:disabled)]:bg-[url("../../static/files/border.svg")]',
-        classes?.borderContent,
-        { 'bg-color-primary-light-default opacity-50': disabled },
-        { '[&:not(:hover)(:focus-visible)(:active)(:disabled)]:bg-[url("../../static/files/borderError.svg")]': error }
-      )}
-      ref={ref}
-      {...dropzoneProps}
-    >
-      <div className={cn('flex h-full w-full items-center justify-center gap-2', classes?.wrapperTextContent)}>
-        <Icon name='files/upload' className={cn('text-icon-primary-default', classes?.uploaderIcon)} />
-        <p className={cn('desk-body-regular-l select-none text-icon-primary-default', classes?.wrapperTextContent)}>
-          Выберите файл
-          <span className={cn('text-icon-blue-grey-600', classes?.selectFileTextSpan)}> или перетащите сюда</span>
-        </p>
-      </div>
-      <input
-        name={name}
-        ref={dropzoneState.inputRef}
-        disabled={disabled}
-        {...dropzoneState.getInputProps()}
-        className={cn(classes?.uploaderInput)}
-      />
-    </div>
-  )
-})

package/lib/shared/ui/formControlElements/inputControlUploader/ui/Uploader.tsx

@@ -1,58 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { type DropzoneOptions } from 'react-dropzone'
-import { type FieldError, type FieldValues, type Path } from 'react-hook-form'
-import { MessageView } from '../../ui'
-import { defaultDropzoneOptions } from '../model'
-import { useUploader } from '../model/hooks/useUploader'
-import { type TClassesUploader } from '../model/types'
-import { Files } from './Files'
-import { Input } from './Input'
-import { cn } from '$/shared/utils'
-
-export interface IUploaderProps<T extends FieldValues> extends React.HTMLAttributes<HTMLDivElement> {
-  controlledFiles: File[]
-  dropzoneOptions: DropzoneOptions
-  helperText?: string
-  onValueChange: (f: File[]) => void
-  disabled?: boolean
-  error?: FieldError | undefined
-  classes?: Partial<TClassesUploader>
-  name: Path<T>
-}
-
-export const Uploader = React.forwardRef(function InputControl<T extends FieldValues>(
-  {
-    dropzoneOptions = defaultDropzoneOptions,
-    controlledFiles,
-    onValueChange,
-    helperText,
-    disabled,
-    error,
-    classes,
-    name
-  }: IUploaderProps<T>,
-  ref: React.Ref<HTMLDivElement>
-) {
-  const { filesStatus, removeFile, dropzoneState } = useUploader({
-    dropzoneOptions,
-    controlledFiles,
-    onValueChange
-  })
-
-  return (
-    <>
-      <div className={cn('relative mb-3 w-[476px]', classes?.wrapperMainContent)}>
-        <Input ref={ref} name={name} classes={classes} error={error} disabled={disabled} dropzoneState={dropzoneState} />
-        <MessageView
-          className={cn(classes?.message)}
-          intent={error?.message ? 'error' : 'simple'}
-          text={error?.message || helperText}
-          disabled={disabled}
-        />
-      </div>
-      <Files filesStatus={filesStatus} removeFile={removeFile} controlledFiles={controlledFiles} />
-    </>
-  )
-})

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

@@ -1,3 +0,0 @@
-export { Input } from './Input'
-export { Uploader } from './Uploader'
-export { Files } from './Files'

package/lib/shared/ui/formControlElements/inputCurrencyControl/InputCurrencyControl.tsx

@@ -1,88 +0,0 @@
-import * as React from 'react'
-import { Controller, type FieldValues } from 'react-hook-form'
-import { NumericFormat } from 'react-number-format'
-import { type TControlledInputProps, type TInputCommonProps } from '../model'
-import { FieldContainer, FieldWrapper, MessageView } from '../ui'
-import { currencyOptionsList, getDelimiterForCurrency } from './model/helpers'
-import { useInputCurrency } from './model/useInputCurrency'
-import { MenuTrigger, OptionList } from './ui'
-import { useClickOutside } from '$/shared/hooks'
-import { cn } from '$/shared/utils'
-
-export type TCurrencyVariant = 'euro' | 'dollars' | 'rubles' | 'yuan' | 'dirhams'
-export interface ICurrencyOption {
-  ruName: string
-  engName: string
-  currency: TCurrencyVariant
-}
-
-export interface InputCurrencyControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
-  classes?: any // TODO ADD CLASSES AND CONNECT WITH BACKEND API TO GET CURRENCY
-  defaultCurrency?: TCurrencyVariant
-}
-
-export const InputCurrencyControl = <T extends FieldValues>({
-  label,
-  size = 'full',
-  helperText,
-  control,
-  classes,
-  disabled,
-  defaultCurrency = 'rubles',
-  ...props
-}: InputCurrencyControlProps<T>) => {
-  const inputId = React.useId()
-  const containerRef = React.useRef<HTMLDivElement | null>(null)
-  const { menuIsOpen, currentCurrencyOption, onSelectOption, onToggleMenu, onCloseMenu } = useInputCurrency(defaultCurrency)
-
-  useClickOutside(containerRef, onCloseMenu)
-
-  return (
-    <Controller
-      control={control}
-      name={props.name}
-      render={({ field: { onChange, ref, value }, fieldState: { error } }) => (
-        <FieldContainer size={size} classes={classes}>
-          <FieldWrapper
-            fieldId={inputId}
-            label={label}
-            classes={classes}
-            disabled={disabled}
-            value={value}
-            error={!!error?.message}
-          >
-            <div ref={containerRef} className='relative flex w-full items-center'>
-              <NumericFormat
-                thousandsGroupStyle='wan'
-                thousandSeparator=' '
-                prefix={getDelimiterForCurrency(currentCurrencyOption.currency)}
-                getInputRef={ref}
-                allowNegative={false}
-                id={inputId}
-                aria-invalid={error?.message ? 'true' : 'false'}
-                className={cn(
-                  'desk-body-regular-l h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all',
-                  classes?.input
-                )}
-                disabled={disabled}
-                value={value?.toString()}
-                onChange={onChange}
-                {...props}
-              />
-
-              <MenuTrigger onToggleMenu={onToggleMenu} currentCurrencyOption={currentCurrencyOption} />
-              <OptionList menuIsOpen={menuIsOpen} optionsList={currencyOptionsList} onSelectOption={onSelectOption} />
-            </div>
-          </FieldWrapper>
-
-          <MessageView
-            className={cn(classes?.message)}
-            intent={error?.message ? 'error' : 'simple'}
-            text={error?.message || helperText}
-            disabled={disabled}
-          />
-        </FieldContainer>
-      )}
-    />
-  )
-}

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

@@ -1,46 +0,0 @@
-import type { ICurrencyOption, TCurrencyVariant } from '../InputCurrencyControl'
-
-export const getDelimiterForCurrency = (currency: TCurrencyVariant) => {
-  switch (currency) {
-    case 'euro':
-      return '\u20AC '
-    case 'dollars':
-      return '$ '
-    case 'rubles':
-      return '\u20BD '
-    case 'yuan':
-      return '¥ '
-    case 'dirhams':
-      return 'د.إ '
-    default:
-      return ''
-  }
-}
-
-export const currencyOptionsList: ICurrencyOption[] = [
-  {
-    ruName: 'Евро',
-    engName: 'Eur',
-    currency: 'euro'
-  },
-  {
-    ruName: 'Доллар США',
-    engName: 'USD',
-    currency: 'dollars'
-  },
-  {
-    ruName: 'Российский рубль',
-    engName: 'RUB',
-    currency: 'rubles'
-  },
-  {
-    ruName: 'Китайский Юань',
-    engName: 'CNY',
-    currency: 'yuan'
-  },
-  {
-    ruName: 'Дирхам ОАЭ',
-    engName: 'AED',
-    currency: 'dirhams'
-  }
-]

package/lib/shared/ui/formControlElements/inputCurrencyControl/model/useInputCurrency.tsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { type ICurrencyOption, type TCurrencyVariant } from '../InputCurrencyControl'
-import { currencyOptionsList } from './helpers'
-
-type TUseInputCurrencyReturn = {
-  menuIsOpen: boolean
-  currentCurrencyOption: ICurrencyOption
-  onSelectOption: (option: ICurrencyOption) => void
-  onToggleMenu: () => void
-  onCloseMenu: () => void
-}
-
-export const useInputCurrency = (defaultCurrency?: TCurrencyVariant): TUseInputCurrencyReturn => {
-  const [menuIsOpen, setMenuIsOpen] = React.useState(false)
-  const [currentCurrencyOption, setCurrencyOption] = React.useState<ICurrencyOption>(
-    () => currencyOptionsList?.find((option) => option?.currency === defaultCurrency) || currencyOptionsList[0]
-  )
-  const onSelectOption = (option: ICurrencyOption) => {
-    setCurrencyOption(option)
-    setMenuIsOpen(false)
-  }
-
-  const onToggleMenu = () => setMenuIsOpen((prev) => !prev)
-  const onCloseMenu = () => setMenuIsOpen(false)
-
-  return {
-    menuIsOpen,
-    currentCurrencyOption,
-    onSelectOption,
-    onToggleMenu,
-    onCloseMenu
-  }
-}

package/lib/shared/ui/formControlElements/inputCurrencyControl/ui/MenuTrigger.tsx

@@ -1,20 +0,0 @@
-import { type ICurrencyOption } from '../InputCurrencyControl'
-import { Icon } from '$/shared/ui'
-
-interface IMenuTriggerProps {
-  onToggleMenu: () => void
-  currentCurrencyOption: ICurrencyOption
-}
-
-export const MenuTrigger = ({ onToggleMenu, currentCurrencyOption }: IMenuTriggerProps) => {
-  return (
-    <button
-      type='button'
-      onClick={onToggleMenu}
-      className='desk-body-regular-l flex items-center gap-1 border-l border-solid border-blue-grey-500 pl-2 pr-4'
-    >
-      <span className='uppercase text-color-tetriary'>{currentCurrencyOption.engName}</span>
-      <Icon name='arrows/arrowRight' className='rotate-90 text-icon-blue-grey-700' />
-    </button>
-  )
-}

package/lib/shared/ui/formControlElements/inputCurrencyControl/ui/OptionList.tsx

@@ -1,29 +0,0 @@
-import { type ICurrencyOption } from '../InputCurrencyControl'
-import { cn } from '$/shared/utils'
-
-interface IOptionListProps {
-  optionsList: ICurrencyOption[]
-  menuIsOpen: boolean
-  onSelectOption: (option: ICurrencyOption) => void
-}
-
-export const OptionList = ({ optionsList, menuIsOpen, onSelectOption }: IOptionListProps) => {
-  return (
-    <div
-      className={cn(
-        'invisible absolute top-[64px] z-10 h-[208px] w-full scale-0 rounded-sm bg-color-white p-1 opacity-0 shadow-sm transition-all',
-        { 'opacity-1 scale-1 visible': menuIsOpen }
-      )}
-    >
-      {optionsList?.map((option) => (
-        <div
-          key={option.engName}
-          onClick={() => onSelectOption(option)}
-          className='desk-body-regular-l flex cursor-pointer items-center gap-2 rounded-sm bg-color-white p-2 hover:bg-color-blue-grey-100'
-        >
-          <span>{option.ruName}</span> <span className='uppercase'>({option.engName})</span>
-        </div>
-      ))}
-    </div>
-  )
-}

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

@@ -1,2 +0,0 @@
-export { MenuTrigger } from './MenuTrigger'
-export { OptionList } from './OptionList'

package/lib/shared/ui/formControlElements/inputSliderControl/InputSliderControl.tsx

@@ -1,144 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { Controller, type FieldValues } from 'react-hook-form'
-import { NumericFormat } from 'react-number-format'
-import type { TAdditionalInputClassesWithAttachment, TControlledInputProps } from '../model'
-import { FieldAttachment, FieldContainer, FieldWrapper, MessageView } from '../ui'
-import { formatNumber, getMinMaxTextSlider, getStepByVariant } from './model/helpers'
-import { type TSliderVariants } from './model/types'
-import { useSlider } from './model/useSlider'
-import { SliderControl } from './ui/SliderControl'
-import { cn } from '$/shared/utils'
-
-export interface IInputSliderCommonProps {
-  min: number
-  max: number
-  variant: TSliderVariants
-  step?: number
-}
-
-export interface InputSliderControlProps<T extends FieldValues> extends TControlledInputProps<T>, IInputSliderCommonProps {
-  classes?: Partial<TAdditionalInputClassesWithAttachment> & {
-    spanLeft?: string
-    spanRight?: string
-  }
-  disabled?: boolean
-  onInputChange?: (value?: number) => void
-  leftText?: string
-  rightText?: string
-}
-
-export const InputSliderControl = <T extends FieldValues>({
-  label,
-  size = 'full',
-  helperText,
-  control,
-  classes,
-  badge,
-  icon,
-  disabled,
-  onInputChange,
-  min,
-  max,
-  variant,
-  ...props
-}: InputSliderControlProps<T>) => {
-  const inputId = React.useId()
-  const ref = React.useRef<HTMLInputElement>(null)
-
-  const handleIconClick = () => {
-    if (ref.current) {
-      ref?.current?.focus()
-    }
-  }
-
-  const { handleBlur, handleChange, getSuffixText } = useSlider()
-
-  return (
-    <Controller
-      control={control}
-      name={props.name}
-      render={({ field: { onChange, value }, fieldState: { error } }) => {
-        const [start, end] = getMinMaxTextSlider(variant, min, max)
-        return (
-          <div className='flex flex-col gap-1'>
-            <FieldContainer size={size} classes={classes}>
-              <FieldWrapper
-                fieldId={inputId}
-                label={label}
-                classes={classes}
-                disabled={disabled}
-                value={value}
-                error={!!error?.message}
-              >
-                <>
-                  <NumericFormat
-                    aria-invalid={error?.message ? 'true' : 'false'}
-                    className={cn(
-                      'group/slider desk-title-bold-s h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all',
-                      classes?.input
-                    )}
-                    id={inputId}
-                    onBlur={() => {
-                      handleBlur(value, min, max, onChange)
-                    }}
-                    value={value}
-                    disabled={disabled}
-                    suffix={` ${getSuffixText(value, variant)}`}
-                    thousandsGroupStyle='thousand'
-                    onValueChange={({ floatValue }) => {
-                      handleChange(onChange, floatValue)
-                      if (onInputChange) {
-                        onInputChange(floatValue)
-                      }
-                    }}
-                    thousandSeparator={' '}
-                    allowNegative={false}
-                    getInputRef={ref}
-                    {...props}
-                  />
-                  <SliderControl
-                    onValueChange={(inputValue) => onChange(inputValue[0])}
-                    value={[value]}
-                    min={min}
-                    max={max}
-                    step={getStepByVariant(value, variant)}
-                    variant={variant}
-                  />
-
-                  <div aria-label='edit' onKeyDown={handleIconClick} role='button' tabIndex={0} onClick={handleIconClick}>
-                    <FieldAttachment
-                      onClickIcon={handleIconClick}
-                      onKeyDownIcon={handleIconClick}
-                      isSlider
-                      badge={badge}
-                      icon={icon}
-                      error={!!error?.message}
-                      classes={classes}
-                    />
-                  </div>
-                </>
-              </FieldWrapper>
-
-              <MessageView
-                className={cn(classes?.message)}
-                intent={error?.message ? 'error' : 'simple'}
-                text={error?.message || helperText}
-                disabled={disabled}
-              />
-            </FieldContainer>
-            <div className='flex justify-between'>
-              <span
-                className={cn('desk-body-regular-m text-color-tetriary', classes?.spanLeft)}
-              >{`${formatNumber(min)} ${start}`}</span>
-              <span
-                className={cn('desk-body-regular-m text-color-tetriary', classes?.spanRight)}
-              >{`${formatNumber(max)} ${end}`}</span>
-            </div>
-          </div>
-        )
-      }}
-    />
-  )
-}

package/lib/shared/ui/formControlElements/inputSliderControl/model/helpers/dates/getEndWordMonth.ts

@@ -1,14 +0,0 @@
-export function getEndWordMonth(months: number) {
-  const remMonthsDivByTen = months % 10
-
-  switch (true) {
-    case months > 10 && months < 20:
-      return 'месяцев'
-    case remMonthsDivByTen > 1 && remMonthsDivByTen < 5:
-      return 'месяца'
-    case remMonthsDivByTen === 1:
-      return 'месяц'
-    default:
-      return 'месяцев'
-  }
-}

package/lib/shared/ui/formControlElements/inputSliderControl/model/helpers/dates/getYearEnding.ts

@@ -1,13 +0,0 @@
-export function getYearEnding(years: number) {
-  const lastDigit = Math.floor(years) % 10
-  if (years >= 5 && years <= 20) {
-    return 'лет'
-  }
-  if (lastDigit === 1) {
-    return 'год'
-  }
-  if (lastDigit >= 2 && lastDigit <= 4) {
-    return 'года'
-  }
-  return 'лет'
-}

package/lib/shared/ui/formControlElements/inputSliderControl/model/helpers/dates/index.ts

@@ -1,2 +0,0 @@
-export { getEndWordMonth } from './getEndWordMonth'
-export { getYearEnding } from './getYearEnding'

package/lib/shared/ui/formControlElements/inputSliderControl/model/helpers/formatNumber.ts

@@ -1,6 +0,0 @@
-export const formatNumber = (value: number | string) => {
-  if (typeof value === 'number') {
-    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ')
-  }
-  return value.replace(/\B(?=(\d{3})+(?!\d))/g, ' ')
-}

package/lib/shared/ui/formControlElements/inputSliderControl/model/helpers/getInputSliderSuffix.ts

@@ -1,20 +0,0 @@
-import { type TSliderVariants } from '../types'
-import { getYearEnding } from './dates'
-
-export const getInputSliderSuffix = (variant: TSliderVariants, value: number) => {
-  const variants = {
-    years: getYearEnding(value),
-    credit: '₽'
-  }
-
-  return variants[variant]
-}
-
-export const getMinMaxTextSlider = (variant: TSliderVariants, min: number, max: number) => {
-  const variants = {
-    years: [min, max].map(getYearEnding),
-    credit: ['₽', '₽']
-  }
-
-  return variants[variant]
-}