@gravity-ui/page-constructor 8.1.2-alpha.1 → 8.2.0

package/build/cjs/demo/ComponentsLayout.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BalancedMasonry_1 = tslib_1.__importDefault(require("../components/BalancedMasonry/BalancedMasonry.js"));
+const CardBase_1 = tslib_1.__importDefault(require("../components/CardBase/CardBase.js"));
+const ErrorWrapper_1 = tslib_1.__importDefault(require("../components/ErrorWrapper/ErrorWrapper.js"));
+const FullWidthBackground_1 = tslib_1.__importDefault(require("../components/FullWidthBackground/FullWidthBackground.js"));
+const Table_1 = tslib_1.__importDefault(require("../components/Table/Table.js"));
+const UnpublishedLabel_1 = tslib_1.__importDefault(require("../components/UnpublishedLabel/UnpublishedLabel.js"));
+const constants_1 = require("../constants.js");
+const data_json_1 = tslib_1.__importDefault(require("../components/BalancedMasonry/__stories__/data.json"));
+const data_json_2 = tslib_1.__importDefault(require("../components/ErrorWrapper/__stories__/data.json"));
+const data_json_3 = tslib_1.__importDefault(require("../components/FullWidthBackground/__stories__/data.json"));
+const data_json_4 = tslib_1.__importDefault(require("../components/Table/__stories__/data.json"));
+const data_json_5 = tslib_1.__importDefault(require("../components/UnpublishedLabel/__stories__/data.json"));
+const masonryBreakpointCols = {
+    [constants_1.BREAKPOINTS.xs]: 1,
+    [constants_1.BREAKPOINTS.sm]: 2,
+    [constants_1.BREAKPOINTS.md]: 2,
+    [constants_1.BREAKPOINTS.lg]: 3,
+    [constants_1.BREAKPOINTS.xl]: 3,
+};
+exports.default = { title: 'Lab/Tokenization/Components/Layout' };
+const Default = () => ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '40px', display: 'flex', flexDirection: 'column', gap: '48px' }, children: [(0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "FullWidthBackground \u2014 default" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px', height: '100px' }, children: (0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { ...data_json_3.default.default, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '40px', color: 'white' }, children: "Content" }) }) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "FullWidthBackground \u2014 rounded" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px', height: '100px' }, children: (0, jsx_runtime_1.jsx)(FullWidthBackground_1.default, { ...data_json_3.default.rounded, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '40px', color: 'white' }, children: "Content" }) }) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "BalancedMasonry" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px' }, children: (0, jsx_runtime_1.jsx)(BalancedMasonry_1.default, { className: "demo-balanced-masonry", columnClassName: "demo-balanced-masonry-column", breakpointCols: masonryBreakpointCols, children: data_json_1.default.default.content.children.map((text, index) => ((0, jsx_runtime_1.jsx)(CardBase_1.default, { className: "demo-balanced-masonry-card", children: (0, jsx_runtime_1.jsx)(CardBase_1.default.Content, { children: text }) }, index))) }) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Table \u2014 default" }), (0, jsx_runtime_1.jsx)(Table_1.default, { ...data_json_4.default.default.content })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Table \u2014 tick markers" }), (0, jsx_runtime_1.jsx)(Table_1.default, { ...data_json_4.default.tick.content })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "UnpublishedLabel (label)" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px' }, children: (0, jsx_runtime_1.jsx)(UnpublishedLabel_1.default, { ...data_json_5.default.label.content }) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "UnpublishedLabel (line)" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px' }, children: (0, jsx_runtime_1.jsx)(UnpublishedLabel_1.default, { ...data_json_5.default.line.content }) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "ErrorWrapper (error state)" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px' }, children: (0, jsx_runtime_1.jsx)(ErrorWrapper_1.default, { ...data_json_2.default.default.content, handler: () => { }, children: data_json_2.default.default.content.children }) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "ErrorWrapper (no error)" }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '8px' }, children: (0, jsx_runtime_1.jsx)(ErrorWrapper_1.default, { ...data_json_2.default.noError.content, handler: () => { }, children: data_json_2.default.noError.content.children }) })] })] }));
+exports.Default = Default;
+//# sourceMappingURL=ComponentsLayout.stories.js.map

package/build/cjs/demo/ComponentsLayout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsLayout.stories.js","sourceRoot":"../../../src","sources":["demo/ComponentsLayout.stories.tsx"],"names":[],"mappings":";;;;;AAEA,+GAAoG;AACpG,0FAAuD;AACvD,sGAAmE;AACnE,2HAE+D;AAC/D,iFAA8C;AAC9C,kHAEyD;AACzD,+CAAyC;AAGzC,4GAAsF;AACtF,yGAAgF;AAChF,gHAA8F;AAC9F,kGAAkE;AAClE,6GAAwF;AAIxF,MAAM,qBAAqB,GAA2C;IAClE,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,CAAC,uBAAW,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAEF,kBAAe,EAAC,KAAK,EAAE,oCAAoC,EAAS,CAAC;AAE9D,MAAM,OAAO,GAAY,GAAG,EAAE,CAAC,CAClC,iCAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAC,aAChF,gDACI,oFAA8C,EAC9C,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,YAC3C,uBAAC,6BAAmB,OACX,mBAAuB,CAAC,OAAoC,YAEjE,gCAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,wBAAe,GAC1C,GACpB,IACA,EACV,gDACI,oFAA8C,EAC9C,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,YAC3C,uBAAC,6BAAmB,OACX,mBAAuB,CAAC,OAAoC,YAEjE,gCAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,wBAAe,GAC1C,GACpB,IACA,EACV,gDACI,iEAAgC,EAChC,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,YAC1B,uBAAC,yBAAe,IACZ,SAAS,EAAC,uBAAuB,EACjC,eAAe,EAAC,8BAA8B,EAC9C,cAAc,EAAE,qBAAqB,YAEpC,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/D,uBAAC,kBAAQ,IAAa,SAAS,EAAC,4BAA4B,YACxD,uBAAC,kBAAQ,CAAC,OAAO,cAAE,IAAI,GAAoB,IADhC,KAAK,CAET,CACd,CAAC,GACY,GAChB,IACA,EACV,gDACI,sEAAgC,EAChC,uBAAC,eAAK,OAAM,mBAAS,CAAC,OAAO,CAAC,OAAsB,GAAI,IAClD,EACV,gDACI,2EAAqC,EACrC,uBAAC,eAAK,OAAM,mBAAS,CAAC,IAAI,CAAC,OAAsB,GAAI,IAC/C,EACV,gDACI,0EAAyC,EACzC,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,YAC1B,uBAAC,0BAAgB,OACR,mBAAoB,CAAC,KAAK,CAAC,OAAiC,GACnE,GACA,IACA,EACV,gDACI,yEAAwC,EACxC,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,YAC1B,uBAAC,0BAAgB,OACR,mBAAoB,CAAC,IAAI,CAAC,OAAiC,GAClE,GACA,IACA,EACV,gDACI,4EAA2C,EAC3C,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,YAC1B,uBAAC,sBAAY,OAAK,mBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YAChE,mBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,GAC/B,GACb,IACA,EACV,gDACI,yEAAwC,EACxC,gCAAK,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,YAC1B,uBAAC,sBAAY,OAAK,mBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YAChE,mBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,GAC/B,GACb,IACA,IACR,CACT,CAAC;AA/EW,QAAA,OAAO,WA+ElB","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport BalancedMasonry, {BalancedMasonryProps} from '../components/BalancedMasonry/BalancedMasonry';\nimport CardBase from '../components/CardBase/CardBase';\nimport ErrorWrapper from '../components/ErrorWrapper/ErrorWrapper';\nimport FullWidthBackground, {\n    FullWidthBackgroundProps,\n} from '../components/FullWidthBackground/FullWidthBackground';\nimport Table from '../components/Table/Table';\nimport UnpublishedLabel, {\n    UnpublishedLabelProps,\n} from '../components/UnpublishedLabel/UnpublishedLabel';\nimport {BREAKPOINTS} from '../constants';\nimport {TableProps} from '../models';\n\nimport balancedMasonryData from '../components/BalancedMasonry/__stories__/data.json';\nimport errorWrapperData from '../components/ErrorWrapper/__stories__/data.json';\nimport fullWidthBackgroundData from '../components/FullWidthBackground/__stories__/data.json';\nimport tableData from '../components/Table/__stories__/data.json';\nimport unpublishedLabelData from '../components/UnpublishedLabel/__stories__/data.json';\n\nimport './ComponentsLayout.stories.scss';\n\nconst masonryBreakpointCols: BalancedMasonryProps['breakpointCols'] = {\n    [BREAKPOINTS.xs]: 1,\n    [BREAKPOINTS.sm]: 2,\n    [BREAKPOINTS.md]: 2,\n    [BREAKPOINTS.lg]: 3,\n    [BREAKPOINTS.xl]: 3,\n};\n\nexport default {title: 'Lab/Tokenization/Components/Layout'} as Meta;\n\nexport const Default: StoryFn = () => (\n    <div style={{padding: '40px', display: 'flex', flexDirection: 'column', gap: '48px'}}>\n        <section>\n            <strong>FullWidthBackground — default</strong>\n            <div style={{marginTop: '8px', height: '100px'}}>\n                <FullWidthBackground\n                    {...(fullWidthBackgroundData.default as FullWidthBackgroundProps)}\n                >\n                    <div style={{padding: '40px', color: 'white'}}>Content</div>\n                </FullWidthBackground>\n            </div>\n        </section>\n        <section>\n            <strong>FullWidthBackground — rounded</strong>\n            <div style={{marginTop: '8px', height: '100px'}}>\n                <FullWidthBackground\n                    {...(fullWidthBackgroundData.rounded as FullWidthBackgroundProps)}\n                >\n                    <div style={{padding: '40px', color: 'white'}}>Content</div>\n                </FullWidthBackground>\n            </div>\n        </section>\n        <section>\n            <strong>BalancedMasonry</strong>\n            <div style={{marginTop: '8px'}}>\n                <BalancedMasonry\n                    className=\"demo-balanced-masonry\"\n                    columnClassName=\"demo-balanced-masonry-column\"\n                    breakpointCols={masonryBreakpointCols}\n                >\n                    {balancedMasonryData.default.content.children.map((text, index) => (\n                        <CardBase key={index} className=\"demo-balanced-masonry-card\">\n                            <CardBase.Content>{text}</CardBase.Content>\n                        </CardBase>\n                    ))}\n                </BalancedMasonry>\n            </div>\n        </section>\n        <section>\n            <strong>Table — default</strong>\n            <Table {...(tableData.default.content as TableProps)} />\n        </section>\n        <section>\n            <strong>Table — tick markers</strong>\n            <Table {...(tableData.tick.content as TableProps)} />\n        </section>\n        <section>\n            <strong>UnpublishedLabel (label)</strong>\n            <div style={{marginTop: '8px'}}>\n                <UnpublishedLabel\n                    {...(unpublishedLabelData.label.content as UnpublishedLabelProps)}\n                />\n            </div>\n        </section>\n        <section>\n            <strong>UnpublishedLabel (line)</strong>\n            <div style={{marginTop: '8px'}}>\n                <UnpublishedLabel\n                    {...(unpublishedLabelData.line.content as UnpublishedLabelProps)}\n                />\n            </div>\n        </section>\n        <section>\n            <strong>ErrorWrapper (error state)</strong>\n            <div style={{marginTop: '8px'}}>\n                <ErrorWrapper {...errorWrapperData.default.content} handler={() => {}}>\n                    {errorWrapperData.default.content.children}\n                </ErrorWrapper>\n            </div>\n        </section>\n        <section>\n            <strong>ErrorWrapper (no error)</strong>\n            <div style={{marginTop: '8px'}}>\n                <ErrorWrapper {...errorWrapperData.noError.content} handler={() => {}}>\n                    {errorWrapperData.noError.content.children}\n                </ErrorWrapper>\n            </div>\n        </section>\n    </div>\n);\n"]}

package/build/cjs/demo/ComponentsText.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;

package/build/cjs/demo/ComponentsText.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../.storybook/utils.js");
+const Author_1 = tslib_1.__importDefault(require("../components/Author/Author.js"));
+const ContentList_1 = tslib_1.__importDefault(require("../components/ContentList/ContentList.js"));
+const MetaInfo_1 = tslib_1.__importDefault(require("../components/MetaInfo/MetaInfo.js"));
+const Title_1 = tslib_1.__importDefault(require("../components/Title/Title.js"));
+const YFMWrapper_1 = tslib_1.__importDefault(require("../components/YFMWrapper/YFMWrapper.js"));
+const models_1 = require("../models/index.js");
+const data_json_1 = tslib_1.__importDefault(require("../components/Author/__stories__/data.json"));
+const data_json_2 = tslib_1.__importDefault(require("../components/ContentList/__stories__/data.json"));
+const data_json_3 = tslib_1.__importDefault(require("../components/MetaInfo/__stories__/data.json"));
+const data_json_4 = tslib_1.__importDefault(require("../components/Title/__stories__/data.json"));
+const data_json_5 = tslib_1.__importDefault(require("../components/YFMWrapper/__stories__/data.json"));
+exports.default = { title: 'Lab/Tokenization/Components/Text' };
+const defaultTitleArgs = {
+    ...data_json_4.default.default.content,
+    subtitle: (0, utils_1.yfmTransform)(data_json_4.default.default.content.subtitle),
+};
+const transformContentList = (item) => (0, utils_1.blockTransform)(item);
+const Default = () => ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '40px', display: 'flex', flexDirection: 'column', gap: '48px' }, children: [(0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Title \u2014 default" }), (0, jsx_runtime_1.jsx)(Title_1.default, { ...defaultTitleArgs })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Title \u2014 sizes (l \u2192 xs)" }), (0, jsx_runtime_1.jsx)("div", { children: Object.entries(data_json_4.default.sizes).map(([size, props]) => ((0, jsx_runtime_1.jsx)("div", { style: { paddingBottom: '32px' }, children: (0, jsx_runtime_1.jsx)(Title_1.default, { ...defaultTitleArgs, title: props }) }, size))) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Title \u2014 with link" }), (0, jsx_runtime_1.jsx)(Title_1.default, { ...defaultTitleArgs, title: data_json_4.default.titleLink.content.title })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "YFMWrapper" }), (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { ...data_json_5.default.default.content })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Author \u2014 column" }), (0, jsx_runtime_1.jsx)(Author_1.default, { ...data_json_1.default.default.content })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Author \u2014 line" }), (0, jsx_runtime_1.jsx)(Author_1.default, { ...data_json_1.default.default.content, type: models_1.AuthorType.Line })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "ContentList \u2014 default" }), (0, jsx_runtime_1.jsx)(ContentList_1.default, { ...transformContentList(data_json_2.default.default) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "ContentList \u2014 without icon" }), (0, jsx_runtime_1.jsx)(ContentList_1.default, { ...transformContentList(data_json_2.default.withoutIcon) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "ContentList \u2014 sizes (s / m / l)" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: data_json_2.default.sizes.map((item, index) => ((0, jsx_runtime_1.jsx)(ContentList_1.default, { ...transformContentList(item) }, index))) })] }), (0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "MetaInfo" }), (0, jsx_runtime_1.jsx)(MetaInfo_1.default, { ...data_json_3.default.default.content })] })] }));
+exports.Default = Default;
+//# sourceMappingURL=ComponentsText.stories.js.map

package/build/cjs/demo/ComponentsText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsText.stories.js","sourceRoot":"../../../src","sources":["demo/ComponentsText.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAoE;AACpE,oFAAiD;AACjD,mGAAgE;AAChE,0FAAuD;AACvD,iFAA8C;AAC9C,gGAA6D;AAC7D,+CAAoF;AAEpF,mGAAoE;AACpE,wGAA8E;AAC9E,qGAAwE;AACxE,kGAAkE;AAClE,uGAA4E;AAE5E,kBAAe,EAAC,KAAK,EAAE,kCAAkC,EAAS,CAAC;AAEnE,MAAM,gBAAgB,GAAG;IACrB,GAAG,mBAAS,CAAC,OAAO,CAAC,OAAO;IAC5B,QAAQ,EAAE,IAAA,oBAAY,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;CAC7D,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAAa,EAAE,EAAE,CAC3C,IAAA,sBAAc,EAAC,IAA8B,CAAqB,CAAC;AAEhE,MAAM,OAAO,GAAY,GAAG,EAAE,CAAC,CAClC,iCAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAC,aAChF,gDACI,sEAAgC,EAChC,uBAAC,eAAK,OAAK,gBAAgB,GAAI,IACzB,EACV,gDACI,kFAAuC,EACvC,0CACK,MAAM,CAAC,OAAO,CAAC,mBAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACpD,gCAAgB,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAC,YAC1C,uBAAC,eAAK,OAAK,gBAAgB,EAAE,KAAK,EAAE,KAAuB,GAAI,IADzD,IAAI,CAER,CACT,CAAC,GACA,IACA,EACV,gDACI,wEAAkC,EAClC,uBAAC,eAAK,OACE,gBAAgB,EACpB,KAAK,EAAE,mBAAS,CAAC,SAAS,CAAC,OAAO,CAAC,KAAuB,GAC5D,IACI,EACV,gDACI,4DAA2B,EAC3B,uBAAC,oBAAU,OAAK,mBAAc,CAAC,OAAO,CAAC,OAAO,GAAI,IAC5C,EACV,gDACI,sEAAgC,EAChC,uBAAC,gBAAM,OAAK,mBAAU,CAAC,OAAO,CAAC,OAAO,GAAI,IACpC,EACV,gDACI,oEAA8B,EAC9B,uBAAC,gBAAM,OAAK,mBAAU,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,mBAAU,CAAC,IAAI,GAAI,IAC3D,EACV,gDACI,4EAAsC,EACtC,uBAAC,qBAAW,OAAK,oBAAoB,CAAC,mBAAe,CAAC,OAAO,CAAC,GAAI,IAC5D,EACV,gDACI,iFAA2C,EAC3C,uBAAC,qBAAW,OAAK,oBAAoB,CAAC,mBAAe,CAAC,WAAW,CAAC,GAAI,IAChE,EACV,gDACI,sFAAgD,EAChD,gCAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAC,YAC9D,mBAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,uBAAC,qBAAW,OAAiB,oBAAoB,CAAC,IAAI,CAAC,IAArC,KAAK,CAAoC,CAC9D,CAAC,GACA,IACA,EACV,gDACI,0DAAyB,EACzB,uBAAC,kBAAQ,OAAK,mBAAY,CAAC,OAAO,CAAC,OAAO,GAAI,IACxC,IACR,CACT,CAAC;AAxDW,QAAA,OAAO,WAwDlB","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform, yfmTransform} from '../../.storybook/utils';\nimport Author from '../components/Author/Author';\nimport ContentList from '../components/ContentList/ContentList';\nimport MetaInfo from '../components/MetaInfo/MetaInfo';\nimport Title from '../components/Title/Title';\nimport YFMWrapper from '../components/YFMWrapper/YFMWrapper';\nimport {AuthorType, ContentListProps, CustomBlock, TitleItemProps} from '../models';\n\nimport authorData from '../components/Author/__stories__/data.json';\nimport contentListData from '../components/ContentList/__stories__/data.json';\nimport metaInfoData from '../components/MetaInfo/__stories__/data.json';\nimport titleData from '../components/Title/__stories__/data.json';\nimport yfmWrapperData from '../components/YFMWrapper/__stories__/data.json';\n\nexport default {title: 'Lab/Tokenization/Components/Text'} as Meta;\n\nconst defaultTitleArgs = {\n    ...titleData.default.content,\n    subtitle: yfmTransform(titleData.default.content.subtitle),\n};\n\nconst transformContentList = (item: unknown) =>\n    blockTransform(item as unknown as CustomBlock) as ContentListProps;\n\nexport const Default: StoryFn = () => (\n    <div style={{padding: '40px', display: 'flex', flexDirection: 'column', gap: '48px'}}>\n        <section>\n            <strong>Title — default</strong>\n            <Title {...defaultTitleArgs} />\n        </section>\n        <section>\n            <strong>Title — sizes (l → xs)</strong>\n            <div>\n                {Object.entries(titleData.sizes).map(([size, props]) => (\n                    <div key={size} style={{paddingBottom: '32px'}}>\n                        <Title {...defaultTitleArgs} title={props as TitleItemProps} />\n                    </div>\n                ))}\n            </div>\n        </section>\n        <section>\n            <strong>Title — with link</strong>\n            <Title\n                {...defaultTitleArgs}\n                title={titleData.titleLink.content.title as TitleItemProps}\n            />\n        </section>\n        <section>\n            <strong>YFMWrapper</strong>\n            <YFMWrapper {...yfmWrapperData.default.content} />\n        </section>\n        <section>\n            <strong>Author — column</strong>\n            <Author {...authorData.default.content} />\n        </section>\n        <section>\n            <strong>Author — line</strong>\n            <Author {...authorData.default.content} type={AuthorType.Line} />\n        </section>\n        <section>\n            <strong>ContentList — default</strong>\n            <ContentList {...transformContentList(contentListData.default)} />\n        </section>\n        <section>\n            <strong>ContentList — without icon</strong>\n            <ContentList {...transformContentList(contentListData.withoutIcon)} />\n        </section>\n        <section>\n            <strong>ContentList — sizes (s / m / l)</strong>\n            <div style={{display: 'flex', flexDirection: 'column', gap: '16px'}}>\n                {contentListData.sizes.map((item, index) => (\n                    <ContentList key={index} {...transformContentList(item)} />\n                ))}\n            </div>\n        </section>\n        <section>\n            <strong>MetaInfo</strong>\n            <MetaInfo {...metaInfoData.default.content} />\n        </section>\n    </div>\n);\n"]}

package/build/cjs/demo/ContentAndData.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { CustomConfig, NavigationData } from "../models/index.js";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf", { with: { "resolution-mode": "import" } }).AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    navigation: NavigationData;
+    custom?: CustomConfig;
+}>;

package/build/cjs/demo/ContentAndData.stories.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../.storybook/utils.js");
+const PageConstructor_1 = require("../containers/PageConstructor/index.js");
+const CustomComponent_1 = require("../navigation/__stories__/CustomComponent/CustomComponent.js");
+const data_json_1 = tslib_1.__importDefault(require("../blocks/ContentLayout/__stories__/data.json"));
+const data_json_2 = tslib_1.__importDefault(require("../blocks/FoldableList/__stories__/data.json"));
+const data_json_3 = tslib_1.__importDefault(require("../blocks/Questions/__stories__/data.json"));
+const data_json_4 = tslib_1.__importDefault(require("../blocks/Table/__stories__/data.json"));
+const data_json_5 = tslib_1.__importDefault(require("../blocks/Tabs/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
+exports.default = {
+    title: 'Lab/Tokenization/Blocks/ContentAndData',
+    component: PageConstructor_1.PageConstructor,
+};
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
+        blocks: [
+            // content-layout-block: default text only
+            (0, utils_1.blockTransform)(data_json_1.default.default),
+            // content-layout-block: centered
+            (0, utils_1.blockTransform)(data_json_1.default.textAlignCenter),
+            // content-layout-block: with background color
+            (0, utils_1.blockTransform)(data_json_1.default.withBackgroundColor),
+            // content-layout-block: with background image + color
+            (0, utils_1.blockTransform)(data_json_1.default.withImageAndBackgroundColor),
+            // content-layout-block: dark monochrome theme
+            (0, utils_1.blockTransform)(data_json_1.default.theme[0]),
+            // content-layout-block: light monochrome theme
+            (0, utils_1.blockTransform)(data_json_1.default.theme[1]),
+            // content-layout-block variants with list/links/buttons
+            ...data_json_1.default.contentVariables.map(utils_1.blockTransform),
+            // tabs-block: default (all tab types: image, video, youtube)
+            (0, utils_1.blockTransform)(data_json_5.default.default.content),
+            // questions-block: default with links
+            (0, utils_1.blockTransform)(data_json_3.default.default.content),
+            // questions-block: with bullet list items
+            (0, utils_1.blockTransform)(data_json_3.default.textWithListBullet.content),
+            // foldable-list-block: default
+            (0, utils_1.blockTransform)(data_json_2.default.default),
+            // foldable-list-block: with bullet list items
+            (0, utils_1.blockTransform)(data_json_2.default.textWithListBullet),
+            // foldable-list-block: with dash list items
+            (0, utils_1.blockTransform)(data_json_2.default.textWithListDash),
+            // table-block: numeric values (0/1)
+            (0, utils_1.blockTransform)(data_json_4.default.default.content),
+            // table-block: tick markers
+            (0, utils_1.blockTransform)(data_json_4.default.tick.content),
+        ],
+    } }));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    custom: {
+        navigation: {
+            'custom-item': CustomComponent_1.CustomComponent,
+        },
+    },
+    navigation: {
+        ...data_json_6.default.navigation,
+        header: {
+            ...data_json_6.default.navigation.header,
+            rightItems: [
+                ...data_json_6.default.navigation.header.rightItems,
+                {
+                    type: 'custom-item',
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=ContentAndData.stories.js.map

package/build/cjs/demo/ContentAndData.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentAndData.stories.js","sourceRoot":"../../../src","sources":["demo/ContentAndData.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAA8D;AAE9D,kGAA0F;AAE1F,sGAA8E;AAC9E,qGAA4E;AAC5E,kGAAsE;AACtE,8FAA8D;AAC9D,6FAA4D;AAC5D,4FAA0D;AAE1D,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,iCAAe,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EACH;QACI,MAAM,EAAE;YACJ,0CAA0C;YAC1C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,OAAO,CAAC;YACzC,iCAAiC;YACjC,IAAA,sBAAc,EAAC,mBAAiB,CAAC,eAAe,CAAC;YACjD,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,mBAAmB,CAAC;YACrD,sDAAsD;YACtD,IAAA,sBAAc,EAAC,mBAAiB,CAAC,2BAA2B,CAAC;YAC7D,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,+CAA+C;YAC/C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,wDAAwD;YACxD,GAAG,mBAAiB,CAAC,gBAAgB,CAAC,GAAG,CAAC,sBAAc,CAAC;YAEzD,6DAA6D;YAC7D,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;YAExC,sCAAsC;YACtC,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;YAC7C,0CAA0C;YAC1C,IAAA,sBAAc,EAAC,mBAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC;YAExD,+BAA+B;YAC/B,IAAA,sBAAc,EAAC,mBAAgB,CAAC,OAAO,CAAC;YACxC,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,kBAAkB,CAAC;YACnD,4CAA4C;YAC5C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,gBAAgB,CAAC;YAEjD,oCAAoC;YACpC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;YACzC,4BAA4B;YAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;SACzC;KACW,GAEtB,CACL,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE;QACJ,UAAU,EAAE;YACR,aAAa,EAAE,iCAAe;SACjC;KACJ;IACD,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,UAAU,EAAE;gBACR,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;gBACvC;oBACI,IAAI,EAAE,aAAa;iBACtB;aACJ;SACJ;KACc;CACtB,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\nimport {CustomComponent} from '../navigation/__stories__/CustomComponent/CustomComponent';\n\nimport contentLayoutData from '../blocks/ContentLayout/__stories__/data.json';\nimport foldableListData from '../blocks/FoldableList/__stories__/data.json';\nimport questionsData from '../blocks/Questions/__stories__/data.json';\nimport tableData from '../blocks/Table/__stories__/data.json';\nimport tabsData from '../blocks/Tabs/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/ContentAndData',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructor\n        navigation={navigation}\n        custom={custom}\n        content={\n            {\n                blocks: [\n                    // content-layout-block: default text only\n                    blockTransform(contentLayoutData.default),\n                    // content-layout-block: centered\n                    blockTransform(contentLayoutData.textAlignCenter),\n                    // content-layout-block: with background color\n                    blockTransform(contentLayoutData.withBackgroundColor),\n                    // content-layout-block: with background image + color\n                    blockTransform(contentLayoutData.withImageAndBackgroundColor),\n                    // content-layout-block: dark monochrome theme\n                    blockTransform(contentLayoutData.theme[0]),\n                    // content-layout-block: light monochrome theme\n                    blockTransform(contentLayoutData.theme[1]),\n                    // content-layout-block variants with list/links/buttons\n                    ...contentLayoutData.contentVariables.map(blockTransform),\n\n                    // tabs-block: default (all tab types: image, video, youtube)\n                    blockTransform(tabsData.default.content),\n\n                    // questions-block: default with links\n                    blockTransform(questionsData.default.content),\n                    // questions-block: with bullet list items\n                    blockTransform(questionsData.textWithListBullet.content),\n\n                    // foldable-list-block: default\n                    blockTransform(foldableListData.default),\n                    // foldable-list-block: with bullet list items\n                    blockTransform(foldableListData.textWithListBullet),\n                    // foldable-list-block: with dash list items\n                    blockTransform(foldableListData.textWithListDash),\n\n                    // table-block: numeric values (0/1)\n                    blockTransform(tableData.default.content),\n                    // table-block: tick markers\n                    blockTransform(tableData.tick.content),\n                ],\n            } as PageContent\n        }\n    />\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomComponent,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            rightItems: [\n                ...navData.navigation.header.rightItems,\n                {\n                    type: 'custom-item',\n                },\n            ],\n        },\n    } as NavigationData,\n};\n"]}

package/build/cjs/demo/FeaturesAndCards.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { CustomConfig, NavigationData } from "../models/index.js";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf", { with: { "resolution-mode": "import" } }).AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    navigation: NavigationData;
+    custom?: CustomConfig;
+}>;

package/build/cjs/demo/FeaturesAndCards.stories.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../.storybook/utils.js");
+const PageConstructor_1 = require("../containers/PageConstructor/index.js");
+const data_json_1 = tslib_1.__importDefault(require("../blocks/CardLayout/__stories__/data.json"));
+const data_json_2 = tslib_1.__importDefault(require("../blocks/ExtendedFeatures/__stories__/data.json"));
+const data_json_3 = tslib_1.__importDefault(require("../blocks/HeaderSlider/__stories__/data.json"));
+const data_json_4 = tslib_1.__importDefault(require("../blocks/PromoFeaturesBlock/__stories__/data.json"));
+const data_json_5 = tslib_1.__importDefault(require("../blocks/Slider/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
+exports.default = {
+    title: 'Lab/Tokenization/Blocks/FeaturesAndCards',
+    component: PageConstructor_1.PageConstructor,
+};
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
+        blocks: [
+            // promo-features-block: default theme
+            (0, utils_1.blockTransform)({
+                ...data_json_4.default.common,
+                ...data_json_4.default.defaultTheme.content,
+            }),
+            // promo-features-block: grey theme
+            (0, utils_1.blockTransform)({
+                ...data_json_4.default.common,
+                ...data_json_4.default.greyTheme.content,
+            }),
+            // extended-features-block: default (3 cols)
+            (0, utils_1.blockTransform)(data_json_2.default.default.content),
+            // extended-features-block: with labels
+            (0, utils_1.blockTransform)({
+                type: 'extended-features-block',
+                ...data_json_2.default.withLabel.content,
+            }),
+            // extended-features-block: 2 per row
+            (0, utils_1.blockTransform)({
+                type: 'extended-features-block',
+                ...data_json_2.default.colSizes.two,
+            }),
+            // extended-features-block: 4 per row
+            (0, utils_1.blockTransform)({
+                type: 'extended-features-block',
+                ...data_json_2.default.colSizes.four,
+            }),
+            // card-layout-block: basic cards
+            {
+                ...data_json_1.default.default.content,
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
+                ],
+            },
+            // card-layout-block: layout items with images
+            {
+                type: 'card-layout-block',
+                title: 'Card layout with layout items',
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
+                ],
+            },
+            // card-layout-block: background cards
+            {
+                type: 'card-layout-block',
+                title: 'Card layout with background cards',
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
+                ],
+            },
+            // card-layout-block: price cards
+            {
+                type: 'card-layout-block',
+                title: 'Card layout with price cards',
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
+                ],
+            },
+            // slider-block: basic cards
+            (0, utils_1.blockTransform)(data_json_5.default.default.content),
+            // slider-block: quote cards
+            (0, utils_1.blockTransform)(data_json_5.default.quoteCards.content),
+            // slider-block: banner cards (subtitle already HTML — no blockTransform)
+            data_json_5.default.banners.content,
+            // header-slider-block: default
+            (0, utils_1.blockTransform)({ type: 'header-slider-block', ...data_json_3.default.default }),
+            // header-slider-block: with different slide themes
+            (0, utils_1.blockTransform)({
+                type: 'header-slider-block',
+                ...data_json_3.default.withDifferentSlidesTheme,
+            }),
+        ],
+    } }));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    navigation: {
+        ...data_json_6.default.navigation,
+        header: {
+            ...data_json_6.default.navigation.header,
+            withBorder: true,
+            withBorderOnScroll: true,
+        },
+    },
+};
+//# sourceMappingURL=FeaturesAndCards.stories.js.map

package/build/cjs/demo/FeaturesAndCards.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesAndCards.stories.js","sourceRoot":"../../../src","sources":["demo/FeaturesAndCards.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAA8D;AAG9D,mGAAwE;AACxE,yGAAoF;AACpF,qGAA4E;AAC5E,2GAAmF;AACnF,+FAAgE;AAChE,4FAA0D;AAE1D,kBAAe;IACX,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,iCAAe,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EACH;QACI,MAAM,EAAE;YACJ,sCAAsC;YACtC,IAAA,sBAAc,EAAC;gBACX,GAAG,mBAAiB,CAAC,MAAM;gBAC3B,GAAG,mBAAiB,CAAC,YAAY,CAAC,OAAO;aAC5C,CAAC;YACF,mCAAmC;YACnC,IAAA,sBAAc,EAAC;gBACX,GAAG,mBAAiB,CAAC,MAAM;gBAC3B,GAAG,mBAAiB,CAAC,SAAS,CAAC,OAAO;aACzC,CAAC;YAEF,4CAA4C;YAC5C,IAAA,sBAAc,EAAC,mBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,uCAAuC;YACvC,IAAA,sBAAc,EAAC;gBACX,IAAI,EAAE,yBAAyB;gBAC/B,GAAG,mBAAoB,CAAC,SAAS,CAAC,OAAO;aAC5C,CAAC;YACF,qCAAqC;YACrC,IAAA,sBAAc,EAAC;gBACX,IAAI,EAAE,yBAAyB;gBAC/B,GAAG,mBAAoB,CAAC,QAAQ,CAAC,GAAG;aACvC,CAAC;YACF,qCAAqC;YACrC,IAAA,sBAAc,EAAC;gBACX,IAAI,EAAE,yBAAyB;gBAC/B,GAAG,mBAAoB,CAAC,QAAQ,CAAC,IAAI;aACxC,CAAC;YAEF,iCAAiC;YACjC;gBACI,GAAG,mBAAc,CAAC,OAAO,CAAC,OAAO;gBACjC,QAAQ,EAAE;oBACN,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,SAAS,CAAC;oBAC9C,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,SAAS,CAAC;oBAC9C,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,SAAS,CAAC;iBACjD;aACJ;YACD,8CAA8C;YAC9C;gBACI,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,+BAA+B;gBACtC,QAAQ,EAAE;oBACN,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,UAAU,CAAC;oBAC/C,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,UAAU,CAAC;oBAC/C,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,UAAU,CAAC;iBAClD;aACJ;YACD,sCAAsC;YACtC;gBACI,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,mCAAmC;gBAC1C,QAAQ,EAAE;oBACN,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,cAAc,CAAC;oBACnD,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,cAAc,CAAC;oBACnD,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,cAAc,CAAC;iBACtD;aACJ;YACD,iCAAiC;YACjC;gBACI,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,8BAA8B;gBACrC,QAAQ,EAAE;oBACN,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,SAAS,CAAC;oBAC9C,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,SAAS,CAAC;oBAC9C,IAAA,sBAAc,EAAC,mBAAc,CAAC,KAAK,CAAC,SAAS,CAAC;iBACjD;aACJ;YAED,4BAA4B;YAC5B,IAAA,sBAAc,EAAC,mBAAU,CAAC,OAAO,CAAC,OAAO,CAAC;YAC1C,4BAA4B;YAC5B,IAAA,sBAAc,EAAC,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC;YAC7C,yEAAyE;YACzE,mBAAU,CAAC,OAAO,CAAC,OAAO;YAE1B,+BAA+B;YAC/B,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,qBAAqB,EAAE,GAAG,mBAAgB,CAAC,OAAO,EAAC,CAAC;YAC1E,mDAAmD;YACnD,IAAA,sBAAc,EAAC;gBACX,IAAI,EAAE,qBAAqB;gBAC3B,GAAG,mBAAgB,CAAC,wBAAwB;aAC/C,CAAC;SACL;KACW,GAEtB,CACL,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,UAAU,EAAE,IAAI;YAChB,kBAAkB,EAAE,IAAI;SAC3B;KACc;CACtB,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\n\nimport cardLayoutData from '../blocks/CardLayout/__stories__/data.json';\nimport extendedFeaturesData from '../blocks/ExtendedFeatures/__stories__/data.json';\nimport headerSliderData from '../blocks/HeaderSlider/__stories__/data.json';\nimport promoFeaturesData from '../blocks/PromoFeaturesBlock/__stories__/data.json';\nimport sliderData from '../blocks/Slider/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/FeaturesAndCards',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructor\n        navigation={navigation}\n        custom={custom}\n        content={\n            {\n                blocks: [\n                    // promo-features-block: default theme\n                    blockTransform({\n                        ...promoFeaturesData.common,\n                        ...promoFeaturesData.defaultTheme.content,\n                    }),\n                    // promo-features-block: grey theme\n                    blockTransform({\n                        ...promoFeaturesData.common,\n                        ...promoFeaturesData.greyTheme.content,\n                    }),\n\n                    // extended-features-block: default (3 cols)\n                    blockTransform(extendedFeaturesData.default.content),\n                    // extended-features-block: with labels\n                    blockTransform({\n                        type: 'extended-features-block',\n                        ...extendedFeaturesData.withLabel.content,\n                    }),\n                    // extended-features-block: 2 per row\n                    blockTransform({\n                        type: 'extended-features-block',\n                        ...extendedFeaturesData.colSizes.two,\n                    }),\n                    // extended-features-block: 4 per row\n                    blockTransform({\n                        type: 'extended-features-block',\n                        ...extendedFeaturesData.colSizes.four,\n                    }),\n\n                    // card-layout-block: basic cards\n                    {\n                        ...cardLayoutData.default.content,\n                        children: [\n                            blockTransform(cardLayoutData.cards.basicCard),\n                            blockTransform(cardLayoutData.cards.basicCard),\n                            blockTransform(cardLayoutData.cards.basicCard),\n                        ],\n                    },\n                    // card-layout-block: layout items with images\n                    {\n                        type: 'card-layout-block',\n                        title: 'Card layout with layout items',\n                        children: [\n                            blockTransform(cardLayoutData.cards.layoutItem),\n                            blockTransform(cardLayoutData.cards.layoutItem),\n                            blockTransform(cardLayoutData.cards.layoutItem),\n                        ],\n                    },\n                    // card-layout-block: background cards\n                    {\n                        type: 'card-layout-block',\n                        title: 'Card layout with background cards',\n                        children: [\n                            blockTransform(cardLayoutData.cards.backgroundCard),\n                            blockTransform(cardLayoutData.cards.backgroundCard),\n                            blockTransform(cardLayoutData.cards.backgroundCard),\n                        ],\n                    },\n                    // card-layout-block: price cards\n                    {\n                        type: 'card-layout-block',\n                        title: 'Card layout with price cards',\n                        children: [\n                            blockTransform(cardLayoutData.cards.priceCard),\n                            blockTransform(cardLayoutData.cards.priceCard),\n                            blockTransform(cardLayoutData.cards.priceCard),\n                        ],\n                    },\n\n                    // slider-block: basic cards\n                    blockTransform(sliderData.default.content),\n                    // slider-block: quote cards\n                    blockTransform(sliderData.quoteCards.content),\n                    // slider-block: banner cards (subtitle already HTML — no blockTransform)\n                    sliderData.banners.content,\n\n                    // header-slider-block: default\n                    blockTransform({type: 'header-slider-block', ...headerSliderData.default}),\n                    // header-slider-block: with different slide themes\n                    blockTransform({\n                        type: 'header-slider-block',\n                        ...headerSliderData.withDifferentSlidesTheme,\n                    }),\n                ],\n            } as PageContent\n        }\n    />\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            withBorder: true,\n            withBorderOnScroll: true,\n        },\n    } as NavigationData,\n};\n"]}

package/build/cjs/demo/HeroAndMedia.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { CustomConfig, NavigationData } from "../models/index.js";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf", { with: { "resolution-mode": "import" } }).AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    navigation: NavigationData;
+    custom?: CustomConfig;
+}>;

package/build/cjs/demo/HeroAndMedia.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../.storybook/utils.js");
+const PageConstructor_1 = require("../containers/PageConstructor/index.js");
+const data_json_1 = tslib_1.__importDefault(require("../blocks/Banner/__stories__/data.json"));
+const data_json_2 = tslib_1.__importDefault(require("../blocks/Companies/__stories__/data.json"));
+const data_json_3 = tslib_1.__importDefault(require("../blocks/Header/__stories__/data.json"));
+const data_json_4 = tslib_1.__importDefault(require("../blocks/Info/__stories__/data.json"));
+const data_json_5 = tslib_1.__importDefault(require("../blocks/Media/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
+exports.default = {
+    title: 'Lab/Tokenization/Blocks/HeroAndMedia',
+    component: PageConstructor_1.PageConstructor,
+};
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
+        blocks: [
+            // header-block: default with action buttons
+            (0, utils_1.blockTransform)(data_json_3.default.default),
+            // header-block: with breadcrumbs + light background
+            (0, utils_1.blockTransform)(data_json_3.default.breadcrumbs[0]),
+            // header-block: with breadcrumbs + dark theme
+            (0, utils_1.blockTransform)(data_json_3.default.breadcrumbs[1]),
+            // header-block: with image
+            (0, utils_1.blockTransform)(data_json_3.default.image),
+            // header-block: with background image and color (media variant)
+            (0, utils_1.blockTransform)({ type: 'header-block', ...data_json_3.default.media.image }),
+            // banner-block: light theme with themed image
+            (0, utils_1.blockTransform)(data_json_1.default.default.content),
+            // banner-block: forced dark theme
+            (0, utils_1.blockTransform)(data_json_1.default.darkTheme.content),
+            // media-block: default with image
+            (0, utils_1.blockTransform)(data_json_5.default.default),
+            // media-block: image slider
+            (0, utils_1.blockTransform)(data_json_5.default.imageSlider),
+            // media-block: youtube embed
+            (0, utils_1.blockTransform)({ type: 'media-block', ...data_json_5.default.video.youtube }),
+            // media-block: video with controls
+            (0, utils_1.blockTransform)({ type: 'media-block', ...data_json_5.default.video.staticWithControls }),
+            // media-block: video with preview
+            (0, utils_1.blockTransform)({ type: 'media-block', ...data_json_5.default.video.videoWithPreview }),
+            // companies-block: title only
+            (0, utils_1.blockTransform)(data_json_2.default.default.content),
+            // companies-block: with description
+            (0, utils_1.blockTransform)(data_json_2.default.withDescription.content),
+            // info-block: dark theme (default)
+            (0, utils_1.blockTransform)(data_json_4.default.default),
+            // info-block: light theme with background color
+            (0, utils_1.blockTransform)({ type: 'info-block', ...data_json_4.default.light }),
+        ],
+    } }));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    navigation: data_json_6.default.navigation,
+};
+//# sourceMappingURL=HeroAndMedia.stories.js.map

package/build/cjs/demo/HeroAndMedia.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroAndMedia.stories.js","sourceRoot":"../../../src","sources":["demo/HeroAndMedia.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAA8D;AAG9D,+FAAgE;AAChE,kGAAsE;AACtE,+FAAgE;AAChE,6FAA4D;AAC5D,8FAA8D;AAC9D,4FAA0D;AAE1D,kBAAe;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,iCAAe,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EACH;QACI,MAAM,EAAE;YACJ,4CAA4C;YAC5C,IAAA,sBAAc,EAAC,mBAAU,CAAC,OAAO,CAAC;YAClC,oDAAoD;YACpD,IAAA,sBAAc,EAAC,mBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YACzC,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YACzC,2BAA2B;YAC3B,IAAA,sBAAc,EAAC,mBAAU,CAAC,KAAK,CAAC;YAChC,gEAAgE;YAChE,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,cAAc,EAAE,GAAG,mBAAU,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC;YAEjE,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAU,CAAC,OAAO,CAAC,OAAO,CAAC;YAC1C,kCAAkC;YAClC,IAAA,sBAAc,EAAC,mBAAU,CAAC,SAAS,CAAC,OAAO,CAAC;YAE5C,kCAAkC;YAClC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC;YACjC,4BAA4B;YAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,WAAW,CAAC;YACrC,6BAA6B;YAC7B,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAS,CAAC,KAAK,CAAC,OAAO,EAAC,CAAC;YACjE,mCAAmC;YACnC,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAS,CAAC,KAAK,CAAC,kBAAkB,EAAC,CAAC;YAC5E,kCAAkC;YAClC,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAS,CAAC,KAAK,CAAC,gBAAgB,EAAC,CAAC;YAE1E,8BAA8B;YAC9B,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;YAC7C,oCAAoC;YACpC,IAAA,sBAAc,EAAC,mBAAa,CAAC,eAAe,CAAC,OAAO,CAAC;YAErD,mCAAmC;YACnC,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC;YAChC,gDAAgD;YAChD,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,YAAY,EAAE,GAAG,mBAAQ,CAAC,KAAK,EAAC,CAAC;SAC1D;KACW,GAEtB,CACL,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,mBAAO,CAAC,UAA4B;CACnD,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\n\nimport bannerData from '../blocks/Banner/__stories__/data.json';\nimport companiesData from '../blocks/Companies/__stories__/data.json';\nimport headerData from '../blocks/Header/__stories__/data.json';\nimport infoData from '../blocks/Info/__stories__/data.json';\nimport mediaData from '../blocks/Media/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/HeroAndMedia',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructor\n        navigation={navigation}\n        custom={custom}\n        content={\n            {\n                blocks: [\n                    // header-block: default with action buttons\n                    blockTransform(headerData.default),\n                    // header-block: with breadcrumbs + light background\n                    blockTransform(headerData.breadcrumbs[0]),\n                    // header-block: with breadcrumbs + dark theme\n                    blockTransform(headerData.breadcrumbs[1]),\n                    // header-block: with image\n                    blockTransform(headerData.image),\n                    // header-block: with background image and color (media variant)\n                    blockTransform({type: 'header-block', ...headerData.media.image}),\n\n                    // banner-block: light theme with themed image\n                    blockTransform(bannerData.default.content),\n                    // banner-block: forced dark theme\n                    blockTransform(bannerData.darkTheme.content),\n\n                    // media-block: default with image\n                    blockTransform(mediaData.default),\n                    // media-block: image slider\n                    blockTransform(mediaData.imageSlider),\n                    // media-block: youtube embed\n                    blockTransform({type: 'media-block', ...mediaData.video.youtube}),\n                    // media-block: video with controls\n                    blockTransform({type: 'media-block', ...mediaData.video.staticWithControls}),\n                    // media-block: video with preview\n                    blockTransform({type: 'media-block', ...mediaData.video.videoWithPreview}),\n\n                    // companies-block: title only\n                    blockTransform(companiesData.default.content),\n                    // companies-block: with description\n                    blockTransform(companiesData.withDescription.content),\n\n                    // info-block: dark theme (default)\n                    blockTransform(infoData.default),\n                    // info-block: light theme with background color\n                    blockTransform({type: 'info-block', ...infoData.light}),\n                ],\n            } as PageContent\n        }\n    />\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    navigation: navData.navigation as NavigationData,\n};\n"]}

package/build/cjs/demo/InteractiveAndForms.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { CustomConfig, NavigationData } from "../models/index.js";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf", { with: { "resolution-mode": "import" } }).AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    navigation: NavigationData;
+    custom?: CustomConfig;
+}>;

package/build/cjs/demo/InteractiveAndForms.stories.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const maps_1 = require("../../.storybook/maps.js");
+const utils_1 = require("../../.storybook/utils.js");
+const PageConstructor_1 = require("../containers/PageConstructor/index.js");
+const mapsContext_1 = require("../context/mapsContext/mapsContext.js");
+const mapsProvider_1 = require("../context/mapsContext/mapsProvider.js");
+const CustomButton_1 = require("../navigation/__stories__/CustomButton/CustomButton.js");
+const data_json_1 = tslib_1.__importDefault(require("../blocks/FilterBlock/__stories__/data.json"));
+const data_json_2 = tslib_1.__importDefault(require("../blocks/Form/__stories__/data.json"));
+const data_json_3 = tslib_1.__importDefault(require("../blocks/Icons/__stories__/data.json"));
+const data_json_4 = tslib_1.__importDefault(require("../blocks/Map/__stories__/data.json"));
+const data_json_5 = tslib_1.__importDefault(require("../blocks/Share/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
+exports.default = {
+    title: 'Lab/Tokenization/Blocks/InteractiveAndForms',
+    component: PageConstructor_1.PageConstructor,
+};
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(mapsProvider_1.MapProvider, { scriptSrc: maps_1.scriptsSrc[mapsContext_1.MapType.Yandex], apiKey: maps_1.ymapApiKeyForStorybook, type: mapsContext_1.MapType.Yandex, children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
+            blocks: [
+                // form-block: hubspot form
+                (0, utils_1.blockTransform)(data_json_2.default.default),
+                // form-block: with background color
+                (0, utils_1.blockTransform)({ ...data_json_2.default.default, ...data_json_2.default.withBackground }),
+                // form-block: with background image
+                (0, utils_1.blockTransform)({ ...data_json_2.default.default, ...data_json_2.default.withBackgroundImage }),
+                // form-block: yandex form
+                (0, utils_1.blockTransform)(data_json_2.default.yandexForm),
+                // filter-block: with tag filtering and layout items
+                (0, utils_1.blockTransform)(data_json_1.default.default),
+                // icons-block: minimal (no title)
+                (0, utils_1.blockTransform)(data_json_3.default.default.content),
+                // icons-block: with title and description
+                (0, utils_1.blockTransform)(data_json_3.default.withDescription.content),
+                // share-block: default (no title)
+                (0, utils_1.blockTransform)(data_json_5.default.default.content),
+                // share-block: with custom title
+                (0, utils_1.blockTransform)(data_json_5.default.customTitle.content),
+                // map-block: default with yandex map
+                (0, utils_1.blockTransform)({
+                    type: 'map-block',
+                    title: data_json_4.default.common.title,
+                    description: data_json_4.default.common.description,
+                    map: data_json_4.default.ymap,
+                }),
+                // map-block: with additional info and links
+                (0, utils_1.blockTransform)({
+                    type: 'map-block',
+                    title: data_json_4.default.common.title,
+                    description: data_json_4.default.common.description,
+                    additionalInfo: data_json_4.default.common.additionalInfo,
+                    links: data_json_4.default.common.links,
+                    map: { ...data_json_4.default.ymap, id: 'common-places-2' },
+                }),
+                // map-block: with buttons
+                (0, utils_1.blockTransform)({
+                    type: 'map-block',
+                    title: data_json_4.default.common.title,
+                    description: data_json_4.default.common.description,
+                    buttons: data_json_4.default.common.buttons,
+                    map: { ...data_json_4.default.ymap, id: 'common-places-3' },
+                }),
+            ],
+        } }) }));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    custom: {
+        navigation: {
+            'custom-item': CustomButton_1.CustomButton,
+        },
+    },
+    navigation: {
+        ...data_json_6.default.navigation,
+        header: {
+            ...data_json_6.default.navigation.header,
+            customMobileHeaderItems: [{ type: 'custom-item' }],
+        },
+    },
+};
+//# sourceMappingURL=InteractiveAndForms.stories.js.map

package/build/cjs/demo/InteractiveAndForms.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveAndForms.stories.js","sourceRoot":"../../../src","sources":["demo/InteractiveAndForms.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {scriptsSrc, ymapApiKeyForStorybook} from '../../.storybook/maps';\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {MapType} from '../context/mapsContext/mapsContext';\nimport {MapProvider} from '../context/mapsContext/mapsProvider';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\nimport {CustomButton} from '../navigation/__stories__/CustomButton/CustomButton';\n\nimport filterData from '../blocks/FilterBlock/__stories__/data.json';\nimport formData from '../blocks/Form/__stories__/data.json';\nimport iconsData from '../blocks/Icons/__stories__/data.json';\nimport mapData from '../blocks/Map/__stories__/data.json';\nimport shareData from '../blocks/Share/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/InteractiveAndForms',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <MapProvider\n        scriptSrc={scriptsSrc[MapType.Yandex]}\n        apiKey={ymapApiKeyForStorybook}\n        type={MapType.Yandex}\n    >\n        <PageConstructor\n            navigation={navigation}\n            custom={custom}\n            content={\n                {\n                    blocks: [\n                        // form-block: hubspot form\n                        blockTransform(formData.default),\n                        // form-block: with background color\n                        blockTransform({...formData.default, ...formData.withBackground}),\n                        // form-block: with background image\n                        blockTransform({...formData.default, ...formData.withBackgroundImage}),\n                        // form-block: yandex form\n                        blockTransform(formData.yandexForm),\n\n                        // filter-block: with tag filtering and layout items\n                        blockTransform(filterData.default),\n\n                        // icons-block: minimal (no title)\n                        blockTransform(iconsData.default.content),\n                        // icons-block: with title and description\n                        blockTransform(iconsData.withDescription.content),\n\n                        // share-block: default (no title)\n                        blockTransform(shareData.default.content),\n                        // share-block: with custom title\n                        blockTransform(shareData.customTitle.content),\n\n                        // map-block: default with yandex map\n                        blockTransform({\n                            type: 'map-block',\n                            title: mapData.common.title,\n                            description: mapData.common.description,\n                            map: mapData.ymap,\n                        }),\n                        // map-block: with additional info and links\n                        blockTransform({\n                            type: 'map-block',\n                            title: mapData.common.title,\n                            description: mapData.common.description,\n                            additionalInfo: mapData.common.additionalInfo,\n                            links: mapData.common.links,\n                            map: {...mapData.ymap, id: 'common-places-2'},\n                        }),\n                        // map-block: with buttons\n                        blockTransform({\n                            type: 'map-block',\n                            title: mapData.common.title,\n                            description: mapData.common.description,\n                            buttons: mapData.common.buttons,\n                            map: {...mapData.ymap, id: 'common-places-3'},\n                        }),\n                    ],\n                } as PageContent\n            }\n        />\n    </MapProvider>\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomButton,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            customMobileHeaderItems: [{type: 'custom-item'}],\n        },\n    } as unknown as NavigationData,\n};\n"]}

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -97,7 +97,6 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     autoplay?: number;
     randomOrder?: boolean;
     adaptive?: boolean;
-    centeredSlides?: boolean;
 }
 export interface HeaderSliderBlockProps extends Omit<SliderOldProps, 'title' | 'description'> {
     items: HeaderBlockProps[];