@redneckz/wildless-cms-uni-blocks 0.2.85 → 0.2.86

package/lib/ui-kit/Icon/IconProps.d.ts

@@ -1,28 +1,59 @@
+/**
+ * Icons sorted by name
+ */
 export declare enum IconMap {
     'ActualBalanceIcon' = 0,
     'AppleIcon' = 1,
     'CalendarIcon' = 2,
     'ClockIcon' = 3,
     'ComfortableCompIcon' = 4,
-    'DollarIcon' = 5,
-    'EmptyWalletIcon' = 6,
-    'EuroIcon' = 7,
-    'GridIcon' = 8,
-    'LoupeIcon' = 9,
-    'NewDocIcon' = 10,
-    'OkIcon' = 11,
-    'PassSendIcon' = 12,
-    'PercentageSquareIcon' = 13,
-    'PlayMarketIcon' = 14,
-    'ProfileIcon' = 15,
-    'SignDocsIcon' = 16,
-    'TelegramIcon' = 17,
-    'VKIcon' = 18,
-    'GlassIcon' = 19,
-    'DocIcon' = 20,
-    'PlusIcon' = 21,
-    'MinusIcon' = 22
+    'DocIcon' = 5,
+    'DollarIcon' = 6,
+    'EmptyWalletIcon' = 7,
+    'EuroIcon' = 8,
+    'GlassIcon' = 9,
+    'GridIcon' = 10,
+    'LoupeIcon' = 11,
+    'MinusIcon' = 12,
+    'NewDocIcon' = 13,
+    'OkIcon' = 14,
+    'PassSendIcon' = 15,
+    'PercentageSquareIcon' = 16,
+    'PlayMarketIcon' = 17,
+    'PlusIcon' = 18,
+    'ProfileIcon' = 19,
+    'SignDocsIcon' = 20,
+    'TelegramIcon' = 21,
+    'VKIcon' = 22
 }
+/**
+ * @title Иконка
+ * @enumNames [
+ *    "Деньги",
+ *    "Лого «Apple»",
+ *    "Календарь",
+ *    "Часы",
+ *    "Кресло",
+ *    "Документ",
+ *    "Доллар",
+ *    "Кошелек",
+ *    "Евро",
+ *    "Зеркало",
+ *    "Сетка",
+ *    "Лупа",
+ *    "Минус",
+ *    "Новый документ",
+ *    "Лого «Одноклассники»",
+ *    "Бизнес",
+ *    "Проценты",
+ *    "Лого «PlayMarket»",
+ *    "Плюс",
+ *    "Профиль",
+ *    "Подписанные документы",
+ *    "Лого «Telegram»",
+ *    "Лого «VK»"
+ *  ]
+ */
 export declare type IconName = keyof typeof IconMap;
 export interface IconProps {
     className?: string;

package/lib/ui-kit/Icon/IconProps.js

@@ -1,3 +1,6 @@
+/**
+ * Icons sorted by name
+ */
 export var IconMap;
 (function (IconMap) {
     IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
@@ -5,23 +8,23 @@ export var IconMap;
     IconMap[IconMap["CalendarIcon"] = 2] = "CalendarIcon";
     IconMap[IconMap["ClockIcon"] = 3] = "ClockIcon";
     IconMap[IconMap["ComfortableCompIcon"] = 4] = "ComfortableCompIcon";
-    IconMap[IconMap["DollarIcon"] = 5] = "DollarIcon";
-    IconMap[IconMap["EmptyWalletIcon"] = 6] = "EmptyWalletIcon";
-    IconMap[IconMap["EuroIcon"] = 7] = "EuroIcon";
-    IconMap[IconMap["GridIcon"] = 8] = "GridIcon";
-    IconMap[IconMap["LoupeIcon"] = 9] = "LoupeIcon";
-    IconMap[IconMap["NewDocIcon"] = 10] = "NewDocIcon";
-    IconMap[IconMap["OkIcon"] = 11] = "OkIcon";
-    IconMap[IconMap["PassSendIcon"] = 12] = "PassSendIcon";
-    IconMap[IconMap["PercentageSquareIcon"] = 13] = "PercentageSquareIcon";
-    IconMap[IconMap["PlayMarketIcon"] = 14] = "PlayMarketIcon";
-    IconMap[IconMap["ProfileIcon"] = 15] = "ProfileIcon";
-    IconMap[IconMap["SignDocsIcon"] = 16] = "SignDocsIcon";
-    IconMap[IconMap["TelegramIcon"] = 17] = "TelegramIcon";
-    IconMap[IconMap["VKIcon"] = 18] = "VKIcon";
-    IconMap[IconMap["GlassIcon"] = 19] = "GlassIcon";
-    IconMap[IconMap["DocIcon"] = 20] = "DocIcon";
-    IconMap[IconMap["PlusIcon"] = 21] = "PlusIcon";
-    IconMap[IconMap["MinusIcon"] = 22] = "MinusIcon";
+    IconMap[IconMap["DocIcon"] = 5] = "DocIcon";
+    IconMap[IconMap["DollarIcon"] = 6] = "DollarIcon";
+    IconMap[IconMap["EmptyWalletIcon"] = 7] = "EmptyWalletIcon";
+    IconMap[IconMap["EuroIcon"] = 8] = "EuroIcon";
+    IconMap[IconMap["GlassIcon"] = 9] = "GlassIcon";
+    IconMap[IconMap["GridIcon"] = 10] = "GridIcon";
+    IconMap[IconMap["LoupeIcon"] = 11] = "LoupeIcon";
+    IconMap[IconMap["MinusIcon"] = 12] = "MinusIcon";
+    IconMap[IconMap["NewDocIcon"] = 13] = "NewDocIcon";
+    IconMap[IconMap["OkIcon"] = 14] = "OkIcon";
+    IconMap[IconMap["PassSendIcon"] = 15] = "PassSendIcon";
+    IconMap[IconMap["PercentageSquareIcon"] = 16] = "PercentageSquareIcon";
+    IconMap[IconMap["PlayMarketIcon"] = 17] = "PlayMarketIcon";
+    IconMap[IconMap["PlusIcon"] = 18] = "PlusIcon";
+    IconMap[IconMap["ProfileIcon"] = 19] = "ProfileIcon";
+    IconMap[IconMap["SignDocsIcon"] = 20] = "SignDocsIcon";
+    IconMap[IconMap["TelegramIcon"] = 21] = "TelegramIcon";
+    IconMap[IconMap["VKIcon"] = 22] = "VKIcon";
 })(IconMap || (IconMap = {}));
 //# sourceMappingURL=IconProps.js.map

package/lib/ui-kit/Icon/IconProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAwBX;AAxBD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,iDAAY,CAAA;IACZ,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,6CAAU,CAAA;IACV,+CAAW,CAAA;IACX,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,8CAAU,CAAA;IACV,gDAAW,CAAA;AACb,CAAC,EAxBW,OAAO,KAAP,OAAO,QAwBlB"}
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OAwBX;AAxBD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,2CAAS,CAAA;IACT,iDAAY,CAAA;IACZ,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,+CAAW,CAAA;IACX,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,0CAAQ,CAAA;AACV,CAAC,EAxBW,OAAO,KAAP,OAAO,QAwBlB"}

package/lib/ui-kit/TopItem/TopItem.d.ts

@@ -1,5 +1,5 @@
-import type { LinkContent } from '../../model/LinkContent';
-export interface TopItemContent extends LinkContent {
+import type { LinkProps } from '../../model/LinkProps';
+export interface TopItemContent extends LinkProps {
     active?: boolean;
 }
 export interface TopItemProps extends TopItemContent {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.85",
+  "version": "0.2.86",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -19,26 +19,6 @@
       "require": "./dist/*.js",
       "types": "./lib/*.d.ts"
     },
-    "./lib/Header": {
-      "import": "./lib/Header/index.js",
-      "require": "./dist/Header/index.js",
-      "types": "./lib/Header/index.d.ts"
-    },
-    "./lib/Header/*.js": {
-      "import": "./lib/Header/*.js",
-      "require": "./dist/Header/*.js",
-      "types": "./lib/Header/*.d.ts"
-    },
-    "./lib/Footer": {
-      "import": "./lib/Footer/index.js",
-      "require": "./dist/Footer/index.js",
-      "types": "./lib/Footer/index.d.ts"
-    },
-    "./lib/Footer/*.js": {
-      "import": "./lib/Footer/*.js",
-      "require": "./dist/Footer/*.js",
-      "types": "./lib/Footer/*.d.ts"
-    },
     "./lib/common.css": "./lib/common.css",
     "./fonts/ubuntu/*": "./fonts/ubuntu/*",
     "./lib/content-page-repository": {
@@ -85,7 +65,7 @@
     "postbuild:lib": "replace-in-file --configFile=replace-config.lib.cjs --verbose",
     "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
     "bundle": "rimraf ./bundle && rollup -c && npm run build:schema",
-    "build:schema": "ts-json-schema-generator --path ./src/**/*Content.ts --no-type-check -o ./bundle/blocks.schema.json",
+    "build:schema": "ts-json-schema-generator --path './src/**/*Content.ts' --additional-properties --validation-keywords enumNames --validation-keywords required --minify --no-type-check -o ./bundle/blocks.schema.json",
     "build:style": "postcss ./src/**/*.css --env production --dir ./lib",
     "build:icons": "svgo -f ./src/icons -o ./cosmos-static/icons",
     "size": "size-limit",

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

@@ -0,0 +1,74 @@
+{
+  "title": "Accordion title",
+  "accordionItems": [
+    {
+      "label": "Accordion label 1",
+      "blocks": [
+        {
+          "type": "TextBlock",
+          "data": {
+            "title": "Title",
+            "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+            "blockVersion": "secondary-light",
+            "iconVersion": "small"
+          }
+        },
+        {
+          "type": "TextBlock",
+          "data": {
+            "title": "Title",
+            "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+            "blockVersion": "secondary-light",
+            "iconVersion": "small"
+          }
+        }
+      ]
+    },
+    {
+      "label": "Accordion label 2",
+      "blocks": [
+        {
+          "type": "TextBlock",
+          "data": {
+            "title": "Title",
+            "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+            "blockVersion": "secondary-light",
+            "iconVersion": "small"
+          }
+        },
+        {
+          "type": "TextBlock",
+          "data": {
+            "title": "Title",
+            "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+            "blockVersion": "secondary-light",
+            "iconVersion": "small"
+          }
+        }
+      ]
+    },
+    {
+      "label": "Accordion label 3",
+      "blocks": [
+        {
+          "type": "TextBlock",
+          "data": {
+            "title": "Title",
+            "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+            "blockVersion": "secondary-light",
+            "iconVersion": "small"
+          }
+        },
+        {
+          "type": "TextBlock",
+          "data": {
+            "title": "Title",
+            "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+            "blockVersion": "secondary-light",
+            "iconVersion": "small"
+          }
+        }
+      ]
+    }
+  ]
+}

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

@@ -1,14 +1,11 @@
 import { context } from '../../setup-fixture';
-import type { AccordionProps } from './Accordion';
 import type { TextBlockContent } from '../TextBlock/TextBlockContent';
+import type { AccordionProps } from './Accordion';
 import { Accordion } from './Accordion';
 
 const TEXT_BLOCK: TextBlockContent = {
-  title: 'Title',
   description:
     'Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?',
-  blockVersion: 'secondary-light',
-  iconVersion: 'small',
 };
 
 const propsTextBlock: AccordionProps = {
@@ -22,10 +19,6 @@ const propsTextBlock: AccordionProps = {
           type: 'TextBlock',
           data: TEXT_BLOCK,
         },
-        {
-          type: 'TextBlock',
-          data: TEXT_BLOCK,
-        },
       ],
     },
     {
@@ -35,10 +28,6 @@ const propsTextBlock: AccordionProps = {
           type: 'TextBlock',
           data: TEXT_BLOCK,
         },
-        {
-          type: 'TextBlock',
-          data: TEXT_BLOCK,
-        },
       ],
     },
     {
@@ -48,10 +37,6 @@ const propsTextBlock: AccordionProps = {
           type: 'TextBlock',
           data: TEXT_BLOCK,
         },
-        {
-          type: 'TextBlock',
-          data: TEXT_BLOCK,
-        },
       ],
     },
   ],

package/src/components/Accordion/Accordion.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
+import { Title } from '../../ui-kit/Title/Title';
 import type { AccordionContent } from './AccordionContent';
 import { AccordionItem } from './AccordionItem';
-import { Title } from '../../ui-kit/Title/Title';
 
 export interface AccordionProps extends AccordionContent, UniBlockProps {}
 

package/src/components/Accordion/AccordionContent.ts

@@ -1,18 +1,38 @@
 import type { TextBlockContent } from '../TextBlock/TextBlockContent';
 
-export interface AccordionContent {
-  title?: string;
-  accordionItems?: AccordionItemContent[];
+/** @title Содержимое блока */
+export type AccordionDataContent = TextBlockContent;
+
+/**
+ * @title Тип блока
+ * @enumNames ["Текстовый блок"]
+ */
+export type AccordionDataBlocks = 'TextBlock';
+
+/**
+ * Блок
+ */
+export interface AccordionBlock {
+  type?: AccordionDataBlocks;
+  data?: AccordionDataContent;
 }
 
-export interface AccordionItemContent {
+/**
+ * @title Элемент списка
+ */
+export interface AccordionItemCommonProps {
+  /** @title Название */
   label?: string;
-  blocks?: AccordionBlockContent[];
+  /** @title Блоки */
+  blocks?: AccordionBlock[];
 }
 
-export type AccordionBlockContent = {
-  type?: string;
-  data?: AccordionDataContent;
-};
-
-export type AccordionDataContent = TextBlockContent;
+/**
+ * @title Аккордеон
+ */
+export interface AccordionContent {
+  /** @title Заголовок */
+  title?: string;
+  /** @title Список */
+  accordionItems?: AccordionItemCommonProps[];
+}

package/src/components/Accordion/AccordionItem.tsx

@@ -1,10 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import type { AccordionItemContent, AccordionBlockContent } from './AccordionContent';
 import { Icon } from '../../ui-kit/Icon/Icon';
+import type { JSXBlock } from '../ContentPage/ContentPage';
+import { ContentPageContext } from '../ContentPage/ContentPageContext';
 import AccordionBlocks from './AccordionBlocks';
+import type { AccordionBlock, AccordionItemCommonProps } from './AccordionContent';
 
-export interface AccordionItemProps extends AccordionItemContent, UniBlockProps {}
+export interface AccordionItemProps extends AccordionItemCommonProps, UniBlockProps {}
 
 export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, context }) => {
   const [isActive, setIsActive] = context.useState(false);
@@ -42,24 +44,22 @@ export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, context }
             isActive ? 'pb-5' : ''
           } text-sm transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0 `}
         >
-          {blocks?.length ? blocks.map(renderComponent) : null}
+          {blocks?.length ? blocks.map((block, i) => renderBlock(block, i, context)) : null}
         </div>
       ) : null}
     </li>
   );
 });
 
-// TODO: draft, for dynamic rendering of components
-
-const renderComponent = (block: AccordionBlockContent, i: number) => {
-  if (block.type && block.data && !AccordionBlocks.hasOwnProperty(block.type)) {
+const renderBlock = (block: AccordionBlock, i: number, context: ContentPageContext) => {
+  if (!block.type || !block.data || !AccordionBlocks.hasOwnProperty(block.type)) {
     return null;
   }
 
-  const AccordionBlock = block.type && AccordionBlocks[block.type];
+  const AccordionBlock: JSXBlock = AccordionBlocks[block.type];
   return (
-    <div className="mb-5 last:mb-0" key={`component${i}`}>
-      <AccordionBlock {...block.data} />
+    <div className="mb-5 last:mb-0" key={`block_${i}`}>
+      <AccordionBlock context={context} {...block.data} />
     </div>
   );
 };

package/src/components/BaseTile/BaseTile.tsx

@@ -1,17 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BaseTileContent } from './BaseTileContent';
+import { useLink } from '../../hooks/useLink';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
 import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
 import { Button } from '../../ui-kit/Button/Button';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img';
 import { Title } from '../../ui-kit/Title/Title';
-import { useLink } from '../../hooks/useLink';
 import { getColSpan } from '../../utils/getColSpan';
+import type { BaseTileCommonProps, BaseTileIconButton } from './BaseTileProps';
 
-export interface BaseTileProps extends BaseTileContent, UniBlockProps {}
+export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
 
 const TITLE_CLASSES = 'font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]';
 
@@ -82,7 +81,7 @@ function renderItems(items: string[] = [], version?: BlockVersion) {
   );
 }
 
-function renderButton({ icon, ...button }: ButtonWithIconProps, i: number) {
+function renderButton({ icon, ...button }: BaseTileIconButton, i: number) {
   if (!button?.text) return;
 
   if (icon)

package/src/components/BaseTile/BaseTileProps.ts

@@ -0,0 +1,33 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { Picture } from '../../model/Picture';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { TitleSize } from '../../ui-kit/Title/TitleProps';
+
+export interface BaseTileIconButton extends ButtonWithIconProps {
+  icon?: IconName;
+}
+
+/**
+ * @title Плитка
+ */
+export interface BaseTileCommonProps {
+  /** @title Заголовок */
+  title?: string;
+  /**
+   * @title Размер заголовка
+   * @default M
+   */
+  titleSize?: TitleSize;
+  /** @title Описание */
+  description?: string;
+  image?: Picture;
+  /** @title Список */
+  items?: string[];
+  /**
+   * @title Кнопки
+   * @maxItems 4
+   */
+  buttons?: BaseTileIconButton[];
+  version?: BlockVersion;
+}

package/src/components/BenefitsBlock/BenefitsBlock.example.json

@@ -0,0 +1,13 @@
+{
+  "title": "Преимущества",
+  "benefits": [
+    {
+      "label": "Преимущество №1",
+      "icon": "ClockIcon"
+    },
+    {
+      "label": "Преимущество №2",
+      "icon": "SignDocsIcon"
+    }
+  ]
+}

package/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Benefit, BenefitsBlockContent } from './BenefitsBlockContent';
 import type { UniBlockProps } from '../../types';
 import { Icon } from '../../ui-kit/Icon/Icon';
+import { Title } from '../../ui-kit/Title/Title';
+import type { Benefit, BenefitsBlockContent } from './BenefitsBlockContent';
 
 export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
 
@@ -12,7 +13,7 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(({ className, title, benefi
         className || ''
       }`}
     >
-      <h2 className="font-medium text-title m-0 max-w-[47rem] text-center">{title}</h2>
+      {title ? <Title className="font-medium m-0 max-w-[47rem] text-center">{title}</Title> : null}
       {benefits?.length ? (
         <div className="grid grid-cols-2 gap-5 mt-9">{benefits.map(renderStep)}</div>
       ) : null}

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,12 +1,25 @@
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 
+/**
+ * @title Преимущество
+ */
 export interface Benefit {
-  label: string;
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
   description?: string;
   icon?: IconName;
 }
 
+/**
+ * @title Блок преимущества
+ */
 export interface BenefitsBlockContent {
+  /** @title Заголовок */
   title?: string;
+  /**
+   * @title Список преимущества
+   * @maxItems 6
+   */
   benefits?: Benefit[];
 }

package/src/components/BlockContent.ts

@@ -1,4 +1,5 @@
 import type { BenefitsBlockContent } from './BenefitsBlock/BenefitsBlockContent';
+import type { ComparisonTableContent } from './ComparisonTable/ComparisonTableContent';
 import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTileContent';
 import type { FooterContent } from './Footer/FooterContent';
 import type { GalleryContent } from './Gallery/GalleryContent';
@@ -12,8 +13,10 @@ import type { PromoTileContent } from './PromoTile/PromoTileContent';
 import type { StepsBlockContent } from './StepsBlock/StepsBlockContent';
 import type { TextBlockContent } from './TextBlock/TextBlockContent';
 import type { TileContent } from './Tile/TileContent';
-import type { ComparisonTableContent } from './ComparisonTable/ComparisonTableContent';
 
+/**
+ * @hidden
+ */
 export type BlockContent =
   | HeaderContent
   | FooterContent

package/src/components/ComparisonTable/ComparisonTable.example.json

@@ -0,0 +1,84 @@
+{
+  "title": "Заголовок",
+  "rowHeaders": [
+    {
+      "title": "Параметр 1"
+    },
+    {
+      "title": "Параметр 2"
+    },
+    {
+      "title": "Параметр 3"
+    }
+  ],
+  "columns": [
+    {
+      "header": {
+        "title": "Продукт 1",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 100,
+            "height": 63
+          }
+        }
+      },
+      "data": [
+        [
+          {
+            "label": "Ячейка 1"
+          }
+        ],
+        [
+          {
+            "label": "Ячейка 2-1",
+            "description": "Описание для ячейки 2-1"
+          },
+          {
+            "label": "Ячейка 2-2",
+            "description": "Описание для ячейки 2-2"
+          }
+        ],
+        [
+          {
+            "label": "Ячейка 3"
+          }
+        ]
+      ]
+    },
+    {
+      "header": {
+        "title": "Продукт 2",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 100,
+            "height": 63
+          }
+        }
+      },
+      "data": [
+        [
+          {
+            "label": "Ячейка 1"
+          }
+        ],
+        [
+          {
+            "label": "Ячейка 2-1",
+            "description": "Описание для ячейки 2-1"
+          },
+          {
+            "label": "Ячейка 2-2",
+            "description": "Описание для ячейки 2-2"
+          }
+        ],
+        [
+          {
+            "label": "Ячейка 3"
+          }
+        ]
+      ]
+    }
+  ]
+}