@redneckz/wildless-cms-uni-blocks 0.3.18 → 0.3.21

package/src/components/ProductGalleryGreen/ProductGalleryGreen.tsx

@@ -0,0 +1,98 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
+import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
+
+export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {}
+
+export const ProductGalleryGreen = JSX<ProductGalleryProps>(
+  ({ className = '', context, slides = [] }) => {
+    const galleryNav = slides.map((s) => s.nav);
+    const galleryBlocks = slides.map((s) => s.productBlock);
+    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
+
+    return (
+      <section
+        className={`box-border pt-[70px] relative font-sans overflow-hidden bg-primary-main w-100 ${className}`}
+      >
+        <div
+          className="flex duration-1000 pb-14"
+          style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
+          role="list"
+        >
+          {galleryBlocks.map((_, i) => renderProductBlock(_, i, context))}
+        </div>
+
+        <div className="flex items-center absolute bottom-6 left-0 right-0 px-9 box-border">
+          {galleryNav.map((slide, i) =>
+            renderNavButton({
+              slide,
+              i,
+              activeSlideIndex,
+              onClick: () => setActiveSlideIndex(i),
+            }),
+          )}
+        </div>
+      </section>
+    );
+  },
+);
+
+function renderProductBlock(block: ProductBlockInnerContent, i: number, context) {
+  return (
+    <section
+      key={String(i)}
+      className="box-border relative flex grow-0 shrink-0 basis-full px-9"
+      role="listitem"
+    >
+      <div className="flex grow">
+        {block.backgroundText ? (
+          <div className="absolute text-[454px] font-bold text-white tracking-[-10px] leading-[299px] opacity-[.1] right-12 top-20 z-0">
+            {block.backgroundText}
+          </div>
+        ) : null}
+        <ProductBlockInner
+          className="pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem] z-[1]"
+          context={context}
+          textBlockClassName="mb-[154px]"
+          version="secondary"
+          {...block}
+        />
+        <Icon
+          className="absolute right-[460px] top-[200px] z-0 mb-4"
+          name="ArrowsRewindRight"
+          width="230"
+          height="187"
+        />
+      </div>
+    </section>
+  );
+}
+
+function renderNavButton({ slide, i, activeSlideIndex, onClick }) {
+  const isActiveBtn = i === activeSlideIndex;
+  const btnClassName = isActiveBtn
+    ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] max-w-[354px] p-0'
+    : 'bg-white/10 min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300';
+  const btnTitleClassName = isActiveBtn ? 'text-primary-text' : 'text-white';
+  const btnDescClassName = isActiveBtn ? 'text-secondary-text' : 'text-white';
+
+  return (
+    <button
+      type="button"
+      key={String(i)}
+      onClick={onClick}
+      aria-label={slide?.title}
+      className={`box-border font-sans group relative overflow-hidden border-white/50 border-[1px] cursor-pointer text-left mb-6a mx-1 grow basis-0 backdrop-blur-sm
+        ${btnClassName}
+      `}
+    >
+      <div className="border-0 px-6">
+        <div className={`text-sm font-medium pb-[3px] ${btnTitleClassName}`}>{slide?.title}</div>
+        <div className={`text-xs text-secondary-text ${btnDescClassName}`}>{slide.description}</div>
+      </div>
+    </button>
+  );
+}

package/src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts

@@ -0,0 +1,32 @@
+import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+
+/** @title Кнопка под слайдом */
+interface ProductGalleryNav {
+  /** @title Заголовок */
+  title: string;
+  /** @title Описание */
+  description: string;
+}
+
+/**
+ * @title Слайд
+ */
+export interface ProductSlide {
+  /** @title Превью содержимого слайда на навигации */
+  nav?: ProductGalleryNav;
+  /** @title Содержимое слайда */
+  productBlock: ProductBlockInnerContent;
+}
+
+/**
+ * @title Продуктовая галерея
+ */
+export interface ProductGalleryGreenContent {
+  /**
+   * @title Задержка
+   * @hidden //! temporary not used
+   */
+  duration?: number;
+  /** @title Слайды */
+  slides?: ProductSlide[];
+}

package/src/components/Tile/Tile.example.json

@@ -6,9 +6,7 @@
     "format": "webp",
     "size": {
       "width": 300
-    },
-    "alt": "Описание картинки",
-    "title": "Подсказка"
+    }
   },
   "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
   "buttons": [

package/src/icons/ArrowDownIcon.svg

@@ -0,0 +1,4 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8416 10.709L11.6582 12.8923C11.0166 13.534 9.96657 13.534 9.3249 12.8923L3.8999 7.45898" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.1001 7.45898L16.2334 8.32565" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/ArrowUpIcon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3416 9.29163L11.1582 7.10829C10.5166 6.46662 9.46657 6.46662 8.8249 7.10829L3.3999 12.5416" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6001 12.5416L15.7334 11.675" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/ArrowsRewindRight.svg

@@ -0,0 +1,16 @@
+<svg viewBox="0 0 230 187" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_7050_138706)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M92.24 52.16L14 104.32V0L92.24 52.16ZM216.119 52.16L137.879 104.32V0L216.119 52.16Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_7050_138706" x="0.959999" y="0" width="228.199" height="186.907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="69.5467"/>
+<feGaussianBlur stdDeviation="6.52"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0196078 0 0 0 0 0.0117647 0 0 0 0 0.0156863 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7050_138706"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7050_138706" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/icons/IconName.ts

@@ -1,8 +1,82 @@
-
 // Generated. Do not touch
+/* eslint-disable max-lines */
 
 export enum IconMap {
-  ActualBalanceIcon = "ActualBalanceIcon", AppleIcon = "AppleIcon", AtmIcon = "AtmIcon", BankIcon = "BankIcon", BurgerIcon = "BurgerIcon", BurgerIconWhite = "BurgerIconWhite", Calendar2Icon = "Calendar2Icon", CalendarCircleIcon = "CalendarCircleIcon", CalendarIcon = "CalendarIcon", CalendarTickIcon = "CalendarTickIcon", CalendarWhiteIcon = "CalendarWhiteIcon", CardIcon = "CardIcon", CardPosIcon = "CardPosIcon", CardTickIcon = "CardTickIcon", CardWithGemIcon = "CardWithGemIcon", ChartSquareIcon = "ChartSquareIcon", ClockIcon = "ClockIcon", CloseIcon = "CloseIcon", ComfortableCompIcon = "ComfortableCompIcon", CreditCardsIcon = "CreditCardsIcon", DiscountShapeIcon = "DiscountShapeIcon", DocIcon = "DocIcon", DocIconMonoColor = "DocIconMonoColor", DocumentTextIcon = "DocumentTextIcon", DollarIcon = "DollarIcon", EarthIcon = "EarthIcon", EmptyWalletChangeIcon = "EmptyWalletChangeIcon", EmptyWalletIcon = "EmptyWalletIcon", EmptyWalletWhiteIcon = "EmptyWalletWhiteIcon", EuroIcon = "EuroIcon", GeolocationIcon = "GeolocationIcon", GlassIcon = "GlassIcon", GlobalIcon = "GlobalIcon", GpsIcon = "GpsIcon", GridIcon = "GridIcon", GridIconWhite = "GridIconWhite", InterestGrowthIcon = "InterestGrowthIcon", InterestIcon = "InterestIcon", JCBIcon = "JCBIcon", LoupeIcon = "LoupeIcon", MasterCardIcon = "MasterCardIcon", MinusIcon = "MinusIcon", MirIcon = "MirIcon", MoneyIcon = "MoneyIcon", MoneyInsuranceIcon = "MoneyInsuranceIcon", MonitorMobileIcon = "MonitorMobileIcon", NewDocIcon = "NewDocIcon", OfficeIcon = "OfficeIcon", OkIcon = "OkIcon", PassSendIcon = "PassSendIcon", PercentageRoundIcon = "PercentageRoundIcon", PercentageSquareIcon = "PercentageSquareIcon", PercentageSquareWhiteIcon = "PercentageSquareWhiteIcon", PersonalCardIcon = "PersonalCardIcon", PlayMarketIcon = "PlayMarketIcon", PlusIcon = "PlusIcon", Profile2UserIcon = "Profile2UserIcon", ProfileIcon = "ProfileIcon", RoundRubleIcon = "RoundRubleIcon", SafeIcon = "SafeIcon", ShieldTickIcon = "ShieldTickIcon", SignDocsIcon = "SignDocsIcon", SmallClockIcon = "SmallClockIcon", TelegramIcon = "TelegramIcon", UnionPayIcon = "UnionPayIcon", UserTickIcon = "UserTickIcon", VisaIcon = "VisaIcon", VKIcon = "VKIcon", WalletAdd2Icon = "WalletAdd2Icon", WalletAddIcon = "WalletAddIcon", WalletIcon = "WalletIcon", WalletWithMoneyIcon = "WalletWithMoneyIcon"
+  ActualBalanceIcon = 'ActualBalanceIcon',
+  AppleIcon = 'AppleIcon',
+  ArrowDownIcon = 'ArrowDownIcon',
+  ArrowsRewindRight = 'ArrowsRewindRight',
+  ArrowUpIcon = 'ArrowUpIcon',
+  AtmIcon = 'AtmIcon',
+  BankIcon = 'BankIcon',
+  BurgerIcon = 'BurgerIcon',
+  BurgerIconWhite = 'BurgerIconWhite',
+  Calendar2Icon = 'Calendar2Icon',
+  CalendarCircleIcon = 'CalendarCircleIcon',
+  CalendarIcon = 'CalendarIcon',
+  CalendarTickIcon = 'CalendarTickIcon',
+  CalendarWhiteIcon = 'CalendarWhiteIcon',
+  CardIcon = 'CardIcon',
+  CardPosIcon = 'CardPosIcon',
+  CardTickIcon = 'CardTickIcon',
+  CardWithGemIcon = 'CardWithGemIcon',
+  ChartSquareIcon = 'ChartSquareIcon',
+  ClockIcon = 'ClockIcon',
+  CloseIcon = 'CloseIcon',
+  ComfortableCompIcon = 'ComfortableCompIcon',
+  CreditCardsIcon = 'CreditCardsIcon',
+  DiscountShapeIcon = 'DiscountShapeIcon',
+  DocIcon = 'DocIcon',
+  DocIconMonoColor = 'DocIconMonoColor',
+  DocumentTextIcon = 'DocumentTextIcon',
+  DollarIcon = 'DollarIcon',
+  EarthIcon = 'EarthIcon',
+  EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
+  EmptyWalletIcon = 'EmptyWalletIcon',
+  EmptyWalletWhiteIcon = 'EmptyWalletWhiteIcon',
+  EuroIcon = 'EuroIcon',
+  GeolocationIcon = 'GeolocationIcon',
+  GlassIcon = 'GlassIcon',
+  GlobalIcon = 'GlobalIcon',
+  GpsIcon = 'GpsIcon',
+  GridIcon = 'GridIcon',
+  GridIconWhite = 'GridIconWhite',
+  InterestGrowthIcon = 'InterestGrowthIcon',
+  InterestIcon = 'InterestIcon',
+  JCBIcon = 'JCBIcon',
+  LoupeIcon = 'LoupeIcon',
+  MasterCardIcon = 'MasterCardIcon',
+  MinusIcon = 'MinusIcon',
+  MirIcon = 'MirIcon',
+  MoneyIcon = 'MoneyIcon',
+  MoneyInsuranceIcon = 'MoneyInsuranceIcon',
+  MonitorMobileIcon = 'MonitorMobileIcon',
+  NewDocIcon = 'NewDocIcon',
+  OfficeIcon = 'OfficeIcon',
+  OkIcon = 'OkIcon',
+  PassSendIcon = 'PassSendIcon',
+  PercentageRoundIcon = 'PercentageRoundIcon',
+  PercentageSquareIcon = 'PercentageSquareIcon',
+  PercentageSquareWhiteIcon = 'PercentageSquareWhiteIcon',
+  PersonalCardIcon = 'PersonalCardIcon',
+  PlayMarketIcon = 'PlayMarketIcon',
+  PlusIcon = 'PlusIcon',
+  Profile2UserIcon = 'Profile2UserIcon',
+  ProfileIcon = 'ProfileIcon',
+  RoundRubleIcon = 'RoundRubleIcon',
+  SafeIcon = 'SafeIcon',
+  ShieldTickIcon = 'ShieldTickIcon',
+  SignDocsIcon = 'SignDocsIcon',
+  SmallClockIcon = 'SmallClockIcon',
+  TelegramIcon = 'TelegramIcon',
+  UnionPayIcon = 'UnionPayIcon',
+  UserTickIcon = 'UserTickIcon',
+  VisaIcon = 'VisaIcon',
+  VKIcon = 'VKIcon',
+  WalletAdd2Icon = 'WalletAdd2Icon',
+  WalletAddIcon = 'WalletAddIcon',
+  WalletIcon = 'WalletIcon',
+  WalletWithMoneyIcon = 'WalletWithMoneyIcon',
 }
 
 /**
@@ -10,7 +84,83 @@ export enum IconMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   "Деньги", "Лого «Apple»", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Gps", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
+ *   "Деньги", "Лого «Apple»", "ArrowDownIcon", "ArrowsRewindRight", "ArrowUpIcon", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Gps", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
  * ]
  */
-export type IconName = "" | "ActualBalanceIcon" | "AppleIcon" | "AtmIcon" | "BankIcon" | "BurgerIcon" | "BurgerIconWhite" | "Calendar2Icon" | "CalendarCircleIcon" | "CalendarIcon" | "CalendarTickIcon" | "CalendarWhiteIcon" | "CardIcon" | "CardPosIcon" | "CardTickIcon" | "CardWithGemIcon" | "ChartSquareIcon" | "ClockIcon" | "CloseIcon" | "ComfortableCompIcon" | "CreditCardsIcon" | "DiscountShapeIcon" | "DocIcon" | "DocIconMonoColor" | "DocumentTextIcon" | "DollarIcon" | "EarthIcon" | "EmptyWalletChangeIcon" | "EmptyWalletIcon" | "EmptyWalletWhiteIcon" | "EuroIcon" | "GeolocationIcon" | "GlassIcon" | "GlobalIcon" | "GpsIcon" | "GridIcon" | "GridIconWhite" | "InterestGrowthIcon" | "InterestIcon" | "JCBIcon" | "LoupeIcon" | "MasterCardIcon" | "MinusIcon" | "MirIcon" | "MoneyIcon" | "MoneyInsuranceIcon" | "MonitorMobileIcon" | "NewDocIcon" | "OfficeIcon" | "OkIcon" | "PassSendIcon" | "PercentageRoundIcon" | "PercentageSquareIcon" | "PercentageSquareWhiteIcon" | "PersonalCardIcon" | "PlayMarketIcon" | "PlusIcon" | "Profile2UserIcon" | "ProfileIcon" | "RoundRubleIcon" | "SafeIcon" | "ShieldTickIcon" | "SignDocsIcon" | "SmallClockIcon" | "TelegramIcon" | "UnionPayIcon" | "UserTickIcon" | "VisaIcon" | "VKIcon" | "WalletAdd2Icon" | "WalletAddIcon" | "WalletIcon" | "WalletWithMoneyIcon";
+export type IconName =
+  | ''
+  | 'ActualBalanceIcon'
+  | 'AppleIcon'
+  | 'ArrowDownIcon'
+  | 'ArrowsRewindRight'
+  | 'ArrowUpIcon'
+  | 'AtmIcon'
+  | 'BankIcon'
+  | 'BurgerIcon'
+  | 'BurgerIconWhite'
+  | 'Calendar2Icon'
+  | 'CalendarCircleIcon'
+  | 'CalendarIcon'
+  | 'CalendarTickIcon'
+  | 'CalendarWhiteIcon'
+  | 'CardIcon'
+  | 'CardPosIcon'
+  | 'CardTickIcon'
+  | 'CardWithGemIcon'
+  | 'ChartSquareIcon'
+  | 'ClockIcon'
+  | 'CloseIcon'
+  | 'ComfortableCompIcon'
+  | 'CreditCardsIcon'
+  | 'DiscountShapeIcon'
+  | 'DocIcon'
+  | 'DocIconMonoColor'
+  | 'DocumentTextIcon'
+  | 'DollarIcon'
+  | 'EarthIcon'
+  | 'EmptyWalletChangeIcon'
+  | 'EmptyWalletIcon'
+  | 'EmptyWalletWhiteIcon'
+  | 'EuroIcon'
+  | 'GeolocationIcon'
+  | 'GlassIcon'
+  | 'GlobalIcon'
+  | 'GpsIcon'
+  | 'GridIcon'
+  | 'GridIconWhite'
+  | 'InterestGrowthIcon'
+  | 'InterestIcon'
+  | 'JCBIcon'
+  | 'LoupeIcon'
+  | 'MasterCardIcon'
+  | 'MinusIcon'
+  | 'MirIcon'
+  | 'MoneyIcon'
+  | 'MoneyInsuranceIcon'
+  | 'MonitorMobileIcon'
+  | 'NewDocIcon'
+  | 'OfficeIcon'
+  | 'OkIcon'
+  | 'PassSendIcon'
+  | 'PercentageRoundIcon'
+  | 'PercentageSquareIcon'
+  | 'PercentageSquareWhiteIcon'
+  | 'PersonalCardIcon'
+  | 'PlayMarketIcon'
+  | 'PlusIcon'
+  | 'Profile2UserIcon'
+  | 'ProfileIcon'
+  | 'RoundRubleIcon'
+  | 'SafeIcon'
+  | 'ShieldTickIcon'
+  | 'SignDocsIcon'
+  | 'SmallClockIcon'
+  | 'TelegramIcon'
+  | 'UnionPayIcon'
+  | 'UserTickIcon'
+  | 'VisaIcon'
+  | 'VKIcon'
+  | 'WalletAdd2Icon'
+  | 'WalletAddIcon'
+  | 'WalletIcon'
+  | 'WalletWithMoneyIcon';

package/src/ui-kit/BlocksList/BlocksListProps.ts

@@ -0,0 +1,106 @@
+import type { GalleryContent } from '../../components/Gallery/GalleryContent';
+import type { HeadlineContent } from '../../components/Headline/HeadlineContent';
+import type { LinkDocsContent } from '../../components/LinkDocs/LinkDocsContent';
+import type { MiniGalleryContent } from '../../components/MiniGallery/MiniGalleryContent';
+import type { PictureTextContent } from '../../components/PictureText/PictureTextContent';
+import type { ProductBlockContent } from '../../components/ProductBlock/ProductBlockContent';
+import type { ProductTileContent } from '../../components/ProductTile/ProductTileContent';
+import type { TextBlockContent } from '../../components/TextBlock/TextBlockContent';
+import type { TileContent } from '../../components/Tile/TileContent';
+import type { LinkListContent } from '../../components/LinkList/LinkListContent';
+
+/**
+ * @title Количество колонок
+ * @enumNames ["1 колонка", "2 колонки"]
+ */
+export type ColumnsCount = 1 | 2;
+
+/**
+ * @title Тип блока
+ */
+export type BlockDefType =
+  | 'Headline'
+  | 'LinkDocs'
+  | 'TextBlock'
+  | 'PictureText'
+  | 'Tile'
+  | 'ProductTile'
+  | 'ProductBlock'
+  | 'Gallery'
+  | 'MiniGallery'
+  | 'LinkList';
+
+interface BaseBlockDef {
+  blockListType: BlockDefType;
+}
+
+/**
+ * @title Заголовок
+ */
+export type HeadlineBlockListDef = HeadlineContent & BaseBlockDef;
+
+/**
+ * @title Список документов
+ */
+export type LinkDocsBlockListDef = LinkDocsContent & BaseBlockDef;
+
+/**
+ * @title Текстовый блок
+ */
+export type TextBlockBlockListDef = TextBlockContent & BaseBlockDef;
+
+/**
+ * @title Картинка с текстом
+ */
+export type PictureTextBlockListDef = PictureTextContent & BaseBlockDef;
+
+/**
+ * @title Продуктовый блок
+ */
+export type ProductBlockBlockListDef = ProductBlockContent & BaseBlockDef;
+
+/**
+ * @title Плитка
+ */
+export type TileBlockListDef = TileContent & BaseBlockDef;
+
+/**
+ * @title Продуктовая плитка
+ */
+export type ProductTileBlockListDef = ProductTileContent & BaseBlockDef;
+
+/**
+ * @title Галлерея
+ */
+export type GalleryBlockListDef = GalleryContent & BaseBlockDef;
+
+/**
+ * @title Мини-галлерея
+ */
+export type MiniGalleryBlockListDef = MiniGalleryContent & BaseBlockDef;
+
+/**
+ * @title Список ссылок
+ */
+export type LinkListBlockListDef = LinkListContent & BaseBlockDef;
+
+/**
+ * @title Выберите блок
+ */
+export type EmptyOption = null;
+
+/**
+ * @title Содержимое блока
+ */
+export type BlockDef =
+  | EmptyOption
+  | HeadlineBlockListDef
+  | LinkDocsBlockListDef
+  | TextBlockBlockListDef
+  | PictureTextBlockListDef
+  | ProductBlockBlockListDef
+  | TileBlockListDef
+  | ProductTileBlockListDef
+  | GalleryBlockListDef
+  | MiniGalleryBlockListDef
+  | LinkListBlockListDef;

package/src/ui-kit/BlocksList/EmbeddableBlocks.tsx

@@ -0,0 +1,23 @@
+import { Headline } from '../../components/Headline/Headline';
+import { LinkDocs } from '../../components/LinkDocs/LinkDocs';
+import { PictureText } from '../../components/PictureText/PictureText';
+import { ProductBlock } from '../../components/ProductBlock/ProductBlock';
+import { TextBlock } from '../../components/TextBlock/TextBlock';
+import { Tile } from '../../components/Tile/Tile';
+import { ProductTile } from '../../components/ProductTile/ProductTile';
+import { Gallery } from '../../components/Gallery/Gallery';
+import { MiniGallery } from '../../components/MiniGallery/MiniGallery';
+import { LinkList } from '../../components/LinkList/LinkList';
+
+export const EmbeddableBlocks = {
+  Headline,
+  LinkDocs,
+  TextBlock,
+  PictureText,
+  ProductBlock,
+  Tile,
+  ProductTile,
+  Gallery,
+  MiniGallery,
+  LinkList,
+};

package/src/ui-kit/BlocksList/renderBlocksList.tsx

@@ -0,0 +1,30 @@
+import type { JSXBlock } from '../../components/ContentPage/ContentPage';
+import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { BlockDef, ColumnsCount } from './BlocksListProps';
+import { EmbeddableBlocks } from './EmbeddableBlocks';
+
+type EmbeddableBlocksProps = {
+  blocks?: BlockDef[];
+  context: ContentPageContext;
+  columns?: ColumnsCount;
+  className?: string;
+};
+
+export const renderBlocksList = ({ blocks, context, className, columns }: EmbeddableBlocksProps) =>
+  blocks?.length ? blocks.map(renderBlock({ context, className, columns })) : null;
+
+export const renderBlock =
+  ({ context, columns, className }: EmbeddableBlocksProps) =>
+  (block: BlockDef, i: number) => {
+    const type = block?.blockListType;
+    if (!type || !(type in EmbeddableBlocks)) {
+      return null;
+    }
+    const columnsCountClass = columns === 2 ? 'w-1/2' : '';
+    const EmbeddedBlock: JSXBlock = EmbeddableBlocks[type];
+    return (
+      <div className={`${className} ${columnsCountClass}`} key={`block_${i}`}>
+        <EmbeddedBlock context={context} {...block} className="!p-0" />
+      </div>
+    );
+  };

package/src/ui-kit/Heading/Heading.tsx

@@ -15,7 +15,7 @@ const HEADING_STYLE_MAP: Record<HeadingType, string> = {
 };
 
 export const Heading = JSX<HeadingProps>((props) => {
-  const { className, headingType, title } = props;
+  const { className = '', headingType, title } = props;
   if (!headingType) {
     return;
   }
@@ -23,7 +23,7 @@ export const Heading = JSX<HeadingProps>((props) => {
 
   return (
     <Tag
-      className={`font-sans font-medium m-0 ${HEADING_STYLE_MAP[headingType]} ${className || ''}`}
+      className={`font-sans font-medium m-0 ${HEADING_STYLE_MAP[headingType]} ${className}`}
     >
       {title}
     </Tag>

package/dist/components/Accordion/AccordionBlocks.d.ts

@@ -1,12 +0,0 @@
-export declare const AccordionBlocks: {
-    Headline: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Headline/Headline").HeadlineProps, any>, context?: any) => any;
-    LinkDocs: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../LinkDocs/LinkDocs").LinkDocsProps, any>, context?: any) => any;
-    TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../TextBlock/TextBlock").TextBlockProps, any>, context?: any) => any;
-    PictureText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../PictureText/PictureText").PictureTextProps, any>, context?: any) => any;
-    ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../ProductBlock/ProductBlock").ProductBlockProps, any>, context?: any) => any;
-    Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Tile/Tile").TileProps, any>, context?: any) => any;
-    ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../ProductTile/ProductTile").ProductTileProps, any>, context?: any) => any;
-    Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Gallery/GalleryProps").GalleryProps, any>, context?: any) => any;
-    MiniGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../MiniGallery/MiniGallery").MiniGalleryProps, any>, context?: any) => any;
-    LinkList: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../LinkList/LinkList").LinkListProps, any>, context?: any) => any;
-};

package/dist/components/Accordion/AccordionBlocks.js

@@ -1,25 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionBlocks = void 0;
-const Headline_1 = require("../Headline/Headline");
-const LinkDocs_1 = require("../LinkDocs/LinkDocs");
-const PictureText_1 = require("../PictureText/PictureText");
-const ProductBlock_1 = require("../ProductBlock/ProductBlock");
-const TextBlock_1 = require("../TextBlock/TextBlock");
-const Tile_1 = require("../Tile/Tile");
-const ProductTile_1 = require("../ProductTile/ProductTile");
-const Gallery_1 = require("../Gallery/Gallery");
-const MiniGallery_1 = require("../MiniGallery/MiniGallery");
-const LinkList_1 = require("../LinkList/LinkList");
-exports.AccordionBlocks = {
-    Headline: Headline_1.Headline,
-    LinkDocs: LinkDocs_1.LinkDocs,
-    TextBlock: TextBlock_1.TextBlock,
-    PictureText: PictureText_1.PictureText,
-    ProductBlock: ProductBlock_1.ProductBlock,
-    Tile: Tile_1.Tile,
-    ProductTile: ProductTile_1.ProductTile,
-    Gallery: Gallery_1.Gallery,
-    MiniGallery: MiniGallery_1.MiniGallery,
-    LinkList: LinkList_1.LinkList,
-};
-//# sourceMappingURL=AccordionBlocks.js.map

package/dist/components/Accordion/AccordionBlocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionBlocks.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBlocks.tsx"],"names":[],"mappings":";;AAAA,mDAAgD;AAChD,mDAAgD;AAChD,4DAAyD;AACzD,+DAA4D;AAC5D,sDAAmD;AACnD,uCAAoC;AACpC,4DAAyD;AACzD,gDAA6C;AAC7C,4DAAyD;AACzD,mDAAgD;AAEnC,QAAA,eAAe,GAAG;IAC7B,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,SAAS,EAAT,qBAAS;IACT,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,IAAI,EAAJ,WAAI;IACJ,WAAW,EAAX,yBAAW;IACX,OAAO,EAAP,iBAAO;IACP,WAAW,EAAX,yBAAW;IACX,QAAQ,EAAR,mBAAQ;CACT,CAAC"}

package/dist/components/Accordion/utils/isActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isActiveHandler.js","sourceRoot":"","sources":["../../../../src/components/Accordion/utils/isActiveHandler.ts"],"names":[],"mappings":";;AAEO,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,MAAM,eAAe,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC;IAEzE,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC;AApBW,QAAA,eAAe,mBAoB1B"}

package/lib/components/Accordion/AccordionBlocks.d.ts

@@ -1,12 +0,0 @@
-export declare const AccordionBlocks: {
-    Headline: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Headline/Headline").HeadlineProps, any>, context?: any) => any;
-    LinkDocs: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../LinkDocs/LinkDocs").LinkDocsProps, any>, context?: any) => any;
-    TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../TextBlock/TextBlock").TextBlockProps, any>, context?: any) => any;
-    PictureText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../PictureText/PictureText").PictureTextProps, any>, context?: any) => any;
-    ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../ProductBlock/ProductBlock").ProductBlockProps, any>, context?: any) => any;
-    Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Tile/Tile").TileProps, any>, context?: any) => any;
-    ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../ProductTile/ProductTile").ProductTileProps, any>, context?: any) => any;
-    Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Gallery/GalleryProps").GalleryProps, any>, context?: any) => any;
-    MiniGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../MiniGallery/MiniGallery").MiniGalleryProps, any>, context?: any) => any;
-    LinkList: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../LinkList/LinkList").LinkListProps, any>, context?: any) => any;
-};

package/lib/components/Accordion/AccordionBlocks.js

@@ -1,23 +0,0 @@
-import { Headline } from '../Headline/Headline.js';
-import { LinkDocs } from '../LinkDocs/LinkDocs.js';
-import { PictureText } from '../PictureText/PictureText.js';
-import { ProductBlock } from '../ProductBlock/ProductBlock.js';
-import { TextBlock } from '../TextBlock/TextBlock.js';
-import { Tile } from '../Tile/Tile.js';
-import { ProductTile } from '../ProductTile/ProductTile.js';
-import { Gallery } from '../Gallery/Gallery.js';
-import { MiniGallery } from '../MiniGallery/MiniGallery.js';
-import { LinkList } from '../LinkList/LinkList.js';
-export const AccordionBlocks = {
-    Headline,
-    LinkDocs,
-    TextBlock,
-    PictureText,
-    ProductBlock,
-    Tile,
-    ProductTile,
-    Gallery,
-    MiniGallery,
-    LinkList,
-};
-//# sourceMappingURL=AccordionBlocks.js.map

package/lib/components/Accordion/AccordionBlocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionBlocks.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,WAAW;IACX,YAAY;IACZ,IAAI;IACJ,WAAW;IACX,OAAO;IACP,WAAW;IACX,QAAQ;CACT,CAAC"}

package/lib/components/Accordion/utils/isActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isActiveHandler.js","sourceRoot":"","sources":["../../../../src/components/Accordion/utils/isActiveHandler.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,MAAM,eAAe,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC;IAEzE,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/mobile/dist/components/Accordion/AccordionBlocks.d.ts

@@ -1,12 +0,0 @@
-export declare const AccordionBlocks: {
-    Headline: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Headline/Headline").HeadlineProps, any>, context?: any) => any;
-    LinkDocs: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../LinkDocs/LinkDocs").LinkDocsProps, any>, context?: any) => any;
-    TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../TextBlock/TextBlock").TextBlockProps, any>, context?: any) => any;
-    PictureText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../PictureText/PictureText").PictureTextProps, any>, context?: any) => any;
-    ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../ProductBlock/ProductBlock").ProductBlockProps, any>, context?: any) => any;
-    Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Tile/Tile").TileProps, any>, context?: any) => any;
-    ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../ProductTile/ProductTile").ProductTileProps, any>, context?: any) => any;
-    Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../Gallery/GalleryProps").GalleryProps, any>, context?: any) => any;
-    MiniGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../MiniGallery/MiniGallery").MiniGalleryProps, any>, context?: any) => any;
-    LinkList: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../LinkList/LinkList").LinkListProps, any>, context?: any) => any;
-};