@redneckz/wildless-cms-uni-blocks 0.5.14 → 0.5.15

package/mobile/src/components/OfficeMap/mockOfficeMap.ts

@@ -0,0 +1,79 @@
+export const OFFICE_MAP = {
+  id: 123,
+  branchType: {
+    id: 7,
+    code: '21',
+    name: 'Отделение на балансе филиала',
+  },
+  shortName: 'Ейский ДО',
+  name: 'ДО   №3349/3/05',
+  address: '353682, Краснодарский край, г.Ейск, ул.Гоголя, 349/ ул.Баррикадная, 42/1',
+  lawAddress: '353682, Краснодарский край, г.Ейск, ул.Гоголя, 349/ ул.Баррикадная, 42/1',
+  openDate: '2000-12-05',
+  closeDate: null,
+  bik: '040349536',
+  corAcc: '30101810700000000536',
+  registrationNumber: '3349/3/05',
+  phone: '+7(XXX)XXX-XX-XX',
+  fax: '+7(XXX)XXX-XX-XY',
+  okpo: '55105921',
+  ogrn: '1027700342890',
+  kpp: '231002002',
+  inn: '7725114488',
+  branchCode: '0305',
+  upperBranchCode: '0300',
+  timeZone: '+03:00',
+  exchangeRate: {
+    currencies: [
+      {
+        buyExchangeRate: 0.0,
+        saleExchangeRate: 0.0,
+        currency: {
+          id: 3,
+          code: '156',
+          currency: 'CNY',
+          name: 'Китайский юань',
+        },
+      },
+      {
+        buyExchangeRate: 59.15,
+        saleExchangeRate: 69.25,
+        currency: {
+          id: 2,
+          code: '978',
+          currency: 'EUR',
+          name: 'Евро',
+        },
+      },
+      {
+        buyExchangeRate: 58.4,
+        saleExchangeRate: 70.05,
+        currency: {
+          id: 1,
+          code: '840',
+          currency: 'USD',
+          name: 'Американский доллар',
+        },
+      },
+    ],
+    lastUpdate: '2022-11-11 03:56:17',
+  },
+  workSchedule: {
+    id: 413,
+    workTime: '09.00–16.30',
+    lunchHour: 'без перерыва',
+    workTimeSaturday: '09.00–15.00',
+    lunchHourSaturday: 'без перерыва',
+    workingMonday: false,
+    workingTuesday: false,
+    workingWednesday: true,
+    workingThursday: true,
+    workingFriday: true,
+    workingSaturday: true,
+    workingSunday: false,
+  },
+  gpsLatitude: 46.709744,
+  gpsLongitude: 38.260703,
+  range: null,
+  safeBoxCaseVolumes: null,
+};

package/mobile/src/components/OfficeMap/renderFunctions.tsx

@@ -0,0 +1,69 @@
+import { NearbyOffices, WorkScheduleWeek } from './OfficeMapContent';
+import { Icon } from '../../ui-kit/Icon/Icon';
+
+export const renderCurrentDaySchedule = ({ lunchHour, status, workTime }: WorkScheduleWeek) => {
+  const hasTime = /\d+/gi.test(lunchHour as string);
+  const lunchHourText = hasTime ? `Перерыв ${lunchHour}` : lunchHour;
+
+  return status ? (
+    <div className="flex">
+      <div className="p-3 border rounded-md text-m flex items-center cursor-pointer text-primary-main border-green-light mr-4">
+        {workTime ? workTime : null}
+      </div>
+      <div className="p-3 border rounded-md text-m flex items-center cursor-pointer text-golden border-golden">
+        {lunchHour ? lunchHourText : null}
+      </div>
+    </div>
+  ) : (
+    <div className="flex">
+      <div className="p-3 border rounded-md text-m flex items-center cursor-pointer text-error border-error">
+        Выходной
+      </div>
+    </div>
+  );
+};
+
+export const renderNearbyOffice = ({ icon, title, distance, time }: NearbyOffices, inx: number) => (
+  <div className="flex mr-4" key={`nearbyOffice${inx}`}>
+    <Icon name={icon} width="16" height="16" asSVG className="mr-1" />
+    {title ? <span className="text-m">{title}&nbsp;</span> : null}
+    <span className="text-m-light">
+      {distance ? ` (${distance})` : null}
+      {time ? `, ${time}` : null}
+    </span>
+  </div>
+);
+export const renderDay = (
+  { title, status, workTime, lunchHour, description }: WorkScheduleWeek,
+  inx: number,
+) => (
+  <div
+    className="flex flex-col pb-3 border-b border-solid border-main-divider mb-3 last:border-0"
+    key={`day${inx}`}
+  >
+    <div className="flex justify-between items-center w-full pb-1 text-l text-primary-text">
+      <div>{title}</div>
+      {status ? null : <div className="text-m-light text-error">Выходной</div>}
+      {status && workTime ? <div>{workTime}</div> : null}
+    </div>
+    {status && lunchHour ? renderLunchHour(lunchHour) : null}
+    {description ? (
+      <div className="pb-1 text-s-light text-secondary-text">{description}</div>
+    ) : null}
+  </div>
+);
+
+const renderLunchHour = (lunchHour: string) => {
+  const hasTime = /\d+/gi.test(lunchHour);
+
+  return hasTime ? (
+    <div className="flex justify-between items-center w-full pb-1 text-m-light text-error">
+      <div>Перерыв</div>
+      <div>{lunchHour}</div>
+    </div>
+  ) : (
+    <div className="flex justify-between items-center w-full pb-1 text-m-light text-primary-main">
+      <div>{lunchHour}</div>
+    </div>
+  );
+};

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
@@ -26,7 +26,7 @@ export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
   },
 );
 
-const renderListItems = (itemList: OfficeServicesBlockList, i) => (
+const renderListItems = (itemList: OfficeServicesBlockList, i: number) => (
   <li key={`list_item_${String(i)}`} className="flex mb-5 last:mb-0 list-none">
     {itemList.icon ? (
       <Img

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

@@ -1,21 +1,20 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { JSXBlock } from '../../model/BlocksRegistry';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { OtherProductsContent } from './OtherProductsContent';
 
 export interface OtherProductsProps extends OtherProductsContent, UniBlockProps {}
 
-export const OtherProducts = JSX<OtherProductsProps>(
+export const OtherProducts: JSXBlock<OtherProductsProps> = JSX<OtherProductsProps>(
   ({ context, className = '', children, ...rest }) => (
     <BlockWrapper
       context={context}
       className={`font-sans text-primary-text ${className}`}
       {...rest}
     >
-      {children ? <div className="box-border1">{children}</div> : null}
+      {children}
     </BlockWrapper>
   ),
-) as JSXBlock<OtherProductsProps>;
+);
 
 OtherProducts.childrenTypes = ['OtherProductsItem'];

package/mobile/src/components/OtherProducts/OtherProductsContent.ts

@@ -1,6 +1,9 @@
+import type { ColorPalette } from '../../model/ContentPageDef';
 import type { TitleProps } from '../../model/HeadlineType';
 
 /**
  * @title Другие продукты
  */
-export type OtherProductsContent = TitleProps;
+export interface OtherProductsContent extends TitleProps {
+  colorPalette?: ColorPalette;
+}

package/mobile/src/components/OtherProductsItem/OtherProductsItem.example.json

@@ -1,3 +1,4 @@
 {
-  "label": "Другие продукты N"
+  "label": "Другие продукты N",
+  "isUnfolded": true
 }

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

@@ -1,39 +1,47 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { JSXBlock } from '../../model/BlocksRegistry';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import { getParentBlockContent } from '../../model/getParentBlockContent';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { OtherProductsContent } from '../OtherProducts/OtherProductsContent';
 import type { OtherProductsItemContent } from './OtherProductsItemContent';
 
 export interface OtherProductsItemProps extends OtherProductsItemContent, UniBlockProps {}
 
 const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
 
-export const OtherProductsItem = JSX<OtherProductsItemProps>(
-  ({ className, label = '', colorPalette, isUnfolded: unfoldedByDefault, children }) => (
-    <div className={`border-0 border-b border-solid border-main-divider ${className}`}>
-      <Foldable
-        unfoldedByDefault={unfoldedByDefault}
-        renderFoldableSection={({ isUnfolded }) => (
-          <div className="box-border">
-            <FoldableSection className="grid grid-cols-12 gap-1 border-box" isUnfolded={isUnfolded}>
-              {children}
-            </FoldableSection>
-          </div>
-        )}
-        renderFoldButton={({ isUnfolded, onToggle }) => (
-          <DefaultFoldButton
-            label={label}
-            icon={icons[Number(isUnfolded)]}
-            dataTheme={colorPalette}
-            onClick={onToggle}
-          />
-        )}
-      />
-    </div>
-  ),
-) as JSXBlock<OtherProductsItemProps>;
+export const OtherProductsItem: JSXBlock<OtherProductsItemProps> = JSX<OtherProductsItemProps>(
+  ({ className, page, ancestors, label = '', isUnfolded: unfoldedByDefault, children }) => {
+    const { colorPalette } = getParentBlockContent(ancestors, {} as OtherProductsContent);
+
+    return (
+      <div className={`border-0 border-b border-solid border-main-divider ${className}`}>
+        <Foldable
+          unfoldedByDefault={unfoldedByDefault}
+          renderFoldableSection={({ isUnfolded }) => (
+            <div className="box-border">
+              <FoldableSection
+                className="grid grid-cols-12 gap-1 border-box"
+                isUnfolded={isUnfolded}
+              >
+                {children}
+              </FoldableSection>
+            </div>
+          )}
+          renderFoldButton={({ isUnfolded, onToggle }) => (
+            <DefaultFoldButton
+              label={label}
+              icon={icons[Number(isUnfolded)]}
+              dataTheme={page?.colorPalette || colorPalette}
+              onClick={onToggle}
+            />
+          )}
+        />
+      </div>
+    );
+  },
+);
 
 OtherProductsItem.childrenTypes = []; // All types of blocks are suitable

package/mobile/src/components/OtherProductsItem/OtherProductsItemContent.ts

@@ -1,5 +1,3 @@
-import type { ColorPalette } from '../../model/ContentPageDef';
-
 /**
  * @title Элемент списка
  */
@@ -12,6 +10,4 @@ export interface OtherProductsItemContent {
 
   /** @title Отображать в раскрытом виде */
   isUnfolded?: boolean;
-
-  colorPalette?: ColorPalette;
 }

package/mobile/src/components/PictureText/PictureText.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import { VersionStyleMap } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BenefitItem } from '../../ui-kit/BenefitItem/BenefitItem';
 import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';

package/mobile/src/components/PictureText/PictureText.ui.json

@@ -1 +1,10 @@
-{}
+{
+  "content": {
+    "sum": {
+      "ui:field": "number"
+    },
+    "monthLimit": {
+      "ui:field": "number"
+    }
+  }
+}

package/mobile/src/components/Placeholder/Placeholder.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { VersionStyleMap } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { ProductBlockContent } from './ProductBlockContent';
 import { ProductBlockInner } from './ProductBlockInner';
 

package/mobile/src/components/ProductBlock/ProductBlockContent.ts

@@ -28,7 +28,7 @@ export type ProductBlockInnerContent = HeadlineProps &
     /**
      * @title Список преимуществ
      * @minItems 2
-     * @maxItems 3
+     * @maxItems 4
      */
     benefits?: BenefitItemProps[];
     benefitsVersion?: IconVersion;

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
@@ -65,7 +66,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
   },
 );
 
-function renderImage(image) {
+function renderImage(image?: Picture) {
   return image?.src ? (
     <Img imageClassName="mt-5 mx-auto block" image={{ className: 'block', ...image }} />
   ) : null;

package/mobile/src/components/ProductGallery/ProductGallery.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
 import { ProductGalleryBlock } from './ProductGalleryBlock';
 import type { ProductGalleryContent } from './ProductGalleryContent';

package/mobile/src/components/ProductGallery/ProductGalleryBlock.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { VersionStyleMap } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { HeadlineProps } from '../../model/HeadlineType';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
 

package/mobile/src/components/ProductGallery/ProductGalleryContent.ts

@@ -1,8 +1,8 @@
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 
 /** @title Кнопка под слайдом */
-interface ProductGalleryNav {
+export interface ProductGalleryNav {
   title: string;
   /** @title Описание */
   description: string;

package/mobile/src/components/ProductTile/ProductTile.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import { VersionStyleMap } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
@@ -80,7 +80,7 @@ function renderBenefit(version: BlockVersion = 'primary') {
     secondary: 'text-white',
   };
 
-  return function renderVersionedBenefit(benefit: TextBenefit, i) {
+  return function renderVersionedBenefit(benefit: TextBenefit, i: number) {
     const { label = '', description = '' } = benefit;
 
     return [

package/mobile/src/components/PromoTile/PromoTile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { VersionStyleMap } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { BaseTile } from '../BaseTile/BaseTile';

package/mobile/src/components/Recommendation/Recommendation.tsx

@@ -1,9 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { RecommendationCard } from './RecommendationCard';
 import type { RecommendationCardTypes, RecommendationContent } from './RecommendationContent';
 
@@ -35,9 +37,7 @@ export const Recommendation = JSX<RecommendationProps>(
             role="list"
           >
             {recommendations?.length
-              ? recommendations.map(
-                  renderRecommendationCard({ context, version, className: cardClassName }),
-                )
+              ? recommendations.map(renderRecommendationCard(context, cardClassName, version))
               : null}
           </div>
           {renderNavButtons({
@@ -62,7 +62,7 @@ export const Recommendation = JSX<RecommendationProps>(
 );
 
 const renderRecommendationCard =
-  ({ context, version, className }) =>
+  (context: ContentPageContext, className: string, version?: BlockVersion) =>
   (card: RecommendationCardTypes, i: number) => {
     return (
       <RecommendationCard
@@ -82,7 +82,7 @@ const renderNavButtons = ({
 }: {
   cardsCount: number;
   activeCardIndex: number;
-  setActiveCardIndex: (number) => void;
+  setActiveCardIndex: (index: number) => void;
 }) => {
   const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
   const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);

package/mobile/src/components/Recommendation/RecommendationCard.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Description } from '../../ui-kit/Description/Description';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';

package/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useSafeBoxes } from '../../hooks/useSafeBoxes';
-import { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';

package/mobile/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -44,7 +44,7 @@ const calculatePrice = (days: number, tariffs: Tariff[]) => {
   return days * tariffValue;
 };
 
-const getTariffType = (days) => {
+const getTariffType = (days: number) => {
   let tariffType = 1;
 
   switch (true) {

package/mobile/src/components/StepsBlock/StepsBlock.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import { IconVersion } from '../../model/IconVersion';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { SizeVersion } from '../../model/SizeVersion';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable';
 import type { Step, StepsBlockContent } from './StepsBlockContent';
 import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps';
-import { IconVersion } from '../../model/IconVersion';
 
 export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {}
 

package/mobile/src/components/Tabs/Tabs.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { EventBus } from '../../EventBus/EventBus';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderTab } from './renderTab';
 import type { Tab, TabsContent } from './TabsContent';

package/mobile/src/components/Tabs/renderGroupTab.tsx

@@ -10,7 +10,7 @@ import {
 import type { GroupTab } from './TabsContent';
 
 const BADGE_CLASSES =
-  'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
+  'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
 const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
 const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover:text-primary-main';
 
@@ -19,9 +19,10 @@ export const renderGroupTab =
   (tab: GroupTab, i: number) => {
     const active = currentTab === tab;
 
-    const count = tab.ref
-      ? page?.blocks?.filter((block) => block?.labels?.includes(tab.ref as string)).length
-      : page?.blocks?.length;
+    const count =
+      tab.ref && page?.blocks
+        ? page.blocks.filter((block) => block?.labels?.includes(tab.ref as string)).length
+        : 0;
 
     return (
       <div

package/mobile/src/components/TariffsTable/TariffsTable.tsx

@@ -1,11 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { ListOrientation } from '../../model/ListOrientation';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import type {
   CellDef,
   TariffsTableColumn,
   TariffsTableContent,
   TariffsTableRowHeader,
+  TariffsTableTile,
 } from './TariffsTableContent';
 import { TariffsTableHorizontal } from './TariffsTableHorizontal';
 import { TariffsTableVertical } from './TariffsTableVertical';
@@ -40,7 +43,11 @@ export const TariffsTable = JSX<TariffsTableProps>(
   },
 );
 
-function renderOrientationTable(orientation, tiles, context) {
+function renderOrientationTable(
+  orientation: ListOrientation,
+  tiles: TariffsTableTile[],
+  context: ContentPageContext,
+) {
   return orientation === 'vertical' ? (
     <TariffsTableVertical context={context} tiles={tiles} />
   ) : (

package/mobile/src/components/TariffsTable/TariffsTableCell.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { EmbeddableCellData } from './EmbeddableCellData';
 import type { CellDef, TariffsTableCellIndexProps } from './TariffsTableContent';

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,5 +1,6 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { ListOrientation } from '../../model/ListOrientation';
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
@@ -7,6 +8,21 @@ import type { HeadingProps } from '../../ui-kit/Heading/HeadingProps';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import type { ListProps } from '../../ui-kit/List/ListProps';
 
+/**
+ * @hidden
+ */
+export interface TariffsTableTile {
+  header: TariffsTableRowHeader;
+  data: CellDef[];
+}
+
+/**
+ * @hidden
+ */
+export interface TariffsTableProps extends UniBlockProps {
+  tiles: TariffsTableTile[];
+}
+
 /**
  * @hidden
  */

package/mobile/src/components/TariffsTable/TariffsTableHorizontal.tsx

@@ -1,15 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { TariffsTableTileCell, TariffsTableTileCellProps } from './TariffsTableTileCell';
-export interface TariffsTableHorizontalProps extends UniBlockProps {
-  tiles: TariffsTableTileCellProps[];
-}
+import type { TariffsTableProps } from './TariffsTableContent';
+import { TariffsTableTileCell } from './TariffsTableTileCell';
 
-export const TariffsTableHorizontal = JSX<TariffsTableHorizontalProps>(({ tiles, context }) => (
+export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, context }) => (
   <SwipeListControl context={context}>
     {tiles.map((tile, i) => (
-      <TariffsTableTileCell key={String(i)} {...tile} />
+      <TariffsTableTileCell key={String(i)} tile={tile} context={context} />
     ))}
   </SwipeListControl>
 ));