@redneckz/wildless-cms-uni-blocks 0.3.58 → 0.3.59

package/src/components/ProductTile/ProductTile.fixture.tsx

@@ -17,6 +17,12 @@ const letterWithMoney: Picture = {
   format: 'webp',
 };
 
+const letterWithPhone: Picture = {
+  src: 'letter-with-phone.png',
+  alt: 'Пенсионный кредит в РСХБ',
+  format: 'webp',
+};
+
 const building: Picture = {
   src: 'building.png',
   alt: 'Кредит под залог недвижимости в РСХБ',
@@ -38,6 +44,13 @@ const benefits = [
   },
 ];
 
+const benefits2 = [
+  {
+    label: '1 год',
+    description: 'срок программы',
+  },
+];
+
 const buttons: ButtonProps[] = [
   {
     text: 'Подробнее',
@@ -46,7 +59,22 @@ const buttons: ButtonProps[] = [
   },
 ];
 
-const buttonsSecondary: ButtonProps[] = [
+const buttons2: ButtonProps[] = [
+  {
+    href: 'https://rshb.ru',
+    text: 'Подробнее',
+    target: '_blank',
+    version: 'secondary',
+  },
+];
+
+const buttons3: ButtonProps[] = [
+  {
+    href: 'https://rshb.ru',
+    text: 'Оформить',
+    target: '_blank',
+    version: 'primary',
+  },
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',
@@ -68,7 +96,7 @@ export const PRODUCT_PENSION_TILE: ProductTileContent = {
   headingType: 'h3',
   description: 'Для людей в возрасте до 75 лет',
   benefits,
-  buttons: buttonsSecondary,
+  buttons: buttons2,
 };
 
 export default {
@@ -86,7 +114,7 @@ export default {
         headingType="h3"
         description={'Потребительский кредит на любые цели, без залога и поручительства'}
         benefits={benefits}
-        buttons={buttonsSecondary}
+        buttons={buttons2}
         image={letterWithMoney}
       />
     </div>
@@ -100,7 +128,7 @@ export default {
         headingType="h3"
         description={'Без переоформления залогой недвижимости на банк'}
         benefits={benefits}
-        buttons={buttonsSecondary}
+        buttons={buttons2}
         image={building}
       />
     </div>
@@ -114,7 +142,24 @@ export default {
         headingType="h3"
         description={'Для людей в возрасте до 75 лет'}
         benefits={benefits}
-        buttons={buttonsSecondary}
+        buttons={buttons2}
+      />
+    </div>
+  ),
+  'with-add-desc': (
+    <div className="container grid grid-cols-12">
+      <ProductTile
+        context={context}
+        className="col-span-6"
+        title="Ипотечное страхование"
+        headingType="h3"
+        description={'Финансовая защита заемщиков в случае непредвиденных обстоятельств'}
+        additionalDescription={
+          'Страховая сумма и страховой взнос зависит от остатка задолженности по ипотеке'
+        }
+        benefits={benefits2}
+        buttons={buttons3}
+        image={letterWithPhone}
       />
     </div>
   ),

package/src/components/ProductTile/ProductTile.tsx

@@ -8,7 +8,7 @@ import { Img } from '../../ui-kit/Img/Img';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
 import type { ProductTileContent } from './ProductTileContent';
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
@@ -25,6 +25,7 @@ export const ProductTile = JSX<ProductTileProps>(
     title,
     headingType = 'h3',
     description,
+    additionalDescription,
     benefits,
     buttons,
     image,
@@ -60,23 +61,31 @@ export const ProductTile = JSX<ProductTileProps>(
           {description ? (
             <Description className="mt-4 max-w-[600px]" description={description} />
           ) : null}
-          <div className="flex mt-5 mb-1">
-            {benefits?.length ? (
-              <div className="mr-8">{benefits.map(renderBenefitLabel)}</div>
-            ) : null}
-            {benefits?.length ? (
-              <div className="pt-1">
-                {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
-              </div>
-            ) : null}
-          </div>
+          {renderBenefits(benefits, version)}
+
+          {additionalDescription
+            ? renderAdditionalDescription(additionalDescription, version)
+            : null}
         </BaseTile>
       </section>
     );
   },
 );
 
-function renderBenefitLabel(benefit: Benefit, i: number) {
+function renderBenefits(benefits: TextBenefit[] = [], version: BlockVersion) {
+  return (
+    <div className="flex mt-5 mb-1">
+      {benefits.length ? <div className="mr-8">{benefits.map(renderBenefitLabel)}</div> : null}
+      {benefits.length ? (
+        <div className="pt-1">
+          {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+function renderBenefitLabel(benefit: TextBenefit, i: number) {
   return (
     <div key={String(i)} className={`text-xl font-medium ${i ? 'mt-2.5' : ''}`}>
       {benefit.label}
@@ -84,7 +93,7 @@ function renderBenefitLabel(benefit: Benefit, i: number) {
   );
 }
 
-function renderBenefitDescription(benefit: Benefit, i: number, version = 'primary') {
+function renderBenefitDescription(benefit: TextBenefit, i: number, version = 'primary') {
   const labelStyleMap: Record<BlockVersion, string> = {
     primary: 'text-secondary-text',
     secondary: 'text-white',
@@ -95,3 +104,11 @@ function renderBenefitDescription(benefit: Benefit, i: number, version = 'primar
     </div>
   );
 }
+
+function renderAdditionalDescription(additionalDescription: string, version = 'primary') {
+  const descStyleMap: Record<BlockVersion, string> = {
+    primary: 'text-secondary-text',
+    secondary: 'text-white',
+  };
+  return <div className={`text-sm mt-2.5 ${descStyleMap[version]}`}>{additionalDescription}</div>;
+}

package/src/components/ProductTile/ProductTileContent.ts

@@ -19,4 +19,6 @@ export type ProductTileContent = HeadingContent &
      * @maxItems 7
      */
     benefits?: TextBenefit[];
+    /** @title Дополнительное описание */
+    additionalDescription?: string;
   };

package/src/components/Tile/Tile.tsx

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

package/src/types.ts

@@ -44,16 +44,10 @@ export interface ContentPageMeta {
   jsonLd?: string;
 }
 
-export interface CustomPageTemplate {
-  content?: Record<string, any>;
-  type?: string;
-}
-
 export interface ContentPageDef extends ContentPageMeta {
   style?: string[];
   blocks?: BlockDef[];
   slots?: SlotsMap;
-  customPageTmpl?: CustomPageTemplate;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
 }

package/src/ui-kit/Button/Button.fixture.tsx

@@ -84,6 +84,18 @@ export default {
             text="App Store"
             version="secondary"
           />
+
+          <Button
+            href="https://www.rshb.ru/"
+            target="_blank"
+            appendRight={
+              <div>
+                <Img image={{ icon: 'TelegramIcon' }} width="20" height="16" asSVG />
+              </div>
+            }
+            text="Мы в Telegram"
+            version="primary"
+          />
         </div>
       </div>
       <div>

package/src/ui-kit/Button/Button.tsx

@@ -21,10 +21,16 @@ const buttonStyle = 'text-center font-sans select-none';
 export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {}
 
 export const Button = JSX<ButtonCommonProps>((props) => {
-  const { text, aboveText, appendLeft, children, disabled, rounded, ...rest } = props;
+  const { text, aboveText, appendLeft, appendRight, children, disabled, rounded, ...rest } = props;
 
   const buttonInner = children ?? (
-    <ButtonInner text={text} aboveText={aboveText} appendLeft={appendLeft} rounded={rounded} />
+    <ButtonInner
+      text={text}
+      aboveText={aboveText}
+      appendLeft={appendLeft}
+      appendRight={appendRight}
+      rounded={rounded}
+    />
   );
 
   return disabled ? (

package/src/ui-kit/Button/ButtonInner.tsx

@@ -7,7 +7,7 @@ interface ButtonInnerProps extends ButtonWithIconProps {
 }
 
 export const ButtonInner = JSX<ButtonInnerProps>((props) => {
-  const { text, aboveText, appendLeft } = props;
+  const { text, aboveText, appendLeft, appendRight } = props;
   return (
     <div className={getButtonStyle(props)}>
       {appendLeft ? appendLeft : null}
@@ -17,6 +17,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
           <div className="text-button text-left">{text}</div>
         </div>
       ) : null}
+      {appendRight ? appendRight : null}
     </div>
   );
 });

package/src/ui-kit/Button/ButtonProps.ts

@@ -29,6 +29,8 @@ export interface ButtonWithIconProps extends ButtonProps {
   aboveText?: string;
   /** @hidden */
   appendLeft?: any;
+  /** @hidden */
+  appendRight?: any;
   /** @title Закругленные углы */
   rounded?: boolean;
   /** @hidden */

package/src/ui-kit/Button/ButtonSection.tsx

@@ -11,7 +11,7 @@ export const ButtonSection = JSX<ButtonSectionProps>(({ context, className = '',
   const { handlerDecorator } = context;
   const router = context.useRouter();
   return buttons?.length ? (
-    <div className={`${className}`}>
+    <div className={className}>
       {buttons.map((button, index) =>
         renderButton(useLink({ router, handlerDecorator }, button), index),
       )}

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

@@ -1,30 +0,0 @@
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { ContentPageContext } from './ContentPageContext';
-interface PageDecoratorProps<VNode> {
-    pageClassName: string;
-    pageTemplate: CustomPageTemplate;
-    render: (props: {
-        pageClassName: string;
-        pageTemplate: CustomPageTemplate;
-    }) => VNode;
-}
-export declare type PageDecorator<VNode = any> = (props: PageDecoratorProps<VNode>, index?: number | string) => any;
-export interface PageTemplate {
-    name: string;
-    template: any;
-}
-export declare type PageTemplatesRegistry = Record<string, PageTemplate>;
-export interface CustomContentPageProps extends UniBlockProps {
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    data: ContentPageDef;
-    pageDecorator?: PageDecorator;
-}
-export interface RenderPageFunc {
-    pageTemplate: CustomPageTemplate;
-    pageClassName: string;
-    pageDecorator: PageDecorator;
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    context: ContentPageContext;
-}
-export declare const CustomContentPage: (props: import("@redneckz/uni-jsx").PropsWithChildren<CustomContentPageProps, any>, context?: any) => any;
-export {};

package/dist/components/ContentPage/CustomContentPage.js

@@ -1,33 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomContentPage = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const style2className_1 = require("../../utils/style2className");
-const defaultPageDecorator = ({ pageClassName, pageTemplate, render }) => render({ pageClassName, pageTemplate });
-exports.CustomContentPage = (0, uni_jsx_1.JSX)(({ className = '', context, pageTemplatesRegistry, data: { style: pageStyle, customPageTmpl: pageTemplate }, pageDecorator = defaultPageDecorator, }) => {
-    return pageTemplate
-        ? renderPage({
-            pageTemplate,
-            pageClassName: `${(0, style2className_1.style2className)(pageStyle)} ${className}`,
-            pageDecorator,
-            pageTemplatesRegistry,
-            context,
-        })
-        : null;
-});
-function renderPage({ pageTemplate, pageClassName, pageDecorator, pageTemplatesRegistry, context, }) {
-    const { type } = pageTemplate;
-    if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-        throw new Error(`No page template with "${type}" is registered`);
-    }
-    const { template: PageComponent } = pageTemplatesRegistry[type];
-    return pageDecorator({
-        pageClassName,
-        pageTemplate,
-        render: (props) => {
-            const { content } = props.pageTemplate;
-            return (0, jsx_runtime_1.jsx)(PageComponent, { className: props.pageClassName, context: context, ...content });
-        },
-    });
-}
-//# sourceMappingURL=CustomContentPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/CustomContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,iEAA8D;AAmC9D,MAAM,oBAAoB,GAAkB,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CACtF,MAAM,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;AAE7B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,qBAAqB,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,EACxD,aAAa,GAAG,oBAAoB,GACrC,EAAE,EAAE;IACH,OAAO,YAAY;QACjB,CAAC,CAAC,UAAU,CAAC;YACT,YAAY;YACZ,aAAa,EAAE,GAAG,IAAA,iCAAe,EAAC,SAAS,CAAC,IAAI,SAAS,EAAE;YAC3D,aAAa;YACb,qBAAqB;YACrB,OAAO;SACR,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,OAAO,GACQ;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;IAC9B,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACrF,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,aAAa,CAAC;QACnB,aAAa;QACb,YAAY;QACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YACvC,OAAO,uBAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,OAAO,GAAI,CAAC;QAC1F,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

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

@@ -1,30 +0,0 @@
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { ContentPageContext } from './ContentPageContext';
-interface PageDecoratorProps<VNode> {
-    pageClassName: string;
-    pageTemplate: CustomPageTemplate;
-    render: (props: {
-        pageClassName: string;
-        pageTemplate: CustomPageTemplate;
-    }) => VNode;
-}
-export declare type PageDecorator<VNode = any> = (props: PageDecoratorProps<VNode>, index?: number | string) => any;
-export interface PageTemplate {
-    name: string;
-    template: any;
-}
-export declare type PageTemplatesRegistry = Record<string, PageTemplate>;
-export interface CustomContentPageProps extends UniBlockProps {
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    data: ContentPageDef;
-    pageDecorator?: PageDecorator;
-}
-export interface RenderPageFunc {
-    pageTemplate: CustomPageTemplate;
-    pageClassName: string;
-    pageDecorator: PageDecorator;
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    context: ContentPageContext;
-}
-export declare const CustomContentPage: (props: import("@redneckz/uni-jsx").PropsWithChildren<CustomContentPageProps, any>, context?: any) => any;
-export {};

package/lib/components/ContentPage/CustomContentPage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { style2className } from '../../utils/style2className.js';
-const defaultPageDecorator = ({ pageClassName, pageTemplate, render }) => render({ pageClassName, pageTemplate });
-export const CustomContentPage = JSX(({ className = '', context, pageTemplatesRegistry, data: { style: pageStyle, customPageTmpl: pageTemplate }, pageDecorator = defaultPageDecorator, }) => {
-    return pageTemplate
-        ? renderPage({
-            pageTemplate,
-            pageClassName: `${style2className(pageStyle)} ${className}`,
-            pageDecorator,
-            pageTemplatesRegistry,
-            context,
-        })
-        : null;
-});
-function renderPage({ pageTemplate, pageClassName, pageDecorator, pageTemplatesRegistry, context, }) {
-    const { type } = pageTemplate;
-    if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-        throw new Error(`No page template with "${type}" is registered`);
-    }
-    const { template: PageComponent } = pageTemplatesRegistry[type];
-    return pageDecorator({
-        pageClassName,
-        pageTemplate,
-        render: (props) => {
-            const { content } = props.pageTemplate;
-            return _jsx(PageComponent, { className: props.pageClassName, context: context, ...content });
-        },
-    });
-}
-//# sourceMappingURL=CustomContentPage.js.map

package/lib/components/ContentPage/CustomContentPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/CustomContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAmC9D,MAAM,oBAAoB,GAAkB,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CACtF,MAAM,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,qBAAqB,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,EACxD,aAAa,GAAG,oBAAoB,GACrC,EAAE,EAAE;IACH,OAAO,YAAY;QACjB,CAAC,CAAC,UAAU,CAAC;YACT,YAAY;YACZ,aAAa,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE;YAC3D,aAAa;YACb,qBAAqB;YACrB,OAAO;SACR,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,OAAO,GACQ;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;IAC9B,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACrF,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,aAAa,CAAC;QACnB,aAAa;QACb,YAAY;QACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YACvC,OAAO,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,OAAO,GAAI,CAAC;QAC1F,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/mobile/dist/components/ContentPage/CustomContentPage.d.ts

@@ -1,30 +0,0 @@
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { ContentPageContext } from './ContentPageContext';
-interface PageDecoratorProps<VNode> {
-    pageClassName: string;
-    pageTemplate: CustomPageTemplate;
-    render: (props: {
-        pageClassName: string;
-        pageTemplate: CustomPageTemplate;
-    }) => VNode;
-}
-export declare type PageDecorator<VNode = any> = (props: PageDecoratorProps<VNode>, index?: number | string) => any;
-export interface PageTemplate {
-    name: string;
-    template: any;
-}
-export declare type PageTemplatesRegistry = Record<string, PageTemplate>;
-export interface CustomContentPageProps extends UniBlockProps {
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    data: ContentPageDef;
-    pageDecorator?: PageDecorator;
-}
-export interface RenderPageFunc {
-    pageTemplate: CustomPageTemplate;
-    pageClassName: string;
-    pageDecorator: PageDecorator;
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    context: ContentPageContext;
-}
-export declare const CustomContentPage: (props: import("@redneckz/uni-jsx").PropsWithChildren<CustomContentPageProps, any>, context?: any) => any;
-export {};

package/mobile/dist/components/ContentPage/CustomContentPage.js

@@ -1,33 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomContentPage = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const style2className_1 = require("../../utils/style2className");
-const defaultPageDecorator = ({ pageClassName, pageTemplate, render }) => render({ pageClassName, pageTemplate });
-exports.CustomContentPage = (0, uni_jsx_1.JSX)(({ className = '', context, pageTemplatesRegistry, data: { style: pageStyle, customPageTmpl: pageTemplate }, pageDecorator = defaultPageDecorator, }) => {
-    return pageTemplate
-        ? renderPage({
-            pageTemplate,
-            pageClassName: `${(0, style2className_1.style2className)(pageStyle)} ${className}`,
-            pageDecorator,
-            pageTemplatesRegistry,
-            context,
-        })
-        : null;
-});
-function renderPage({ pageTemplate, pageClassName, pageDecorator, pageTemplatesRegistry, context, }) {
-    const { type } = pageTemplate;
-    if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-        throw new Error(`No page template with "${type}" is registered`);
-    }
-    const { template: PageComponent } = pageTemplatesRegistry[type];
-    return pageDecorator({
-        pageClassName,
-        pageTemplate,
-        render: (props) => {
-            const { content } = props.pageTemplate;
-            return (0, jsx_runtime_1.jsx)(PageComponent, { className: props.pageClassName, context: context, ...content });
-        },
-    });
-}
-//# sourceMappingURL=CustomContentPage.js.map

package/mobile/dist/components/ContentPage/CustomContentPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/CustomContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,iEAA8D;AAmC9D,MAAM,oBAAoB,GAAkB,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CACtF,MAAM,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;AAE7B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,qBAAqB,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,EACxD,aAAa,GAAG,oBAAoB,GACrC,EAAE,EAAE;IACH,OAAO,YAAY;QACjB,CAAC,CAAC,UAAU,CAAC;YACT,YAAY;YACZ,aAAa,EAAE,GAAG,IAAA,iCAAe,EAAC,SAAS,CAAC,IAAI,SAAS,EAAE;YAC3D,aAAa;YACb,qBAAqB;YACrB,OAAO;SACR,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,OAAO,GACQ;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;IAC9B,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACrF,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,aAAa,CAAC;QACnB,aAAa;QACb,YAAY;QACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YACvC,OAAO,uBAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,OAAO,GAAI,CAAC;QAC1F,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/mobile/lib/components/ContentPage/CustomContentPage.d.ts

@@ -1,30 +0,0 @@
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { ContentPageContext } from './ContentPageContext';
-interface PageDecoratorProps<VNode> {
-    pageClassName: string;
-    pageTemplate: CustomPageTemplate;
-    render: (props: {
-        pageClassName: string;
-        pageTemplate: CustomPageTemplate;
-    }) => VNode;
-}
-export declare type PageDecorator<VNode = any> = (props: PageDecoratorProps<VNode>, index?: number | string) => any;
-export interface PageTemplate {
-    name: string;
-    template: any;
-}
-export declare type PageTemplatesRegistry = Record<string, PageTemplate>;
-export interface CustomContentPageProps extends UniBlockProps {
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    data: ContentPageDef;
-    pageDecorator?: PageDecorator;
-}
-export interface RenderPageFunc {
-    pageTemplate: CustomPageTemplate;
-    pageClassName: string;
-    pageDecorator: PageDecorator;
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    context: ContentPageContext;
-}
-export declare const CustomContentPage: (props: import("@redneckz/uni-jsx").PropsWithChildren<CustomContentPageProps, any>, context?: any) => any;
-export {};

package/mobile/lib/components/ContentPage/CustomContentPage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { style2className } from '../../utils/style2className.js';
-const defaultPageDecorator = ({ pageClassName, pageTemplate, render }) => render({ pageClassName, pageTemplate });
-export const CustomContentPage = JSX(({ className = '', context, pageTemplatesRegistry, data: { style: pageStyle, customPageTmpl: pageTemplate }, pageDecorator = defaultPageDecorator, }) => {
-    return pageTemplate
-        ? renderPage({
-            pageTemplate,
-            pageClassName: `${style2className(pageStyle)} ${className}`,
-            pageDecorator,
-            pageTemplatesRegistry,
-            context,
-        })
-        : null;
-});
-function renderPage({ pageTemplate, pageClassName, pageDecorator, pageTemplatesRegistry, context, }) {
-    const { type } = pageTemplate;
-    if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-        throw new Error(`No page template with "${type}" is registered`);
-    }
-    const { template: PageComponent } = pageTemplatesRegistry[type];
-    return pageDecorator({
-        pageClassName,
-        pageTemplate,
-        render: (props) => {
-            const { content } = props.pageTemplate;
-            return _jsx(PageComponent, { className: props.pageClassName, context: context, ...content });
-        },
-    });
-}
-//# sourceMappingURL=CustomContentPage.js.map

package/mobile/lib/components/ContentPage/CustomContentPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/CustomContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAmC9D,MAAM,oBAAoB,GAAkB,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CACtF,MAAM,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,qBAAqB,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,EACxD,aAAa,GAAG,oBAAoB,GACrC,EAAE,EAAE;IACH,OAAO,YAAY;QACjB,CAAC,CAAC,UAAU,CAAC;YACT,YAAY;YACZ,aAAa,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE;YAC3D,aAAa;YACb,qBAAqB;YACrB,OAAO;SACR,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,OAAO,GACQ;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;IAC9B,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACrF,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,aAAa,CAAC;QACnB,aAAa;QACb,YAAY;QACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YACvC,OAAO,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,OAAO,GAAI,CAAC;QAC1F,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/mobile/src/components/ContentPage/CustomContentPage.tsx

@@ -1,82 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { style2className } from '../../utils/style2className';
-import { ContentPageContext } from './ContentPageContext';
-
-interface PageDecoratorProps<VNode> {
-  pageClassName: string;
-  pageTemplate: CustomPageTemplate;
-  render: (props: { pageClassName: string; pageTemplate: CustomPageTemplate }) => VNode;
-}
-
-export type PageDecorator<VNode = any> = (
-  props: PageDecoratorProps<VNode>,
-  index?: number | string,
-) => any;
-
-export interface PageTemplate {
-  name: string;
-  template: any;
-}
-
-export type PageTemplatesRegistry = Record<string, PageTemplate>;
-
-export interface CustomContentPageProps extends UniBlockProps {
-  pageTemplatesRegistry: PageTemplatesRegistry;
-  data: ContentPageDef;
-  pageDecorator?: PageDecorator;
-}
-
-export interface RenderPageFunc {
-  pageTemplate: CustomPageTemplate;
-  pageClassName: string;
-  pageDecorator: PageDecorator;
-  pageTemplatesRegistry: PageTemplatesRegistry;
-  context: ContentPageContext;
-}
-
-const defaultPageDecorator: PageDecorator = ({ pageClassName, pageTemplate, render }) =>
-  render({ pageClassName, pageTemplate });
-
-export const CustomContentPage = JSX<CustomContentPageProps>(
-  ({
-    className = '',
-    context,
-    pageTemplatesRegistry,
-    data: { style: pageStyle, customPageTmpl: pageTemplate },
-    pageDecorator = defaultPageDecorator,
-  }) => {
-    return pageTemplate
-      ? renderPage({
-          pageTemplate,
-          pageClassName: `${style2className(pageStyle)} ${className}`,
-          pageDecorator,
-          pageTemplatesRegistry,
-          context,
-        })
-      : null;
-  },
-);
-
-function renderPage({
-  pageTemplate,
-  pageClassName,
-  pageDecorator,
-  pageTemplatesRegistry,
-  context,
-}: RenderPageFunc) {
-  const { type } = pageTemplate;
-  if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-    throw new Error(`No page template with "${type}" is registered`);
-  }
-
-  const { template: PageComponent } = pageTemplatesRegistry[type];
-  return pageDecorator({
-    pageClassName,
-    pageTemplate,
-    render: (props) => {
-      const { content } = props.pageTemplate;
-      return <PageComponent className={props.pageClassName} context={context} {...content} />;
-    },
-  });
-}