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

package/src/components/Depository/Depository.tsx

@@ -1,37 +1,60 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useForm } from '../../hooks/useForm';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { NotFound } from '../../ui-kit/NotFound/NotFound';
 import { Pagination } from '../../ui-kit/Pagination/Pagination';
 import { style } from '../../utils/style';
 import type { DepositoryContent } from './DepositoryContent';
+import { DepositoryFilter } from './DepositoryFilter';
 import { DepositoryItem } from './DepositoryItem';
 import { useDepository } from './useDepository';
 
 const DEFAULT_ITEMS_COUNT = 10;
 
+const initialFiltrationState: DepositoryFiltrationState = {
+  startDate: undefined,
+  endDate: undefined,
+  query: '',
+};
+
+export interface DepositoryFiltrationState {
+  startDate: Date | undefined;
+  endDate: Date | undefined;
+  query: string;
+}
+
 interface DepositoryProps extends DepositoryContent, UniBlockProps {}
 
 export const Depository: JSXBlock<DepositoryProps> = JSX<DepositoryProps>(
   ({ className, ...rest }) => {
     const [currentPage, setCurrentPage] = useState(0);
     const [itemCount, setItemCount] = useState(DEFAULT_ITEMS_COUNT);
+    const [filtrationState, { field, reset }] = useForm(initialFiltrationState);
 
-    const { totalPages = 0, items } = useDepository(itemCount, currentPage);
+    const { totalPages = 0, items } = useDepository({
+      size: itemCount,
+      page: currentPage,
+      ...filtrationState,
+    });
 
     const handleChangePage = useCallback((page: number) => setCurrentPage(page - 1), []);
     const handleItemCountChange = useCallback((count: number) => setItemCount(count), []);
 
     return (
       <BlockWrapper className={style(className, 'container p-4xl')} {...rest}>
+        <DepositoryFilter filtrationState={filtrationState} field={field} onClearFilter={reset} />
         <div className="flex flex-col">
           <div className="grid grid-cols-12 pb-lg border-gray border-opacity-50 border-b">
             <span className="col-span-2 text-gray text-m">Дата</span>
             <span className="col-span-10 text-gray text-m">Тема</span>
           </div>
-          {items?.map((params) => (
-            <DepositoryItem key={String(params.publicId)} {...params} />
-          ))}
+          {items?.length ? (
+            items?.map((params) => <DepositoryItem key={String(params.publicId)} {...params} />)
+          ) : (
+            <NotFound title="Ничего не найдено" description="Попробуйте очистить фильтры" />
+          )}
           <Pagination
             currentPage={currentPage + 1}
             onPageChange={handleChangePage}

package/src/components/Depository/DepositoryFilter.tsx

@@ -0,0 +1,39 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { FormFieldRegisterer } from '../../hooks/useForm';
+import { DatePicker } from '../../ui-kit/DatePicker/DatePicker';
+import { SearchInput } from '../../ui-kit/SearchDialog/SearchInput';
+import type { DepositoryFiltrationState } from './Depository';
+
+interface DepositoryFilterProps {
+  filtrationState: DepositoryFiltrationState;
+  field: FormFieldRegisterer<any>;
+  onClearFilter: () => void;
+}
+
+export const DepositoryFilter = JSX<DepositoryFilterProps>(
+  ({ field, onClearFilter, filtrationState }) => (
+    <div className="grid grid-cols-12 mb-3xl space-x-xl">
+      <SearchInput className="col-span-4 mt-auto" placeholder="Поиск" {...field('query')} />
+      <DatePicker
+        className="col-span-3"
+        label="Период от"
+        maxDate={filtrationState.endDate}
+        {...field('startDate')}
+      />
+      <DatePicker
+        className="col-span-3"
+        label="Период до"
+        minDate={filtrationState.startDate}
+        {...field('endDate')}
+      />
+      <div className="col-span-2 mt-auto">
+        <button
+          className="px-m py-s rounded-md bg-main-gray text-green cursor-pointer w-full"
+          onClick={onClearFilter}
+        >
+          Очистить фильтр
+        </button>
+      </div>
+    </div>
+  ),
+);

package/src/components/Depository/DepositoryItem.tsx

@@ -1,15 +1,16 @@
 import { useLink } from '../../hooks/useLink';
+import { Text } from '../../ui-kit/Text/Text';
 import { formatDate } from '../../utils/formatDate';
 import type { DepositoryDataItem } from './useDepository';
 
-export const DepositoryItem = ({ title, timestamp = '', publicId }: DepositoryDataItem) => {
+export const DepositoryItem = ({ title, timestamp, publicId }: DepositoryDataItem) => {
   const link = useLink({ basePath: '/' });
   const { href } = link({ href: `/api/v1/depository/${publicId}/file` });
 
   return (
     <div className="grid grid-cols-12 py-lg border-gray border-opacity-50 border-b" key={publicId}>
       <div className="col-span-2 text-m">
-        <span>{formatDate(timestamp)}</span>
+        {timestamp ? <Text>{formatDate(timestamp)}</Text> : null}
       </div>
       <div className="col-span-10 text-h6 hover:text-primary-active">
         <a href={href} download aria-label="Скачать">

package/src/components/Depository/useDepository.ts

@@ -1,5 +1,7 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import { fetchJSONUnsafe } from '../../utils/fetchJSON';
+import { formatDate } from '../../utils/formatDate';
+import type { DepositoryFiltrationState } from './Depository';
 
 export interface DepositoryDataItem {
   publicId?: number;
@@ -13,9 +15,16 @@ interface DepositoryData {
   totalElements?: number;
 }
 
-export const useDepository = (size: number, page: number) => {
+interface UseDepositoryParams extends DepositoryFiltrationState {
+  size: number;
+  page: number;
+}
+
+export const useDepository = ({ size, page, query, startDate, endDate }: UseDepositoryParams) => {
   const { data } = useAsyncData<DepositoryData>(
-    `/api/v1/depository?page=${page}&size=${size}`,
+    `/api/v1/depository?page=${page}&size=${size}&=query=${query}&timestampStart=${
+      startDate ? formatDate(startDate, true) : ''
+    }&timestampEnd=${endDate ? formatDate(endDate, true) : ''}`,
     fetchJSONUnsafe,
   );
 

package/src/components/ErrorBlock/ErrorBlock.tsx

@@ -4,8 +4,8 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
-import type { ErrorBlockContent } from './ErrorBlockContent';
 import { Headline } from '../Headline/Headline';
+import type { ErrorBlockContent } from './ErrorBlockContent';
 
 export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 

package/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,7 +1,7 @@
 import type { DescriptionProps, TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 
 /**
  * @title Изображение

package/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Button } from '../../ui-kit/Button/Button';
+import type { ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
 import { calculateResult, formatValue } from './calculateResult';
 import { callbackCurrencySelect } from './callbackCurrencySelect';
 import { Currency } from './CurrencyProps';
 import { renderInput } from './renderInput';
-import type { ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
 
 export interface ExchangeCurrencyItem {
   currency?: {

package/src/components/Footer/Footer.mobile.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import type { LinkProps } from '../../model/LinkProps';
+import { projectSettings } from '../../ProjectSettings';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
@@ -9,13 +9,13 @@ import { Text } from '../../ui-kit/Text/Text';
 import { appendSlash } from '../../utils/appendSlash';
 import { RollupItem } from '../RollupItem/RollupItem';
 import { Contacts } from './Contacts';
+import { findIconByHref } from './findIconByHref';
 import type { FooterDataProps } from './FooterDataProps';
 import type { FooterProps } from './FooterProps';
 import { HorizontalNavigation } from './HorizontalNavigation';
 import { LinkList } from './LinkList';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
-import { findIconByHref } from './findIconByHref';
 
 export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
   const fallback = rest.options?.page?.fallback;

package/src/components/Footer/Footer.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useSWRResource } from '../../hooks/useSWRResource';
+import { projectSettings } from '../../ProjectSettings';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Logo } from '../../ui-kit/Logo/Logo';

package/src/components/Footer/LinkList.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
+import { projectSettings } from '../../ProjectSettings';
 import { style } from '../../utils/style';
 
 interface LinkListProps {

package/src/components/Footer/TextInformation.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
 import type { FooterLink } from './FooterLink';
 import { TextInformationLink } from './TextInformationLink';
-import { style } from '../../utils/style';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
   <div className={style('@container', className)}>

package/src/components/GracePeriod/GracePeriod.tsx

@@ -2,9 +2,9 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
+import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import type { CalendarItem, GracePeriodContent } from './GracePeriodContent';
-import { style } from '../../utils/style';
 
 interface MappedCalendarItemProps extends CalendarItem {
   flexBasis?: string;

package/src/components/Header/Header.mobile.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useSWRResource } from '../../hooks/useSWRResource';
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { BlockVersion } from '../../model/BlockVersion';
+import { projectSettings } from '../../ProjectSettings';
+import type { SitemapData } from '../../services/sitemap/SitemapData';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { HeaderProps } from './HeaderProps';
 import { HeaderTop } from './HeaderTop';
-import { useSWRResource } from '../../hooks/useSWRResource';
-import type { SitemapData } from '../../services/sitemap/SitemapData';
-import { projectSettings } from '../../ProjectSettings';
 
 const BG_COLOR_TO_BLOCK_VERSION: Record<BgColorVersion, BlockVersion> = {
   'bg-white': 'primary',

package/src/components/Header/Header.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useActiveRoute } from '../../hooks/useActiveRoute';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { BlockVersion } from '../../model/BlockVersion';
+import { projectSettings } from '../../ProjectSettings';
 import type { SitemapData } from '../../services/sitemap/SitemapData';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';

package/src/components/Header/HeaderSecondaryMenuButton.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import { style } from '../../utils/style';
 
 export interface HeaderSecondaryMenuButtonProps extends ImageContent {
   className?: string;

package/src/components/Header/HeaderTop.tsx

@@ -1,15 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useRouter } from '../../hooks/useRouter';
 import type { BgColorVersion } from '../../model/BgColorVersion';
+import type { BlockVersion } from '../../model/BlockVersion';
 import type { LogoType } from '../../model/LogoType';
-import { Logo } from '../../ui-kit/Logo/Logo';
+import { projectSettings } from '../../ProjectSettings';
 import { Button } from '../../ui-kit/Button/Button';
-import { style } from '../../utils/style';
-import type { BlockVersion } from '../../model/BlockVersion';
 import { Img } from '../../ui-kit/Img/Img';
-import { useRouter } from '../../hooks/useRouter';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { projectSettings } from '../../ProjectSettings';
+import { Logo } from '../../ui-kit/Logo/Logo';
 import type { PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { style } from '../../utils/style';
 
 export interface HeaderTopProps {
   bgColor?: BgColorVersion;

package/src/components/Header/InternetBankButton.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { style } from '../../utils/style';
-import { Button } from '../../ui-kit/Button/Button';
 import type { BlockVersion } from '../../model/BlockVersion';
+import { Button } from '../../ui-kit/Button/Button';
+import { style } from '../../utils/style';
 
 interface InternetBankButtonProps {
   version?: BlockVersion;

package/src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx

@@ -2,11 +2,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
 import { Button } from '../../ui-kit/Button/Button';
+import type { ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Img } from '../../ui-kit/Img/Img';
 import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import type { CardItem, InsuranceAmountBlockTab } from './InsuranceAmountBlockContent';
-import type { ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
 
 export interface InsuranceAmountBlockInnerProps extends InsuranceAmountBlockTab {
   className?: string;

package/src/components/LinkDocs/LinkDocs.fixture.tsx

@@ -16,7 +16,11 @@ export default {
   ),
   'custom icon': (
     <div className="container grid grid-cols-12">
-      <LinkDocs className="col-span-12" {...linkDocsContentExample} icon={{ icon: 'GlassIcon' }} />
+      <LinkDocs
+        className="col-span-12"
+        {...linkDocsContentExample}
+        icon={{ src: 'GlassIcon.svg', iconVersion: 'normal', size: { width: 24 } }}
+      />
     </div>
   ),
   'no icon': (

package/src/components/MortgageFiltration/MortgageFiltration.tsx

@@ -1,14 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BaseFiltrationInner } from '../../ui-kit/BaseFiltration/BaseFiltrationInner';
+import { getBlocksToRender } from '../../ui-kit/BaseFiltration/getBlocksToRender';
 import { renderFiltrationForm } from '../../ui-kit/BaseFiltration/renderFiltrationForm';
 import { useHotFilters } from '../../ui-kit/BaseFiltration/useHotFilters';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { TabsControl } from '../../ui-kit/TabsControl/TabsControl';
 import { style } from '../../utils/style';
-import { getBlocksToRender } from '../../ui-kit/BaseFiltration/getBlocksToRender';
-import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import type {
   MortgageFiltrationContent,
   MortgageFiltrationSchema,

package/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx

@@ -72,26 +72,27 @@ export const OfficesAtmsMapLayout = JSX<OfficesAtmsMapLayoutProps<Branch | Atm>>
   },
 );
 
-const renderDescriptionBlock = (data?: AtmsDef) => (
-  <div className="p-xl mb-2xl border border-gray rounded-md">
-    {data?.description ? (
-      <Paragraph size="text-l" font="font-light">
-        {data.description}
-      </Paragraph>
-    ) : null}
-    {data?.list?.length ? (
-      <div className="flex gap-2xl flex-wrap pt-xs">
-        {data.list.map((item, i) => (
-          <div key={String(i)} className="flex gap-xs items-center">
-            {item?.image ? <Img image={item.image} /> : null}
-            {item?.text ? (
-              <Text size="text-m" font="font-light">
-                {item.text}
-              </Text>
-            ) : null}
-          </div>
-        ))}
-      </div>
-    ) : null}
-  </div>
-);
+const renderDescriptionBlock = ({ description, list }: AtmsDef) =>
+  description || list?.length ? (
+    <div className="p-xl mb-2xl border border-gray rounded-md">
+      {description ? (
+        <Paragraph size="text-l" font="font-light">
+          {description}
+        </Paragraph>
+      ) : null}
+      {list?.length ? (
+        <div className="flex gap-2xl flex-wrap pt-xs">
+          {list.map((item, i) => (
+            <div key={String(i)} className="flex gap-xs items-center">
+              {item?.image ? <Img image={item.image} /> : null}
+              {item?.text ? (
+                <Text size="text-m" font="font-light">
+                  {item.text}
+                </Text>
+              ) : null}
+            </div>
+          ))}
+        </div>
+      ) : null}
+    </div>
+  ) : null;

package/src/components/ParagraphBlock/ParagraphBlockContent.ts

@@ -1,6 +1,6 @@
+import type { AlignProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { FontWeight, TextSize } from '../../ui-kit/Text/TextProps';
-import type { AlignProps } from '../../model/HeadlineType';
 
 /**
  * @title Параграф

package/src/components/ProductBlock/renderBackwardButton.tsx

@@ -1,7 +1,7 @@
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import { Button } from '../../ui-kit/Button/Button';
-import { Img } from '../../ui-kit/Img/Img';
 import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
+import { Img } from '../../ui-kit/Img/Img';
 
 export function renderBackwardButton(version: ButtonVersion, handleClick: () => void) {
   const iconVersion = version === 'primary' ? 'white' : 'black';

package/src/components/ProductGallery/ProductGallery.fixture.mobile.tsx

@@ -1,7 +1,8 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
-import { ProductGallery } from './ProductGallery';
+
+import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { ProductGallery } from './ProductGallery';
 
 const percentImage: Picture = {
   src: '3-6-percent.png',

package/src/components/ProductGallery/ProductGallery.fixture.tsx

@@ -1,8 +1,8 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
-import { ProductGallery } from './ProductGallery';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { ProductGallery } from './ProductGallery';
 
 const percentImage: Picture = {
   src: '3-6-percent.png',

package/src/components/ProductTile/ProductTile.fixture.mobile.tsx

@@ -1,10 +1,10 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
+import { BenefitTextProps } from '../../ui-kit/BenefitItem/renderBenefitText';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { ProductTile } from './ProductTile';
 import type { ProductTileContent } from './ProductTileContent';
-import { BenefitTextProps } from '../../ui-kit/BenefitItem/renderBenefitText';
 
 const imageSize = {
   height: 200,

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.fixture.mobile.tsx

@@ -1,8 +1,8 @@
 import '../../setup-fixture';
 
-import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo';
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo';
 
 const BUTTON: ButtonContent = {
   text: 'Информация о регионе',

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.fixture.tsx

@@ -1,8 +1,8 @@
 import '../../setup-fixture';
 
-import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo';
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo';
 
 const BUTTON: ButtonContent = {
   text: 'Информация о регионе',

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.tsx

@@ -9,9 +9,9 @@ import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { Text } from '../../ui-kit/Text/Text';
+import type { TextColor } from '../../ui-kit/Text/TextProps';
 import { style } from '../../utils/style';
 import type { RepresentativeOfficeInfoContent } from './RepresentativeOfficeInfoContent';
-import type { TextColor } from '../../ui-kit/Text/TextProps';
 
 export interface RepresentativeOfficeInfoProps
   extends RepresentativeOfficeInfoContent,

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfoContent.ts

@@ -1,8 +1,8 @@
-import type { IconProps } from '../../model/Picture';
-import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 import type { TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
+import type { IconProps } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 
 /**
  * @title Блок с информацией о представительстве

package/src/components/RollupItem/PrimaryFoldButton.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { style } from '../../utils/style';
 import type { IconName } from '../../icons/IconName';
 import type { Picture } from '../../model/Picture';
+import { Icon } from '../../ui-kit/Icon/Icon';
 import type { IconBgVersion } from '../../ui-kit/Icon/IconProps';
-import { renderRoundedIcon } from './renderRoundedIcon';
 import { Text } from '../../ui-kit/Text/Text';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { rollupIconVersion } from './rollupIconVersion';
 import { TextWithIcon } from '../../ui-kit/TextWithIcon/TextWithIcon';
+import { style } from '../../utils/style';
+import { renderRoundedIcon } from './renderRoundedIcon';
+import { rollupIconVersion } from './rollupIconVersion';
 
 interface PrimaryFoldButtonProps {
   label?: string;

package/src/components/RollupItem/RollupItem.fixture.mobile.tsx

@@ -2,8 +2,8 @@ import '../../setup-fixture';
 
 import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { BlockDef } from '../../model/ContentPageDef';
-import { Blocks } from '../Blocks.mobile';
 import type { Picture } from '../../model/Picture';
+import { Blocks } from '../Blocks.mobile';
 import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture.mobile';
 import { RollupItem } from './RollupItem';
 

package/src/components/RollupItem/RollupItem.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
@@ -11,10 +12,9 @@ import type { IconBgVersion, IconProps } from '../../ui-kit/Icon/IconProps';
 import { style } from '../../utils/style';
 import { foldableSectionStyles } from './foldableSectionStyles';
 import { getIconName } from './getIconName';
+import { PrimaryFoldButton } from './PrimaryFoldButton';
 import type { RollupItemContent } from './RollupItemContent';
 import { rollupItemStyles } from './rollupItemStyles';
-import type { Picture } from '../../model/Picture';
-import { PrimaryFoldButton } from './PrimaryFoldButton';
 
 interface RollupItemProps extends RollupItemContent, UniBlockProps {
   labelIcon?: Picture;

package/src/components/RollupItem/renderRoundedIcon.mobile.tsx

@@ -1,6 +1,6 @@
 import type { Picture } from '../../model/Picture';
-import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
 import type { IconBgVersion } from '../../ui-kit/Icon/IconProps';
+import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
 
 export const renderRoundedIcon = (icon?: Picture, iconBgVersion?: IconBgVersion) => (
   <RoundedIcon {...icon} iconBgVersion={iconBgVersion} className="shrink-0" />

package/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -3,6 +3,7 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
 import { SafeDepositRentalForm } from './SafeDepositRentalForm';
@@ -10,7 +11,6 @@ import { HandleFormStateChange, SafeDepositRentalState } from './SafeDepositRent
 import { Region, useGetRegions } from './useGetRegions';
 import { useSafeBoxes } from './useSafeBoxes';
 import { getBranch, getCoordinates } from './utils';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 
 export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlockProps {}
 

package/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../../ui-kit/Button/Button';
-import { RegionsAndBranches } from './RegionsAndBranches';
+import { Text } from '../../ui-kit/Text/Text';
 import { RadioButtons } from './RadioButtons';
+import { RegionsAndBranches } from './RegionsAndBranches';
 import { RentalPeriod } from './RentalPeriod';
 import { SafeBoxCases } from './SafeBoxCases';
-import { Text } from '../../ui-kit/Text/Text';
 import type { HandleFormStateChange, SafeDepositRentalState } from './SafeDepositRentalTypes';
 import type { Region } from './useGetRegions';
 import type { Branch, SafeBoxCase, SafeBoxCaseVolume } from './useSafeBoxes';