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

package/mobile/src/components/OtherProducts/OtherProductsItem.tsx

@@ -0,0 +1,36 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useActiveHandler } from './utils/useActiveHandler';
+import type { UniBlockProps } from '../../types';
+import type { blockItemCommonProps } from './OtherProductsContent';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { OtherProductsItemInner } from './OtherProductsItemInner';
+
+export interface BlockItemProps extends blockItemCommonProps, UniBlockProps {}
+
+export const OtherProductsItem = JSX<BlockItemProps>(({ label, blocks, columns, context }) => {
+  const { hasContent, icon, handleToggle, isActive } = useActiveHandler({
+    context,
+    blocks,
+  });
+
+  return (
+    <div className="border-0 border-b border-solid border-main-divider">
+      {hasContent ? (
+        <OtherProductsItemInner
+          columns={columns}
+          blocks={blocks}
+          context={context}
+          isActive={isActive}
+        />
+      ) : null}
+      <button
+        className={`border-none bg-primary-main px-0 py-[25px] text-center w-full font-sans text-white text-base
+        ${hasContent ? 'group cursor-pointer' : ''}`}
+        onClick={handleToggle}
+      >
+        <span className="pr-3">{isActive ? 'Скрыть' : label}</span>
+        {hasContent ? <Icon name={icon} width="20" height="20" asSVG /> : null}
+      </button>
+    </div>
+  );
+});

package/mobile/src/components/OtherProducts/OtherProductsItemInner.tsx

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { BlockItemProps } from './OtherProductsItem';
+import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList';
+
+export const OtherProductsItemInner = JSX<BlockItemProps>(({ blocks, columns = 1, context }) => {
+  const className = 'box-border p-5';
+  return (
+    <div className="transition-all duration-300 max-h-0 overflow-hidden">
+      <div className={`box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`}>
+        {renderBlocksList({ context, className, columns, blocks })}
+      </div>
+    </div>
+  );
+});

package/mobile/src/components/OtherProducts/utils/useActiveHandler.ts

@@ -0,0 +1,23 @@
+import type { IconName } from '../../../icons/IconName';
+
+export const useActiveHandler = ({ context, blocks }) => {
+  const [isActive, setIsActive] = context.useState(false);
+  const hasContent = blocks?.length;
+  const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
+
+  const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
+
+  const handleToggle = (e: MouseEvent) => {
+    if (!hasContent) {
+      return;
+    }
+
+    setIsActive(!isActive);
+    const contentBlock = getContentBlock(e);
+    contentBlock.style.maxHeight = contentBlock.style.maxHeight
+      ? null
+      : `${contentBlock.scrollHeight}px`;
+  };
+
+  return { isActive, hasContent, icon, handleToggle };
+};

package/mobile/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/mobile/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/mobile/src/icons/IconName.ts

@@ -1,8 +1,9 @@
 
 // Generated. Do not touch
+/* eslint-disable max-lines */
 
 export enum IconMap {
-  ActualBalanceIcon = "ActualBalanceIcon", AppleIcon = "AppleIcon", ArrowsRewindRight = "ArrowsRewindRight", 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 +11,7 @@ export enum IconMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   "Деньги", "Лого «Apple»", "ArrowsRewindRight", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 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" | "ArrowsRewindRight" | "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/mobile/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/mobile/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/mobile/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/package.json

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

package/src/components/Accordion/Accordion.example.json

@@ -5,12 +5,12 @@
       "label": "Аккордеон 1",
       "blocks": [
         {
-          "accordionBlockType": "TextBlock",
+          "blockListType": "TextBlock",
           "title": "Текстовый блок",
           "description": "Описание текстового блока"
         },
         {
-          "accordionBlockType": "TextBlock",
+          "blockListType": "TextBlock",
           "title": "Текстовый блок №2",
           "description": "Описание текстового блока №2"
         }
@@ -20,12 +20,12 @@
       "label": "Аккордеон 2",
       "blocks": [
         {
-          "accordionBlockType": "TextBlock",
+          "blockListType": "TextBlock",
           "title": "Текстовый блок",
           "description": "Описание текстового блока"
         },
         {
-          "accordionBlockType": "TextBlock",
+          "blockListType": "TextBlock",
           "title": "Текстовый блок №2",
           "description": "Описание текстового блока №2"
         }
@@ -35,12 +35,12 @@
       "label": "Аккордеон 3",
       "blocks": [
         {
-          "accordionBlockType": "TextBlock",
+          "blockListType": "TextBlock",
           "title": "Текстовый блок",
           "description": "Описание текстового блока"
         },
         {
-          "accordionBlockType": "TextBlock",
+          "blockListType": "TextBlock",
           "title": "Текстовый блок №2",
           "description": "Описание текстового блока №2"
         }

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

@@ -6,29 +6,29 @@ import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture';
 import type { AccordionProps } from './Accordion';
 import { Accordion } from './Accordion';
 import type {
-  HeadlineAccordionBlockDef,
-  LinkDocsAccordionBlockDef,
-  PictureTextAccordionBlockDef,
-  TextBlockAccordionBlockDef,
-} from './AccordionContent';
+  HeadlineBlockListDef,
+  LinkDocsBlockListDef,
+  PictureTextBlockListDef,
+  TextBlockBlockListDef,
+} from '../../ui-kit/BlocksList/BlocksListProps';
 
-const TEXT_BLOCK_ACCORDION_BLOCK: TextBlockAccordionBlockDef = {
-  accordionBlockType: 'TextBlock',
+const TEXT_BLOCK_ACCORDION_BLOCK: TextBlockBlockListDef = {
+  blockListType: 'TextBlock',
   ...TEXT_BLOCK,
 };
 
-const HEADLINE_ACCORDION_BLOCK: HeadlineAccordionBlockDef = {
-  accordionBlockType: 'Headline',
+const HEADLINE_ACCORDION_BLOCK: HeadlineBlockListDef = {
+  blockListType: 'Headline',
   ...HEADLINE,
 };
 
-const PICTURE_TEXT_ACCORDION_BLOCK: PictureTextAccordionBlockDef = {
-  accordionBlockType: 'PictureText',
+const PICTURE_TEXT_ACCORDION_BLOCK: PictureTextBlockListDef = {
+  blockListType: 'PictureText',
   ...PICTURE_TEXT,
 };
 
-const LINK_DOCS_ACCORDION_BLOCK: LinkDocsAccordionBlockDef = {
-  accordionBlockType: 'LinkDocs',
+const LINK_DOCS_ACCORDION_BLOCK: LinkDocsBlockListDef = {
+  blockListType: 'LinkDocs',
   ...linkDocsContentExample,
   title: '',
 };

package/src/components/Accordion/Accordion.fixture.tsx

@@ -4,77 +4,60 @@ import { HEADLINE } from '../Headline/Headline.fixture';
 import { linkDocsContentExample } from '../LinkDocs/linkDocsContentExample';
 import { defaultProps as MINI_GALLERY } from '../MiniGallery/MiniGallery.fixture';
 import { PICTURE_TEXT } from '../PictureText/PictureText.fixture';
-import { PRODUCT_BLOCK } from '../ProductBlock/ProductBlock.fixture';
-import { PRODUCT_TILE, PRODUCT_PENSION_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
 import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture';
-import { TILE, TILE_PREMIUM } from '../Tile/Tile.fixture';
+import { TILE } from '../Tile/Tile.fixture';
 import type { AccordionProps } from './Accordion';
 import { Accordion } from './Accordion';
 import type {
-  GalleryAccordionBlockDef,
-  HeadlineAccordionBlockDef,
-  LinkDocsAccordionBlockDef,
-  MiniGalleryAccordionBlockDef,
-  PictureTextAccordionBlockDef,
-  ProductBlockAccordionBlockDef,
-  ProductTileAccordionBlockDef,
-  TextBlockAccordionBlockDef,
-  TileAccordionBlockDef,
-} from './AccordionContent';
-
-const TEXT_BLOCK_ACCORDION_BLOCK: TextBlockAccordionBlockDef = {
-  accordionBlockType: 'TextBlock',
+  GalleryBlockListDef,
+  HeadlineBlockListDef,
+  LinkDocsBlockListDef,
+  MiniGalleryBlockListDef,
+  PictureTextBlockListDef,
+  ProductTileBlockListDef,
+  TextBlockBlockListDef,
+  TileBlockListDef,
+} from '../../ui-kit/BlocksList/BlocksListProps';
+
+const TEXT_BLOCK_ACCORDION_BLOCK: TextBlockBlockListDef = {
+  blockListType: 'TextBlock',
   ...TEXT_BLOCK,
 };
 
-const HEADLINE_ACCORDION_BLOCK: HeadlineAccordionBlockDef = {
-  accordionBlockType: 'Headline',
+const HEADLINE_ACCORDION_BLOCK: HeadlineBlockListDef = {
+  blockListType: 'Headline',
   ...HEADLINE,
 };
 
-const PICTURE_TEXT_ACCORDION_BLOCK: PictureTextAccordionBlockDef = {
-  accordionBlockType: 'PictureText',
+const PICTURE_TEXT_ACCORDION_BLOCK: PictureTextBlockListDef = {
+  blockListType: 'PictureText',
   ...PICTURE_TEXT,
 };
 
-const PRODUCT_BLOCK_ACCORDION_BLOCK: ProductBlockAccordionBlockDef = {
-  accordionBlockType: 'ProductBlock',
-  ...PRODUCT_BLOCK,
-};
-
-const LINK_DOCS_ACCORDION_BLOCK: LinkDocsAccordionBlockDef = {
-  accordionBlockType: 'LinkDocs',
+const LINK_DOCS_ACCORDION_BLOCK: LinkDocsBlockListDef = {
+  blockListType: 'LinkDocs',
   ...linkDocsContentExample,
   title: '',
 };
 
-const TILES_ACCORDION_BLOCK: TileAccordionBlockDef = {
-  accordionBlockType: 'Tile',
+const TILES_ACCORDION_BLOCK: TileBlockListDef = {
+  blockListType: 'Tile',
   ...TILE,
 };
 
-const TILES_PREMIUM_ACCORDION_BLOCK: TileAccordionBlockDef = {
-  accordionBlockType: 'Tile',
-  ...TILE_PREMIUM,
-};
-
-const PRODUCT_TILES_ACCORDION_BLOCK: ProductTileAccordionBlockDef = {
-  accordionBlockType: 'ProductTile',
+const PRODUCT_TILES_ACCORDION_BLOCK: ProductTileBlockListDef = {
+  blockListType: 'ProductTile',
   ...PRODUCT_TILE,
 };
 
-const PRODUCT_PENSION_TILES__ACCORDION_BLOCK: ProductTileAccordionBlockDef = {
-  accordionBlockType: 'ProductTile',
-  ...PRODUCT_PENSION_TILE,
-};
-
-const GALLERY_ACCORDION_BLOCK: GalleryAccordionBlockDef = {
-  accordionBlockType: 'Gallery',
+const GALLERY_ACCORDION_BLOCK: GalleryBlockListDef = {
+  blockListType: 'Gallery',
   ...GALLERY,
 };
 
-const MINI_GALLERY_ACCORDION_BLOCK: MiniGalleryAccordionBlockDef = {
-  accordionBlockType: 'MiniGallery',
+const MINI_GALLERY_ACCORDION_BLOCK: MiniGalleryBlockListDef = {
+  blockListType: 'MiniGallery',
   ...MINI_GALLERY,
 };
 
@@ -116,58 +99,10 @@ const propsBlock: AccordionProps = {
   ],
 };
 
-const propsTwoColumns: AccordionProps = {
-  context,
-  accordionItems: [
-    {
-      label: 'Другие продукты Россельхозбанка 1',
-      blocks: [
-        TILES_PREMIUM_ACCORDION_BLOCK,
-        TILES_PREMIUM_ACCORDION_BLOCK,
-        TILES_ACCORDION_BLOCK,
-        TILES_ACCORDION_BLOCK,
-      ],
-      columns: 2,
-    },
-    {
-      label: 'Другие продукты Россельхозбанка 2',
-      blocks: [
-        PRODUCT_TILES_ACCORDION_BLOCK,
-        PRODUCT_TILES_ACCORDION_BLOCK,
-        PRODUCT_PENSION_TILES__ACCORDION_BLOCK,
-        PRODUCT_PENSION_TILES__ACCORDION_BLOCK,
-      ],
-      columns: 2,
-    },
-    {
-      label: 'Другие продукты Россельхозбанка 3',
-      blocks: [PRODUCT_BLOCK_ACCORDION_BLOCK, PRODUCT_BLOCK_ACCORDION_BLOCK],
-      columns: 2,
-    },
-
-    {
-      label: 'Другие продукты Россельхозбанка 4',
-      blocks: [
-        TEXT_BLOCK_ACCORDION_BLOCK,
-        TEXT_BLOCK_ACCORDION_BLOCK,
-        TEXT_BLOCK_ACCORDION_BLOCK,
-        TEXT_BLOCK_ACCORDION_BLOCK,
-      ],
-      columns: 2,
-    },
-  ],
-};
-
 export default {
   default: (
     <div className="container grid grid-cols-12">
       <Accordion className="col-span-12" {...propsBlock} />
     </div>
   ),
-
-  'two columns': (
-    <div className="container grid grid-cols-12">
-      <Accordion className="col-span-12" {...propsTwoColumns} />
-    </div>
-  ),
 };