@redneckz/wildless-cms-uni-blocks 0.14.16 → 0.14.18

package/mobile/src/ui-kit/DatePicker/renderCalendarCells.tsx

@@ -0,0 +1,76 @@
+import type { VNode } from '../../model/VNode';
+import { style } from '../../utils/style';
+
+const DAY_COUNT = 6;
+const WEEK_COUNT = 7;
+
+interface RenderCalendarCellsParams {
+  firstDayOfWeek: number;
+  today: Date | undefined;
+  totalDays: number;
+  currentYear: number;
+  currentMonth: number;
+  min?: Date | undefined;
+  max?: Date | undefined;
+  onDateClick: (date: Date) => void;
+}
+
+export const renderCalendarCells = ({
+  today,
+  firstDayOfWeek,
+  totalDays,
+  currentMonth,
+  currentYear,
+  min,
+  max,
+  onDateClick,
+}: RenderCalendarCellsParams) => {
+  const calendarCells: VNode = [];
+  let dayCounter = 1;
+
+  for (let i = 0; i < DAY_COUNT; i++) {
+    const rowCells: VNode = [];
+
+    for (let j = 0; j < WEEK_COUNT; j++) {
+      if (i === 0 && j < firstDayOfWeek) {
+        rowCells.push(<td key={`empty-${j}`}></td>);
+      } else if (dayCounter > totalDays) {
+        rowCells.push(<td key={`empty-${j}`}></td>);
+      } else {
+        const currentDate = new Date(currentYear, currentMonth, dayCounter);
+        const isToday = checkIsToday(currentDate, today);
+        const isDisabled = checkIsDisabled(currentDate, min, max);
+
+        rowCells.push(
+          <td key={`day-${dayCounter}`}>
+            <div
+              className={getDayStyles(isToday, isDisabled)}
+              onClick={() => !isDisabled && onDateClick(currentDate)}
+            >
+              {dayCounter}
+            </div>
+          </td>,
+        );
+
+        dayCounter++;
+      }
+    }
+
+    calendarCells.push(<tr key={`row-${i}`}>{rowCells}</tr>);
+  }
+
+  return calendarCells;
+};
+
+const checkIsToday = (currentDate: Date, today: Date | undefined) =>
+  today && currentDate.toDateString() === today.toDateString();
+
+const checkIsDisabled = (currentDate: Date, min: Date | undefined, max: Date | undefined) =>
+  (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
+
+const getDayStyles = (isToday: boolean | undefined, isDisabled: boolean | undefined) =>
+  style(
+    'p-s text-center rounded-md border',
+    isToday ? '' : 'border-transparent hover:bg-gray',
+    isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer',
+  );

package/mobile/src/ui-kit/DatePicker/useDatePickerManager.ts

@@ -0,0 +1,72 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { Option } from '../Select/Option';
+import { getYears } from './getYears';
+import { months } from './months';
+
+const MONTHS_COUNT = 11;
+const MONTHS_OPTIONS = months.map((key) => ({ key }));
+const YEARS_OPTIONS = getYears()
+  .reverse()
+  .map((key) => ({ key: String(key) }));
+
+interface UseDatePickerManagerParams {
+  onShowCalendar: (bool: boolean) => void;
+  showCalendar: boolean;
+  selectedMonth: number;
+  onMonthSelect: (num: number) => void;
+  selectedYear: number;
+  onYearSelect: (num: number) => void;
+}
+
+export const useDatePickerManager = ({
+  onShowCalendar,
+  showCalendar,
+  selectedMonth,
+  onMonthSelect,
+  onYearSelect,
+  selectedYear,
+}: UseDatePickerManagerParams) => {
+  const close = useCallback(() => showCalendar && onShowCalendar(false), [showCalendar]);
+  const ref = useOutsideClick<HTMLDivElement>(close);
+
+  const handleChangeVisibleCalendar = useCallback(
+    () => onShowCalendar(!showCalendar),
+    [showCalendar],
+  );
+
+  const handleNextMonth = useCallback(() => {
+    if (selectedMonth + 1 <= MONTHS_COUNT) {
+      onMonthSelect(selectedMonth + 1);
+    } else {
+      onMonthSelect(0);
+      onYearSelect(selectedYear + 1);
+    }
+  }, [selectedMonth]);
+
+  const handlePrevMonth = useCallback(() => {
+    if (selectedMonth - 1 >= 0) {
+      onMonthSelect(selectedMonth - 1);
+    } else {
+      onMonthSelect(11);
+      onYearSelect(selectedYear - 1);
+    }
+  }, [selectedMonth]);
+
+  const handleSelectMonth = useCallback(
+    ({ key }: Option) => onMonthSelect(months.indexOf(key)),
+    [],
+  );
+  const handleSelectYear = useCallback(({ key }: Option) => onYearSelect(Number(key)), []);
+
+  return {
+    handleChangeVisibleCalendar,
+    handleNextMonth,
+    handlePrevMonth,
+    handleSelectMonth,
+    handleSelectYear,
+    monthsOptions: MONTHS_OPTIONS,
+    yearsOptions: YEARS_OPTIONS,
+    ref,
+  };
+};

package/mobile/src/ui-kit/Foldable/DefaultFoldButton.tsx

@@ -3,8 +3,8 @@ import type { ColorPalette } from '../../model/ContentPageDef';
 import { style } from '../../utils/style';
 import type { IconName } from '../Icon/IconProps';
 import { Img } from '../Img/Img';
-import type { FoldablePartProps } from './FoldablePartProps';
 import { TextWithIcon } from '../TextWithIcon/TextWithIcon';
+import type { FoldablePartProps } from './FoldablePartProps';
 
 interface DefaultFoldButtonProps {
   className?: string;

package/mobile/src/ui-kit/Icon/Icon.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useRouter } from '../../hooks/useRouter';
 import type { IconVersion } from '../../model/IconVersion';
+import { projectSettings } from '../../ProjectSettings';
 import { adjustHref } from '../../utils/adjustHref';
 import { isOnlyDigits } from '../../utils/isOnlyDigits';
 import { style } from '../../utils/style';

package/mobile/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
-import type { TariffsTableInnerContent } from './InnerTableProps';
-import { Img } from '../Img/Img';
 import { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+import type { TariffsTableInnerContent } from './InnerTableProps';
 
 export interface InnerTableButtonProps
   extends Partial<TariffsTableCellIndexProps>,

package/mobile/src/ui-kit/InnerTable/getHorizontalShift.tsx

@@ -1,5 +1,5 @@
-import type { RowsData } from './InnerTableProps';
 import { sum } from '../../utils/sum';
+import type { RowsData } from './InnerTableProps';
 
 const COLUMN_WIDTH = 140;
 

package/mobile/src/ui-kit/InputRange/InputRange.tsx

@@ -51,9 +51,9 @@ export const InputRange = JSX<InputRangeProps>((props) => {
         ) : null}
         <input
           className={style(
-            'm-0 mt-xs font-sans text-h3 w-full h-14',
+            'mt-xs font-sans text-h3 w-full h-14',
             'border border-solid border-gray rounded-md outline-none',
-            'p-0 pl-m box-border',
+            'pl-m box-border',
             'text-primary-text hover:border-primary-hover focus:border-primary-text',
             DISABLED_INPUT_CLASSES,
           )}

package/mobile/src/ui-kit/InputRange/renderRangeWithTicks.tsx

@@ -22,8 +22,9 @@ export function renderRangeWithTicks({
 }: RangeWithTicksProps) {
   const rangeValue = list.length ? list.indexOf(value) : value;
   const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
+  const percentage = (rangeValueShift * 100) / (max - min);
   const inputStyle = {
-    backgroundSize: `${((rangeValueShift * 100) / (max - min)).toFixed(2)}% 100%`,
+    backgroundSize: `${percentage.toFixed(2)}% 100%`,
   };
 
   return (

package/mobile/src/ui-kit/List/ListContent.ts

@@ -1,5 +1,6 @@
 /**
  * @title Размер пунктов списка
+ * @default M
  * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
  */
 export type ListItemSize = 'XS' | 'S' | 'M' | 'L';

package/mobile/src/ui-kit/LocationDialog/LocationDialog.tsx

@@ -10,10 +10,10 @@ import { jaroWinklerDistance } from '../../utils/jaroWinklerDistance';
 import { Dialog } from '../DialogManager/Dialog';
 import { useDialogManager } from '../DialogManager/useDialogManager';
 import { Text } from '../Text/Text';
-import { SearchBar } from './SearchBar';
 import { renderForeignOffices } from './renderForeignOffices';
 import { renderRegion } from './renderRegion';
 import { renderRegionGroup } from './renderRegionGroup';
+import { SearchBar } from './SearchBar';
 
 const SEARCH_TERM_MIN_LENGTH = 3;
 

package/mobile/src/ui-kit/NotFound/NotFound.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Headline } from '../../components/Headline/Headline';
+import { AlignStyles } from '../../model/AlignStyles';
+import type { NotFoundContent } from '../BaseFiltration/BaseFiltrationContent';
+import { Img } from '../Img/Img';
+
+export const NotFound = JSX<NotFoundContent>(({ title, description }) => (
+  <div className="bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center">
+    <Img image={{ icon: 'MagnifierIcon' }} width="120" height="120" />
+    <Headline
+      title={title}
+      description={description}
+      headlineVersion="S"
+      isEmbedded={true}
+      align={AlignStyles}
+    />
+  </div>
+));

package/mobile/src/ui-kit/Pagination/PageSizeSelector.tsx

@@ -18,9 +18,11 @@ export const PageSizeSelector = ({ itemCount, onItemCountChange }: PageSizeSelec
     <div className="flex items-center gap-s">
       <span>Показать по</span>
       <Select
+        className="min-w-20"
         onChange={handleItemCountChange}
         value={{ key: String(itemCount) }}
         options={DEFAULT_OPTIONS}
+        iconVersion="black"
       />
     </div>
   );

package/mobile/src/ui-kit/Paragraph/Paragraph.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ParagraphProps } from './ParagraphProps';
 import { style } from '../../utils/style';
+import type { ParagraphProps } from './ParagraphProps';
 
 export const Paragraph = JSX<ParagraphProps>(({ children, ...styleProps }) => (
   <p className={style('font-sans', Object.values(styleProps))}>{children}</p>

package/mobile/src/ui-kit/Radio/Radio.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { RadioProps } from './RadioProps';
+import { Text } from '../Text/Text';
+import type { RadioProps } from './RadioProps';
 
 export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, className }) => (
   <div className={className}>
@@ -14,7 +15,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
         checked={checked}
         onChange={(_) => onChange(_.target.value)}
       />
-      {text ? <span className="text-primary-text cursor-pointer">{text}</span> : null}
+      {text ? <Text color="text-primary-text">{text}</Text> : null}
     </label>
   </div>
 ));

package/mobile/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListOrientation } from '../../model/ListOrientation';
-import { Checkbox } from '../Checkbox/Checkbox';
 import { style } from '../../utils/style';
+import { Checkbox } from '../Checkbox/Checkbox';
 
 export interface RadioButtonItem {
   id: string;

package/mobile/src/ui-kit/RichText/RichText.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import type { RichTextProps } from './RichTextProps';
 import { getHtmlText } from './getHtmlText';
+import type { RichTextProps } from './RichTextProps';
 
 export const RichText = JSX<RichTextProps>((props) => {
   const { __html = '', richVersion = '' } = props;

package/mobile/src/ui-kit/RichText/RichTextProps.ts

@@ -2,6 +2,7 @@ type HTML = string;
 
 /**
  * @title Стиль форматированного текста
+ * @default ""
  * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
  */
 export type RichVersion = '' | 'striped' | 'horizontal-separator';

package/mobile/src/ui-kit/SearchBar/SearchBar.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { style } from '../../utils/style';
 import { CloseButton } from '../DialogManager/CloseButton';
 import { SearchInput } from '../SearchDialog/SearchInput';
 import { useSearchDialog } from '../SearchDialog/useSearchDialog';
-import { style } from '../../utils/style';
 
 interface SearchBarProps {
   className?: string;

package/mobile/src/ui-kit/SearchDialog/SearchInput.tsx

@@ -9,10 +9,11 @@ export interface SearchInputProps {
   autoFocus?: boolean;
   onChange?: (value: string) => void;
   onFocus?: () => void;
+  placeholder?: string;
 }
 
 export const SearchInput = JSX<SearchInputProps>(
-  ({ className, value, autoFocus, onChange, onFocus }) => {
+  ({ className, value, autoFocus, onChange, onFocus, placeholder = 'Поиск по сайту' }) => {
     const handleChange = useCallback(
       (ev: { target?: { value?: string } }) => {
         onChange && onChange(ev.target?.value || '');
@@ -27,13 +28,13 @@ export const SearchInput = JSX<SearchInputProps>(
         </div>
         <input
           className={style(
-            'h-12 w-full px-10 text-l text-black outline-none box-border',
-            'border border-solid rounded-md border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
+            'h-12 w-full px-10 text-l text-black outline-none box-border border border-solid rounded-md',
+            'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
           )}
           value={value}
           type="text"
           name="search-bar-input"
-          placeholder="Поиск по сайту"
+          placeholder={placeholder}
           autoFocus={autoFocus}
           onChange={handleChange}
           onFocus={onFocus}

package/mobile/src/ui-kit/Select/Select.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { LabelProps } from '../../model/HeadlineType';
+import type { LabelProps } from '../../model/HeadlineType';
+import type { IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
 import { Input } from '../Input/Input';
@@ -19,6 +20,7 @@ export type SelectProps = LabelProps & {
   placeholder?: string;
   isSearch?: boolean;
   onChange?: (value: Option) => void;
+  iconVersion?: IconVersion;
 };
 
 export const Select = JSX<SelectProps>(
@@ -31,6 +33,7 @@ export const Select = JSX<SelectProps>(
     isBorder = true,
     placeholder = '',
     isSearch = false,
+    iconVersion,
     onChange,
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
@@ -64,7 +67,7 @@ export const Select = JSX<SelectProps>(
             <p className="p-m pr-3xl flex items-center overflow-hidden text-ellipsis whitespace-nowrap">
               {formatOption(value) || placeholder}
             </p>
-            {renderIcon(isOpen)}
+            {renderIcon(isOpen, iconVersion)}
           </div>
           {isSearch && isOpen ? (
             <div className={style('absolute top-0 w-full z-20')}>
@@ -86,9 +89,10 @@ const renderLabel = (label?: string) =>
     </div>
   ) : null;
 
-const renderIcon = (isOpen: boolean) => (
+const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
   <Icon
     className={style('absolute right-3', isOpen ? '' : 'rotate-180')}
+    iconVersion={iconVersion}
     name="ArrowUpIcon"
     width="16"
     height="16"

package/mobile/src/ui-kit/Select/SelectPopup.tsx

@@ -26,7 +26,12 @@ export const SelectPopup = JSX<SelectPopupProps>(({ popupRef, options, value, qu
           className="flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative"
           role="option"
           aria-selected={option.key === value?.key}
-          onClick={() => onChange && onChange(option)}
+          onClick={(e) => {
+            e.stopPropagation();
+            if (onChange) {
+              onChange(option);
+            }
+          }}
         >
           <span className="min-h-6">{formatOption(option)}</span>
           <Icon

package/mobile/src/ui-kit/Select/filterOptions.ts

@@ -5,5 +5,7 @@ export const filterOptions = (options: Option[], query: string | undefined): Opt
     return options;
   }
 
-  return options.filter((_) => _.text?.toLocaleLowerCase().includes(query?.trim().toLocaleLowerCase()))
+  return options.filter((_) =>
+    _.text?.toLocaleLowerCase().includes(query?.trim().toLocaleLowerCase()),
+  );
 };

package/mobile/src/ui-kit/SwipeListControl/SwipeListControl.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import { style } from '../../utils/style';
+import { isShowDots } from './isShowDots';
 import { SwipeListContainer } from './SwipeListContainer';
 import type { SwipeListControlContent } from './SwipeListControlContent';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import { useSwipeListScroll } from './useSwipeListScroll';
-import { isShowDots } from './isShowDots';
 
 const DEFAULT_GAP = 14;
 

package/mobile/src/ui-kit/Text/Text.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
 import { style } from '../../utils/style';
+import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
 
 interface TextProps {
   size?: TextSize | TitleSize;

package/mobile/src/ui-kit/Text/TextProps.ts

@@ -40,6 +40,7 @@ export type TextColor = BlockVersionMolecule<
 
 /**
  * @title Выравнивание
+ * @default ""
  * @enumNames [
  *    "По умолчанию",
  *    "По левому краю",

package/mobile/src/ui-kit/TextWithIcon/TextWithIcon.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { style } from '../../utils/style';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { VNode } from '../../model/VNode';
+import { style } from '../../utils/style';
 
 interface TextWithIconProps extends UniBlockProps {
   tag?: keyof HTMLElementTagNameMap;

package/mobile/src/ui-kit/YandexMap/YandexMap.tsx

@@ -5,11 +5,11 @@ import { useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import ymaps from 'yandex-maps';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
-import { ZoomButton } from './ZoomButton';
 import { renderClusterer } from './renderClusterer';
 import { renderOpenMap } from './renderOpenMap';
 import { renderUserGeolocation } from './renderUserGeolocation';
 import { useYandexMaps } from './useYandexMaps';
+import { ZoomButton } from './ZoomButton';
 
 interface YandexMapProps {
   points?: number[][];

package/mobile/src/utils/formatDate.ts

@@ -1 +1,11 @@
-export const formatDate = (date: string) => date.split('-').reverse().join('.');
+export const formatDate = (date: string | Date, toTimeStamp = false) => {
+  if (typeof date === 'string') {
+    return date.split('-').reverse().join('.');
+  } else {
+    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = toTimeStamp ? String(date.getFullYear()) : String(date.getFullYear()).slice(-2);
+
+    return toTimeStamp ? `${year}-${month}-${day}` : `${day}.${month}.${year}`;
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.16",
+  "version": "0.14.18",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -95,9 +95,9 @@
     "build:style": "postcss ./src/**/*.css --env production --dir ./lib",
     "build:icons": "rimraf ./cosmos-static/icons && node ./scripts/prepare-icons.js ./src/icons ./cosmos-static/icons > ./src/icons/IconName.ts",
     "size": "size-limit",
-    "lint": "eslint ./src",
-    "pretest": "npm run prepare && npm run lint",
-    "test": "npm run test:src && npm run test:bin",
+    "lint": "eslint --max-warnings=0 ./src",
+    "pretest": "npm run prepare",
+    "test": "npm run lint && npm run test:src && npm run test:bin",
     "test:update": "npm run test:src -- -u && npm run test:bin -- -u",
     "test:src": "jest --coverage",
     "test:bin": "jest --config ./jest.config.bin.js",
@@ -171,6 +171,7 @@
     "postcss-cli": "^9.1.0",
     "postcss-loader": "^7.0.0",
     "prettier": "2.6.2",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "react-cosmos": "^5.7.2",
     "replace-in-file": "^6.3.5",
     "rimraf": "^3.0.2",
@@ -197,9 +198,14 @@
       "path": "bundle/bundle.umd.min.js"
     }
   ],
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": [
-      "eslint"
+      "eslint --max-warnings=0"
     ],
     "src/**/*.{js,jsx,ts,tsx,css}": [
       "prettier --write"

package/src/components/ApplicationForm/ApplicationFormWed.tsx

@@ -7,13 +7,13 @@ import { isValidationSuccess } from '../../validation/validator';
 import { useGetRegions } from '../SafeDepositRental/useGetRegions';
 import type { ApplicationFormsProps } from './ApplicationFormsProps';
 import { Footnote } from './Footnote';
-import type { WedFormState } from './WedFormState';
 import { renderContacts } from './renderContacts';
 import { renderQuestionsInterested } from './renderQuestionsInterested';
 import { renderSubmitButton } from './renderSubmitButton';
 import { renderWedDataOrganization } from './renderWedDataOrganization';
 import { renderWedTextarea } from './renderWedTextarea';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
+import type { WedFormState } from './WedFormState';
 
 const initialFormState: WedFormState = {
   fullName: '',

package/src/components/ApplicationForm/renderWedDataOrganization.tsx

@@ -1,11 +1,11 @@
 import { FormFieldRegisterer } from '../../hooks/useForm';
 import { withValidator } from '../../validation/withValidator';
 import { InputControl } from './InputControl';
+import type { Select } from './models';
 import { PhoneInputControl } from './PhoneInputControl';
 import { SelectControl } from './SelectControl';
-import type { WedFormState } from './WedFormState';
-import type { Select } from './models';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
+import type { WedFormState } from './WedFormState';
 
 export const renderWedDataOrganization = (
   field: FormFieldRegisterer<WedFormState>,

package/src/components/ApplicationForm/renderWedTextarea.tsx

@@ -1,7 +1,7 @@
 import { FormFieldRegisterer } from '../../hooks/useForm';
 import { Text } from '../../ui-kit/Text/Text';
-import { WedFormState } from './WedFormState';
 import { style } from '../../utils/style';
+import { WedFormState } from './WedFormState';
 
 const activeTextareaStyles =
   'hover:border-primary-hover active:focus:border-primary-text focus:border-primary-text';

package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
 import { BenefitsBlock } from './BenefitsBlock';
 import type { BenefitBlockItemProps, ListBenefitDef } from './BenefitsBlockContent';
@@ -74,7 +75,7 @@ export default {
           {
             label: 'Без комиссии',
             description: descriptionList,
-            icon: { icon: 'ClockIcon' },
+            icon: { icon: 'SignDocsIcon' },
           },
           {
             label: 'Оформление по паспорту',
@@ -84,7 +85,7 @@ export default {
           {
             label: 'Без залога и поручительства',
             description: descriptionList,
-            icon: { icon: 'ComfortableCompIcon' },
+            icon: { icon: 'SignDocsIcon' },
           },
           {
             label: 'Деньги за 3 дня',
@@ -104,7 +105,7 @@ export default {
           {
             label: 'Без комиссии',
             description: descriptionList,
-            icon: { icon: 'ClockIcon', iconVersion: 'normal' },
+            icon: { icon: 'SignDocsIcon', iconVersion: 'normal' },
           },
           {
             label: 'Оформление по паспорту',
@@ -114,7 +115,7 @@ export default {
           {
             label: 'Без залога и поручительства',
             description: descriptionList,
-            icon: { icon: 'ComfortableCompIcon' },
+            icon: { icon: 'SignDocsIcon', iconVersion: 'normal' },
           },
           {
             label: 'Деньги за 3 дня',

package/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignStyles } from '../../model/AlignStyles';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
@@ -13,7 +14,6 @@ import type {
   TextBenefitDef,
 } from './BenefitsBlockContent';
 import { defaultIconSize } from './defaultIconSize';
-import { AlignStyles } from '../../model/AlignStyles';
 
 interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}