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

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -1,43 +1,86 @@
-import type { LinkContent } from '../../model/LinkContent';
+import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 
+/**
+ * @hidden
+ */
 export type Row = {
   header: RowHeader;
   data: CellData[][];
 };
 
+/**
+ * @hidden
+ */
 export type RowData = Row[] | undefined;
 
+/**
+ * @title Ячейка
+ */
 export interface CellData {
+  /** @title Заголовок */
   label?: string;
+  /** @title Описание */
   description?: string;
+  /**
+   *  @title Иконки
+   *  @hidden
+   */
   icons?: IconName[];
+  /** @hidden */
   image?: Picture;
+  /**
+   * @title Кнопки
+   * @hidden
+   */
   buttons?: ButtonProps[];
 }
 
+/**
+ * @title Шапка колонки
+ */
 export interface ColumnHeader {
+  /** @title Заголовок */
   title?: string;
+  /** @hidden */
   icon?: IconName;
+  /** @hidden */
   image?: Picture;
-  link?: LinkContent;
+  /** @hidden */
+  link?: LinkProps;
 }
+
+/**
+ * @title Продукт
+ */
 export interface Column {
   header?: ColumnHeader;
+  /** @title Данные */
   data?: CellData[][];
 }
 
+/**
+ * @title Параметр
+ */
 export interface RowHeader {
+  /** @title Заголовок */
   title?: string;
   icon?: IconName;
 }
-
+/**
+ * @title Сравнительная таблица
+ */
 export interface ComparisonTableContent {
+  /** @title Заголовок */
   title?: string;
+  /** @title Параметры */
   rowHeaders?: RowHeader[];
+  /** @title Продукты */
   columns?: Column[];
+  /** @title Отображать заданное количество строк */
   visibleRowLength?: number;
+  /** @title Закрасить первую колонку */
   isColoredFirstColumn?: boolean;
 }

package/src/components/ComparisonTable/HeaderCell.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { LinkContent } from '../../model/LinkContent';
+import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
 import { Icon } from '../../ui-kit/Icon/Icon';
@@ -12,7 +12,7 @@ export interface HeaderCellProps {
   icon?: IconName;
   image?: Picture;
   title?: string;
-  link?: LinkContent;
+  link?: LinkProps;
 }
 
 export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) => (

package/src/components/ContentPage/ContentPage.tsx

@@ -1,8 +1,8 @@
 import { JSX, PropsWithChildren } from '@redneckz/uni-jsx';
+import type { BlockDef, ContentPageDef, UniBlockProps } from '../../types';
 import type { BlockContent } from '../BlockContent';
 import { LikeControl } from '../LikeControl/LikeControl';
 import { Placeholder } from '../Placeholder/Placeholder';
-import type { BlockDef, ContentPageDef, UniBlockProps } from '../../types';
 
 interface BlockDecoratorProps<VNode> {
   blockClassName: string;
@@ -15,11 +15,13 @@ export type BlockDecorator<VNode = any> = (
   index?: number | string,
 ) => any;
 
+export type JSXBlock = (
+  props: PropsWithChildren<UniBlockProps & BlockContent, any>,
+  context?: any,
+) => any;
+
 export interface ContentPageProps extends UniBlockProps {
-  blocksRegistry: Record<
-    string,
-    (props: PropsWithChildren<UniBlockProps & BlockContent, any>, context?: any) => any
-  >;
+  blocksRegistry: Record<string, JSXBlock>;
   data: ContentPageDef;
   blockDecorator?: BlockDecorator;
 }

package/src/components/CreditCalculator/CreditCalculatorContent.ts

@@ -12,6 +12,10 @@ export interface CreditCalculatorData {
   rows?: CalculatorParams[];
 }
 
+/**
+ * @title Кредитный калькулятор
+ */
 export interface CreditCalculatorContent {
+  /** @title Справочник */
   directoryName?: string;
 }

package/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ExchangeRateTileContent } from './ExchangeRateTileContent';
-import { Tile } from '../Tile/Tile';
 import type { UniBlockProps } from '../../types';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { Icon } from '../../ui-kit/Icon/Icon';
+import { Tile } from '../Tile/Tile';
+import type { ExchangeRateTileContent } from './ExchangeRateTileContent';
 
 export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
 

package/src/components/ExchangeRateTile/ExchangeRateTileContent.ts

@@ -1,3 +1,7 @@
+/**
+ * @title Курсы валют
+ */
 export interface ExchangeRateTileContent {
+  /** @title Заголовок */
   title?: string;
 }

package/src/components/Footer/Contacts.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
 import type { UniBlockProps } from '../../types';
 import { Button } from '../../ui-kit/Button/Button';
-import { useLink } from '../../hooks/useLink';
 import type { ContactInfo } from './FooterContent';
 
 export interface ContactsProps extends UniBlockProps {
@@ -45,7 +45,7 @@ const renderContact = (item: ContactInfo, index: number) => {
   );
 };
 
-const renderText = (type: ContactInfo['type'], text: string) => {
+const renderText = (type: ContactInfo['type'], text = '') => {
   switch (type) {
     case 'tel':
       return (

package/src/components/Footer/FooterContent.ts

@@ -1,15 +1,42 @@
-import type { LinkContent } from '../../model/LinkContent';
-import type { SitemapContent } from '../../model/SitemapContent';
+import type { LinkProps } from '../../model/LinkProps';
+import type { SitemapProps } from '../../model/SitemapProps';
 
+/**
+ * @title Тип контакта
+ * @enumNames [
+ *    "Телефон",
+ *    "Почта"
+ *  ]
+ */
+export type ContactType = 'tel' | 'email';
+
+/**
+ * @title Контакт
+ */
 export interface ContactInfo {
-  text: string;
-  type: 'tel' | 'email';
-  description: string;
+  /** @title Текст */
+  text?: string;
+  type?: ContactType;
+  /** @title Описание */
+  description?: string;
 }
 
-export interface FooterContent extends SitemapContent {
-  documents?: LinkContent[];
-  relatedEnterprises?: LinkContent[];
+/**
+ * @required ["href"]
+ */
+export interface SocialMedia extends Omit<LinkProps, 'text'> {}
+
+/**
+ * @title Подвал
+ * @required ["topItems"]
+ */
+export interface FooterContent extends SitemapProps {
+  /** @title Обязательные документы */
+  documents?: LinkProps[];
+  /** @title Другие предприятия */
+  relatedEnterprises?: LinkProps[];
+  /** @title Контакты */
   contacts?: ContactInfo[];
-  socialMedia?: Omit<LinkContent, 'text'>[];
+  /** @title Социальные сети */
+  socialMedia?: SocialMedia[];
 }

package/src/components/Footer/FooterLink.ts

@@ -1,6 +1,6 @@
-import type { LinkContent } from '../../model/LinkContent';
+import type { LinkProps } from '../../model/LinkProps';
 import type { UniBlockProps } from '../../types';
 
 export interface FooterLink extends UniBlockProps {
-  links?: LinkContent[];
+  links?: LinkProps[];
 }

package/src/components/Footer/HorizontalNavigation.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { LinkContent } from '../../model/LinkContent';
 import { useLink } from '../../hooks/useLink';
+import { LinkProps } from '../../model/LinkProps';
 import type { FooterLink } from './FooterLink';
 
 export const HorizontalNavigation = JSX<FooterLink>(({ className, links, context }) => {
@@ -24,7 +24,7 @@ export const HorizontalNavigation = JSX<FooterLink>(({ className, links, context
   );
 });
 
-interface HorizontalNavigationLinkProps extends LinkContent {
+interface HorizontalNavigationLinkProps extends LinkProps {
   className: string;
   index: number;
   onClick: (ev: MouseEvent) => any;

package/src/components/Footer/Sitemap.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { mergeTopItems } from '../../mergeTopItems';
-import type { LinkContent } from '../../model/LinkContent';
-import type { TopMenuItem } from '../../model/SitemapContent';
-import type { UniBlockProps } from '../../types';
 import { useLink } from '../../hooks/useLink';
 import { useSitemap } from '../../hooks/useSitemap';
+import { mergeTopItems } from '../../mergeTopItems';
+import type { LinkProps } from '../../model/LinkProps';
+import type { TopMenuItem } from '../../model/SitemapProps';
+import type { UniBlockProps } from '../../types';
 export interface SitemapProps extends UniBlockProps {
   items?: TopMenuItem[];
 }
@@ -43,7 +43,7 @@ const renderColumn = (c: TopMenuItem, index: number, { router, handlerDecorator
   );
 };
 
-interface ColumnItemProps extends LinkContent {
+interface ColumnItemProps extends LinkProps {
   index?: number;
 }
 

package/src/components/Footer/SocialMedia.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { LinkContent } from '../../model/LinkContent';
+import type { LinkProps } from '../../model/LinkProps';
 import type { UniBlockProps } from '../../types';
 import { Button } from '../../ui-kit/Button/Button';
 import { Icon } from '../../ui-kit/Icon/Icon';
@@ -25,7 +25,7 @@ const ICONS_MAP: Array<{
 ];
 
 export interface SocialMediaProps extends UniBlockProps {
-  media?: Omit<LinkContent, 'text'>[];
+  media?: Omit<LinkProps, 'text'>[];
 }
 
 export const SocialMedia = JSX<SocialMediaProps>(({ className, media, context }) => {

package/src/components/Footer/TextInformation.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { LinkContent } from '../../model/LinkContent';
 import { useLink } from '../../hooks/useLink';
+import type { LinkProps } from '../../model/LinkProps';
 import { FooterLink } from './FooterLink';
 
 export const TextInformation = JSX<FooterLink>(({ className, links, context }) => {
@@ -28,7 +28,7 @@ export const TextInformation = JSX<FooterLink>(({ className, links, context }) =
   );
 });
 
-interface TextInformationLinkProps extends LinkContent {
+interface TextInformationLinkProps extends LinkProps {
   className: string;
   index: number;
   onClick: (ev: MouseEvent) => any;

package/src/components/Gallery/Gallery.example.json

@@ -0,0 +1,71 @@
+{
+  "title": "Галерея",
+  "description": "Описание",
+  "cards": [
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 140,
+          "height": 140
+        }
+      },
+      "title": "Заголовок 1",
+      "description": "Описание 1",
+      "href": "/credit-cards",
+      "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 140,
+          "height": 140
+        }
+      },
+      "title": "Заголовок 2",
+      "description": "Описание 2",
+      "href": "/credit-cards",
+      "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 140,
+          "height": 140
+        }
+      },
+      "title": "Заголовок 3",
+      "description": "Описание 3",
+      "href": "/credit-cards",
+      "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 140,
+          "height": 140
+        }
+      },
+      "title": "Заголовок 4",
+      "description": "Описание 4",
+      "href": "/credit-cards",
+      "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 140,
+          "height": 140
+        }
+      },
+      "title": "Заголовок 5",
+      "description": "Описание 5",
+      "href": "/credit-cards",
+      "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
+    }
+  ]
+}

package/src/components/Gallery/GalleryContent.ts

@@ -1,15 +1,28 @@
 import type { Picture } from '../../model/Picture';
 
+/**
+ * @title Карточка
+ */
 export interface GalleryCard {
+  /** @title Заголовок */
   title?: string;
+  /** @title Описание */
   description?: string;
   image?: Picture;
+  /** @title Ссылка */
   href?: string;
+  /** @title Список */
   items?: string[];
 }
 
+/**
+ * @title Галерея
+ */
 export interface GalleryContent {
+  /** @title Заголовок */
   title?: string;
+  /** @title Описание */
   description?: string;
+  /** @title Карточки */
   cards?: GalleryCard[];
 }

package/src/components/Header/HeaderContent.ts

@@ -1,5 +1,13 @@
-import { SitemapContent } from '../../model/SitemapContent';
+import type { SitemapProps } from '../../model/SitemapProps';
 
-export interface HeaderContent extends SitemapContent {
+/**
+ * @title Шапка
+ * @required ["defaultLocation", "topItems"]
+ */
+export interface HeaderContent extends SitemapProps {
+  /**
+   * @title Город по-умолчанию
+   * @default Москва
+   */
   defaultLocation?: string;
 }

package/src/components/Header/isSubItemActive.ts

@@ -1,7 +1,7 @@
-import type { Router } from '../ContentPage/ContentPageContext';
-import type { LinkContent } from '../../model/LinkContent';
+import type { LinkProps } from '../../model/LinkProps';
 import { isHrefActive } from '../../utils/url';
+import type { Router } from '../ContentPage/ContentPageContext';
 
 export function isSubItemActive(router: Router) {
-  return (subItem: LinkContent): boolean => isHrefActive(subItem.href, router);
+  return (subItem: LinkProps): boolean => isHrefActive(subItem.href, router);
 }

package/src/components/Header/isTopItemActive.ts

@@ -1,8 +1,8 @@
-import type { Router } from '../ContentPage/ContentPageContext';
-import type { LinkContent } from '../../model/LinkContent';
+import type { LinkProps } from '../../model/LinkProps';
 import { isHrefActive } from '../../utils/url';
+import type { Router } from '../ContentPage/ContentPageContext';
 
 export function isTopItemActive(router: Router) {
-  return (topItem: LinkContent): boolean =>
+  return (topItem: LinkProps): boolean =>
     isHrefActive(topItem.href, router, (topItemHref, baseHref) => baseHref.startsWith(topItemHref));
 }

package/src/components/MiniGallery/MiniGallery.example.json

@@ -0,0 +1,61 @@
+{
+  "title": "Мини-галерея",
+  "description": "Описание",
+  "cards": [
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 120,
+          "height": 70
+        }
+      },
+      "title": "Заголовок 1",
+      "description": "Описание 1"
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 120,
+          "height": 70
+        }
+      },
+      "title": "Заголовок 2",
+      "description": "Описание 2"
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 120,
+          "height": 70
+        }
+      },
+      "title": "Заголовок 3",
+      "description": "Описание 3"
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 120,
+          "height": 70
+        }
+      },
+      "title": "Заголовок 4",
+      "description": "Описание 4"
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 120,
+          "height": 70
+        }
+      },
+      "title": "Заголовок 5",
+      "description": "Описание 5"
+    }
+  ]
+}

package/src/components/MiniGallery/MiniGallery.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { GalleryContent } from '../Gallery/GalleryContent';
+import type { UniBlockProps } from '../../types';
 import { GalleryInner } from '../Gallery/GalleryInner';
-import { UniBlockProps } from '../../types';
+import type { MiniGalleryContent } from './MiniGalleryContent';
 
-export interface MiniGalleryProps extends GalleryContent, UniBlockProps {}
+export interface MiniGalleryProps extends MiniGalleryContent, UniBlockProps {}
 
 export const MiniGallery = JSX<MiniGalleryProps>((props) => (
   <GalleryInner {...props} version="mini" />

package/src/components/MiniGallery/MiniGalleryContent.ts

@@ -0,0 +1,6 @@
+import type { GalleryContent } from '../Gallery/GalleryContent';
+
+/**
+ * @title Мини-галерея
+ */
+export interface MiniGalleryContent extends GalleryContent {}

package/src/components/MobileAppTile/MobileAppTile.example.json

@@ -0,0 +1,20 @@
+{
+  "qr": {
+    "href": "https://rshbnaturaldbo.onelink.me/qhkF/f182074f?af_qr=true",
+    "src": "data:image/png;base64,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"
+  },
+  "buttons": [
+    {
+      "aboveText": "Загрузите в",
+      "text": "App Store",
+      "icon": "AppleIcon",
+      "version": "secondary"
+    },
+    {
+      "aboveText": "Доступно в",
+      "text": "Google Play",
+      "icon": "PlayMarketIcon",
+      "version": "secondary"
+    }
+  ]
+}

package/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,11 +1,20 @@
-import type { BaseTileContent } from '../BaseTile/BaseTileContent';
+import type { BaseTileCommonProps } from '../BaseTile/BaseTileProps';
 
+/**
+ * @title QR код
+ */
 export interface QRCode {
+  /** @title QR код */
   src?: string;
+  /** @title Ссылка */
   href?: string;
 }
 
-export interface MobileAppTileContent extends BaseTileContent {
+/**
+ * @title Мобильное приложение
+ */
+export interface MobileAppTileContent extends BaseTileCommonProps {
+  /** @title Заголовок */
   title?: string;
   qr?: QRCode;
 }

package/src/components/Placeholder/PlaceholderContent.ts

@@ -1,3 +1,6 @@
+/**
+ * @hidden
+ */
 export interface PlaceholderContent {
   title?: string;
 }

package/src/components/ProductBlock/ProductBlock.example.json

@@ -0,0 +1,17 @@
+{
+  "title": "Продукт",
+  "description": "Описание",
+  "image": {
+    "format": "webp",
+    "size": {
+      "width": 300
+    }
+  },
+  "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],
+  "buttons": [
+    {
+      "text": "Подробнее",
+      "version": "secondary"
+    }
+  ]
+}

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

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { ProductBlockInner } from './ProductBlockInner';
-import type { ProductBlockInnerContent } from './ProductBlockContent';
 import type { UniBlockProps } from '../../types';
+import type { ProductBlockInnerCommonProps } from './ProductBlockContent';
+import { ProductBlockInner } from './ProductBlockInner';
 
-export interface ProductBlockProps extends ProductBlockInnerContent, UniBlockProps {}
+export interface ProductBlockProps extends ProductBlockInnerCommonProps, UniBlockProps {}
 
 export const ProductBlock = JSX<ProductBlockProps>(
   ({ titleSize, image, benefits, ...props } /* Get rid of image and benefits */) => {