@redneckz/wildless-cms-uni-blocks 0.13.18 → 0.13.19

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

@@ -34,42 +34,48 @@ export const HeaderTop = JSX<HeaderTopProps>(({ bgColor, logo, internetBankUrl,
   return (
     <div className="flex items-center justify-between w-full">
       {isRootLocation ? (
-        <Logo className="mt-2xs" bgColor={bgColor} logo={logo} />
+        <div>
+          <Logo className="my-2xs" bgColor={bgColor} logo={logo} />
+        </div>
       ) : (
         renderBackButton(onClick)
       )}
       {internetBankUrl ? (
-        <Button
-          href={internetBankUrl}
-          ariaLabel="Войти"
-          target="_blank"
-          className={style(
-            'p-s text-s whitespace-nowrap text-primary-main hover:text-primary-hover',
-            BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default'],
-          )}
-        >
-          Войти
-        </Button>
+        <div>
+          <Button
+            href={internetBankUrl}
+            ariaLabel="Войти"
+            target="_blank"
+            className={style(
+              'p-s text-s whitespace-nowrap text-primary-main hover:text-primary-hover',
+              BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default'],
+            )}
+          >
+            Войти
+          </Button>
+        </div>
       ) : null}
     </div>
   );
 });
 
 const renderBackButton = (onClick: (ev?: PreventableEvent) => void) => (
-  <button
-    className="flex items-center text-l mt-2xs"
-    aria-label="Вернуться назад"
-    onClick={onClick}
-  >
-    <Img
-      className="w-6 h-6"
-      image={{
-        icon: 'ChevronLeftIcon',
-        iconVersion: 'black',
-      }}
-      width="24"
-      height="24"
-    />
-    Вернуться назад
-  </button>
+  <div>
+    <button
+      className="flex items-center text-l my-2xs"
+      aria-label="Вернуться назад"
+      onClick={onClick}
+    >
+      <Img
+        className="w-6 h-6"
+        image={{
+          icon: 'ChevronLeftIcon',
+          iconVersion: 'black',
+        }}
+        width="24"
+        height="24"
+      />
+      Вернуться назад
+    </button>
+  </div>
 );

package/mobile/src/components/Header/isHrefActive.ts

@@ -3,4 +3,6 @@ import { isURL, withoutQuery } from '../../utils/url';
 export const isHrefActive =
   (router: { href?: string; pathname: string }) =>
   ({ href }: { href?: string }): boolean =>
-    withoutQuery(isURL(href) ? router.href : router.pathname).startsWith(withoutQuery(href));
+    !href
+      ? false
+      : withoutQuery(isURL(href) ? router.href : router.pathname).startsWith(withoutQuery(href));

package/mobile/src/components/ProductBlock/ProductBlock.example.json

@@ -3,10 +3,7 @@
     "title": "Продукт",
     "description": "Описание",
     "headlineVersion": "XL",
-    "backwardButton": {
-      "text": "Кнопка возврата",
-      "icon": { "icon": "ArrowLeftIcon" }
-    },
+    "backwardButton": false,
     "image": {
       "format": "webp",
       "size": {

package/mobile/src/components/ProductBlock/ProductBlock.tsx

@@ -5,25 +5,36 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { style } from '../../utils/style';
 import type { ProductBlockContent } from './ProductBlockContent';
 import { renderBackwardButton } from './renderBackwardButton';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { useRouter } from '../../hooks/useRouter';
 
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
 
 export const ProductBlock = JSX<ProductBlockProps>(
-  ({ className, padding, backwardButton, ...rest }) => (
-    <BlockWrapper
-      className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
-      defaultPadding="p-6xl"
-      padding={padding}
-      {...rest}
-    >
-      {backwardButton?.text
-        ? renderBackwardButton(
-            backwardButton,
-            !rest.version || rest.version === 'primary' ? 'primary' : 'white',
-          )
-        : null}
+  ({ className, padding, backwardButton, ...rest }) => {
+    const router = useRouter();
+    const handleClick = useCallback((ev?: PreventableEvent) => {
+      ev?.preventDefault();
+      router.back();
+    }, []);
 
-      <BaseProductTile className="grow h-full" {...rest} />
-    </BlockWrapper>
-  ),
+    return (
+      <BlockWrapper
+        className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
+        defaultPadding="p-6xl"
+        padding={padding}
+        {...rest}
+      >
+        {backwardButton
+          ? renderBackwardButton(
+              !rest.version || rest.version === 'primary' ? 'primary' : 'white',
+              handleClick,
+            )
+          : null}
+
+        <BaseProductTile className="grow h-full" {...rest} />
+      </BlockWrapper>
+    );
+  },
 );

package/mobile/src/components/ProductBlock/ProductBlock.ui.json

@@ -1,13 +1,5 @@
 {
   "content": {
-    "backwardButton": {
-      "icon": {
-        "ui:field": "icon"
-      },
-      "iconRight": {
-        "ui:field": "icon"
-      }
-    },
     "benefits": {
       "items": {
         "__html": {

package/mobile/src/components/ProductBlock/ProductBlockContent.ts

@@ -1,12 +1,11 @@
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Продуктовый блок
  */
 export type ProductBlockContent = UniBlockContent &
   BaseProductTileContent & {
-    /** @title Кнопка возврата */
-    backwardButton?: ButtonContent;
+    /** @title Отображать кнопку возврата */
+    backwardButton?: boolean;
   };

package/mobile/src/components/ProductBlock/renderBackwardButton.tsx

@@ -1,33 +1,28 @@
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
 
-export function renderBackwardButton(
-  { text, href, target, icon }: ButtonContent,
-  version: ButtonVersion,
-) {
+export function renderBackwardButton(version: ButtonVersion, handleClick: () => void) {
   const iconVersion = version === 'primary' ? 'white' : 'black';
-  const commonProps = { text, href, target, ariaLabel: text };
+  const className = 'w-12 h-12 min-h-12 min-w-12 flex items-center justify-center';
+  const text = 'Вернуться назад';
 
   return (
     <div className="flex items-center gap-s">
-      <Button
-        className="w-12 h-12 min-h-12 min-w-12 flex items-center justify-center"
-        version={version}
-        rounded
-        {...commonProps}
+      <div
+        className={getRegularButtonClasses({ className, version, rounded: true })}
+        onClick={handleClick}
       >
         <Img
           className="w-4 h-4"
           image={{
-            ...icon,
-            icon: icon?.icon || 'ArrowLeftIcon',
-            iconVersion: icon?.iconVersion || iconVersion,
+            icon: 'ArrowLeftIcon',
+            iconVersion: iconVersion,
           }}
         />
-      </Button>
-      <Button version="link" {...commonProps} />
+      </div>
+      <Button version="link" text={text} ariaLabel={text} onClick={handleClick} />
     </div>
   );
 }

package/mobile/src/components/StickyBottomMenu/ActiveSubMenu.tsx

@@ -6,12 +6,12 @@ interface ActiveSubMenuProps {
   activeMenuSubItems?: LinkProps[];
   basePath?: string;
 }
-export const ActiveSubMenu = JSX<ActiveSubMenuProps>(({ activeMenuSubItems, basePath }) => {
-  return activeMenuSubItems ? (
+export const ActiveSubMenu = JSX<ActiveSubMenuProps>(({ activeMenuSubItems, basePath }) =>
+  activeMenuSubItems ? (
     <div className="mb-5">
       {activeMenuSubItems.map((_, i) => (
         <ActiveSubMenuItem item={_} key={String(i)} basePath={basePath} />
       ))}
     </div>
-  ) : null;
-});
+  ) : null,
+);

package/mobile/src/components/StickyBottomMenu/ActiveSubMenuItem.tsx

@@ -3,6 +3,9 @@ import { projectSettings } from '../../ProjectSettings';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../../ui-kit/Img/Img';
+import { useRouter } from '../../hooks/useRouter';
+import { isHrefActive } from '../Header/isHrefActive';
+import { style } from '../../utils/style';
 
 interface ActiveSubMenuItemProps {
   item: LinkProps;
@@ -15,10 +18,15 @@ export const ActiveSubMenuItem = JSX<ActiveSubMenuItemProps>(({ item, basePath }
 
   const link = useLink({ isRemote: isAnotherPortal, basePath });
   const { href, target, onClick } = link(item);
+  const router = useRouter();
+  const isActive = isHrefActive(router)({ href });
 
   return (
     <a
-      className="py-3 text-h5 font-light flex justify-between cursor-pointer"
+      className={style(
+        isActive ? 'text-primary-main' : 'text-primary-text',
+        `py-3 text-h5 font-light flex justify-between cursor-pointer`,
+      )}
       href={href}
       target={target}
       onClick={onClick}

package/mobile/src/components/StickyBottomMenu/RenderItem.tsx

@@ -6,13 +6,14 @@ import { style } from '../../utils/style';
 import type { MenuItemProps } from './StickyBottomMenuProps';
 
 interface RenderItemProps {
+  isActive?: boolean;
   item: MenuItemProps;
   onClick?: () => void;
 }
 
-export const RenderItem = JSX<RenderItemProps>(({ item, onClick }) => {
+export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) => {
   const isAnotherPortal = projectSettings?.BASE_PATH
-    ? !item.url?.startsWith(projectSettings?.BASE_PATH)
+    ? !item.href?.startsWith(projectSettings?.BASE_PATH)
     : true;
 
   const link = useLink({ isRemote: isAnotherPortal });
@@ -21,15 +22,17 @@ export const RenderItem = JSX<RenderItemProps>(({ item, onClick }) => {
     target,
     onClick: handleClick,
   } = link({
-    href: item.url,
+    href: item.href,
     target: '_self',
   });
+  const isActiveItem = item?.icon?.icon === 'BurgerIcon' ? item.isActive : isActive;
+  const iconVersion = isActiveItem ? 'color' : 'black';
 
   return (
     <a
       className={style(
-        item.isActive ? 'text-primary-main' : 'text-primary-text',
-        `w-10 m-4 flex justify-center items-center flex-col text-[10px] cursor-pointer`,
+        isActiveItem ? 'text-primary-main' : 'text-primary-text',
+        `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`,
       )}
       onClick={() => (item?.icon?.icon === 'BurgerIcon' && onClick ? onClick() : handleClick())}
       href={href}
@@ -39,7 +42,7 @@ export const RenderItem = JSX<RenderItemProps>(({ item, onClick }) => {
         className="w-6 h-6"
         image={{
           icon: item?.icon?.icon,
-          iconVersion: item?.icon?.iconVersion || 'black',
+          iconVersion: iconVersion,
         }}
       />
       {item.title}

package/mobile/src/components/StickyBottomMenu/RenderMenuItems.tsx

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { MenuItemProps } from './StickyBottomMenuProps';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { RenderItem } from './RenderItem';
+import { useActiveRoute } from '../../hooks/useActiveRoute';
+
+interface RenderMenuItems {
+  menuItems: MenuItemProps[];
+  onClick?: () => void;
+}
+
+export const RenderMenuItems = JSX<RenderMenuItems>(({ menuItems, onClick }) => {
+  const [activeIndex] = useActiveRoute(menuItems);
+
+  return (
+    <BlockWrapper className="sticky bottom-0 left-0 right-0 bg-transparent z-[100]" padding="p-0">
+      <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
+        {menuItems.map((_, i) => (
+          <RenderItem key={String(i)} isActive={i === activeIndex} item={_} onClick={onClick} />
+        ))}
+      </div>
+    </BlockWrapper>
+  );
+});

package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.example.json

@@ -4,28 +4,28 @@
     "menuItems": [
       {
         "title": "Кредиты",
-        "url": "#EmptyWalletIcon",
+        "href": "#EmptyWalletIcon",
         "icon": {
           "icon": "EmptyWalletIcon"
         }
       },
       {
         "title": "Карты",
-        "url": "#CardIcon",
+        "href": "#CardIcon",
         "icon": {
           "icon": "CardIcon"
         }
       },
       {
         "title": "Вклады",
-        "url": "#SafeIcon",
+        "href": "#SafeIcon",
         "icon": {
           "icon": "SafeIcon"
         }
       },
       {
         "title": "Инвестиции",
-        "url": "#ChartIcon",
+        "href": "#ChartIcon",
         "icon": {
           "icon": "ChartIcon"
         }

package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.tsx

@@ -4,7 +4,7 @@ import { projectSettings } from '../../ProjectSettings';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import { BurgerMenuDialog } from './BurgerMenuDialog';
 import type { MenuItemProps, StickyBottomMenuProps } from './StickyBottomMenuProps';
-import { renderMenuItems } from './renderMenuItems';
+import { RenderMenuItems } from './RenderMenuItems';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
 
 export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
@@ -36,7 +36,7 @@ export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
 
   return (
     <div className="contents">
-      {renderMenuItems(menuItemsWithButton, toggle)}
+      {<RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />}
       {isBurgerMenuDialogOpen ? <BurgerMenuDialog /> : null}
     </div>
   );

package/mobile/src/components/StickyBottomMenu/StickyBottomMenuContent.ts

@@ -7,7 +7,7 @@ export interface MenuItem {
   /** @title Название */
   title?: string;
   /** @title Адрес */
-  url?: string;
+  href?: string;
   /** @title Иконка */
   icon?: Picture;
 }

package/mobile/src/components/StickyBottomMenu/TopItemMobile.tsx

@@ -9,7 +9,7 @@ interface TopItemProps {
 }
 
 export const TopItemMobile = ({ item, isActive, onClick }: TopItemProps) => (
-  <button type="button" onClick={onClick}>
+  <button type="button" className="relative" onClick={onClick}>
     <span className={style('whitespace-nowrap', isActive ? 'text-primary-main' : '')}>
       {item.text}
     </span>

package/mobile/src/icons/IconName.ts

@@ -7,11 +7,11 @@ export const IconsWithoutInversion = new Set([
 ]);
 
 export enum IconMap {
-  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', AtmIcon = 'AtmIcon', BagIcon = 'BagIcon', BankIcon = 'BankIcon', BelarusianFlag = 'BelarusianFlag', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', Car2Icon = 'Car2Icon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartIcon = 'ChartIcon', ChartSquareIcon = 'ChartSquareIcon', ChevronLeftIcon = 'ChevronLeftIcon', CinemaIcon = 'CinemaIcon', ClientIcon = 'ClientIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CourtHouseIcon = 'CourtHouseIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentText2Icon = 'DocumentText2Icon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'HeartIcon', HouseIcon = 'HouseIcon', HuaweiIcon = 'HuaweiIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MailIcon = 'MailIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapOpenedIcon = 'MapOpenedIcon', MasterCardIcon = 'MasterCardIcon', MetroIcon = 'MetroIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneysIcon = 'MoneysIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PercentIcon = 'PercentIcon', PersonalCardIcon = 'PersonalCardIcon', PhoneIcon = 'PhoneIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', ResponseFailIcon = 'ResponseFailIcon', ResponseOKIcon = 'ResponseOKIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StrongBoxIcon = 'StrongBoxIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon', YoutubeIcon = 'YoutubeIcon'
+  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', AtmIcon = 'AtmIcon', BagIcon = 'BagIcon', BankIcon = 'BankIcon', BelarusianFlag = 'BelarusianFlag', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', Car2Icon = 'Car2Icon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartIcon = 'ChartIcon', ChartSquareIcon = 'ChartSquareIcon', ChevronLeftIcon = 'ChevronLeftIcon', CinemaIcon = 'CinemaIcon', ClientIcon = 'ClientIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CourtHouseIcon = 'CourtHouseIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentText2Icon = 'DocumentText2Icon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'HeartIcon', HouseIcon = 'HouseIcon', HuaweiIcon = 'HuaweiIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MailIcon = 'MailIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapOpenedIcon = 'MapOpenedIcon', MasterCardIcon = 'MasterCardIcon', MetroIcon = 'MetroIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneysIcon = 'MoneysIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PercentIcon = 'PercentIcon', PersonalCardIcon = 'PersonalCardIcon', PhoneIcon = 'PhoneIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', ResponseFailIcon = 'ResponseFailIcon', ResponseOKIcon = 'ResponseOKIcon', RoundRubleIcon = 'RoundRubleIcon', RutubeIcon = 'RutubeIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StrongBoxIcon = 'StrongBoxIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon', YoutubeIcon = 'YoutubeIcon'
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BagIcon = 'Сумка', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartIcon = 'Инвестиции', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeftIcon = 'Стрелка \'Влево\'', CinemaIcon = 'Кинотеатр', ClientIcon = 'Клиент', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CourtHouseIcon = 'Здание суда', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HouseIcon = 'Ипотека', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapOpenedIcon = 'Иконка Развёрнутая карта', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', ResponseFailIcon = 'Ошибка', ResponseOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт', YoutubeIcon = 'Лого «Youtube»'
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BagIcon = 'Сумка', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartIcon = 'Инвестиции', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeftIcon = 'Стрелка \'Влево\'', CinemaIcon = 'Кинотеатр', ClientIcon = 'Клиент', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CourtHouseIcon = 'Здание суда', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HouseIcon = 'Ипотека', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapOpenedIcon = 'Иконка Развёрнутая карта', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', ResponseFailIcon = 'Ошибка', ResponseOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', RutubeIcon = 'Лого «Rutube»', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт', YoutubeIcon = 'Лого «Youtube»'
 }
 
 /**
@@ -19,7 +19,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Инвестиции', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Здание суда', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Ипотека', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Сумка', 'Банк', 'Белорусский флаг', 'BriefcaseIcon', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Инвестиции', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Кинотеатр', 'Клиент', 'Часы', 'Крестик', 'Кресло', 'Здание суда', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Ипотека', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Телефон', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
  * ]
  */
-export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BagIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartIcon' | 'ChartSquareIcon' | 'ChevronLeftIcon' | 'CinemaIcon' | 'ClientIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CourtHouseIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HouseIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MapOpenedIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponseFailIcon' | 'ResponseOKIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon' | 'YoutubeIcon';
+export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BagIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartIcon' | 'ChartSquareIcon' | 'ChevronLeftIcon' | 'CinemaIcon' | 'ClientIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CourtHouseIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HouseIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MapOpenedIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponseFailIcon' | 'ResponseOKIcon' | 'RoundRubleIcon' | 'RutubeIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon' | 'YoutubeIcon';

package/mobile/src/icons/RutubeIcon.svg

@@ -0,0 +1 @@
+<svg title="Лого «Rutube»" isInverse="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><g fill="#1C1C1C" clip-path="url(#clip0_21939_18954)"><path d="M18.165 4.692a1.835 1.835 0 1 0 0-3.67 1.835 1.835 0 0 0 0 3.67ZM12.711 4.489H-.187v14.338h3.59v-4.665h6.88l3.138 4.665h4.02l-3.462-4.686c1.075-.172 1.85-.58 2.322-1.226.473-.644.71-1.676.71-3.052V8.788c0-.817-.087-1.462-.237-1.956A3.268 3.268 0 0 0 16 5.521a3.5 3.5 0 0 0-1.333-.796c-.516-.15-1.16-.236-1.956-.236Zm-.58 6.513H3.403V7.65h8.728c.494 0 .838.086 1.01.236.172.15.28.43.28.839v1.204c0 .43-.108.709-.28.86-.172.15-.516.214-1.01.214Z"/></g><defs><clipPath id="clip0_21939_18954"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg>

package/mobile/src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx

@@ -3,8 +3,8 @@ import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
 import type { IconName } from '../../icons/IconName';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { style } from '../../utils/style';
-import { BaseFiltrationInnerContent, NotFound } from '../BaseFiltration/BaseFiltrationContent';
-import { checkShouldRenderBlock } from '../BaseFiltration/checkShouldRenderBlock';
+import { BaseFiltrationInnerContent, NotFound } from './BaseFiltrationContent';
+import { checkShouldRenderBlock } from './checkShouldRenderBlock';
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton';
 import { Foldable } from '../Foldable/Foldable';
 import { FoldableSection } from '../Foldable/FoldableSection';
@@ -12,7 +12,7 @@ import { Headline } from '../../components/Headline/Headline';
 
 const ICONS: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
 
-const resultsGridStyle = 'grid grid-cols-12 gap-2xs border-box';
+const resultsGridStyle = 'lg:grid lg:grid-cols-12 gap-2xs border-box';
 
 interface BaseFiltrationInnerProps extends BaseFiltrationInnerContent, UniBlockProps {
   filtrationState?: Record<string, any>;

package/mobile/src/ui-kit/BaseFiltration/renderFiltrationForm.tsx

@@ -29,14 +29,14 @@ export const renderFiltrationForm = ({
   resetButton,
   children,
 }: RenderFiltrationFormProps) => (
-  <form className="flex justify-between bg-white p-4xl">
-    <div className="flex gap-5xl">
+  <form className="flex flex-col @4xl:flex-row justify-between bg-white p-4xl gap-s @4xl:gap-0">
+    <div className="flex flex-col @4xl:flex-row gap-5xl">
       {children}
       {Object.entries(filtrationSchema).map(renderFormItem(field))}
     </div>
     {resetButton ? (
       <div>
-        <Button className="w-72 ml-s" onClick={reset} {...resetButton} />
+        <Button className="w-full @4xl:w-72 @4xl:ml-s" onClick={reset} {...resetButton} />
       </div>
     ) : null}
   </form>

package/mobile/src/ui-kit/DialogManager/Dialog.tsx

@@ -20,7 +20,7 @@ export const Dialog = JSX<DialogProps>(({ className, head, children, onClose })
   }, [onClose]);
 
   return (
-    <div className={style('relative min-h-full bg-white p-5', className)}>
+    <div className={style('relative min-h-full bg-white pt-0 p-5', className)}>
       <div className="sticky py-xl top-0 bg-white z-10">
         <CloseButton className="absolute top-0 right-0" onClose={handleClose} />
         <div className="container">{head}</div>

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

@@ -39,7 +39,11 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
 
     return dotCount ? (
       <div
-        className={style('flex gap-xs', containerStyles[listType], version ? 'group' : '')}
+        className={style(
+          'flex gap-xs @lg:hidden',
+          containerStyles[listType],
+          version ? 'group' : '',
+        )}
         {...(version ? { 'data-ver': version } : {})}
       >
         {new Array(dotCount).fill(null).map((_, idx: number) => (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.13.18",
+  "version": "0.13.19",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Blocks.mobile.ts

@@ -41,6 +41,8 @@ import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
 import { Tile } from './Tile/Tile';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
+import { DepositFiltration } from './DepositFiltration/DepositFiltration';
+import { MortgageFiltration } from './MortgageFiltration/MortgageFiltration';
 
 export const Blocks: BlocksRegistry = {
   ApplicationForm,
@@ -60,6 +62,8 @@ export const Blocks: BlocksRegistry = {
   CarouselRecommendationCard,
   CarouselTariffsCard,
   ComparisonTable,
+  DepositFiltration,
+  MortgageFiltration,
   ErrorBlock,
   ExchangeRateTile,
   Footer,