@redneckz/wildless-cms-uni-blocks 0.14.49 → 0.14.51

package/src/components/HorizontalLayout/HorizontalLayout.fixture.tsx

@@ -3,7 +3,7 @@ import '../../setup-fixture';
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
 import { type LinkDocsContent } from '../LinkDocs/LinkDocsContent';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { HorizontalLayout } from './HorizontalLayout';
 
 export const linkDocsExample: LinkDocsContent = {
@@ -27,8 +27,8 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
           ],
         }}
         options={options}
@@ -43,8 +43,8 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
           ],
         }}
         options={options}
@@ -58,7 +58,7 @@ export default {
         className="col-span-12"
         block={{
           type: 'HorizontalLayout',
-          blocks: [{ type: 'ProductTile', content: PRODUCT_TILE }],
+          blocks: [{ type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE }],
         }}
         options={options}
       />
@@ -71,9 +71,9 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-4'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-4'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-4'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-4'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-4'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-4'] },
           ],
         }}
         options={options}
@@ -90,12 +90,12 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
           ],
         }}
         options={options}

package/src/components/LinkDocs/LinkDocs.tsx

@@ -61,6 +61,9 @@ export const LinkDocs = JSX<LinkDocsProps>(
 
 const renderLinkDocItem =
   (router: Router, icon: Picture) => (docBlockDef: DocBlockDef, i: number) => {
+    if (docBlockDef?.docType === '') {
+      return null;
+    }
     const href =
       docBlockDef?.docType === 'Attachment'
         ? adjustHref(router)(docBlockDef?.attachment?.src)

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -1,5 +1,4 @@
 import { type Attachment } from '../../model/Attachment';
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type AlignProps, type HeadlineCommonProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkProps, type Target } from '../../model/LinkProps';
@@ -32,25 +31,31 @@ export interface AttachmentDoc {
 
 /**
  * @title Ссылка на документ
- * @default {"docType": "Link"}
  */
 export type LinkDocDef = LinkDoc & {
+  /** @default "Link" */
   docType: 'Link';
 };
 
 /**
  * @title Файл
- * @default {"docType": "Attachment"}
  */
 export type AttachmentDocDef = AttachmentDoc & {
+  /** @default "Attachment" */
   docType: 'Attachment';
 };
 
+/** @title Не выбрано * */
+export type EmptyDocType = {
+  /** @default "" */
+  docType: '';
+};
+
 /**
  * @title Документ
- * @default null
+ * @default {"docType": ""}
  */
-export type DocBlockDef = EmptyOption | LinkDocDef | AttachmentDocDef;
+export type DocBlockDef = EmptyDocType | LinkDocDef | AttachmentDocDef;
 
 /**
  * @title Список документов

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

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { MortgageFiltration } from './MortgageFiltration';
 import {
   type MortgageFiltrationContent,
@@ -46,7 +46,7 @@ const CATEGORY_SALARY = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -155,42 +155,42 @@ export default {
           type: 'MortgageFiltration',
           blocks: [
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_IN_PROGRESS,
               EXTRA_MORTGAGE,
               CATEGORY_IT,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_BUILT,
               EXTRA_CHILDREN,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_FLAT,
               STAGE_IN_PROGRESS,
               EXTRA_MORTGAGE,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_FLAT,
               STAGE_BUILT,
               EXTRA_MORTGAGE,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_BUILT,
               EXTRA_CHILDREN,
               CATEGORY_IT,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_HOUSE,
               STAGE_BUILT,
               EXTRA_MORTGAGE,

package/src/components/MortgageFiltration/MortgageFiltration.fixture.tsx

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { MortgageFiltration } from './MortgageFiltration';
 import {
   type MortgageFiltrationContent,
@@ -46,7 +46,7 @@ const CATEGORY_SALARY = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -155,42 +155,42 @@ export default {
           type: 'MortgageFiltration',
           blocks: [
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_IN_PROGRESS,
               EXTRA_MORTGAGE,
               CATEGORY_IT,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_BUILT,
               EXTRA_CHILDREN,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_FLAT,
               STAGE_IN_PROGRESS,
               EXTRA_MORTGAGE,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_FLAT,
               STAGE_BUILT,
               EXTRA_MORTGAGE,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_BUILT,
               EXTRA_CHILDREN,
               CATEGORY_IT,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_HOUSE,
               STAGE_BUILT,
               EXTRA_MORTGAGE,

package/src/components/OfficesAtmsMap/OfficesAtmsMapContent.ts

@@ -1,4 +1,3 @@
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
 
@@ -31,11 +30,17 @@ export type AtmsDef = {
   list?: ItemList[];
 };
 
+/** @title Не выбрано * */
+export type EmptyOfficesAtmsBlock = {
+  /** @default "" */
+  dataType: '';
+};
+
 /**
  * @title Данные
- * @default null
+ * @default { "dataType": "" }
  */
-export type OfficesAtmsBlockDef = EmptyOption | OfficesDef | AtmsDef;
+export type OfficesAtmsBlockDef = EmptyOfficesAtmsBlock | OfficesDef | AtmsDef;
 
 /**
  * @title Блок офисов и банкоматов

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

@@ -3,6 +3,7 @@ import '../../setup-fixture';
 import { type ComplexBenefitContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
 import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { ProductBlock } from './ProductBlock';
+import { type ProductBlockContent } from './ProductBlockContent';
 
 const title = 'Кредит до 5 000 000 Р\nбез залога и поручителей';
 const description =
@@ -50,6 +51,12 @@ const benefits: ComplexBenefitContent[] = [
   },
 ];
 
+const benefit: ComplexBenefitContent = {
+  type: 'default',
+  label: 'до 5 млн Р',
+  description: 'Кредитный лимит',
+};
+
 const buttons: ButtonContent[] = [
   {
     href: 'https://rshb.ru',
@@ -73,6 +80,40 @@ const items = [
 
 const props = { title, description, image, buttons };
 
+export const PRODUCT_BLOCK_WITH_IMAGE: ProductBlockContent = {
+  title: 'Акция! “Кредит На все, что хочется!”',
+  headlineVersion: 'S',
+  description: 'Потребительский кредит на любые цели, без залога и поручительства',
+  benefits: [
+    benefit,
+    { ...benefit, label: 'от 12,5%', description: 'Процентная ставка' },
+    {
+      ...benefit,
+      label: 'до 5 лет',
+      description: 'Срок кредитования',
+    },
+  ],
+  buttons: [
+    {
+      text: 'Подробнее',
+      href: '/credit-cards',
+      version: 'secondary',
+    },
+  ],
+  image: {
+    src: 'card-with-diamond.png',
+    alt: 'Кредиты в РСХБ',
+    format: 'webp',
+    size: {
+      height: 200,
+      width: 200,
+    },
+  },
+  isTabularBenefits: true,
+  isFullWidthTitle: true,
+  imageOptions: { isImageSecondary: true },
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12">

package/src/components/ProductBlock/ProductBlock.fixture.tsx

@@ -36,6 +36,12 @@ const benefits: ComplexBenefitContent[] = [
   },
 ];
 
+const benefit: ComplexBenefitContent = {
+  type: 'default',
+  label: 'до 5 млн Р',
+  description: 'Кредитный лимит',
+};
+
 const buttons: ButtonContent[] = [
   {
     href: 'https://rshb.ru',
@@ -66,6 +72,40 @@ const items = [
   'Расходы для бизнеса на УСН 15% позволят снизить налоговую базу',
 ];
 
+export const PRODUCT_BLOCK_WITH_IMAGE: ProductBlockContent = {
+  title: 'Акция! “Кредит На все, что хочется!”',
+  headlineVersion: 'S',
+  description: 'Потребительский кредит на любые цели, без залога и поручительства',
+  benefits: [
+    benefit,
+    { ...benefit, label: 'от 12,5%', description: 'Процентная ставка' },
+    {
+      ...benefit,
+      label: 'до 5 лет',
+      description: 'Срок кредитования',
+    },
+  ],
+  buttons: [
+    {
+      text: 'Подробнее',
+      href: '/credit-cards',
+      version: 'secondary',
+    },
+  ],
+  image: {
+    src: 'card-with-diamond.png',
+    alt: 'Кредиты в РСХБ',
+    format: 'webp',
+    size: {
+      height: 242,
+      width: 242,
+    },
+  },
+  isTabularBenefits: true,
+  isFullWidthTitle: true,
+  imageOptions: { isImageSecondary: true },
+};
+
 export const PRODUCT_BLOCK: ProductBlockContent = {
   title: 'Оплата проходит в 180 странах мира',
   headlineVersion: 'L',

package/src/components/ProductBlock/ProductBlock.tsx

@@ -1,44 +1,25 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useRouter } from '../../hooks/useRouter';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
-import { renderBackwardButton } from './renderBackwardButton';
 
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
 
 export const ProductBlock = JSX<ProductBlockProps>(
-  ({ className, padding, backwardButton, showBorder, ...rest }) => {
-    const router = useRouter();
-    const handleClick = useCallback((ev?: PreventableEvent) => {
-      ev?.preventDefault();
-      router.back();
-    }, []);
-
-    return (
-      <BlockWrapper
-        className={style(
-          'overflow-hidden flex flex-col gap-3xl box-border',
-          getBorderStyle(showBorder),
-          className,
-        )}
-        defaultPadding="p-6xl"
-        padding={padding}
-        {...rest}
-      >
-        {backwardButton
-          ? renderBackwardButton(
-              !rest.version || rest.version === 'primary' ? 'primary' : 'white',
-              handleClick,
-            )
-          : null}
-        <BaseProductTile className="grow h-full" {...rest} />
-      </BlockWrapper>
-    );
-  },
+  ({ className, padding, showBorder, ...rest }) => (
+    <BlockWrapper
+      className={style(
+        'overflow-hidden flex flex-col gap-3xl box-border',
+        getBorderStyle(showBorder),
+        className,
+      )}
+      padding="p-0"
+      {...rest}
+    >
+      <BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
+    </BlockWrapper>
+  ),
 );

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

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { SwipeListControlBlock } from './SwipeListControlBlock';
 
 const options = {
@@ -17,10 +17,10 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         showDots={true}
@@ -36,8 +36,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"
@@ -53,8 +53,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"

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

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { SwipeListControlBlock } from './SwipeListControlBlock';
 
 const options = {
@@ -17,8 +17,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         listType="vertical-list"
@@ -33,8 +33,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"
@@ -50,8 +50,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"
@@ -68,10 +68,10 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         listType="vertical-list"

package/src/components/TariffsTable/TariffsTableCell.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { type CellDef } from './TariffsTableContent';
-import { renderCellInner } from './TariffsTableRenderCell';
+import { RenderCellInner } from './TariffsTableRenderCell';
 
 export interface TariffTableContentProps {
   openTableInnerIdx?: number;
@@ -30,16 +30,19 @@ export const TariffsTableCell = JSX<TariffsTableCellProps>(
     return (
       <div className="w-80 flex-grow flex flex-col gap-m @4xl:gap-lg" role="cell">
         {cells?.length
-          ? cells.map(
-              renderCellInner({
-                rowIdx,
-                cellIdx,
-                setTableInner,
-                tableInner,
-                openTableInnerIdx,
-                setOpenTableInnerIdx,
-              }),
-            )
+          ? cells.map((_, i) => (
+              <RenderCellInner
+                key={String(i)}
+                cell={_}
+                fieldIdx={i}
+                rowIdx={rowIdx}
+                cellIdx={cellIdx}
+                setTableInner={setTableInner}
+                tableInner={tableInner}
+                openTableInnerIdx={openTableInnerIdx}
+                setOpenTableInnerIdx={setOpenTableInnerIdx}
+              />
+            ))
           : null}
       </div>
     );

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,4 +1,3 @@
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent, type UniBlockProps } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
@@ -89,12 +88,18 @@ export type InnerTableBlockDef = TariffsTableInnerContent & {
   tableCellType: 'Table';
 };
 
+/** @title Не выбрано * */
+export type EmptyCellType = {
+  /** @default "" */
+  tableCellType: '';
+};
+
 /**
  * @title Содержимое ячейки
- * @default null
+ * @default { "tableCellType": "" }
  */
 export type CellDef =
-  | EmptyOption
+  | EmptyCellType
   | ImageCellDef
   | ButtonsCellDef
   | LabelDescriptionCellDef