@redneckz/wildless-cms-uni-blocks 0.13.9 → 0.13.11

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

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { LinkProps } from '../../model/LinkProps';
+import { useLink } from '../../hooks/useLink';
+import { Img } from '../../ui-kit/Img/Img';
+
+interface ActiveSubMenuItemProps {
+  item: LinkProps;
+  i: number;
+}
+
+export const ActiveSubMenuItem = JSX<ActiveSubMenuItemProps>(({ item, i }) => {
+  const link = useLink();
+  const { href, target, onClick } = link(item);
+
+  return (
+    <a
+      key={`subItems-${String(i)}`}
+      className="py-3 text-h5 font-light flex justify-between cursor-pointer"
+      href={href}
+      target={target}
+      onClick={onClick}
+    >
+      {item.text}
+      <Img
+        image={{ icon: 'ChevronLeftIcon', iconVersion: 'black' }}
+        width="24"
+        height="24"
+        className="text-secondary-text rotate-180 opacity-30"
+      />
+    </a>
+  );
+});

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

@@ -0,0 +1,102 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLocation } from '../../hooks/useLocation';
+import { Img } from '../../ui-kit/Img/Img';
+import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
+import { Text } from '../../ui-kit/Text/Text';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog';
+import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer';
+import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+import { useSitemap } from '../../services/sitemap/useSitemap';
+import { TopItemMobile } from './TopItemMobile';
+import { ActiveSubMenu } from './ActiveSubMenu';
+import { Dialog } from '../../ui-kit/DialogManager/Dialog';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { RefObject } from 'react';
+import { useActiveRoute } from '../../hooks/useActiveRoute';
+
+interface BurgerMenuDialogProps extends UniBlockProps {
+  containerRef?: RefObject<HTMLDivElement>;
+}
+
+export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>((props) => {
+  const { topItems, officesLink, defaultLocation } = useSitemap(props.options?.page?.fallback);
+  const [location] = useLocation(defaultLocation);
+  const locationDialog = useLocationDialog();
+  const openLocationDialog = useCallback(() => locationDialog.open(), []);
+  const itemCount = Array.isArray(topItems) ? topItems.length : 0;
+  const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({
+    itemCount,
+  });
+  const [activeTopItemIndex, activeRoute] = useActiveRoute(topItems);
+  const activeMenuSubItems = activeRoute?.items || [];
+
+  useEffect(() => {
+    if (activeTopItemIndex > 0) {
+      scroll.scrollTo(activeTopItemIndex);
+    }
+  }, [activeTopItemIndex, scroll]);
+
+  return (
+    <Dialog
+      head={
+        <div className="flex items-center">
+          <Heading as="h4" title="Меню" />
+        </div>
+      }
+    >
+      <div className="flex flex-col flex-nowrap relative w-full h-auto m-auto bg-white pb-24 box-border rounded-md">
+        <div className="w-full mb-3">
+          <SwipeListContainer
+            containerRef={containerRef}
+            visibleItemCount={0}
+            gap={20}
+            className="pb-3"
+          >
+            {topItems?.map((item, i) => (
+              <TopItemMobile item={item} i={i} isActive={activeTopItemIndex === i} />
+            ))}
+          </SwipeListContainer>
+        </div>
+        <div className="relative grow overflow-auto">
+          <ActiveSubMenu activeMenuSubItems={activeMenuSubItems} />
+          <SearchBar className="grow mb-5" />
+          {renderOfficeLink(officesLink)}
+          <div className="flex items-center text-s cursor-pointer" onClick={openLocationDialog}>
+            <Img
+              image={{ icon: 'GeolocationIcon', iconVersion: 'black' }}
+              width="24"
+              height="24"
+              className="text-primary-main box-border mr-xs bg-main-divider p-xs rounded-md"
+            />
+            <div className="flex flex-col items-start">
+              <Text size="text-h5">{location.name}</Text>
+              <Text color="text-secondary-text" size="text-s">
+                Ваша локация
+              </Text>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Dialog>
+  );
+});
+
+const renderOfficeLink = (officesLink?: string) =>
+  officesLink ? (
+    <a
+      className="flex items-center mb-3"
+      href={officesLink}
+      rel="noopener noreferrer"
+      aria-label="Офисы и банкоматы"
+    >
+      <Img
+        image={{ icon: 'MapOpenedIcon', iconVersion: 'black' }}
+        width="24"
+        height="24"
+        className="text-primary-main box-border mr-xs bg-main-divider p-xs rounded-md"
+      />
+      <span>Офисы и банкоматы</span>
+    </a>
+  ) : null;

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

@@ -0,0 +1,35 @@
+{
+  "content": {
+    "title": "Кнопки меню",
+    "menuItems": [
+      {
+        "title": "Кредиты",
+        "url": "#EmptyWalletIcon",
+        "icon": {
+          "icon": "EmptyWalletIcon"
+        }
+      },
+      {
+        "title": "Карты",
+        "url": "#CardIcon",
+        "icon": {
+          "icon": "CardIcon"
+        }
+      },
+      {
+        "title": "Вклады",
+        "url": "#SafeIcon",
+        "icon": {
+          "icon": "SafeIcon"
+        }
+      },
+      {
+        "title": "Инвестиции",
+        "url": "#ChartIcon",
+        "icon": {
+          "icon": "ChartIcon"
+        }
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,8 @@
+import { fallbackWCMSResource } from '../../hooks/fallbackWCMSResource';
+import { projectSettings } from '../../ProjectSettings';
+
+export const fallback = () =>
+  fallbackWCMSResource(
+    projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu',
+    'portal-resources',
+  );

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

@@ -0,0 +1,44 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { projectSettings } from '../../ProjectSettings';
+import { useSWRResource } from '../../hooks/useSWRResource';
+import { BurgerMenuDialog } from './BurgerMenuDialog';
+import type { MenuItemProps, StickyBottomMenuProps } from './StickyBottomMenuProps';
+import { renderMenuItems } from './renderMenuItems';
+import { useBurgerMenuDialog } from './useBurgerMenuDialog';
+
+export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
+  const { menuItems = [] } = useSWRResource<StickyBottomMenuProps>(
+    projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu',
+    rest.options?.page?.fallback,
+    'portal-resources',
+  );
+
+  const [isBurgerMenuDialogOpen, { toggle }] = useBurgerMenuDialog();
+
+  const burgerMenu = {
+    title: 'Меню',
+    icon: {
+      icon: 'BurgerIcon',
+      iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
+    },
+    isActive: isBurgerMenuDialogOpen,
+  };
+  const middleIdx = Math.floor(menuItems.length / 2);
+  const menuItemsWithButton = useMemo(
+    () =>
+      [
+        ...menuItems.slice(0, middleIdx),
+        burgerMenu,
+        ...menuItems.slice(middleIdx),
+      ] as MenuItemProps[],
+    [menuItems, middleIdx, burgerMenu],
+  );
+
+  return (
+    <div className="contents">
+      {renderMenuItems(menuItemsWithButton, toggle)}
+      {isBurgerMenuDialogOpen ? <BurgerMenuDialog /> : null}
+    </div>
+  );
+});

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

@@ -0,0 +1,11 @@
+{
+  "content": {
+    "menuItems": {
+      "items": {
+        "icon": {
+          "ui:field": "icon"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,24 @@
+import { Picture } from '../../model/Picture';
+
+/**
+ * @title Пункт меню
+ */
+export interface MenuItem {
+  /** @title Название */
+  title?: string;
+  /** @title Адрес */
+  url?: string;
+  /** @title Иконка */
+  icon?: Picture;
+}
+
+/**
+ * @title Кнопки меню
+ */
+export interface StickyBottomMenuContent {
+  /**
+   * @title Кнопки
+   * @maxItems 4
+   */
+  menuItems?: MenuItem[];
+}

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

@@ -0,0 +1,10 @@
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { MenuItem, StickyBottomMenuContent } from './StickyBottomMenuContent';
+
+export interface MenuItemProps extends MenuItem {
+  isActive?: boolean;
+}
+
+export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
+  menuItems?: MenuItemProps[];
+}

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

@@ -0,0 +1,32 @@
+import type { TopMenuItemProps } from '../../services/sitemap/SitemapData';
+import { style } from '../../utils/style';
+import { useLink } from '../../hooks/useLink';
+
+interface TopItemProps {
+  item: TopMenuItemProps;
+  i: number;
+  isActive: boolean;
+}
+
+export const TopItemMobile = ({ item, i, isActive }: TopItemProps) => {
+  const link = useLink();
+  const { href, target, onClick } = link(item);
+
+  return (
+    <a
+      key={String(i)}
+      href={href}
+      target={target}
+      onClick={onClick}
+      className="relative"
+      aria-label={item.text}
+    >
+      <span className={style('whitespace-nowrap', isActive ? 'text-primary-main' : '')}>
+        {item.text}
+      </span>
+      {isActive ? (
+        <div className="absolute left-0 right-0 -bottom-3 h-0.5 bg-primary-main group-data-transparent:bg-transparent" />
+      ) : null}
+    </a>
+  );
+};

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

@@ -0,0 +1,32 @@
+import type { MenuItemProps } from './StickyBottomMenuProps';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { style } from '../../utils/style';
+import { Img } from '../../ui-kit/Img/Img';
+
+export const renderMenuItems = (menuItems: MenuItemProps[], onClick?: () => void) => (
+  <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(_, i, onClick))}
+    </div>
+  </BlockWrapper>
+);
+
+const renderItem = (_: MenuItemProps, idx: number, onClick?: () => void) => (
+  <div
+    key={`menuItems-${String(idx)}`}
+    className={style(
+      _.isActive ? 'text-primary-main' : 'text-primary-text',
+      `w-10 m-4 flex justify-center items-center flex-col text-[10px] cursor-pointer`,
+    )}
+    onClick={() => (_?.icon?.icon === 'BurgerIcon' && onClick ? onClick() : undefined)}
+  >
+    <Img
+      className="w-6 h-6"
+      image={{
+        icon: _.icon?.icon,
+        iconVersion: _.icon?.iconVersion || 'black',
+      }}
+    />
+    {_.title}
+  </div>
+);

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

@@ -0,0 +1,34 @@
+import { useDialogManager } from '../../ui-kit/DialogManager/useDialogManager';
+import { BurgerMenuDialog } from './BurgerMenuDialog';
+import { useDialogsList } from '../../ui-kit/DialogManager/useDialogsList';
+import { isDialogOpen } from '../../ui-kit/DialogManager/isDialogOpen';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+
+export const BURGER_MENU_DIALOG_ID = 'burgerMenuDialog';
+
+export const useBurgerMenuDialog = (): [
+  boolean | undefined,
+  {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+  },
+] => {
+  const { open: openDialog, closeAll, close } = useDialogManager();
+
+  const dialogs = useDialogsList();
+  const isBurgerMenuOpen = isDialogOpen(BURGER_MENU_DIALOG_ID, dialogs);
+  const open = useCallback(
+    () => openDialog(<BurgerMenuDialog />, { id: BURGER_MENU_DIALOG_ID }),
+    [],
+  );
+  const toggle = useCallback(() => {
+    if (isBurgerMenuOpen) {
+      closeAll();
+    } else {
+      open();
+    }
+  }, [isBurgerMenuOpen]);
+
+  return [Boolean(isBurgerMenuOpen), { open, close, toggle }];
+};

package/mobile/src/hooks/fallbackWCMSResource.ts

@@ -1,7 +1,12 @@
 import { readFile } from 'fs/promises';
 import type { FallbackMap } from '../model/Fallback';
 
-export const fallbackWCMSResource = (filename: string): FallbackMap => ({
-  [`/wcms-resources/${filename}.json`]: async () =>
-    JSON.parse(await readFile(`./content/wcms-resources/${filename}.json`, 'utf-8')),
+const DEFAULT_FOLDER_NAME = 'wcms-resources';
+
+export const fallbackWCMSResource = (
+  filename: string,
+  folderName: string = DEFAULT_FOLDER_NAME,
+): FallbackMap => ({
+  [`/${folderName}/${filename}.json`]: async () =>
+    JSON.parse(await readFile(`./content/${folderName}/${filename}.json`, 'utf-8')),
 });

package/mobile/src/hooks/useActiveRoute.ts

@@ -0,0 +1,12 @@
+import { useRouter } from './useRouter';
+import { isTopItemActive } from '../components/Header/isTopItemActive';
+import type { TopMenuItemProps } from '../services/sitemap/SitemapData';
+
+export function useActiveRoute(
+  items: TopMenuItemProps[] | undefined = [],
+): [number, TopMenuItemProps] {
+  const router = useRouter();
+  const activeIndex = items.findIndex(isTopItemActive(router));
+
+  return [activeIndex, items[activeIndex]];
+}

package/mobile/src/hooks/useSWRResource.ts

@@ -3,13 +3,15 @@ import type { Fallback } from '../model/Fallback';
 import { fetchJSONUnsafe } from '../utils/fetchJSON';
 
 const EMPTY_VALUE = {};
+const DEFAULT_FOLDER_NAME = 'wcms-resources';
 
 export function useSWRResource<Data>(
   filename: string | null | undefined,
   fallback: Fallback = EMPTY_VALUE,
+  folderName: string = DEFAULT_FOLDER_NAME,
 ): Data {
   const { data } = useAsyncData<Data, any, string | null>(
-    filename ? `/wcms-resources/${filename}.json` : null,
+    filename ? `/${folderName}/${filename}.json` : null,
     fetchJSONUnsafe,
     { fallback },
   );

package/mobile/src/icons/BurgerIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Бургер" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 6H21" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
-  <path d="M9.49023 12H21.0002" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
-  <path d="M3 12H5.99" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
-  <path d="M3 18H21" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
+  <path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M9.49023 12H21.0002" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M3 12H5.99" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 </svg>

package/mobile/src/icons/ChartIcon.svg

@@ -0,0 +1,7 @@
+<svg title="Инвестиции" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 22H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 22H6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 13.0028V18.0028C3 18.5528 3.45 19.0028 4 19.0028H5.59998C6.14998 19.0028 6.59998 18.5528 6.59998 18.0028V9.38281C6.59998 8.83281 6.14998 8.38281 5.59998 8.38281H4C3.45 8.38281 3 8.83281 3 9.38281" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.7999 5.1875H11.2C10.65 5.1875 10.2 5.6375 10.2 6.1875V17.9975C10.2 18.5475 10.65 18.9975 11.2 18.9975H12.7999C13.3499 18.9975 13.7999 18.5475 13.7999 17.9975V6.1875C13.7999 5.6375 13.3499 5.1875 12.7999 5.1875Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 3C21 2.45 20.55 2 20 2H18.4C17.85 2 17.4 2.45 17.4 3V18C17.4 18.55 17.85 19 18.4 19H20C20.55 19 21 18.55 21 18V7.13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/IconName.ts

@@ -3,15 +3,15 @@
 /* eslint-disable max-len, max-lines */
 
 export const IconsWithoutInversion = new Set([
-  'ActualBalanceIcon', 'AirPlaneIcon', 'BagIcon', 'BelarusianFlag', 'BriefcaseIcon', 'CardWithGemIcon', 'CarIcon', 'ChevronLeftIcon', 'CinemaIcon', 'ClientIcon', 'ClockIcon', 'ComfortableCompIcon', 'CreditCardsIcon', 'DocsIcon', 'DollarIcon', 'DoneIcon', 'EarthIcon', 'EuroIcon', 'FullScreenIcon', 'GlassIcon', 'HeadphonesIcon', 'HeartIcon', 'HuaweiIcon', 'InterestGrowthIcon', 'JCBIcon', 'MailIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MasterCardIcon', 'MirIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'OfficeIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'PhoneIcon', 'PowerIcon', 'PumpkinIcon', 'ResponceFailIcon', 'ResponceOKIcon', 'SignDocsIcon', 'SoundIcon', 'UnionPayIcon', 'UserGeoLocationIcon', 'VisaIcon', 'WateringCanIcon'
+  'ActualBalanceIcon', 'AirPlaneIcon', 'BagIcon', 'BelarusianFlag', 'BriefcaseIcon', 'CardWithGemIcon', 'CarIcon', 'ChartIcon', 'ChevronLeftIcon', 'CinemaIcon', 'ClientIcon', 'ClockIcon', 'ComfortableCompIcon', 'CreditCardsIcon', 'DocsIcon', 'DollarIcon', 'DoneIcon', 'EarthIcon', 'EuroIcon', 'FullScreenIcon', 'GlassIcon', 'HeadphonesIcon', 'HeartIcon', 'HuaweiIcon', 'InterestGrowthIcon', 'JCBIcon', 'MailIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MapOpenedIcon', 'MasterCardIcon', 'MirIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'OfficeIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'PhoneIcon', 'PowerIcon', 'PumpkinIcon', 'ResponseFailIcon', 'ResponseOKIcon', 'SignDocsIcon', 'SoundIcon', 'UnionPayIcon', 'UserGeoLocationIcon', 'VisaIcon', 'WateringCanIcon'
 ]);
 
 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', 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', HuaweiIcon = 'HuaweiIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MailIcon = 'MailIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', 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', ResponceFailIcon = 'ResponceFailIcon', ResponceOKIcon = 'ResponceOKIcon', 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', 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'
 }
 
 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 = 'Машина', 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 = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', 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 = 'Тыква', ResponceFailIcon = 'Ошибка', ResponceOKIcon = 'Ок', 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 = 'Сердце', 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»'
 }
 
 /**
@@ -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 персоны', 'Профиль', 'Тыква', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «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' | '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' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'ResponceFailIcon' | 'ResponceOKIcon' | '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' | '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';

package/mobile/src/icons/MapOpenedIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Иконка Развёрнутая карта" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.27004 5.48802L3.30004 6.04802C2.75004 6.36802 2.29004 7.14802 2.29004 7.78802V17.518C2.29004 19.418 3.64004 20.198 5.28004 19.258L7.63004 17.918C8.14004 17.628 8.99004 17.598 9.52004 17.868L14.77 20.498C15.3 20.758 16.15 20.738 16.66 20.448L20.99 17.968C21.54 17.648 22 16.868 22 16.228V6.48802C22 4.58802 20.65 3.80802 19.01 4.74802L16.66 6.08802C16.15 6.37802 15.3 6.40802 14.77 6.13802L9.52004 3.51802C8.99004 3.25802 8.14004 3.27802 7.63004 3.56802" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.56006 4V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.73 6.61719V19.9972" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/services/sitemap/SitemapData.ts

@@ -2,13 +2,17 @@ import type { LinkProps } from '../../model/LinkProps';
 import type { LogoType } from '../../model/LogoType';
 import type { IconProps, Picture } from '../../model/Picture';
 
+interface SitemapLinkProps extends LinkProps {
+  displayArea?: string;
+}
+
 /**
  * @title Ссылка
  * @required ["text", "href"]
  */
 export interface TopMenuItemProps extends LinkProps, IconProps {
   /** @hidden */
-  items?: LinkProps[];
+  items?: SitemapLinkProps[];
 }
 
 /**