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

package/src/components/Gallery/GalleryCardInner.tsx

@@ -1,27 +1,20 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { AlignType } from '../../model/AlignType';
+import { AlignText } from '../../model/AlignText';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
 import { HEADLINE_SMALL_VERSION } from '../Headline/constants';
 import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
 
-const ALIGN_TITLE: Record<AlignType, string> = {
-  left: 'text-left',
-  center: 'text-center',
-  right: 'text-right',
-};
-
 export const GalleryCardInner = JSX<GalleryCardProps>(
   ({
     title,
-    headlineSmallVersion = 'XL_L',
+    headlineSmallVersion = 'H6',
     description,
     additionalDescription,
-    image,
+    icon,
     items,
     button,
     version,
@@ -29,42 +22,40 @@ export const GalleryCardInner = JSX<GalleryCardProps>(
     align = 'center',
   }) => {
     return (
-      <div className={`h-full flex flex-col justify-between ${ALIGN_TITLE[align]}`}>
+      <div className={`h-full flex flex-col justify-between ${AlignText[align]}`}>
         <div className="flex flex-col h-full">
-          {renderImage(image)}
+          {renderImage(icon)}
           {renderCardTitle(headlineSmallVersion, title)}
           {renderDescription(description, title)}
-          {renderAdditionalDescription(additionalDescription)}
           {items?.length ? renderItems(items, isDotted, version) : null}
+          {renderAdditionalDescription(additionalDescription)}
         </div>
-        {button ? renderButton(button) : null}
+        {button?.text ? <Button className="mt-6" {...button} /> : null}
       </div>
     );
   },
 );
 
-const renderImage = (image?: Picture) =>
-  image?.src ? (
-    <div className="flex justify-center">
-      <Img className="mb-6" image={image} />
-    </div>
-  ) : null;
+const renderImage = (image?: Picture) => (
+  <div className="flex justify-center">
+    {image?.src ? <Img className="mb-5" image={image} /> : null}
+    {image?.icon ? (
+      <Img className={`w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`} image={image} asSVG />
+    ) : null}
+  </div>
+);
 
 const renderCardTitle = (headlineSmallVersion: string, title?: string) =>
   title ? <div className={HEADLINE_SMALL_VERSION[headlineSmallVersion]}>{title}</div> : null;
 
 const renderDescription = (description?: string, title?: string) =>
-  description ? <div className={`text-base ${title ? 'mt-2' : ''}`}>{description}</div> : null;
+  description ? <div className={`text-l ${title ? 'mt-2' : ''}`}>{description}</div> : null;
 
 const renderAdditionalDescription = (additionalDescription?: string) =>
   additionalDescription ? (
     <div className="text-m-light text-secondary-text mt-auto">{additionalDescription}</div>
   ) : null;
 
-const renderButton = (button: ButtonWithIconProps) => (
-  <Button className="mt-6 w-full" {...button} />
-);
-
 const renderItems = (
   items: GalleryItemProps[],
   isDotted: boolean,
@@ -72,7 +63,7 @@ const renderItems = (
 ) => (
   <List
     className={`max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`}
-    itemClassName="mt-1 text-left first:mt-0"
+    itemClassName="text-left"
     items={items.filter((item) => item?.text).map((item) => item.text as string)}
     isDotted={isDotted}
     version={version}

package/src/components/Gallery/GalleryContainer.tsx

@@ -22,7 +22,7 @@ export const GalleryContainer = JSX<GalleryContainerProps>(
   ({
     context,
     title,
-    headlineVersion = 'L',
+    headlineVersion = 'M',
     description,
     cards = [],
     version = 'normal',
@@ -30,7 +30,6 @@ export const GalleryContainer = JSX<GalleryContainerProps>(
   }) => {
     return (
       <div>
-        <div className="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent" />
         <Headline
           context={context}
           className="!p-0"

package/src/components/Gallery/GalleryContent.ts

@@ -20,6 +20,7 @@ export interface GalleryItemProps {
  * @default {"headlineSmallVersion": "XL_L"}
  */
 export type GalleryCardProps = HeadlineSmallProps & {
+  /** @title Дополнительное описание */
   additionalDescription?: string;
   /**
    * @default {
@@ -35,7 +36,7 @@ export type GalleryCardProps = HeadlineSmallProps & {
    *   }]
    * }
    */
-  image?: Picture;
+  icon?: Picture;
   /** @title Кнопка */
   button?: ButtonWithIconProps;
   /**
@@ -64,4 +65,5 @@ export type GalleryContent = HeadlineProps & {
   cards?: GalleryCardProps[];
   /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
   orientation?: ListOrientation; //TODO: for mobile
+  button?: ButtonWithIconProps;
 };

package/src/components/Gallery/GalleryInner.tsx

@@ -7,13 +7,14 @@ import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { galleryLengthForScrollMap } from './constants';
 import { GalleryContainer } from './GalleryContainer';
 import type { GalleryContent } from './GalleryContent';
+import { Button } from '../../ui-kit/Button/Button';
 
 export interface GalleryInnerProps extends GalleryContent, UniBlockProps {
   version?: GalleryVersion;
 }
 
 export const GalleryInner = JSX<GalleryInnerProps>(
-  ({ context, cards = [], className = '', version = 'normal', ...rest }) => {
+  ({ context, cards = [], className = '', version = 'normal', button, ...rest }) => {
     const [activeCardIndex, setActiveCardIndex] = useState(0);
 
     const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
@@ -30,7 +31,7 @@ export const GalleryInner = JSX<GalleryInnerProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`relative font-sans text-primary-text bg-white p-[42px] overflow-hidden ${className}`}
+        className={`relative font-sans text-primary-text bg-white p-[42px] overflow-hidden flex flex-col ${className}`}
         {...rest}
       >
         <GalleryContainer
@@ -46,8 +47,14 @@ export const GalleryInner = JSX<GalleryInnerProps>(
           btnClass: ['left-8', 'right-8'],
           className: 'top-1/2',
         })}
-        <div className="absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white" />
-        <div className="absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white" />
+        {isGalleryScrollAvailable ? (
+          <div>
+            <div className="absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white" />
+            <div className="absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white" />
+          </div>
+        ) : null}
+
+        {button ? <Button className="mt-8 mx-auto" {...button} /> : null}
       </BlockWrapper>
     );
   },

package/src/components/Headline/Headline.mobile.tsx

@@ -1,9 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignText } from '../../model/AlignText';
 
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
-import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants';
+import { HEADLINE_BLOCK_STYLE_MAPS } from './constants';
 import type { HeadlineContent } from './HeadlineContent';
 
 export interface HeadlineProps extends UniBlockProps, HeadlineContent {}
@@ -24,12 +25,12 @@ export const Headline = JSX<HeadlineProps>(
         {title ? (
           <Heading
             headingType="h2"
-            className={`${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
+            className={`${STYLE_MAPS.text} ${AlignText[align]}`}
             title={title}
           />
         ) : null}
         {description ? (
-          <p className={`text-m ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}`}>{description}</p>
+          <p className={`text-m ${STYLE_MAPS.description} ${AlignText[align]}`}>{description}</p>
         ) : null}
         {image?.src && (
           <div className="mt-2.5 mx-auto flex justify-center">

package/src/components/Headline/Headline.tsx

@@ -1,10 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignText } from '../../model/AlignText';
 
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Description } from '../../ui-kit/Description/Description';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS, HEADLINE_VERSION } from './constants';
+import { HEADLINE_BLOCK_STYLE_MAPS, HEADLINE_VERSION } from './constants';
 import type { HeadlineContent } from './HeadlineContent';
 
 export interface HeadlineProps extends UniBlockProps, HeadlineContent {}
@@ -32,13 +33,13 @@ export const Headline = JSX<HeadlineProps>(
           <Heading
             headingType={SIZE_MAPS?.headingType}
             as={as || SIZE_MAPS?.as}
-            className={`whitespace-pre-wrap ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
+            className={`whitespace-pre-wrap ${STYLE_MAPS.text} ${AlignText[align]}`}
             title={title}
           />
         ) : null}
         {description ? (
           <Description
-            className={`${SIZE_MAPS.descriptionFont} ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
+            className={`${SIZE_MAPS.descriptionFont} ${STYLE_MAPS.text} ${AlignText[align]}`}
             description={description}
           />
         ) : null}

package/src/components/Headline/constants.ts

@@ -1,14 +1,7 @@
-import type { AlignType } from '../../model/AlignType';
 import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 import type { HeadlineSmallVersion, HeadlineVersion } from '../../model/HeadlineType';
 import type { HeadingTagType, HeadingType } from '../../ui-kit/Heading/HeadingProps';
 
-export const ALIGN_TEXT: Record<AlignType, string> = {
-  left: 'text-left',
-  center: 'text-center',
-  right: 'text-right',
-};
-
 type StyleType = {
   background: string;
   text: string;
@@ -74,6 +67,7 @@ export const HEADLINE_VERSION: Record<HeadlineVersion, VersionStyleType> = {
 };
 
 export const HEADLINE_SMALL_VERSION: Record<HeadlineSmallVersion, string> = {
+  H6: 'text-h6',
   XL_L: 'text-xl-light',
   XL_R: 'text-xl',
   L_L: 'text-l-light',

package/src/components/MiniGallery/MiniGallery.fixture.tsx

@@ -1,6 +1,9 @@
 import type { Picture } from '../../model/Picture';
 import { context } from '../../react/setup-fixture';
-import { MiniGallery, MiniGalleryProps } from './MiniGallery';
+import { MiniGallery } from './MiniGallery';
+import type { MiniGalleryProps } from './MiniGallery';
+import type { GalleryCardProps } from '../Gallery/GalleryContent';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
 const image: Picture = {
   src: 'domovoj-kupon.png',
@@ -21,28 +24,28 @@ export const defaultProps: MiniGalleryProps = {
       title: 'Более 5000 товаров',
       description:
         'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
-      image,
+      icon: image,
     },
     {
       title: 'Более 1000 развлечений',
       description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
-      image,
+      icon: image,
     },
     {
       title: 'Фермерские продукты',
       description: 'Высокий процент даже при небольшой сумме денежных средств',
-      image,
+      icon: image,
     },
     {
       title: '«Моя выгода»',
       description:
         'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
-      image,
+      icon: image,
     },
     {
       title: 'Более 8888 развлечений',
       description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
-      image,
+      icon: image,
     },
   ],
 };
@@ -54,61 +57,81 @@ const onlyTitleProps: MiniGalleryProps = {
   cards: [
     {
       title: 'Более 5000 товаров',
-      image,
+      icon: image,
     },
     {
       title: 'Более 1000 развлечений',
-      image,
+      icon: image,
     },
     {
       title: 'Фермерские продукты',
-      image,
+      icon: image,
     },
     {
       title: '«Моя выгода»',
-      image,
+      icon: image,
     },
   ],
 };
 
+const additionalDescriptionCards: GalleryCardProps[] = [
+  {
+    title: 'Более 5000 товаров',
+    description: 'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
+    additionalDescription: '01 января 2022',
+    icon: image,
+  },
+  {
+    title: 'Более 1000 развлечений',
+    description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
+    additionalDescription: '02 февраля 2022',
+    icon: image,
+  },
+  {
+    title: 'Фермерские продукты',
+    description: 'Высокий процент даже при небольшой сумме денежных средств',
+    additionalDescription: '03 марта 2022',
+    icon: image,
+  },
+  {
+    title: '«Моя выгода»',
+    description: 'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
+    additionalDescription: '04 апреля 2022',
+    icon: image,
+  },
+  {
+    title: 'Более 8888 развлечений',
+    description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
+    additionalDescription: '05 мая 2022',
+    icon: image,
+  },
+];
+
 const additionalDescriptionProps: MiniGalleryProps = {
   title: 'Вы можете оплатить бонусными баллами',
   description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
   context,
-  cards: [
-    {
-      title: 'Более 5000 товаров',
-      description:
-        'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
-      additionalDescription: '01 января 2022',
-      image,
-    },
-    {
-      title: 'Более 1000 развлечений',
-      description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
-      additionalDescription: '02 февраля 2022',
-      image,
-    },
-    {
-      title: 'Фермерские продукты',
-      description: 'Высокий процент даже при небольшой сумме денежных средств',
-      additionalDescription: '03 марта 2022',
-      image,
-    },
-    {
-      title: '«Моя выгода»',
-      description:
-        'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
-      additionalDescription: '04 апреля 2022',
-      image,
-    },
-    {
-      title: 'Более 8888 развлечений',
-      description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
-      additionalDescription: '05 мая 2022',
-      image,
-    },
-  ],
+  cards: additionalDescriptionCards,
+};
+
+const button: ButtonWithIconProps = {
+  href: '/credit-cards',
+  text: 'Подробнее',
+  target: '_blank',
+  version: 'secondary',
+};
+
+const list = [{ text: 'Item 1' }, { text: 'Item 2' }, { text: 'Item 3' }];
+
+const combinedProps: MiniGalleryProps = {
+  title: 'Вы можете оплатить бонусными баллами',
+  description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
+  context,
+  cards: additionalDescriptionCards.map((card, i) => ({
+    ...card,
+    button: button,
+    items: i % 2 ? list : undefined,
+  })),
 };
 
 export default {
@@ -127,4 +150,9 @@ export default {
       <MiniGallery className="col-span-12" {...additionalDescriptionProps} />
     </div>
   ),
+  'button, list, additional description': (
+    <div className="container grid grid-cols-12">
+      <MiniGallery className="col-span-12" {...combinedProps} />
+    </div>
+  ),
 };

package/src/components/MobileAppTile/MobileAppTile.fixture.tsx

@@ -64,6 +64,7 @@ export default {
         className="col-span-12"
         version="secondary"
         title="Обновлённое мобильное приложение «Урожай»"
+        description="Описание"
         image={image}
         qr={qr}
         headingType="h3"

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignText } from '../../model/AlignText';
 import { VersionStyleMap } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -24,6 +25,8 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
     items,
     image,
     headingType = 'h4',
+    alignTitle = 'left',
+    description,
     ...rest
   }) => {
     const textColorClass = version === 'primary' ? 'text-primary-text' : '';
@@ -49,7 +52,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
                 as="h3"
                 title={title}
                 className={`whitespace-pre-wrap max-w-[509px] mb-6
-                  ${textColorClass}`}
+                  ${textColorClass} ${AlignText[alignTitle]}`}
               />
             ) : null
           }
@@ -59,6 +62,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
             ) : null
           }
         >
+          {renderDescription(description)}
           <div className="flex flex-1 items-center">
             {qr?.src ? (
               <div className={`flex justify-center mr-5 bg-white rounded-md ${containerStyle}`}>
@@ -87,3 +91,6 @@ const renderList = (version: ListItemVersion, items?: string[]) => {
     </span>
   );
 };
+
+const renderDescription = (description?: string) =>
+  description ? <p className="text-xl-light mb-5">{description}</p> : null;

package/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,3 +1,4 @@
+import type { AlignType } from '../../model/AlignType';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
@@ -12,6 +13,11 @@ export type MobileAppTileContent = HeadlineCommonProps &
   HeadingCommonProps &
   ButtonContent &
   ListContent & {
+    /**
+     * @title Выравнивание заголовка
+     * @default left
+     */
+    alignTitle?: AlignType;
     // TODO: description для мобильной версии
     /** @title QR-код */
     qr?: Picture;

package/src/components/StepsBlock/StepsBlock.tsx

@@ -76,7 +76,7 @@ export const StepsBlock = JSX<StepsBlockProps>(
         ) : null}
         {button?.text ? (
           <Button
-            className="mt-8 w-full max-w-[240px]"
+            className="mt-8 min-w-[240px]"
             version="primary"
             {...useLink({ router, handlerDecorator }, button)}
           />

package/src/components/Tile/Tile.tsx

@@ -59,7 +59,7 @@ export const Tile = JSX<TileProps>((props) => {
           buttons?.length ? (
             <ButtonSection
               context={context}
-              buttons={buttons.map((button) => ({ ...button, className: 'w-[158px]' }))}
+              buttons={buttons.map((button) => ({ ...button, className: 'min-w-[158px]' }))}
               className="flex mt-8 gap-3"
             />
           ) : null

package/src/model/AlignText.ts

@@ -0,0 +1,7 @@
+import type { AlignType } from './AlignType';
+
+export const AlignText: Record<AlignType, string> = {
+  left: 'text-left',
+  center: 'text-center',
+  right: 'text-right',
+};

package/src/model/HeadlineType.ts

@@ -6,9 +6,9 @@ export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
 
 /**
  * @title Размер заголовка
- * @enumNames ["Самый большой тонкий", "Самый большой", "Очень большой тонкий", "Очень большой", "Большой", "Средний", "Маленький"]
+ * @enumNames ["Заголовок", "Самый большой тонкий", "Самый большой", "Очень большой тонкий", "Очень большой", "Большой", "Средний", "Маленький"]
  */
-export type HeadlineSmallVersion = 'XL_L' | 'XL_R' | 'L_L' | 'L_R' | 'M' | 'S' | 'XS';
+export type HeadlineSmallVersion = 'H6' | 'XL_L' | 'XL_R' | 'L_L' | 'L_R' | 'M' | 'S' | 'XS';
 
 export type TitleProps = {
   /** @title Заголовок */

package/src/ui-kit/List/ListItem.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ListItemSize, ListItemVersion } from './ListProps';
+
 /**
  * @title Параметры элемента списка
  */
@@ -18,19 +19,21 @@ const LIST_DOT_STYLE_MAP: Record<ListItemVersion, string> = {
 };
 
 const DOT_SIZE_MAP = {
-  L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4 mt-3',
-  M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3 mt-3',
-  S: 'w-1 h-1 min-w-1 min-h-1 mr-2 mt-2.5',
+  L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4',
+  M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3',
+  S: 'w-1 h-1 min-w-1 min-h-1 mr-2',
 };
 
 export const ListItem = JSX<ListItemProps>(
   ({ className = '', isDotted = true, children, version = 'primary', size = 'M' }) => {
     return (
-      <div className={`font-sans flex items-start ${className}`} role="listitem">
+      <div className={`font-sans flex items-baseline ${className}`} role="listitem">
         {isDotted ? (
-          <div
-            className={`rounded-full inline-block ${LIST_DOT_STYLE_MAP[version]} ${DOT_SIZE_MAP[size]}`}
-          />
+          <div>
+            <div
+              className={`rounded-full align-middle inline-block ${LIST_DOT_STYLE_MAP[version]} ${DOT_SIZE_MAP[size]}`}
+            />
+          </div>
         ) : null}
         <span>{children}</span>
       </div>

package/bundle/components/ContentPage/ContentPageHead.d.ts

@@ -1,7 +0,0 @@
-import type { ContentPageMeta } from '../../model/ContentPageDef';
-import { VNode as _VNode } from '../../model/VNode';
-export interface ContentPageHeadProps {
-    HeadComponent: <Props, Context, VNode = _VNode>(props: Props, context?: Context) => VNode;
-    data: ContentPageMeta;
-}
-export declare const ContentPageHead: import("@redneckz/uni-jsx").UNIComponent<ContentPageHeadProps, any, any>;

package/dist/components/ContentPage/ContentPageHead.d.ts

@@ -1,7 +0,0 @@
-import type { ContentPageMeta } from '../../model/ContentPageDef';
-import { VNode as _VNode } from '../../model/VNode';
-export interface ContentPageHeadProps {
-    HeadComponent: <Props, Context, VNode = _VNode>(props: Props, context?: Context) => VNode;
-    data: ContentPageMeta;
-}
-export declare const ContentPageHead: import("@redneckz/uni-jsx").UNIComponent<ContentPageHeadProps, any, any>;

package/dist/components/ContentPage/ContentPageHead.js

@@ -1,20 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentPageHead = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.ContentPageHead = (0, uni_jsx_1.JSX)(({ HeadComponent, data, children }) => {
-    const { title, main, og, twitter, jsonLd } = data;
-    const { description, keywords, canonical, robots } = main || {};
-    return ((0, jsx_runtime_1.jsxs)(HeadComponent, { children: [(0, jsx_runtime_1.jsx)("title", { children: title }), (0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), description ? (0, jsx_runtime_1.jsx)("meta", { name: "description", content: description }) : null, keywords ? (0, jsx_runtime_1.jsx)("meta", { name: "keywords", content: keywords.join(',') }) : null, robots ? (0, jsx_runtime_1.jsx)("meta", { name: "robots", content: robots.join(',') }) : null, renderOpenGraph(og), renderTwitter(twitter), canonical ? (0, jsx_runtime_1.jsx)("link", { rel: "canonical", href: canonical }) : null, jsonLd ? (0, jsx_runtime_1.jsx)("script", { type: "application/ld+json", children: jsonLd }) : null, children] }));
-});
-function renderOpenGraph(og) {
-    return og
-        ? Object.entries(og).map(([key, value]) => ((0, jsx_runtime_1.jsx)("meta", { property: `og:${key}`, content: value }, key)))
-        : null;
-}
-function renderTwitter(twitter) {
-    return twitter
-        ? Object.entries(twitter).map(([key, value]) => ((0, jsx_runtime_1.jsx)("meta", { name: `twitter:${key}`, content: value }, key)))
-        : null;
-}
-//# sourceMappingURL=ContentPageHead.js.map

package/dist/components/ContentPage/ContentPageHead.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentPageHead.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPageHead.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,eAAe,GAAG,IAAA,aAAG,EAAuB,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAEhE,OAAO,CACL,wBAAC,aAAa,eACZ,4CAAQ,KAAK,GAAS,EACtB,iCAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,qCAAqC,GAAG,EACrE,WAAW,CAAC,CAAC,CAAC,iCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACtE,QAAQ,CAAC,CAAC,CAAC,iCAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACvE,MAAM,CAAC,CAAC,CAAC,iCAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EACjE,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CAAC,OAAO,CAAC,EACtB,SAAS,CAAC,CAAC,CAAC,iCAAM,GAAG,EAAC,WAAW,EAAC,IAAI,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5D,MAAM,CAAC,CAAC,CAAC,mCAAQ,IAAI,EAAC,qBAAqB,YAAE,MAAM,GAAU,CAAC,CAAC,CAAC,IAAI,EACpE,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,eAAe,CAAC,EAAsC;IAC7D,OAAO,EAAE;QACP,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACvC,iCAAgB,QAAQ,EAAE,MAAM,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,IAA1C,GAAG,CAA2C,CAC1D,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,SAAS,aAAa,CAAC,OAA2C;IAChE,OAAO,OAAO;QACZ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC5C,iCAAgB,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,IAA3C,GAAG,CAA4C,CAC3D,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/lib/components/ContentPage/ContentPageHead.d.ts

@@ -1,7 +0,0 @@
-import type { ContentPageMeta } from '../../model/ContentPageDef';
-import { VNode as _VNode } from '../../model/VNode';
-export interface ContentPageHeadProps {
-    HeadComponent: <Props, Context, VNode = _VNode>(props: Props, context?: Context) => VNode;
-    data: ContentPageMeta;
-}
-export declare const ContentPageHead: import("@redneckz/uni-jsx").UNIComponent<ContentPageHeadProps, any, any>;

package/lib/components/ContentPage/ContentPageHead.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-export const ContentPageHead = JSX(({ HeadComponent, data, children }) => {
-    const { title, main, og, twitter, jsonLd } = data;
-    const { description, keywords, canonical, robots } = main || {};
-    return (_jsxs(HeadComponent, { children: [_jsx("title", { children: title }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), description ? _jsx("meta", { name: "description", content: description }) : null, keywords ? _jsx("meta", { name: "keywords", content: keywords.join(',') }) : null, robots ? _jsx("meta", { name: "robots", content: robots.join(',') }) : null, renderOpenGraph(og), renderTwitter(twitter), canonical ? _jsx("link", { rel: "canonical", href: canonical }) : null, jsonLd ? _jsx("script", { type: "application/ld+json", children: jsonLd }) : null, children] }));
-});
-function renderOpenGraph(og) {
-    return og
-        ? Object.entries(og).map(([key, value]) => (_jsx("meta", { property: `og:${key}`, content: value }, key)))
-        : null;
-}
-function renderTwitter(twitter) {
-    return twitter
-        ? Object.entries(twitter).map(([key, value]) => (_jsx("meta", { name: `twitter:${key}`, content: value }, key)))
-        : null;
-}
-//# sourceMappingURL=ContentPageHead.js.map