@redneckz/wildless-cms-uni-blocks 0.14.336 → 0.15.336

package/dist/components/ComparisonTable/TableColumn.js

@@ -1,20 +1,20 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableColumn = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
-const Text_1 = require("../../ui-kit/Text/Text");
-const style_1 = require("../../utils/style");
-const constants_1 = require("./constants");
-const HeaderCell_1 = require("./HeaderCell");
-const TableCell_1 = require("./TableCell");
-exports.TableColumn = (0, uni_jsx_1.JSX)(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
-    const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
-    const gradientColumnStyle = isFillGradient ? constants_1.gradientStyle : '';
-    const buttonVersion = isFillGradient ? 'secondary' : 'primary';
-    return ((0, jsx_runtime_1.jsx)("tr", { className: "mb-m", children: (0, jsx_runtime_1.jsxs)("td", { className: (0, style_1.style)('border border-gray rounded-md p-m', gradientColumnStyle), children: [(0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
-                    ? columnDataView.map(({ rowHeader, cell }, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
-                    : null, showRow && header?.link ? ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { href: header.link.href, target: header.link?.target, version: buttonVersion, ariaLabel: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", className: "text-s font-medium mt-m p-s", children: header.link.text })) : null, renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }) }));
-});
-const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => ((0, jsx_runtime_1.jsx)("td", { className: "pt-lg", children: (0, jsx_runtime_1.jsx)("a", { role: "link", onClick: onToggleColumn, className: `cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-s", font: "font-medium", children: !showRow ? 'Показать описание' : 'Скрыть' }) }) }));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableColumn = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
+const Text_1 = require("../../ui-kit/Text/Text");
+const style_1 = require("../../utils/style");
+const constants_1 = require("./constants");
+const HeaderCell_1 = require("./HeaderCell");
+const TableCell_1 = require("./TableCell");
+exports.TableColumn = (0, uni_jsx_1.JSX)(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
+    const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
+    const gradientColumnStyle = isFillGradient ? constants_1.gradientStyle : '';
+    const buttonVersion = isFillGradient ? 'secondary' : 'primary';
+    return ((0, jsx_runtime_1.jsx)("tr", { className: "mb-m", children: (0, jsx_runtime_1.jsxs)("td", { className: (0, style_1.style)('border border-gray rounded-md p-m', gradientColumnStyle), children: [(0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
+                    ? columnDataView.map(({ rowHeader, cell }, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
+                    : null, showRow && header?.link ? ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { href: header.link.href, target: header.link?.target, version: buttonVersion, ariaLabel: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435", className: "text-s font-medium mt-m p-s", children: header.link.text })) : null, renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }) }));
+});
+const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => ((0, jsx_runtime_1.jsx)("td", { className: "pt-lg", children: (0, jsx_runtime_1.jsx)("a", { role: "link", onClick: onToggleColumn, className: `cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-s", font: "font-medium", children: !showRow ? 'Показать описание' : 'Скрыть' }) }) }));
 //# sourceMappingURL=TableColumn.js.map

package/dist/components/ComparisonTable/TableRow.d.ts

@@ -1,15 +1,15 @@
-import { type TitleProps } from '../../model/HeadlineType';
-import { type CellData } from './ComparisonTableContent';
-export interface Row {
-    header: TitleProps;
-    data: CellData[][];
-}
-export interface TableRowProps {
-    className?: string;
-    row: Row;
-    activeIndex: number;
-    isColoredFirstColumn: boolean;
-    isFirstRow: boolean;
-    isLastRow: boolean;
-}
-export declare const TableRow: import("@redneckz/uni-jsx").UNIComponent<TableRowProps, any, any>;
+import { type TitleProps } from '../../model/HeadlineType';
+import { type CellData } from './ComparisonTableContent';
+export interface Row {
+    header: TitleProps;
+    data: CellData[][];
+}
+export interface TableRowProps {
+    className?: string;
+    row: Row;
+    activeIndex: number;
+    isColoredFirstColumn: boolean;
+    isFirstRow: boolean;
+    isLastRow: boolean;
+}
+export declare const TableRow: import("@redneckz/uni-jsx").UNIComponent<TableRowProps, any, any>;

package/dist/components/ComparisonTable/TableRow.js

@@ -1,13 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRow = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-const style_1 = require("../../utils/style");
-const constants_1 = require("./constants");
-const TableCarouselContainer_1 = require("./TableCarouselContainer");
-const TableCell_1 = require("./TableCell");
-const TableRowContainer_1 = require("./TableRowContainer");
-const titleStyle = (isLastRow = false) => (0, style_1.style)('py-2xl', constants_1.dividerStyle, constants_1.firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
-exports.TableRow = (0, uni_jsx_1.JSX)(({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [header?.title ? ((0, jsx_runtime_1.jsx)("div", { className: titleStyle(isLastRow), children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", children: header.title }) })) : null, data?.length ? ((0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeIndex: activeIndex, columnWidth: constants_1.COLUMN_WIDTH, children: data.map((cell, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRow = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
+const style_1 = require("../../utils/style");
+const constants_1 = require("./constants");
+const TableCarouselContainer_1 = require("./TableCarouselContainer");
+const TableCell_1 = require("./TableCell");
+const TableRowContainer_1 = require("./TableRowContainer");
+const titleStyle = (isLastRow = false) => (0, style_1.style)('py-2xl', constants_1.dividerStyle, constants_1.firstCellStyle, isLastRow ? 'border-b-0' : 'border-solid');
+exports.TableRow = (0, uni_jsx_1.JSX)(({ row: { header, data }, activeIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => ((0, jsx_runtime_1.jsxs)(TableRowContainer_1.TableRowContainer, { children: [header?.title ? ((0, jsx_runtime_1.jsx)("div", { className: titleStyle(isLastRow), children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-s", children: header.title }) })) : null, data?.length ? ((0, jsx_runtime_1.jsx)(TableCarouselContainer_1.TableCarouselContainer, { activeIndex: activeIndex, columnWidth: constants_1.COLUMN_WIDTH, children: data.map((cell, i) => ((0, jsx_runtime_1.jsx)(TableCell_1.TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
 //# sourceMappingURL=TableRow.js.map

package/dist/components/ComparisonTable/TableRowContainer.d.ts

@@ -1 +1 @@
-export declare const TableRowContainer: import("@redneckz/uni-jsx").UNIComponent<{}, any, any>;
+export declare const TableRowContainer: import("@redneckz/uni-jsx").UNIComponent<{}, any, any>;

package/dist/components/ComparisonTable/TableRowContainer.js

@@ -1,6 +1,6 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRowContainer = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.TableRowContainer = (0, uni_jsx_1.JSX)(({ children }) => ((0, jsx_runtime_1.jsx)("div", { className: "self-start flex flex-col", role: "row", children: (0, jsx_runtime_1.jsx)("div", { className: "flex gap-xl", children: children }) })));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRowContainer = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+exports.TableRowContainer = (0, uni_jsx_1.JSX)(({ children }) => ((0, jsx_runtime_1.jsx)("div", { className: "self-start flex flex-col", role: "row", children: (0, jsx_runtime_1.jsx)("div", { className: "flex gap-xl", children: children }) })));
 //# sourceMappingURL=TableRowContainer.js.map

package/dist/components/ComparisonTable/constants.d.ts

@@ -1,6 +1,6 @@
-export declare const gradientStyle = "bg-gradient-to-r from-main-gradient-start to-main-gradient-end";
-export declare const borderStyle = "border-gray border-solid border";
-export declare const dividerStyle = "border-main-divider border-b";
-export declare const firstCellStyle = "w-52";
-export declare const COLS_LENGTH_FOR_SCROLL = 3;
-export declare const COLUMN_WIDTH: number;
+export declare const gradientStyle = "bg-gradient-to-r from-main-gradient-start to-main-gradient-end";
+export declare const borderStyle = "border-gray border-solid border";
+export declare const dividerStyle = "border-main-divider border-b";
+export declare const firstCellStyle = "w-52";
+export declare const COLS_LENGTH_FOR_SCROLL = 3;
+export declare const COLUMN_WIDTH: number;

package/dist/components/ComparisonTable/constants.js

@@ -1,9 +1,9 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.COLUMN_WIDTH = exports.COLS_LENGTH_FOR_SCROLL = exports.firstCellStyle = exports.dividerStyle = exports.borderStyle = exports.gradientStyle = void 0;
-exports.gradientStyle = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
-exports.borderStyle = 'border-gray border-solid border';
-exports.dividerStyle = 'border-main-divider border-b';
-exports.firstCellStyle = 'w-52';
-exports.COLS_LENGTH_FOR_SCROLL = 3;
-exports.COLUMN_WIDTH = 4 * 80 + 4 * 4; // w-80 + gap-4 = 336px
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLUMN_WIDTH = exports.COLS_LENGTH_FOR_SCROLL = exports.firstCellStyle = exports.dividerStyle = exports.borderStyle = exports.gradientStyle = void 0;
+exports.gradientStyle = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
+exports.borderStyle = 'border-gray border-solid border';
+exports.dividerStyle = 'border-main-divider border-b';
+exports.firstCellStyle = 'w-52';
+exports.COLS_LENGTH_FOR_SCROLL = 3;
+exports.COLUMN_WIDTH = 4 * 80 + 4 * 4; // w-80 + gap-4 = 336px
 //# sourceMappingURL=constants.js.map

package/dist/components/ContactsBlock/ContactsBlock.d.ts

@@ -1,5 +1,5 @@
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type ContactsBlockContent } from './ContactsBlockContent';
-export interface ContactsBlockProps extends ContactsBlockContent, UniBlockProps {
-}
-export declare const ContactsBlock: import("@redneckz/uni-jsx").UNIComponent<ContactsBlockProps, any, any>;
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type ContactsBlockContent } from './ContactsBlockContent';
+export interface ContactsBlockProps extends ContactsBlockContent, UniBlockProps {
+}
+export declare const ContactsBlock: import("@redneckz/uni-jsx").UNIComponent<ContactsBlockProps, any, any>;

package/dist/components/ContactsBlock/ContactsBlock.js

@@ -1,13 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactsBlock = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-const style_1 = require("../../utils/style");
-const Headline_1 = require("../Headline/Headline");
-exports.ContactsBlock = (0, uni_jsx_1.JSX)(({ className, contacts, info, version = 'secondary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex', className), defaultPadding: "p-6xl", version: version, ...rest, children: [info?.length ? renderBlocks(info) : null, contacts?.length ? renderBlocks(contacts) : null] })));
-const renderBlocks = (info) => ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-5xl grow basis-0", children: info.map((column, index) => renderBlocksColumn({ column, index })) }));
-const renderBlocksColumn = ({ column, index }) => column ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-xl grow basis-0", children: column.map(({ title = '', description, additionalDescription, button }, key) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "XS", align: "text-left", isEmbedded: true }), additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-xs opacity-80", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", children: additionalDescription }) })) : null, button?.href ? (0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { className: "mt-xl", ...button }) : null] }, String(key)))) }, `col-${String(index)}`)) : null;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactsBlock = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
+const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
+const style_1 = require("../../utils/style");
+const Headline_1 = require("../Headline/Headline");
+exports.ContactsBlock = (0, uni_jsx_1.JSX)(({ className, contacts, info, version = 'secondary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex', className), defaultPadding: "p-6xl", version: version, ...rest, children: [info?.length ? renderBlocks(info) : null, contacts?.length ? renderBlocks(contacts) : null] })));
+const renderBlocks = (info) => ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-5xl grow basis-0", children: info.map((column, index) => renderBlocksColumn({ column, index })) }));
+const renderBlocksColumn = ({ column, index }) => column ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-xl grow basis-0", children: column.map(({ title = '', description, additionalDescription, button }, key) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "XS", align: "text-left", isEmbedded: true }), additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-xs opacity-80", children: (0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", children: additionalDescription }) })) : null, button?.href ? (0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { className: "mt-xl", ...button }) : null] }, String(key)))) }, `col-${String(index)}`)) : null;
 //# sourceMappingURL=ContactsBlock.js.map

package/dist/components/ContactsBlock/ContactsBlockContent.d.ts

@@ -1,25 +1,25 @@
-import { type AdditionalDescriptionProps, type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-/**
- * @title Элемент плитки
- */
-export declare type ContactBlockProps = HeadlineCommonProps & AdditionalDescriptionProps & {
-    /** @title Кнопка */
-    button?: LinkButtonContent;
-};
-/**
- * @title Контакты
- */
-export declare type ContactsBlockContent = UniBlockContent & {
-    /**
-     * @title Данные
-     * @maxItems 2
-     * */
-    info?: ContactBlockProps[][];
-    /**
-     * @title Контакты
-     * @maxItems 2
-     * */
-    contacts?: ContactBlockProps[][];
-};
+import { type AdditionalDescriptionProps, type HeadlineCommonProps } from '../../model/HeadlineType';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+/**
+ * @title Элемент плитки
+ */
+export declare type ContactBlockProps = HeadlineCommonProps & AdditionalDescriptionProps & {
+    /** @title Кнопка */
+    button?: LinkButtonContent;
+};
+/**
+ * @title Контакты
+ */
+export declare type ContactsBlockContent = UniBlockContent & {
+    /**
+     * @title Данные
+     * @maxItems 2
+     * */
+    info?: ContactBlockProps[][];
+    /**
+     * @title Контакты
+     * @maxItems 2
+     * */
+    contacts?: ContactBlockProps[][];
+};

package/dist/components/ContactsBlock/ContactsBlockContent.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ContactsBlockContent.js.map

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

@@ -1,11 +1,11 @@
-import { type BlockDecorator } from '../../model/BlockDecorator';
-import { type BlocksRegistry } from '../../model/BlocksRegistry';
-import { type ContentPageDef } from '../../model/ContentPageDef';
-interface ContentPageProps {
-    className?: string;
-    data?: ContentPageDef;
-    blocksRegistry: BlocksRegistry;
-    blockDecorator?: BlockDecorator;
-}
-export declare const ContentPage: import("@redneckz/uni-jsx").UNIComponent<ContentPageProps, any, any>;
-export {};
+import { type BlockDecorator } from '../../model/BlockDecorator';
+import { type BlocksRegistry } from '../../model/BlocksRegistry';
+import { type ContentPageDef } from '../../model/ContentPageDef';
+interface ContentPageProps {
+    className?: string;
+    data?: ContentPageDef;
+    blocksRegistry: BlocksRegistry;
+    blockDecorator?: BlockDecorator;
+}
+export declare const ContentPage: import("@redneckz/uni-jsx").UNIComponent<ContentPageProps, any, any>;
+export {};

package/dist/components/ContentPage/ContentPage.js

@@ -1,41 +1,41 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentPage = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const renderBlockList_1 = require("../../BlockRenderer/renderBlockList");
-const renderChildren_1 = require("../../BlockRenderer/renderChildren");
-const useClickHandler_1 = require("../../hooks/useClickHandler");
-const useJSONRef_1 = require("../../hooks/useJSONRef/useJSONRef");
-const CookiePopup_1 = require("../../ui-kit/CookiePopup/CookiePopup");
-const DialogManager_1 = require("../../ui-kit/DialogManager/DialogManager");
-const PopupManager_1 = require("../../ui-kit/PopupManager/PopupManager");
-const style_1 = require("../../utils/style");
-const HEADER_SLOT = 'header';
-const FOOTER_SLOT = 'footer';
-const STICKY_FOOTER_SLOT = 'sticky-footer';
-const EMPTY_DATA = {};
-exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, data = EMPTY_DATA, blocksRegistry, blockDecorator }) => {
-    const { slots, blocks, fallback, ...pageContent } = data;
-    const resolvedPageContent = (0, useJSONRef_1.useJSONRef)(pageContent, fallback);
-    (0, useClickHandler_1.useClickHandler)();
-    const options = {
-        key: '',
-        page: { slots, blocks, fallback, ...resolvedPageContent },
-        blocksRegistry,
-        blockDecorator,
-        parent: data,
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-theme": data.colorPalette || 'pc', children: [(0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('@container relative', data.style, className), children: [slots?.[HEADER_SLOT]?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: (0, renderBlockList_1.renderBlocksList)(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [(0, renderChildren_1.renderChildren)({
-                                block: data,
-                                options,
-                                extraProps: { className: 'scroll-mt-12' },
-                            }), (0, renderBlockList_1.renderBlocksList)(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }), slots?.[STICKY_FOOTER_SLOT]?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "fixed w-full bottom-0 left-0 z-[100]", children: (0, renderBlockList_1.renderBlocksList)(slots?.[STICKY_FOOTER_SLOT], {
-                    ...options,
-                    slotName: STICKY_FOOTER_SLOT,
-                }) })) : null, (0, jsx_runtime_1.jsx)(DialogManager_1.DialogManager, {}), (0, jsx_runtime_1.jsx)(PopupManager_1.PopupManager, {}), (0, jsx_runtime_1.jsx)(CookiePopup_1.CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
-});
-Object.assign(exports.ContentPage, {
-    childrenTypes: [],
-    slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentPage = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const renderBlockList_1 = require("../../BlockRenderer/renderBlockList");
+const renderChildren_1 = require("../../BlockRenderer/renderChildren");
+const useClickHandler_1 = require("../../hooks/useClickHandler");
+const useJSONRef_1 = require("../../hooks/useJSONRef/useJSONRef");
+const CookiePopup_1 = require("../../ui-kit/CookiePopup/CookiePopup");
+const DialogManager_1 = require("../../ui-kit/DialogManager/DialogManager");
+const PopupManager_1 = require("../../ui-kit/PopupManager/PopupManager");
+const style_1 = require("../../utils/style");
+const HEADER_SLOT = 'header';
+const FOOTER_SLOT = 'footer';
+const STICKY_FOOTER_SLOT = 'sticky-footer';
+const EMPTY_DATA = {};
+exports.ContentPage = (0, uni_jsx_1.JSX)(({ className, data = EMPTY_DATA, blocksRegistry, blockDecorator }) => {
+    const { slots, blocks, fallback, ...pageContent } = data;
+    const resolvedPageContent = (0, useJSONRef_1.useJSONRef)(pageContent, fallback);
+    (0, useClickHandler_1.useClickHandler)();
+    const options = {
+        key: '',
+        page: { slots, blocks, fallback, ...resolvedPageContent },
+        blocksRegistry,
+        blockDecorator,
+        parent: data,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-theme": data.colorPalette || 'pc', children: [(0, jsx_runtime_1.jsxs)("section", { className: (0, style_1.style)('@container relative', data.style, className), children: [slots?.[HEADER_SLOT]?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: (0, renderBlockList_1.renderBlocksList)(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [(0, renderChildren_1.renderChildren)({
+                                block: data,
+                                options,
+                                extraProps: { className: 'scroll-mt-12' },
+                            }), (0, renderBlockList_1.renderBlocksList)(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }), slots?.[STICKY_FOOTER_SLOT]?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "fixed w-full bottom-0 left-0 z-[100]", children: (0, renderBlockList_1.renderBlocksList)(slots?.[STICKY_FOOTER_SLOT], {
+                    ...options,
+                    slotName: STICKY_FOOTER_SLOT,
+                }) })) : null, (0, jsx_runtime_1.jsx)(DialogManager_1.DialogManager, {}), (0, jsx_runtime_1.jsx)(PopupManager_1.PopupManager, {}), (0, jsx_runtime_1.jsx)(CookiePopup_1.CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
+});
+Object.assign(exports.ContentPage, {
+    childrenTypes: [],
+    slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
+});
 //# sourceMappingURL=ContentPage.js.map

package/dist/components/ContentPage/ContentPage.page.json

@@ -1,50 +1,50 @@
-{
-    "title": "Кредиты",
-    "slug": "credits",
-    "main": {
-        "description": "Акционерное общество «Российский Сельскохозяйственный банк»* — один из крупнейших банков в России. Созданный в 2000 году в целях развития национальной кредитно-финансовой системы.",
-        "keywords": ["кредит", "акция"],
-        "canonical": "canonical url",
-        "robots": ["index", "follow"]
-    },
-    "og": {
-        "type": "article",
-        "url": "https://foo.com/bar/baz"
-    },
-    "twitter": {
-        "card": "summary_large_image"
-    },
-    "jsonLd": "json",
-    "style": ["bg-main-divider"],
-    "sitemap": {
-        "$ref": "/wcms-resources/sitemap.json"
-    },
-    "slots": {
-        "header": [
-            {
-                "type": "Header",
-                "content": {
-                    "portal": { "$ref": "/portal-resources/portal-data.json" }
-                }
-            }
-        ],
-        "sticky-footer": [
-            {
-                "type": "StickyBottomMenu",
-                "content": {
-                    "sticky": { "$ref": "/portal-resources/sticky-mobile-menu.json" }
-                }
-            }
-        ],
-        "footer": [
-            {
-                "type": "Footer",
-                "content": {
-                    "footer": { "$ref": "/wcms-resources/footer.json" }
-                },
-                "style": ["col-span-12"]
-            }
-        ]
-    },
-    "blocks": []
-}
+{
+    "title": "Кредиты",
+    "slug": "credits",
+    "main": {
+        "description": "Акционерное общество «Российский Сельскохозяйственный банк»* — один из крупнейших банков в России. Созданный в 2000 году в целях развития национальной кредитно-финансовой системы.",
+        "keywords": ["кредит", "акция"],
+        "canonical": "canonical url",
+        "robots": ["index", "follow"]
+    },
+    "og": {
+        "type": "article",
+        "url": "https://foo.com/bar/baz"
+    },
+    "twitter": {
+        "card": "summary_large_image"
+    },
+    "jsonLd": "json",
+    "style": ["bg-main-divider"],
+    "sitemap": {
+        "$ref": "/wcms-resources/sitemap.json"
+    },
+    "slots": {
+        "header": [
+            {
+                "type": "Header",
+                "content": {
+                    "portal": { "$ref": "/portal-resources/portal-data.json" }
+                }
+            }
+        ],
+        "sticky-footer": [
+            {
+                "type": "StickyBottomMenu",
+                "content": {
+                    "sticky": { "$ref": "/portal-resources/sticky-mobile-menu.json" }
+                }
+            }
+        ],
+        "footer": [
+            {
+                "type": "Footer",
+                "content": {
+                    "footer": { "$ref": "/wcms-resources/footer.json" }
+                },
+                "style": ["col-span-12"]
+            }
+        ]
+    },
+    "blocks": []
+}

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

@@ -1,4 +1,4 @@
-import { type BlocksRegistry } from '../../model/BlocksRegistry';
-import { type ContentPageDef } from '../../model/ContentPageDef';
-import { type Fallback } from '../../model/Fallback';
-export declare const computeAPIFallback: (blocksRegistry: BlocksRegistry, contentPageData: ContentPageDef) => Promise<Fallback>;
+import { type BlocksRegistry } from '../../model/BlocksRegistry';
+import { type ContentPageDef } from '../../model/ContentPageDef';
+import { type Fallback } from '../../model/Fallback';
+export declare const computeAPIFallback: (blocksRegistry: BlocksRegistry, contentPageData: ContentPageDef) => Promise<Fallback>;

package/dist/components/ContentPage/computeAPIFallback.js

@@ -1,33 +1,33 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeAPIFallback = void 0;
-const json_ref_1 = require("@redneckz/json-ref");
-const promises_1 = require("fs/promises");
-const unique_1 = require("../../utils/unique");
-const url_1 = require("../../utils/url");
-const loadModuleFallback_1 = require("./loadModuleFallback");
-const BASE_DIR = 'content';
-const computeAPIFallback = async (blocksRegistry, contentPageData) => {
-    return Object.fromEntries((await Promise.all([
-        computeFallbackFromModules(blocksRegistry),
-        computeFallbackFromContentRefs(contentPageData),
-    ]))
-        .flatMap((_) => _)
-        .filter(([key, data]) => key && data));
-};
-exports.computeAPIFallback = computeAPIFallback;
-const computeFallbackFromModules = async (blocksRegistry) => {
-    const fallbackMap = (await Promise.all(Object.keys(blocksRegistry).map(loadModuleFallback_1.loadModuleFallback)))
-        .filter((_) => Boolean(_))
-        .reduce((acc, _) => ({ ...acc, ..._ }), {});
-    return (await Promise.allSettled(Object.entries(fallbackMap).map(async ([key, fetcher]) => [key, await fetcher()])))
-        .filter((_) => _.status === 'fulfilled')
-        .map(({ value }) => value);
-};
-const computeFallbackFromContentRefs = async (contentPageData) => {
-    const refs = (0, unique_1.unique)((0, json_ref_1.collectRef)(contentPageData));
-    return (await Promise.allSettled(refs.map(async (_) => [_, JSON.parse(await (0, promises_1.readFile)((0, url_1.joinPath)(BASE_DIR, _), 'utf-8'))])))
-        .filter((_) => _.status === 'fulfilled')
-        .map(({ value }) => value)
-        .map(([ref, data]) => [ref, (0, json_ref_1.resolveJPointer)(data, ref)]);
-};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.computeAPIFallback = void 0;
+const json_ref_1 = require("@redneckz/json-ref");
+const promises_1 = require("fs/promises");
+const unique_1 = require("../../utils/unique");
+const url_1 = require("../../utils/url");
+const loadModuleFallback_1 = require("./loadModuleFallback");
+const BASE_DIR = 'content';
+const computeAPIFallback = async (blocksRegistry, contentPageData) => {
+    return Object.fromEntries((await Promise.all([
+        computeFallbackFromModules(blocksRegistry),
+        computeFallbackFromContentRefs(contentPageData),
+    ]))
+        .flatMap((_) => _)
+        .filter(([key, data]) => key && data));
+};
+exports.computeAPIFallback = computeAPIFallback;
+const computeFallbackFromModules = async (blocksRegistry) => {
+    const fallbackMap = (await Promise.all(Object.keys(blocksRegistry).map(loadModuleFallback_1.loadModuleFallback)))
+        .filter((_) => Boolean(_))
+        .reduce((acc, _) => ({ ...acc, ..._ }), {});
+    return (await Promise.allSettled(Object.entries(fallbackMap).map(async ([key, fetcher]) => [key, await fetcher()])))
+        .filter((_) => _.status === 'fulfilled')
+        .map(({ value }) => value);
+};
+const computeFallbackFromContentRefs = async (contentPageData) => {
+    const refs = (0, unique_1.unique)((0, json_ref_1.collectRef)(contentPageData));
+    return (await Promise.allSettled(refs.map(async (_) => [_, JSON.parse(await (0, promises_1.readFile)((0, url_1.joinPath)(BASE_DIR, _), 'utf-8'))])))
+        .filter((_) => _.status === 'fulfilled')
+        .map(({ value }) => value)
+        .map(([ref, data]) => [ref, (0, json_ref_1.resolveJPointer)(data, ref)]);
+};
 //# sourceMappingURL=computeAPIFallback.js.map

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

@@ -1,2 +1,2 @@
-import { type FallbackMap } from '../../model/Fallback';
-export declare const loadModuleFallback: (blockName: string) => Promise<FallbackMap | undefined>;
+import { type FallbackMap } from '../../model/Fallback';
+export declare const loadModuleFallback: (blockName: string) => Promise<FallbackMap | undefined>;