@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -2,27 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageConstructor = exports.Constructor = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 require("@diplodoc/transform/dist/js/yfm");
-const BackgroundMedia_1 = tslib_1.__importDefault(require("../../components/BackgroundMedia/BackgroundMedia"));
-const BrandFooter_1 = tslib_1.__importDefault(require("../../components/BrandFooter/BrandFooter"));
-const RootCn_1 = tslib_1.__importDefault(require("../../components/RootCn"));
-const constructor_items_1 = require("../../constructor-items");
-const animateContext_1 = require("../../context/animateContext");
-const innerContext_1 = require("../../context/innerContext");
-const projectSettingsContext_1 = require("../../context/projectSettingsContext");
-const theme_1 = require("../../context/theme");
-const grid_1 = require("../../grid");
-const models_1 = require("../../models");
-const Layout_1 = tslib_1.__importDefault(require("../../navigation/containers/Layout/Layout"));
-const utils_1 = require("../../utils");
-const ConstructorBlocks_1 = require("./components/ConstructorBlocks");
-const ConstructorItem_1 = require("./components/ConstructorItem");
-const ConstructorRow_1 = require("./components/ConstructorRow");
+const BackgroundMedia_1 = tslib_1.__importDefault(require("../../components/BackgroundMedia/BackgroundMedia.js"));
+const BrandFooter_1 = tslib_1.__importDefault(require("../../components/BrandFooter/BrandFooter.js"));
+const RootCn_1 = tslib_1.__importDefault(require("../../components/RootCn/index.js"));
+const constructor_items_1 = require("../../constructor-items.js");
+const animateContext_1 = require("../../context/animateContext/index.js");
+const innerContext_1 = require("../../context/innerContext/index.js");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
+const theme_1 = require("../../context/theme/index.js");
+const grid_1 = require("../../grid/index.js");
+const models_1 = require("../../models/index.js");
+const Layout_1 = tslib_1.__importDefault(require("../../navigation/containers/Layout/Layout.js"));
+const utils_1 = require("../../utils/index.js");
+const ConstructorBlocks_1 = require("./components/ConstructorBlocks/index.js");
+const ConstructorItem_1 = require("./components/ConstructorItem/index.js");
+const ConstructorRow_1 = require("./components/ConstructorRow/index.js");
 const b = (0, utils_1.block)('page-constructor');
 const Constructor = (props) => {
     const { content: { blocks = [], background } = {}, renderMenu, shouldRenderBlock, navigation, custom, isBranded, microdata, } = props;
-    const { context } = (0, react_1.useMemo)(() => ({
+    const { context } = React.useMemo(() => ({
         context: {
             blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomTypes)(['blocks', 'headers'], custom)],
             subBlockTypes: [...models_1.SubBlockTypes, ...(0, utils_1.getCustomTypes)(['subBlocks'], custom)],
@@ -45,22 +46,13 @@ const Constructor = (props) => {
     const header = (0, utils_1.getHeaderBlock)(blocks, context.headerBlockTypes);
     const restBlocks = (0, utils_1.getOrderedBlocks)(blocks, context.headerBlockTypes);
     const themedBackground = (0, utils_1.getThemedValue)(background, theme);
-    return (react_1.default.createElement(innerContext_1.InnerContext.Provider, { value: context },
-        react_1.default.createElement(RootCn_1.default, { className: b() },
-            react_1.default.createElement("div", { className: b('wrapper') },
-                themedBackground && (react_1.default.createElement(BackgroundMedia_1.default, Object.assign({}, themedBackground, { className: b('background') }))),
-                react_1.default.createElement(Layout_1.default, { navigation: navigation },
-                    renderMenu && renderMenu(),
-                    header && (react_1.default.createElement(ConstructorItem_1.ConstructorHeader, { data: header, blockKey: models_1.BlockType.HeaderBlock })),
-                    react_1.default.createElement(grid_1.Grid, null, restBlocks && (react_1.default.createElement(ConstructorRow_1.ConstructorRow, null,
-                        react_1.default.createElement(ConstructorBlocks_1.ConstructorBlocks, { items: restBlocks }))))),
-                isBranded && react_1.default.createElement(BrandFooter_1.default, null)))));
+    return ((0, jsx_runtime_1.jsx)(innerContext_1.InnerContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(RootCn_1.default, { className: b(), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [themedBackground && ((0, jsx_runtime_1.jsx)(BackgroundMedia_1.default, Object.assign({}, themedBackground, { className: b('background') }))), (0, jsx_runtime_1.jsxs)(Layout_1.default, { navigation: navigation, children: [renderMenu && renderMenu(), header && ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorHeader, { data: header, blockKey: models_1.BlockType.HeaderBlock })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: restBlocks && ((0, jsx_runtime_1.jsx)(ConstructorRow_1.ConstructorRow, { children: (0, jsx_runtime_1.jsx)(ConstructorBlocks_1.ConstructorBlocks, { items: restBlocks }) })) })] }), isBranded && (0, jsx_runtime_1.jsx)(BrandFooter_1.default, {})] }) }) }));
 };
 exports.Constructor = Constructor;
 const PageConstructor = (props) => {
-    const { isAnimationEnabled = true } = (0, react_1.useContext)(projectSettingsContext_1.ProjectSettingsContext);
+    const { isAnimationEnabled = true } = React.useContext(projectSettingsContext_1.ProjectSettingsContext);
     const { content: { animated = isAnimationEnabled } = {} } = props, rest = tslib_1.__rest(props, ["content"]);
-    return (react_1.default.createElement(animateContext_1.AnimateContext.Provider, { value: { animated } },
-        react_1.default.createElement(exports.Constructor, Object.assign({ content: props.content }, rest))));
+    return ((0, jsx_runtime_1.jsx)(animateContext_1.AnimateContext.Provider, { value: { animated }, children: (0, jsx_runtime_1.jsx)(exports.Constructor, Object.assign({ content: props.content }, rest)) }));
 };
 exports.PageConstructor = PageConstructor;
+//# sourceMappingURL=PageConstructor.js.map

package/build/cjs/containers/PageConstructor/PageConstructor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport '@diplodoc/transform/dist/js/yfm';\n\nimport BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport RootCn from '../../components/RootCn';\nimport {blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {AnimateContext} from '../../context/animateContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useTheme} from '../../context/theme';\nimport {Grid} from '../../grid';\nimport {\n    BlockType,\n    BlockTypes,\n    CustomConfig,\n    CustomItems,\n    HeaderBlockTypes,\n    NavigationData,\n    NavigationItemTypes,\n    PageContent,\n    ShouldRenderBlock,\n    SubBlockTypes,\n} from '../../models';\nimport Layout from '../../navigation/containers/Layout/Layout';\nimport {\n    block as cnBlock,\n    getCustomItems,\n    getCustomTypes,\n    getHeaderBlock,\n    getOrderedBlocks,\n    getThemedValue,\n} from '../../utils';\n\nimport {ConstructorBlocks} from './components/ConstructorBlocks';\nimport {ConstructorHeader} from './components/ConstructorItem';\nimport {ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n    content?: PageContent;\n    shouldRenderBlock?: ShouldRenderBlock;\n    custom?: CustomConfig;\n    renderMenu?: () => React.ReactNode;\n    navigation?: NavigationData;\n    isBranded?: boolean;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport const Constructor = (props: PageConstructorProps) => {\n    const {\n        content: {blocks = [], background} = {},\n        renderMenu,\n        shouldRenderBlock,\n        navigation,\n        custom,\n        isBranded,\n        microdata,\n    } = props;\n\n    const {context} = React.useMemo(\n        () => ({\n            context: {\n                blockTypes: [...BlockTypes, ...getCustomTypes(['blocks', 'headers'], custom)],\n                subBlockTypes: [...SubBlockTypes, ...getCustomTypes(['subBlocks'], custom)],\n                headerBlockTypes: [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)],\n                navigationBlockTypes: [\n                    ...NavigationItemTypes,\n                    ...getCustomTypes(['navigation'], custom),\n                ],\n                itemMap: {\n                    ...blockMap,\n                    ...subBlockMap,\n                    ...getCustomItems(['blocks', 'headers', 'subBlocks'], custom),\n                },\n                navItemMap: {\n                    ...navItemMap,\n                    ...getCustomItems(['navigation'], custom),\n                },\n                loadables: custom?.loadable,\n                shouldRenderBlock,\n                customization: {\n                    decorators: custom?.decorators,\n                },\n                microdata,\n            },\n        }),\n        [custom, shouldRenderBlock, microdata],\n    );\n\n    const theme = useTheme();\n\n    const header = getHeaderBlock(blocks, context.headerBlockTypes);\n    const restBlocks = getOrderedBlocks(blocks, context.headerBlockTypes);\n    const themedBackground = getThemedValue(background, theme);\n\n    return (\n        <InnerContext.Provider value={context}>\n            <RootCn className={b()}>\n                <div className={b('wrapper')}>\n                    {themedBackground && (\n                        <BackgroundMedia {...themedBackground} className={b('background')} />\n                    )}\n                    <Layout navigation={navigation}>\n                        {renderMenu && renderMenu()}\n                        {header && (\n                            <ConstructorHeader data={header} blockKey={BlockType.HeaderBlock} />\n                        )}\n                        <Grid>\n                            {restBlocks && (\n                                <ConstructorRow>\n                                    <ConstructorBlocks items={restBlocks} />\n                                </ConstructorRow>\n                            )}\n                        </Grid>\n                    </Layout>\n                    {isBranded && <BrandFooter />}\n                </div>\n            </RootCn>\n        </InnerContext.Provider>\n    );\n};\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n    const {isAnimationEnabled = true} = React.useContext(ProjectSettingsContext);\n    const {content: {animated = isAnimationEnabled} = {}, ...rest} = props;\n\n    return (\n        <AnimateContext.Provider value={{animated}}>\n            <Constructor content={props.content} {...rest} />\n        </AnimateContext.Provider>\n    );\n};\n"]}

package/build/cjs/containers/PageConstructor/Provider.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { AnalyticsContextProps } from '../../context/analyticsContext';
-import { FormsContextProps } from '../../context/formsContext/FormsContext';
-import { ImageContextProps } from '../../context/imageContext';
-import { LocaleContextProps } from '../../context/localeContext';
-import { LocationContextProps } from '../../context/locationContext';
-import { MapsContextType } from '../../context/mapsContext/mapsContext';
-import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
-import { SSRContextProps } from '../../context/ssrContext';
-import { Theme } from '../../models';
+import * as React from 'react';
+import { AnalyticsContextProps } from "../../context/analyticsContext/index.js";
+import { FormsContextProps } from "../../context/formsContext/FormsContext.js";
+import { ImageContextProps } from "../../context/imageContext/index.js";
+import { LocaleContextProps } from "../../context/localeContext/index.js";
+import { LocationContextProps } from "../../context/locationContext/index.js";
+import { MapsContextType } from "../../context/mapsContext/mapsContext.js";
+import { ProjectSettingsContextProps } from "../../context/projectSettingsContext/index.js";
+import { SSRContextProps } from "../../context/ssrContext/index.js";
+import { Theme } from "../../models/index.js";
 export interface PageConstructorProviderProps {
     isMobile?: boolean;
     locale?: LocaleContextProps;
@@ -20,4 +20,4 @@ export interface PageConstructorProviderProps {
     forms?: FormsContextProps;
     image?: ImageContextProps;
 }
-export declare const PageConstructorProvider: (props: React.PropsWithChildren<PageConstructorProviderProps>) => JSX.Element;
+export declare const PageConstructorProvider: (props: React.PropsWithChildren<PageConstructorProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/containers/PageConstructor/Provider.js

@@ -2,34 +2,36 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageConstructorProvider = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../components/constants");
-const analyticsContext_1 = require("../../context/analyticsContext");
-const FormsContext_1 = require("../../context/formsContext/FormsContext");
-const imageContext_1 = require("../../context/imageContext");
-const localeContext_1 = require("../../context/localeContext");
-const locationContext_1 = require("../../context/locationContext");
-const mapsContext_1 = require("../../context/mapsContext/mapsContext");
-const mobileContext_1 = require("../../context/mobileContext");
-const projectSettingsContext_1 = require("../../context/projectSettingsContext");
-const ssrContext_1 = require("../../context/ssrContext");
-const theme_1 = require("../../context/theme");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../components/constants.js");
+const analyticsContext_1 = require("../../context/analyticsContext/index.js");
+const FormsContext_1 = require("../../context/formsContext/FormsContext.js");
+const imageContext_1 = require("../../context/imageContext/index.js");
+const localeContext_1 = require("../../context/localeContext/index.js");
+const locationContext_1 = require("../../context/locationContext/index.js");
+const mapsContext_1 = require("../../context/mapsContext/mapsContext.js");
+const mobileContext_1 = require("../../context/mobileContext/index.js");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
+const ssrContext_1 = require("../../context/ssrContext/index.js");
+const theme_1 = require("../../context/theme/index.js");
 const PageConstructorProvider = (props) => {
     const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, forms = FormsContext_1.DEFAULT_FORMS_CONTEXT_VALUE, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
-        react_1.default.createElement(theme_1.ThemeContext.Provider, { value: { theme } }),
-        react_1.default.createElement(projectSettingsContext_1.ProjectSettingsContext.Provider, { value: projectSettings }),
-        react_1.default.createElement(localeContext_1.LocaleContext.Provider, { value: locale }),
-        react_1.default.createElement(imageContext_1.ImageContext.Provider, { value: image }),
-        react_1.default.createElement(locationContext_1.LocationContext.Provider, { value: location }),
-        react_1.default.createElement(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
-        react_1.default.createElement(mapsContext_1.MapsContext.Provider, { value: mapsContext }),
-        react_1.default.createElement(analyticsContext_1.AnalyticsContext.Provider, { value: analytics }),
-        react_1.default.createElement(FormsContext_1.FormsContext.Provider, { value: forms }),
-        react_1.default.createElement(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
-    ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
+        (0, jsx_runtime_1.jsx)(theme_1.ThemeContext.Provider, { value: { theme } }),
+        (0, jsx_runtime_1.jsx)(projectSettingsContext_1.ProjectSettingsContext.Provider, { value: projectSettings }),
+        (0, jsx_runtime_1.jsx)(localeContext_1.LocaleContext.Provider, { value: locale }),
+        (0, jsx_runtime_1.jsx)(imageContext_1.ImageContext.Provider, { value: image }),
+        (0, jsx_runtime_1.jsx)(locationContext_1.LocationContext.Provider, { value: location }),
+        (0, jsx_runtime_1.jsx)(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
+        (0, jsx_runtime_1.jsx)(mapsContext_1.MapsContext.Provider, { value: mapsContext }),
+        (0, jsx_runtime_1.jsx)(analyticsContext_1.AnalyticsContext.Provider, { value: analytics }),
+        (0, jsx_runtime_1.jsx)(FormsContext_1.FormsContext.Provider, { value: forms }),
+        (0, jsx_runtime_1.jsx)(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
+    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     /* eslint-enable react/jsx-key */
-    return react_1.default.createElement(react_1.Fragment, null, context);
+    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: context });
 };
 exports.PageConstructorProvider = PageConstructorProvider;
+//# sourceMappingURL=Provider.js.map

package/build/cjs/containers/PageConstructor/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/Provider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAAyD;AACzD,8EAAuF;AACvF,6EAIiD;AACjD,sEAA2E;AAC3E,wEAA8E;AAC9E,4EAAoF;AACpF,0EAAoG;AACpG,wEAA0D;AAC1D,0FAG8C;AAC9C,kEAAqE;AACrE,wDAAiD;AAgB1C,MAAM,uBAAuB,GAAG,CACnC,KAA4D,EAC9D,EAAE;IACA,MAAM,EACF,QAAQ,EACR,WAAW,GAAG,6BAAe,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,KAAK,GAAG,yBAAa,EACrB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,0CAA2B,GACtC,GAAG,KAAK,CAAC;IAEV,kCAAkC;IAClC,MAAM,OAAO,GAAG;QACZ,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAC,GAAI;QACzC,uBAAC,+CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;QAC3D,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,GAAI;QACzC,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,uBAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAI;QAC7C,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAI;QACpD,uBAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,GAAI;QAC5C,uBAAC,mCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI;QAC/C,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,uBAAC,uBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAC,GAAI;KAClE,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpF,iCAAiC;IAEjC,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAjCW,QAAA,uBAAuB,2BAiClC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {AnalyticsContext, AnalyticsContextProps} from '../../context/analyticsContext';\nimport {\n    DEFAULT_FORMS_CONTEXT_VALUE,\n    FormsContext,\n    FormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {ImageContext, ImageContextProps} from '../../context/imageContext';\nimport {LocaleContext, LocaleContextProps} from '../../context/localeContext';\nimport {LocationContext, LocationContextProps} from '../../context/locationContext';\nimport {MapsContext, MapsContextType, initialMapValue} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {\n    ProjectSettingsContext,\n    ProjectSettingsContextProps,\n} from '../../context/projectSettingsContext';\nimport {SSRContext, SSRContextProps} from '../../context/ssrContext';\nimport {ThemeContext} from '../../context/theme';\nimport {Theme} from '../../models';\n\nexport interface PageConstructorProviderProps {\n    isMobile?: boolean;\n    locale?: LocaleContextProps;\n    location?: LocationContextProps;\n    ssrConfig?: SSRContextProps;\n    theme?: Theme;\n    mapsContext?: MapsContextType;\n    projectSettings?: ProjectSettingsContextProps;\n    analytics?: AnalyticsContextProps;\n    forms?: FormsContextProps;\n    image?: ImageContextProps;\n}\n\nexport const PageConstructorProvider = (\n    props: React.PropsWithChildren<PageConstructorProviderProps>,\n) => {\n    const {\n        isMobile,\n        mapsContext = initialMapValue,\n        locale = {},\n        location = {},\n        analytics = {},\n        ssrConfig = {},\n        projectSettings = {},\n        theme = DEFAULT_THEME,\n        children,\n        image = {},\n        forms = DEFAULT_FORMS_CONTEXT_VALUE,\n    } = props;\n\n    /* eslint-disable react/jsx-key */\n    const context = [\n        <ThemeContext.Provider value={{theme}} />,\n        <ProjectSettingsContext.Provider value={projectSettings} />,\n        <LocaleContext.Provider value={locale} />,\n        <ImageContext.Provider value={image} />,\n        <LocationContext.Provider value={location} />,\n        <MobileContext.Provider value={Boolean(isMobile)} />,\n        <MapsContext.Provider value={mapsContext} />,\n        <AnalyticsContext.Provider value={analytics} />,\n        <FormsContext.Provider value={forms} />,\n        <SSRContext.Provider value={{isServer: ssrConfig?.isServer}} />,\n    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);\n    /* eslint-enable react/jsx-key */\n\n    return <React.Fragment>{context}</React.Fragment>;\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType } from '../../../../models';
+import * as React from 'react';
+import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType } from "../../../../models/index.js";
 interface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {
     data: ConstructorBlockType;
 }
-export declare const ConstructorBlock: ({ index, data, children, }: React.PropsWithChildren<ConstructorBlockProps>) => JSX.Element;
+export declare const ConstructorBlock: ({ index, data, children, }: React.PropsWithChildren<ConstructorBlockProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const pick_1 = tslib_1.__importDefault(require("lodash/pick"));
-const BlockBase_1 = tslib_1.__importDefault(require("../../../../components/BlockBase/BlockBase"));
-const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
-const utils_1 = require("../../../../utils");
+const BlockBase_1 = tslib_1.__importDefault(require("../../../../components/BlockBase/BlockBase.js"));
+const BlockDecoration_1 = require("../../../../customization/BlockDecoration.js");
+const utils_1 = require("../../../../utils/index.js");
 const b = (0, utils_1.block)('constructor-block');
 const ConstructorBlock = ({ index = 0, data, children, }) => {
     const { type } = data;
-    const blockBaseProps = (0, react_1.useMemo)(() => (0, pick_1.default)(data, ['anchor', 'visible', 'resetPaddings', 'indent']), [data]);
-    return (react_1.default.createElement(BlockDecoration_1.BlockDecoration, Object.assign({ type: type, index: index }, blockBaseProps),
-        react_1.default.createElement(BlockBase_1.default, Object.assign({ className: b({ type }) }, blockBaseProps), children)));
+    const blockBaseProps = React.useMemo(() => (0, pick_1.default)(data, ['anchor', 'visible', 'resetPaddings', 'indent']), [data]);
+    return ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, Object.assign({ type: type, index: index }, blockBaseProps, { children: (0, jsx_runtime_1.jsx)(BlockBase_1.default, Object.assign({ className: b({ type }) }, blockBaseProps, { children: children })) })));
 };
 exports.ConstructorBlock = ConstructorBlock;
+//# sourceMappingURL=ConstructorBlock.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,+DAA+B;AAE/B,sGAAmE;AACnE,kFAA0E;AAE1E,sDAAwC;AAQxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,GACqC,EAAE,EAAE;IACjD,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IACpB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,IAAA,cAAI,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,EAClE,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,uBAAC,iCAAe,kBAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,cAAc,cACzD,uBAAC,mBAAS,kBAAC,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,IAAM,cAAc,cAC9C,QAAQ,IACD,IACE,CACrB,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B","sourcesContent":["import * as React from 'react';\n\nimport pick from 'lodash/pick';\n\nimport BlockBase from '../../../../components/BlockBase/BlockBase';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockDecorationProps, ConstructorBlock as ConstructorBlockType} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './ConstructorBlock.scss';\n\ninterface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {\n    data: ConstructorBlockType;\n}\n\nconst b = block('constructor-block');\n\nexport const ConstructorBlock = ({\n    index = 0,\n    data,\n    children,\n}: React.PropsWithChildren<ConstructorBlockProps>) => {\n    const {type} = data;\n    const blockBaseProps = React.useMemo(\n        () => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']),\n        [data],\n    );\n\n    return (\n        <BlockDecoration type={type} index={index} {...blockBaseProps}>\n            <BlockBase className={b({type})} {...blockBaseProps}>\n                {children}\n            </BlockBase>\n        </BlockDecoration>\n    );\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/index.d.ts

@@ -1 +1 @@
-export * from './ConstructorBlock';
+export * from "./ConstructorBlock.js";

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ConstructorBlock"), exports);
+tslib_1.__exportStar(require("./ConstructorBlock.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/index.ts"],"names":[],"mappings":";;;AAAA,gEAAmC","sourcesContent":["export * from './ConstructorBlock';\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ConstructorBlock as ConstructorBlockType } from '../../../../models';
+import * as React from 'react';
+import { ConstructorBlock as ConstructorBlockType } from "../../../../models/index.js";
 export interface ConstructorBlocksProps {
     items: ConstructorBlockType[];
 }

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -2,19 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorBlocks = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
-const innerContext_1 = require("../../../../context/innerContext");
-const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
-const utils_1 = require("../../../../utils");
-const ConstructorBlock_1 = require("../ConstructorBlock/ConstructorBlock");
-const ConstructorItem_1 = require("../ConstructorItem");
-const ConstructorLoadable_1 = require("../ConstructorLoadable");
+const innerContext_1 = require("../../../../context/innerContext/index.js");
+const BlockDecoration_1 = require("../../../../customization/BlockDecoration.js");
+const utils_1 = require("../../../../utils/index.js");
+const ConstructorBlock_1 = require("../ConstructorBlock/ConstructorBlock.js");
+const ConstructorItem_1 = require("../ConstructorItem/index.js");
+const ConstructorLoadable_1 = require("../ConstructorLoadable/index.js");
 const ConstructorBlocks = ({ items }) => {
-    const { blockTypes, loadables, itemMap, shouldRenderBlock } = (0, react_1.useContext)(innerContext_1.InnerContext);
+    const { blockTypes, loadables, itemMap, shouldRenderBlock } = React.useContext(innerContext_1.InnerContext);
     const renderer = (parentId = '', item, index) => {
         if (!itemMap[item.type]) {
-            return parentId ? null : (react_1.default.createElement(BlockDecoration_1.BlockDecoration, { type: item.type, index: index }, null));
+            return parentId ? null : ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: item.type, index: index, children: null }));
         }
         let itemElement;
         const key = (0, utils_1.getBlockKey)(item, index);
@@ -28,20 +29,21 @@ const ConstructorBlocks = ({ items }) => {
             if (!config) {
                 return null;
             }
-            itemElement = (react_1.default.createElement(ConstructorLoadable_1.ConstructorLoadable, { block: item, key: blockId, blockKey: blockId, config: config, serviceId: serviceId, params: params }));
+            itemElement = ((0, jsx_runtime_1.jsx)(ConstructorLoadable_1.ConstructorLoadable, { block: item, blockKey: blockId, config: config, serviceId: serviceId, params: params }, blockId));
         }
         else {
             let children;
             if ('children' in item && item.children) {
                 children = item.children.map(renderer.bind(null, blockId));
             }
-            itemElement = (react_1.default.createElement(ConstructorItem_1.ConstructorItem, { data: item, key: blockId, blockKey: blockId }, children));
+            itemElement = ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: item, blockKey: blockId, children: children }, blockId));
         }
         return blockTypes.includes(item.type) ? (
         //TODO: replace ConstructorBlock (and delete it) with BlockBase when all
         // components relying on constructor inner structure like Slider or blog-constructor will be refactored
-        react_1.default.createElement(ConstructorBlock_1.ConstructorBlock, { data: item, key: blockId, index: index }, itemElement)) : (itemElement);
+        (0, jsx_runtime_1.jsx)(ConstructorBlock_1.ConstructorBlock, { data: item, index: index, children: itemElement }, blockId)) : (itemElement);
     };
-    return react_1.default.createElement(react_1.Fragment, null, items.map(renderer.bind(null, '')));
+    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map(renderer.bind(null, '')) });
 };
 exports.ConstructorBlocks = ConstructorBlocks;
+//# sourceMappingURL=ConstructorBlocks.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA6B;AAE7B,4EAA8D;AAC9D,kFAA0E;AAO1E,sDAA8C;AAC9C,8EAAsE;AACtE,iEAAmD;AACnD,yEAA2D;AAMpD,MAAM,iBAAiB,GAAqC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,CACb,QAAQ,GAAG,EAAE,EACb,IAA0B,EAC1B,KAAa,EACY,EAAE;QAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,EAAE,KAAK,EAAE,KAAK,YACtD,IAAI,GACS,CACrB,CAAC;QACN,CAAC;QAED,IAAI,WAAW,CAAC;QAChB,MAAM,GAAG,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACtD,IAAI,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,QAAyB,CAAC;YACnE,MAAM,MAAM,GAAG,IAAA,aAAG,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEtC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,WAAW,GAAG,CACV,uBAAC,yCAAmB,IAChB,KAAK,EAAE,IAAI,EAEX,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAJT,OAAO,CAKd,CACL,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,QAAQ,CAAC;YACb,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACtC,QAAQ,GAAI,IAAI,CAAC,QAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/E,CAAC;YAED,WAAW,GAAG,CACV,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAgB,QAAQ,EAAE,OAAO,YACvD,QAAQ,IADqB,OAAO,CAEvB,CACrB,CAAC;QACN,CAAC;QAED,OAAO,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACpC,wEAAwE;QACxE,uGAAuG;QACvG,uBAAC,mCAAgB,IAAC,IAAI,EAAE,IAAI,EAAgB,KAAK,EAAE,KAAK,YACnD,WAAW,IADmB,OAAO,CAEvB,CACtB,CAAC,CAAC,CAAC,CACA,WAAW,CACd,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAkB,CAAC;AACjF,CAAC,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n    BlockType,\n    ConstructorBlock as ConstructorBlockType,\n    LoadableProps,\n    SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n    items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n    const {blockTypes, loadables, itemMap, shouldRenderBlock} = React.useContext(InnerContext);\n\n    const renderer = (\n        parentId = '',\n        item: ConstructorBlockType,\n        index: number,\n    ): React.ReactElement | null => {\n        if (!itemMap[item.type]) {\n            return parentId ? null : (\n                <BlockDecoration type={item.type as BlockType} index={index}>\n                    {null}\n                </BlockDecoration>\n            );\n        }\n\n        let itemElement;\n        const key = getBlockKey(item, index);\n        const blockId = parentId ? `${parentId}_${key}` : key;\n        if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n            return null;\n        }\n\n        if ('loadable' in item && item.loadable) {\n            const {source, serviceId, params} = item.loadable as LoadableProps;\n            const config = get(loadables, source);\n\n            if (!config) {\n                return null;\n            }\n\n            itemElement = (\n                <ConstructorLoadable\n                    block={item}\n                    key={blockId}\n                    blockKey={blockId}\n                    config={config}\n                    serviceId={serviceId}\n                    params={params}\n                />\n            );\n        } else {\n            let children;\n            if ('children' in item && item.children) {\n                children = (item.children as SubBlock[]).map(renderer.bind(null, blockId));\n            }\n\n            itemElement = (\n                <ConstructorItem data={item} key={blockId} blockKey={blockId}>\n                    {children}\n                </ConstructorItem>\n            );\n        }\n\n        return blockTypes.includes(item.type) ? (\n            //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n            // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n            <ConstructorBlock data={item} key={blockId} index={index}>\n                {itemElement}\n            </ConstructorBlock>\n        ) : (\n            itemElement\n        );\n    };\n\n    return <React.Fragment>{items.map(renderer.bind(null, ''))}</React.Fragment>;\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/index.d.ts

@@ -1 +1 @@
-export * from './ConstructorBlocks';
+export * from "./ConstructorBlocks.js";

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ConstructorBlocks"), exports);
+tslib_1.__exportStar(require("./ConstructorBlocks.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/index.ts"],"names":[],"mappings":";;;AAAA,iEAAoC","sourcesContent":["export * from './ConstructorBlocks';\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ConstructorBlock } from '../../../../models';
+import * as React from 'react';
+import { ConstructorBlock } from "../../../../models/index.js";
 export interface ConstructorItemProps {
     data: ConstructorBlock;
     blockKey: string;
 }
-export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => JSX.Element;
-export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => JSX.Element;
+export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, "data" | "blockKey">) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorHeader = exports.ConstructorItem = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const blockIdContext_1 = require("../../../../context/blockIdContext");
-const innerContext_1 = require("../../../../context/innerContext");
-const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const blockIdContext_1 = require("../../../../context/blockIdContext/index.js");
+const innerContext_1 = require("../../../../context/innerContext/index.js");
+const BlockDecoration_1 = require("../../../../customization/BlockDecoration.js");
 const ConstructorItem = ({ data, blockKey, children, }) => {
-    const { itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
+    const { itemMap } = React.useContext(innerContext_1.InnerContext);
     const { type } = data, rest = tslib_1.__rest(data, ["type"]);
     const Component = itemMap[type];
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: blockKey },
-        react_1.default.createElement(Component, Object.assign({}, rest), children)));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: blockKey, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { children: children })) }));
 };
 exports.ConstructorItem = ConstructorItem;
-const ConstructorHeader = ({ data, blockKey, }) => (react_1.default.createElement(BlockDecoration_1.BlockDecoration, { type: data.type },
-    react_1.default.createElement(exports.ConstructorItem, { data: data, key: data.type, blockKey: blockKey })));
+const ConstructorHeader = ({ data, blockKey, }) => ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: data.type, children: (0, jsx_runtime_1.jsx)(exports.ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
 exports.ConstructorHeader = ConstructorHeader;
+//# sourceMappingURL=ConstructorItem.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAC9D,kFAA0E;AAQnE,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,KAAa,IAAI,EAAZ,IAAI,kBAAI,IAAI,EAAtB,QAAe,CAAO,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,uBAAC,SAAS,oBAAK,IAAI,cAAG,QAAQ,IAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,eAAe,mBAiB1B;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC;AAPW,QAAA,iBAAiB,qBAO5B","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => (\n    <BlockDecoration type={data.type as BlockType}>\n        <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n    </BlockDecoration>\n);\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorItem/index.d.ts

@@ -1 +1 @@
-export * from './ConstructorItem';
+export * from "./ConstructorItem.js";

package/build/cjs/containers/PageConstructor/components/ConstructorItem/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ConstructorItem"), exports);
+tslib_1.__exportStar(require("./ConstructorItem.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/index.ts"],"names":[],"mappings":";;;AAAA,+DAAkC","sourcesContent":["export * from './ConstructorItem';\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.d.ts

@@ -1,7 +1,7 @@
-import { LoadableConfigItem } from '../../../../models';
-import { LoadableComponentsProps } from '../../../Loadable/Loadable';
+import { LoadableConfigItem } from "../../../../models/index.js";
+import { LoadableComponentsProps } from "../../../Loadable/Loadable.js";
 interface ConstructorLoadableProps extends Omit<LoadableComponentsProps, 'Component' | 'ChildComponent' | 'fetch'> {
     config: LoadableConfigItem;
 }
-export declare const ConstructorLoadable: (props: ConstructorLoadableProps) => JSX.Element;
+export declare const ConstructorLoadable: (props: ConstructorLoadableProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js

@@ -2,17 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorLoadable = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const blockIdContext_1 = require("../../../../context/blockIdContext");
-const innerContext_1 = require("../../../../context/innerContext");
-const Loadable_1 = tslib_1.__importDefault(require("../../../Loadable/Loadable"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const blockIdContext_1 = require("../../../../context/blockIdContext/index.js");
+const innerContext_1 = require("../../../../context/innerContext/index.js");
+const Loadable_1 = tslib_1.__importDefault(require("../../../Loadable/Loadable.js"));
 const ConstructorLoadable = (props) => {
-    const { itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
+    const { itemMap } = React.useContext(innerContext_1.InnerContext);
     const { block, blockKey, config, serviceId, params } = props;
     const { type } = block;
     const { fetch, component: ChildComponent } = config;
     const Component = itemMap[type];
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: blockKey, key: blockKey },
-        react_1.default.createElement(Loadable_1.default, { key: blockKey, block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params })));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: blockKey, children: (0, jsx_runtime_1.jsx)(Loadable_1.default, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
 };
 exports.ConstructorLoadable = ConstructorLoadable;
+//# sourceMappingURL=ConstructorLoadable.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAE9D,qFAA6E;AAOtE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC;IACrB,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,GAAG,MAAM,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,uBAAC,kBAAQ,IAEL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAPT,QAAQ,CAQf,IAVyC,QAAQ,CAW7B,CAC7B,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {LoadableConfigItem} from '../../../../models';\nimport Loadable, {LoadableComponentsProps} from '../../../Loadable/Loadable';\n\ninterface ConstructorLoadableProps\n    extends Omit<LoadableComponentsProps, 'Component' | 'ChildComponent' | 'fetch'> {\n    config: LoadableConfigItem;\n}\n\nexport const ConstructorLoadable = (props: ConstructorLoadableProps) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {block, blockKey, config, serviceId, params} = props;\n    const {type} = block;\n    const {fetch, component: ChildComponent} = config;\n    const Component = itemMap[type] as React.Component<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey} key={blockKey}>\n            <Loadable\n                key={blockKey}\n                block={block}\n                blockKey={blockKey}\n                Component={Component}\n                ChildComponent={ChildComponent}\n                fetch={fetch}\n                serviceId={serviceId}\n                params={params}\n            />\n        </BlockIdContext.Provider>\n    );\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/index.d.ts

@@ -1 +1 @@
-export * from './ConstructorLoadable';
+export * from "./ConstructorLoadable.js";

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ConstructorLoadable"), exports);
+tslib_1.__exportStar(require("./ConstructorLoadable.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/index.ts"],"names":[],"mappings":";;;AAAA,mEAAsC","sourcesContent":["export * from './ConstructorLoadable';\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ConstructorRow: ({ children }: React.PropsWithChildren<{}>) => JSX.Element | null;
+import * as React from 'react';
+export declare const ConstructorRow: ({ children }: React.PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element | null;

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorRow = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const grid_1 = require("../../../../grid");
-const utils_1 = require("../../../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const grid_1 = require("../../../../grid/index.js");
+const utils_1 = require("../../../../utils/index.js");
 const b = (0, utils_1.block)('constructor-row');
-const ConstructorRow = ({ children }) => children ? (react_1.default.createElement(grid_1.Row, { className: b() },
-    react_1.default.createElement(grid_1.Col, null, children))) : null;
+const ConstructorRow = ({ children }) => children ? ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: children }) })) : null;
 exports.ConstructorRow = ConstructorRow;
+//# sourceMappingURL=ConstructorRow.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";;;;AAEA,oDAA0C;AAC1C,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,CACP,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,UAAG,cAAE,QAAQ,GAAO,GACnB,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AALA,QAAA,cAAc,kBAKd","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../../../grid';\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n    children ? (\n        <Row className={b()}>\n            <Col>{children}</Col>\n        </Row>\n    ) : null;\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorRow/index.d.ts

@@ -1 +1 @@
-export * from './ConstructorRow';
+export * from "./ConstructorRow.js";

package/build/cjs/containers/PageConstructor/components/ConstructorRow/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ConstructorRow"), exports);
+tslib_1.__exportStar(require("./ConstructorRow.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/index.ts"],"names":[],"mappings":";;;AAAA,8DAAiC","sourcesContent":["export * from './ConstructorRow';\n"]}

package/build/cjs/containers/PageConstructor/components/index.d.ts

@@ -1,2 +1,2 @@
-export type { ConstructorBlocksProps } from './ConstructorBlocks';
-export { ConstructorBlocks } from './ConstructorBlocks';
+export type { ConstructorBlocksProps } from "./ConstructorBlocks/index.js";
+export { ConstructorBlocks } from "./ConstructorBlocks/index.js";

package/build/cjs/containers/PageConstructor/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorBlocks = void 0;
-var ConstructorBlocks_1 = require("./ConstructorBlocks");
+var ConstructorBlocks_1 = require("./ConstructorBlocks/index.js");
 Object.defineProperty(exports, "ConstructorBlocks", { enumerable: true, get: function () { return ConstructorBlocks_1.ConstructorBlocks; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/containers/PageConstructor/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["containers/PageConstructor/components/index.ts"],"names":[],"mappings":";;;AACA,kEAAsD;AAA9C,sHAAA,iBAAiB,OAAA","sourcesContent":["export type {ConstructorBlocksProps} from './ConstructorBlocks';\nexport {ConstructorBlocks} from './ConstructorBlocks';\n"]}

package/build/cjs/containers/PageConstructor/index.d.ts

@@ -1,5 +1,5 @@
-export type { PageConstructorProps } from './PageConstructor';
-export { PageConstructor } from './PageConstructor';
-export type { PageConstructorProviderProps } from './Provider';
-export { PageConstructorProvider } from './Provider';
-export * from './components';
+export type { PageConstructorProps } from "./PageConstructor.js";
+export { PageConstructor } from "./PageConstructor.js";
+export type { PageConstructorProviderProps } from "./Provider.js";
+export { PageConstructorProvider } from "./Provider.js";
+export * from "./components/index.js";