@redneckz/wildless-cms-uni-blocks 0.6.49 → 0.7.1

package/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -1,49 +1,52 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { VNode } from '../../model/VNode';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import type { CarouselTariffsCardContent } from './CarouselTariffsCardContent';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { Picture } from '../../model/Picture';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { VNode } from '../../model/VNode';
 
 export interface CarouselTariffsCardProps extends CarouselTariffsCardContent, UniBlockProps {}
 
-const VISIBLE_ROWS_COUNT = 1;
+const VISIBLE_CELLS_COUNT = 1;
 
 export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
-  ({ className = '', title, icon, isHighlighting, button, rows = [], ...rest }) => {
-    const rowsNode = rows.map(renderCardInfo);
-    const visibleRows = rowsNode.slice(0, VISIBLE_ROWS_COUNT);
-    const hiddenRows = rowsNode.slice(VISIBLE_ROWS_COUNT);
+  ({ className = '', title, icon, isHighlighting, button, cardCells = [], ...rest }) => {
+    const cellsNode = cardCells.map(renderCardInfo);
+    const visibleCells = cellsNode.slice(0, VISIBLE_CELLS_COUNT);
+    const hiddenCells = cellsNode.slice(VISIBLE_CELLS_COUNT);
 
     return (
       <BlockWrapper
-        className={`font-sans relative bg-white border border-gray min-w-[322px] p-8
+        className={`font-sans relative bg-white border border-gray min-w-[322px] p-8 flex flex-col
         ${getHitStyle(isHighlighting)}
         ${className}`}
         {...rest}
       >
         {isHighlighting ? renderHitIcon() : null}
-        {icon?.src ? <Img image={icon} /> : null}
+        {renderIconBlock(icon)}
         {title ? (
           <Heading className="text-primary-text text-center pt-2" headingType="h5" title={title} />
         ) : null}
         {button ? <Button className="w-full mt-4" {...button} /> : null}
-        {rows.length ? (
+        {cardCells.length ? (
           <Foldable
             renderFoldableSection={({ isUnfolded }) => (
               <div>
-                {visibleRows}
-                <FoldableSection isUnfolded={isUnfolded}>{hiddenRows}</FoldableSection>
+                {visibleCells}
+                <FoldableSection isUnfolded={isUnfolded}>{hiddenCells}</FoldableSection>
               </div>
             )}
-            renderFoldButton={rows.length > 1 ? renderFoldButton : null}
+            renderFoldButton={cardCells.length > 1 ? renderFoldButton : null}
           />
         ) : null}
       </BlockWrapper>
@@ -51,8 +54,15 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
   },
 );
 
+const renderIconBlock = (icon?: Picture) => (
+  <div className="w-[267px] min-w-[267px] self-center">
+    {icon?.src ? <Img image={icon} /> : null}
+    {icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
+  </div>
+);
+
 const getHitStyle = (isHighlighting?: boolean): string =>
-  isHighlighting ? 'mt-9 pt-[70px]' : 'mt-[70px] pt-9';
+  isHighlighting ? 'mt-9 pt-[70px]' : 'mt-[70px] pt-7';
 
 const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps): VNode => (
   <button
@@ -82,8 +92,10 @@ const renderCardInfo = (cell: HeadlineCommonProps, i: number): VNode => (
 );
 
 const renderHitIcon = (): VNode => (
-  <div className="absolute -top-7 -right-4 h-[60px] w-[60px] bg-white flex flex-col items-center justify-center shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
+  <div className="absolute -top-7 -right-4 h-[60px] w-[60px] bg-white flex flex-col items-center justify-center rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
     <Icon iconVersion="black" name="HeartIcon" width="23" height="22" asSVG />
-    <div className="text-center">Хит</div>
+    <Paragraph size="text-s" font="font-normal" align="text-center" color="text-primary-text">
+      ХИТ
+    </Paragraph>
   </div>
 );

package/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts

@@ -12,5 +12,5 @@ export type CarouselTariffsCardContent = TitleProps & {
   /** @title Кнопка */
   button?: ButtonProps;
   /** @title Ячейка */
-  rows?: HeadlineCommonProps[];
+  cardCells?: HeadlineCommonProps[];
 };

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -43,5 +43,9 @@ export type LinkDocsContent = HeadlineCommonProps & {
   orientation?: ListOrientation; // TODO: мобильный проп
   /** @title Рамка элементов (моб.) */ // TODO: мобильный проп
   hasBorder?: boolean;
+  /**
+   * @title Выравнивание
+   * @default text-center
+   */
   align?: TextAlign;
 };

package/src/components/SwipeListControlBlock/SwipeListControlBlock.example.json

@@ -0,0 +1,18 @@
+{
+  "content": {
+    "listType": "vertical-list"
+  },
+  "style": ["col-span-12", "h-96"],
+  "type": "SwipeListControlBlock",
+  "blocks": [
+    {
+      "type": "Headline",
+      "content": {
+        "title": "Заголовок блока",
+        "description": "Описание блока",
+        "headlineVersion": "M"
+      },
+      "style": ["col-span-12"]
+    }
+  ]
+}

package/src/components/SwipeListControlBlock/SwipeListControlBlock.fixture.tsx

@@ -0,0 +1,27 @@
+import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
+import { Blocks } from '../Blocks';
+import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { SwipeListControlBlock } from './SwipeListControlBlock';
+
+const options = {
+  blocksRegistry: Blocks,
+} as BlockRendererOptions;
+
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <SwipeListControlBlock
+        className="col-span-12 h-96"
+        block={{
+          type: 'SwipeListControlBlock',
+          blocks: [
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+          ],
+        }}
+        listType="vertical-list"
+        options={options}
+      />
+    </div>
+  ),
+};

package/src/components/SwipeListControlBlock/SwipeListControlBlock.tsx

@@ -0,0 +1,23 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
+import type { SwipeListControlBlockContent } from './SwipeListControlBlockContent';
+
+interface SwipeListControlBlockProps extends SwipeListControlBlockContent, UniBlockProps {}
+
+export const SwipeListControlBlock: JSXBlock<SwipeListControlBlockProps> =
+  JSX<SwipeListControlBlockProps>(({ gap, listType, padding, showDots, options, ...rest }) => {
+    return (
+      <BlockWrapper {...rest}>
+        <SwipeListControl gap={gap} listType={listType} padding={padding} showDots={showDots}>
+          {renderChildren({ ...rest, options })}
+        </SwipeListControl>
+      </BlockWrapper>
+    );
+  });
+
+SwipeListControlBlock.childrenTypes = {
+  exclude: ['SwipeListControlBlock'],
+};

package/src/components/SwipeListControlBlock/SwipeListControlBlock.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/SwipeListControlBlock/SwipeListControlBlockContent.ts

@@ -0,0 +1,6 @@
+import type { SwipeListControlProps } from '../../ui-kit/SwipeListControl/SwipeListControlProps';
+
+/**
+ * @title Swipe-контроллер
+ */
+export type SwipeListControlBlockContent = SwipeListControlProps;

package/src/icons/ArrowRightIcon.svg

@@ -1 +1 @@
-<svg title="Стрелка 'Вправо'" isInverse="true" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.43 5.93 20.5 12l-6.07 6.07M11.01 12h9.32M3.5 12h3.47" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Стрелка 'Вправо'" isInverse="true" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.43 5.93 20.5 12l-6.07 6.07M11.01 12h9.32M3.5 12h3.47" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/ArrowTopRightIcon.svg

@@ -0,0 +1 @@
+<svg title="Стрелка 'Вверх-право'" isInverse="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6.734 4.11h5.657v5.656M3.855 12.645l5-5"/></svg>

package/src/icons/IconName.ts

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

package/src/ui-kit/BlockWrapper.tsx

@@ -10,7 +10,7 @@ interface BlockWrapperProps extends UniBlockProps {
 }
 
 export const BlockWrapper = JSX<BlockWrapperProps>(
-  ({ className, block, tag = 'section', role, children }) => {
+  ({ className = '', block, tag = 'section', role, children }) => {
     const Tag: any = tag;
 
     const ref = useBlockIntersectionObserver(block);