@redneckz/wildless-cms-uni-blocks 0.5.9 → 0.5.11

package/src/components/ProductGallery/ProductGallery.ui.json

@@ -0,0 +1,30 @@
+{
+  "content": {
+    "slides": {
+      "items": {
+        "productBlock": {
+          "image": {
+            "ui:field": "picture"
+          },
+          "benefits": {
+            "items": {
+              "icon": {
+                "ui:field": "icon"
+              }
+            }
+          },
+          "buttons": {
+            "items": {
+              "icon": {
+                "ui:field": "icon"
+              },
+              "iconRight": {
+                "ui:field": "icon"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/components/ProductGallery/ProductGalleryBlock.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
+import { VersionStyleMap } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { HeadlineProps } from '../../model/HeadlineType';
-import type { UniBlockProps } from '../../types';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import { VersionStyleMap } from '../../model/BlockVersion';
+import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
 
 export interface ProductGalleryBlockProps extends UniBlockProps {
   headlineVersion?: HeadlineProps;

package/src/components/ProductGallery/ProductGalleryContent.ts

@@ -3,7 +3,6 @@ import type { BlockVersion } from '../../model/BlockVersion';
 
 /** @title Кнопка под слайдом */
 interface ProductGalleryNav {
-  /** @title Заголовок */
   title: string;
   /** @title Описание */
   description: string;

package/src/components/ProductTile/ProductTile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { ProductTileContent, TextBenefit } from './ProductTileContent';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
@@ -66,7 +66,7 @@ function renderBenefits(benefits: TextBenefit[], version: BlockVersion, image?:
 
   return (
     <div
-      className={`z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline 
+      className={`z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline
         ${BENEFITS_WIDTH}`}
     >
       {benefits.length ? benefits.map(renderBenefit(version)) : null}

package/src/components/ProductTile/ProductTile.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/PromoTile/PromoTile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
-import type { PromoTileContent } from './PromoTileContent';
+import { VersionStyleMap } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { BaseTile } from '../BaseTile/BaseTile';
@@ -8,7 +8,7 @@ import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import { Headline } from '../Headline/Headline';
-import { VersionStyleMap } from '../../model/BlockVersion';
+import type { PromoTileContent } from './PromoTileContent';
 
 export interface PromoTileProps extends PromoTileContent, UniBlockProps {}
 

package/src/components/PromoTile/PromoTile.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/Recommendation/Recommendation.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Heading } from '../../ui-kit/Heading/Heading';

package/src/components/Recommendation/Recommendation.ui.json

@@ -0,0 +1,11 @@
+{
+  "content": {
+    "recommendations": {
+      "items": {
+        "image": {
+          "ui:field": "picture"
+        }
+      }
+    }
+  }
+}

package/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 '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { Description } from '../../ui-kit/Description/Description';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';

package/src/components/SafeDepositRental/RegionsAndBranches.tsx

@@ -22,18 +22,18 @@ export const RegionsAndBranches = JSX<RegionsAndBranchesProps>(
     onSelectedBranch,
   }) => {
     return (
-      <div className="flex justify-between mb-6">
-        <div className="w-full mr-4">
+      <div className="flex justify-between gap-4 mb-6">
+        <div className="max-w-[396px] w-1/2">
           <WrapperSelect
             data={regions}
             fieldValue="code"
             fieldLabel="name"
             selected={selectedRegion}
             setSelected={onSelectedRegion}
-            label="Город"
+            label="Регион"
           />
         </div>
-        <div className="w-full">
+        <div className="max-w-[396px] w-1/2">
           <WrapperSelect
             data={branches}
             fieldValue="branchCode"

package/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
@@ -23,7 +23,7 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
 
     return (
       <BlockWrapper context={context} className={className} {...rest}>
-        <div className="bg-white px-8 py-12">
+        <div className="font-sans bg-white px-8 py-12">
           {title ? (
             <Heading title={title} headingType="h3" as="h2" className="mb-2.5 text-center" />
           ) : null}

package/src/components/SafeDepositRental/SafeDepositRental.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -30,8 +30,8 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
 const renderTotal = (label: string, total: string | number, className = '') => {
   return (
     <div className={className}>
-      <span className="block text-m-light mb-1">{label}</span>
-      <span className="text-h3">{total}</span>
+      <div className="text-m-light text-secondary-text mb-1">{label}</div>
+      <span className="text-h3 text-primary-text">{total}</span>
     </div>
   );
 };

package/src/components/SafeDepositRental/WrapperSelect.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Select } from '../../ui-kit/Select/Select';
-import { SelectOption } from '../../ui-kit/Select/SelectOption';
+import { OptionProps, Select } from '../../ui-kit/Select/Select';
+import { Currency } from '../ExchangeRateTile/CurrencyProps';
 
 interface WrapperSelectProps {
   data: Record<string, any>[];
@@ -13,25 +13,20 @@ interface WrapperSelectProps {
 }
 
 export const WrapperSelect = JSX<WrapperSelectProps>(
-  ({ data, fieldLabel, fieldValue, selected, placeholder, setSelected, label }) => {
+  ({ data, fieldLabel, fieldValue, selected, placeholder = '', setSelected, label }) => {
+    const dataFormat: OptionProps[] = data
+      .filter(Boolean)
+      .map((_) => ({ key: _?.[fieldValue || fieldLabel], text: _?.[fieldLabel] }));
+    const selectedObj = dataFormat.find((_) => _.key === selected);
+
     return (
-      <div>
-        <span className="block text-m-light mb-2">{label}</span>
-        <Select
-          className={`h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer ${
-            !selected ? 'text-secondary-text' : ''
-          }`}
-          value={selected}
-          onChange={(_) => setSelected(_)}
-        >
-          {placeholder ? <SelectOption value="">{placeholder}</SelectOption> : null}
-          {data.map((_, i) => (
-            <SelectOption key={String(i)} value={_?.[fieldValue || fieldLabel]}>
-              {_?.[fieldLabel]}
-            </SelectOption>
-          ))}
-        </Select>
-      </div>
+      <Select
+        options={dataFormat}
+        label={label}
+        placeholder={placeholder || selected}
+        onChange={(_) => setSelected(_.key as Currency)}
+        value={selectedObj}
+      />
     );
   },
 );

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

@@ -1,12 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { SizeVersion } from '../../model/SizeVersion';
-import type { UniBlockProps } from '../../types';
-import type { Step, StepsBlockContent } from './StepsBlockContent';
 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 {}
 
@@ -20,6 +21,11 @@ const STEPS_TILE_DESCRIPTION_HEIGHT_MAP: Record<SizeVersion, string> = {
   small: 'min-h-[50px]',
 };
 
+const STEPS_SVG_VERSION_MAP: Record<BlockVersion, IconVersion> = {
+  primary: 'normal',
+  secondary: 'white',
+};
+
 export const StepsBlock = JSX<StepsBlockProps>(
   ({
     className,
@@ -105,7 +111,12 @@ const renderIconArea = (size: SizeVersion, version: BlockVersion) => (step: Step
     >
       <span className={`font-medium flex self-center ${styleMap.title} ${iconTextSize}`}>
         {checkIsIconRenderable(step?.icon) ? (
-          <Img image={step.icon} width={iconSize} height={iconSize} asSVG />
+          <Img
+            image={{ ...step.icon, iconVersion: STEPS_SVG_VERSION_MAP[version] }}
+            width={iconSize}
+            height={iconSize}
+            asSVG
+          />
         ) : (
           <span>{i + 1}</span>
         )}

package/src/components/StepsBlock/StepsBlock.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { UniBlockProps } from '../../types';
-import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable';
 import { joinList } from '../../utils/joinList';
+import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
 import type { Step, StepsBlockContent } from './StepsBlockContent';
 import type { StyleType } from './StepsBlockStyleMaps';
 import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps';

package/src/components/StepsBlock/StepsBlock.ui.json

@@ -0,0 +1,11 @@
+{
+  "content": {
+    "steps": {
+      "items": {
+        "icon": {
+          "ui:field": "icon"
+        }
+      }
+    }
+  }
+}

package/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 '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderTab } from './renderTab';
 import type { Tab, TabsContent } from './TabsContent';
@@ -11,13 +11,32 @@ export interface TabActivationEvent {
   label?: string;
 }
 
+export interface AnchorClickScrollingEvent {
+  isScrolling?: boolean;
+  label?: string;
+}
+
 export interface TabsBlockProps extends TabsContent, UniBlockProps {}
 
 export const Tabs = JSX<TabsBlockProps>((props) => {
-  const { context, className, tabs, page, showCounter } = props;
+  const { context, className = '', tabs, page, showCounter, isSticky } = props;
 
   const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
 
+  useEffect(
+    () =>
+      EventBus.inst.subscribe('tab', (event) => {
+        if (!tabs) {
+          return;
+        }
+        const tab = tabs.find(checkTab(event));
+        if (event.type === 'link' && tab) {
+          setCurrentTab(tab);
+        }
+      }),
+    [tabs],
+  );
+
   useEffect(() => {
     if (currentTab?.type === 'group') {
       return EventBus.inst.subject('tab', { label: currentTab.ref });
@@ -29,17 +48,20 @@ export const Tabs = JSX<TabsBlockProps>((props) => {
   const handleClick = (selectedTab: Tab) => {
     if (selectedTab?.type === 'group') {
       EventBus.inst.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
-      setCurrentTab(selectedTab);
     }
+    setCurrentTab(selectedTab);
   };
 
   return (
     <BlockWrapper
       context={context}
-      className={`mb-2 box-border flex gap-x-1 ${className}`}
+      className={`${isSticky ? 'sticky top-1 z-20 ' : ''}box-border flex gap-x-1 ${className}`}
       role="tablist"
     >
       {tabs?.map(renderTab({ onClick: handleClick, currentTab, page, showCounter, context }))}
     </BlockWrapper>
   );
 });
+
+const checkTab = (event: TabActivationEvent) => (_: Tab) =>
+  _.type === 'link' && _.href === `#${event.label}`;

package/src/components/Tabs/Tabs.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/Tabs/TabsContent.ts

@@ -33,6 +33,8 @@ export type Tab = GroupTab | LinkTab;
 export interface TabsContent {
   /** @title Табы */
   tabs?: Tab[];
+  /** @title Закрепить сверху */
+  isSticky?: boolean;
   /** @title Показывать счетчик блоков во вкладках */
   showCounter?: boolean;
 }

package/src/components/Tabs/renderLinkTab.tsx

@@ -1,25 +1,41 @@
 import type { LinkProps } from '../../model/LinkProps';
 import {
+  ACTIVE_LINK_CLASSES,
+  ACTIVE_TEXT_CLASSES,
   INACTIVE_LINK_CLASSES,
   INACTIVE_TEXT_CLASSES,
   LINK_CLASSES,
   TEXT_CLASSES,
 } from './tabItemClasses';
+import type { Tab } from './TabsContent';
 
 export interface RenderLinkTabProps extends LinkProps {
-  active?: boolean;
   onClick?: () => void;
   i: number;
+  currentTab?: Tab;
 }
 
-export const renderLinkTab = ({ text, onClick, href, target = '_self', i }: RenderLinkTabProps) => (
-  <a
-    key={String(i)}
-    className={`${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`}
-    target={target}
-    href={href}
-    onClick={onClick}
-  >
-    <span className={`${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`}>{text}</span>
-  </a>
-);
+export const renderLinkTab = ({
+  text,
+  currentTab,
+  onClick,
+  href,
+  target = '_self',
+  i,
+}: RenderLinkTabProps) => {
+  const active = currentTab?.type === 'link' && currentTab.href === href;
+
+  return (
+    <a
+      key={String(i)}
+      className={`${LINK_CLASSES} ${active ? ACTIVE_LINK_CLASSES : INACTIVE_LINK_CLASSES}`}
+      target={target}
+      href={href}
+      onClick={onClick}
+    >
+      <span className={`${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`}>
+        {text}
+      </span>
+    </a>
+  );
+};

package/src/components/Tabs/renderTab.tsx

@@ -1,5 +1,6 @@
+import { EventBus } from '../../EventBus/EventBus';
 import { useLink } from '../../hooks/useLink';
-import type { ContentPageDef } from '../../types';
+import type { ContentPageDef } from '../../model/ContentPageDef';
 import { assertUnreachable } from '../../utils/assertUnreachable';
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { renderGroupTab } from './renderGroupTab';
@@ -31,11 +32,21 @@ export const renderTab =
     switch (type) {
       case 'group':
         return renderGroupTab({ onClick, currentTab, showCounter, page, context })(tab, i);
-      case 'link':
+      case 'link': {
+        const link = useLink({ router, handlerDecorator }, tab);
+        const linkClick = link.onClick;
+
         return renderLinkTab({
-          ...useLink({ router, handlerDecorator }, tab),
+          ...link,
+          onClick: (ev?: { preventDefault: () => void }) => {
+            linkClick(ev);
+            onClick(tab);
+            EventBus.inst.fire('anchorClick', { isScrolling: true, label: tab.href });
+          },
+          currentTab,
           i,
         });
+      }
       default:
         assertUnreachable(type);
     }

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import type {
   CellDef,

package/src/components/TariffsTable/TariffsTable.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { VNode } from '../../model/VNode';
-import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { Heading } from '../../ui-kit/Heading/Heading';

package/src/components/TariffsTable/TariffsTable.ui.json

@@ -0,0 +1,33 @@
+{
+  "content": {
+    "tariffsColumns": {
+      "items": {
+        "data": {
+          "items": {
+            "items": {
+              "tableCellType": {
+                "ui:widget": "hidden"
+              },
+              "image": {
+                "ui:field": "picture"
+              },
+              "buttons": {
+                "items": {
+                  "icon": {
+                    "ui:field": "icon"
+                  },
+                  "iconRight": {
+                    "ui:field": "icon"
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "hiddenRowsNum": {
+      "ui:field": "number"
+    }
+  }
+}

package/src/components/TariffsTable/TariffsTableCell.tsx

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

package/src/components/TariffsTable/TariffsTableHorizontal.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
 import { TariffsTableTileCell, TariffsTableTileCellProps } from './TariffsTableTileCell';
 export interface TariffsTableHorizontalProps extends UniBlockProps {

package/src/components/TariffsTable/TariffsTableRow.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { UniBlockProps } from '../../types';
+import { UniBlockProps } from '../../model/ContentPageDef';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer';

package/src/components/TariffsTable/TariffsTableRowContainer.tsx

@@ -1,8 +1,8 @@
 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 { VNode } from '../../model/VNode';
-import type { UniBlockProps } from '../../types';
 import { InnerTable } from '../../ui-kit/InnerTable/InnerTable';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 

package/src/components/TariffsTable/TariffsTableVertical.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import { TariffsTableTileCell, TariffsTableTileCellProps } from './TariffsTableTileCell';
 
 export interface TariffsTableVerticalProps extends UniBlockProps {

package/src/components/TextBlock/TextBlock.mobile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { Picture } from '../../model/Picture';
-import type { UniBlockProps } from '../../types';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
 import type { TextBlockContent, TextBlockVersion } from './TextBlockContent';

package/src/components/TextBlock/TextBlock.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { Picture } from '../../model/Picture';
-import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import type { TextBlockContent, TextBlockVersion } from './TextBlockContent';

package/src/components/TextBlock/TextBlock.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/Tile/Tile.tsx

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

package/src/components/Tile/Tile.ui.json

@@ -0,0 +1 @@
+{}

package/src/content-page-repository/ContentPageRepository.ts

@@ -1,6 +1,6 @@
 import glob from 'glob';
 import util from 'util';
-import type { ContentPageDef } from '../types';
+import type { ContentPageDef } from '../model/ContentPageDef';
 import type { TransformationOptions } from './TransformationOptions';
 import { transformContentPage } from './transformContentPage';
 

package/src/content-page-repository/transformContentPage.ts

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import util from 'util';
+import type { ContentPageDef } from '../model/ContentPageDef';
 import type { Picture } from '../model/Picture';
-import type { ContentPageDef } from '../types';
 import { mapJSON } from './mapJSON';
 import type { TransformationOptions } from './TransformationOptions';
 import { transformMarkdown } from './transformMarkdown';