@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

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

@@ -5,99 +5,107 @@ 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 extensions_1 = require("../gravity-blocks/extensions/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"));
+const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/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),
-                ],
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { extensions: (0, extensions_1.gravityBlocksExtension)({
+            globalDefaults: {
+                navigation,
             },
-            // 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,
-            }),
-        ],
-    } }));
+        }), 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: {

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

@@ -1 +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"]}
+{"version":3,"file":"FeaturesAndCards.stories.js","sourceRoot":"../../../src","sources":["demo/FeaturesAndCards.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor, PageConstructorProvider} from '../containers/PageConstructor';\nimport {gravityBlocksExtension} from '../gravity-blocks/extensions';\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 '../gravity-blocks/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    <PageConstructorProvider>\n        <PageConstructor\n            extensions={gravityBlocksExtension({\n                globalDefaults: {\n                    navigation,\n                },\n            })}\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({\n                            type: 'header-slider-block',\n                            ...headerSliderData.default,\n                        }),\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    </PageConstructorProvider>\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.js

@@ -5,52 +5,63 @@ 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 extensions_1 = require("../gravity-blocks/extensions/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"));
+const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/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 }),
-        ],
-    } }));
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { extensions: (0, extensions_1.gravityBlocksExtension)({
+            globalDefaults: {
+                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,

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

@@ -1 +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"]}
+{"version":3,"file":"HeroAndMedia.stories.js","sourceRoot":"../../../src","sources":["demo/HeroAndMedia.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAAuF;AACvF,sEAAoE;AAGpE,+FAAgE;AAChE,kGAAsE;AACtE,+FAAgE;AAChE,6FAA4D;AAC5D,8FAA8D;AAC9D,2GAAyE;AAEzE,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,yCAAuB,cACpB,uBAAC,iCAAe,IACZ,UAAU,EAAE,IAAA,mCAAsB,EAAC;YAC/B,cAAc,EAAE;gBACZ,UAAU;aACb;SACJ,CAAC,EACF,MAAM,EAAE,MAAM,EACd,OAAO,EACH;YACI,MAAM,EAAE;gBACJ,4CAA4C;gBAC5C,IAAA,sBAAc,EAAC,mBAAU,CAAC,OAAO,CAAC;gBAClC,oDAAoD;gBACpD,IAAA,sBAAc,EAAC,mBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACzC,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACzC,2BAA2B;gBAC3B,IAAA,sBAAc,EAAC,mBAAU,CAAC,KAAK,CAAC;gBAChC,gEAAgE;gBAChE,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,cAAc,EAAE,GAAG,mBAAU,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC;gBAEjE,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAU,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC1C,kCAAkC;gBAClC,IAAA,sBAAc,EAAC,mBAAU,CAAC,SAAS,CAAC,OAAO,CAAC;gBAE5C,kCAAkC;gBAClC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC;gBACjC,4BAA4B;gBAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,WAAW,CAAC;gBACrC,6BAA6B;gBAC7B,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAS,CAAC,KAAK,CAAC,OAAO,EAAC,CAAC;gBACjE,mCAAmC;gBACnC,IAAA,sBAAc,EAAC;oBACX,IAAI,EAAE,aAAa;oBACnB,GAAG,mBAAS,CAAC,KAAK,CAAC,kBAAkB;iBACxC,CAAC;gBACF,kCAAkC;gBAClC,IAAA,sBAAc,EAAC;oBACX,IAAI,EAAE,aAAa;oBACnB,GAAG,mBAAS,CAAC,KAAK,CAAC,gBAAgB;iBACtC,CAAC;gBAEF,8BAA8B;gBAC9B,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC7C,oCAAoC;gBACpC,IAAA,sBAAc,EAAC,mBAAa,CAAC,eAAe,CAAC,OAAO,CAAC;gBAErD,mCAAmC;gBACnC,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC;gBAChC,gDAAgD;gBAChD,IAAA,sBAAc,EAAC,EAAC,IAAI,EAAE,YAAY,EAAE,GAAG,mBAAQ,CAAC,KAAK,EAAC,CAAC;aAC1D;SACW,GAEtB,GACoB,CAC7B,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, PageConstructorProvider} from '../containers/PageConstructor';\nimport {gravityBlocksExtension} from '../gravity-blocks/extensions';\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 '../gravity-blocks/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    <PageConstructorProvider>\n        <PageConstructor\n            extensions={gravityBlocksExtension({\n                globalDefaults: {\n                    navigation,\n                },\n            })}\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({\n                            type: 'media-block',\n                            ...mediaData.video.staticWithControls,\n                        }),\n                        // media-block: video with preview\n                        blockTransform({\n                            type: 'media-block',\n                            ...mediaData.video.videoWithPreview,\n                        }),\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    </PageConstructorProvider>\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    navigation: navData.navigation as NavigationData,\n};\n"]}

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

@@ -6,65 +6,73 @@ 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 mapsContext_1 = require("../gravity-blocks/context/mapsContext/mapsContext.js");
+const mapsProvider_1 = require("../gravity-blocks/context/mapsContext/mapsProvider.js");
+const extensions_1 = require("../gravity-blocks/extensions/index.js");
+const CustomButton_1 = require("../gravity-blocks/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"));
+const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/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' },
-                }),
-            ],
-        } }) }));
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (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, { extensions: (0, extensions_1.gravityBlocksExtension)({
+                globalDefaults: {
+                    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: {

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveAndForms.stories.js","sourceRoot":"../../../src","sources":["demo/InteractiveAndForms.stories.tsx"],"names":[],"mappings":";;;;;AAEA,mDAAyE;AACzE,qDAAsD;AACtD,4EAA8D;AAC9D,uEAA2D;AAC3D,yEAAgE;AAEhE,yFAAiF;AAEjF,oGAAqE;AACrE,6FAA4D;AAC5D,8FAA8D;AAC9D,4FAA0D;AAC1D,8FAA8D;AAC9D,4FAA0D;AAE1D,kBAAe;IACX,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,0BAAW,IACR,SAAS,EAAE,iBAAU,CAAC,qBAAO,CAAC,MAAM,CAAC,EACrC,MAAM,EAAE,6BAAsB,EAC9B,IAAI,EAAE,qBAAO,CAAC,MAAM,YAEpB,uBAAC,iCAAe,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EACH;YACI,MAAM,EAAE;gBACJ,2BAA2B;gBAC3B,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC;gBAChC,oCAAoC;gBACpC,IAAA,sBAAc,EAAC,EAAC,GAAG,mBAAQ,CAAC,OAAO,EAAE,GAAG,mBAAQ,CAAC,cAAc,EAAC,CAAC;gBACjE,oCAAoC;gBACpC,IAAA,sBAAc,EAAC,EAAC,GAAG,mBAAQ,CAAC,OAAO,EAAE,GAAG,mBAAQ,CAAC,mBAAmB,EAAC,CAAC;gBACtE,0BAA0B;gBAC1B,IAAA,sBAAc,EAAC,mBAAQ,CAAC,UAAU,CAAC;gBAEnC,oDAAoD;gBACpD,IAAA,sBAAc,EAAC,mBAAU,CAAC,OAAO,CAAC;gBAElC,kCAAkC;gBAClC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;gBACzC,0CAA0C;gBAC1C,IAAA,sBAAc,EAAC,mBAAS,CAAC,eAAe,CAAC,OAAO,CAAC;gBAEjD,kCAAkC;gBAClC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;gBACzC,iCAAiC;gBACjC,IAAA,sBAAc,EAAC,mBAAS,CAAC,WAAW,CAAC,OAAO,CAAC;gBAE7C,qCAAqC;gBACrC,IAAA,sBAAc,EAAC;oBACX,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,mBAAO,CAAC,MAAM,CAAC,KAAK;oBAC3B,WAAW,EAAE,mBAAO,CAAC,MAAM,CAAC,WAAW;oBACvC,GAAG,EAAE,mBAAO,CAAC,IAAI;iBACpB,CAAC;gBACF,4CAA4C;gBAC5C,IAAA,sBAAc,EAAC;oBACX,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,mBAAO,CAAC,MAAM,CAAC,KAAK;oBAC3B,WAAW,EAAE,mBAAO,CAAC,MAAM,CAAC,WAAW;oBACvC,cAAc,EAAE,mBAAO,CAAC,MAAM,CAAC,cAAc;oBAC7C,KAAK,EAAE,mBAAO,CAAC,MAAM,CAAC,KAAK;oBAC3B,GAAG,EAAE,EAAC,GAAG,mBAAO,CAAC,IAAI,EAAE,EAAE,EAAE,iBAAiB,EAAC;iBAChD,CAAC;gBACF,0BAA0B;gBAC1B,IAAA,sBAAc,EAAC;oBACX,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,mBAAO,CAAC,MAAM,CAAC,KAAK;oBAC3B,WAAW,EAAE,mBAAO,CAAC,MAAM,CAAC,WAAW;oBACvC,OAAO,EAAE,mBAAO,CAAC,MAAM,CAAC,OAAO;oBAC/B,GAAG,EAAE,EAAC,GAAG,mBAAO,CAAC,IAAI,EAAE,EAAE,EAAE,iBAAiB,EAAC;iBAChD,CAAC;aACL;SACW,GAEtB,GACQ,CACjB,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,2BAAY;SAC9B;KACJ;IACD,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,uBAAuB,EAAE,CAAC,EAAC,IAAI,EAAE,aAAa,EAAC,CAAC;SACnD;KACyB;CACjC,CAAC","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"]}
+{"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, PageConstructorProvider} from '../containers/PageConstructor';\nimport {MapType} from '../gravity-blocks/context/mapsContext/mapsContext';\nimport {MapProvider} from '../gravity-blocks/context/mapsContext/mapsProvider';\nimport {gravityBlocksExtension} from '../gravity-blocks/extensions';\nimport {CustomButton} from '../gravity-blocks/navigation/__stories__/CustomButton/CustomButton';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\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 '../gravity-blocks/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    <PageConstructorProvider>\n        <MapProvider\n            scriptSrc={scriptsSrc[MapType.Yandex]}\n            apiKey={ymapApiKeyForStorybook}\n            type={MapType.Yandex}\n        >\n            <PageConstructor\n                extensions={gravityBlocksExtension({\n                    globalDefaults: {\n                        navigation,\n                    },\n                })}\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({\n                                ...formData.default,\n                                ...formData.withBackgroundImage,\n                            }),\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    </PageConstructorProvider>\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/editor/components/AddBlock/AddBlock.css

@@ -20,15 +20,17 @@ unpredictable css rules order in build */
   justify-content: center;
   align-items: center;
   transition: transform 0.2s;
+}
+.pc-add-block__button:hover {
+  transform: scale(1.05);
+}
+.pc-add-block__button {
   width: 76px;
   height: 40px;
   color: var(--pc-editor-control-icon-color);
   background-color: var(--pc-editor-base-color);
   border-radius: 8px;
 }
-.pc-add-block__button:hover {
-  transform: scale(1.05);
-}
 .pc-add-block__icon {
   width: 16px;
   height: 16px;
@@ -64,14 +66,16 @@ unpredictable css rules order in build */
   justify-content: center;
   align-items: center;
   transition: transform 0.2s;
+}
+.pc-add-block__popup .pc-add-block__block:hover {
+  transform: scale(1.05);
+}
+.pc-add-block__popup .pc-add-block__block {
   margin-top: 20px;
   justify-content: flex-start;
   text-align: start;
   cursor: pointer;
 }
-.pc-add-block__popup .pc-add-block__block:hover {
-  transform: scale(1.05);
-}
 .pc-add-block__popup .pc-add-block__block:first-child {
   margin-top: 0;
 }

package/build/cjs/editor/components/CodeEditor/CodeEditor.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PageContent } from "../../../models/index.js";
 import { CodeEditorMessageProps } from "../../utils/validation.js";
 interface CodeEditorProps {
@@ -9,5 +8,5 @@ interface CodeEditorProps {
     onChange: (content: PageContent) => void;
     message?: CodeEditorMessageProps;
 }
-export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CodeEditor: ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};