@doyourjob/gravity-ui-page-constructor 5.31.16

package/build/cjs/containers/PageConstructor/PageConstructor.css

@@ -0,0 +1,204 @@
+@charset "UTF-8";
+@import '~@diplodoc/transform/dist/css/yfm.css';
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+:root {
+  --header-height: 64px;
+}
+
+.g-root {
+  --pc-color-telegram: #51a4db;
+  --pc-color-facebook: #4968ad;
+  --pc-color-twitter: #4aa0eb;
+  --pc-color-vk: #436eab;
+  --pc-color-youtube: #eb3323;
+  --pc-color-github: #25292e;
+  --pc-color-rss: #f29c39;
+  --pc-color-linkedin: #0a66c2;
+  --g-text-accent-font-weight: 600;
+  --pc-text-display-5-font-size: 64px;
+  --pc-text-display-5-line-height: 68px;
+  --pc-first-block-indent: 48px;
+  --pc-first-block-mobile-indent: 32px;
+  --pc-color-service-tag-yellow: #fff1b8;
+  --pc-color-service-tag-blue: #d6e9fd;
+  --pc-transparent: rgba(255, 255, 255, 0);
+  --pc-border-radius: 24px;
+  --pc-image-padding: 4px;
+  --pc-color-sfx-shadow: var(--g-color-base-simple-hover);
+  --pc-color-line-generic-active-solid: #b3b3b3;
+  --pc-color-base-float-hover: var(--g-color-base-float);
+  --pc-monochrome-button-background-color: #262626;
+  --pc-monochrome-button-background-color-hover: #393939;
+  --pc-monochrome-button-color: var(--g-color-text-light-primary);
+  --pc-text-header-color: var(--g-color-text-primary);
+  --pc-media-card-meta-info-color: var(--g-color-text-secondary);
+  --pc-tab-item-color: var(--g-color-text-primary);
+  --pc-tab-item-background-color: var(--g-color-base-generic);
+  --pc-tab-item-background-color-hover: var(--g-color-base-generic-hover);
+  --pc-selected-tab-item-color: var(--pc-monochrome-button-color);
+  --pc-selected-tab-item-background-color: var(--pc-monochrome-button-background-color);
+  --pc-selected-tab-item-background-color-hover: var(
+      --pc-monochrome-button-background-color-hover
+  );
+  --pc-color-line-focus-light: var(--g-color-text-brand);
+  --pc-color-line-focus-dark: var(--g-color-text-light-primary);
+}
+.g-root_theme_light {
+  --pc-color-base-silver: #eff2f8;
+  --pc-color-base-gold: #ffdb4d;
+  --pc-color-base-asphalt: #313538;
+  --pc-color-base-copper: #ffe6c4;
+  --g-color-line-focus: var(--pc-color-line-focus-light);
+}
+.g-root_theme_dark {
+  --pc-color-base-silver: #bcc0c4;
+  --pc-color-base-gold: #ffde5d;
+  --pc-color-base-asphalt: #474d52;
+  --pc-color-base-copper: #7f7262;
+  --g-color-line-focus: var(--pc-color-line-focus-dark);
+}
+.g-root.g-root_theme_dark {
+  --pc-color-sfx-shadow: var(--g-color-sfx-shadow);
+  --pc-color-line-generic-active-solid: #6c6c70;
+  --pc-color-base-float-hover: var(--g-color-base-float-hover);
+  --pc-monochrome-button-background-color: #ffffff;
+  --pc-monochrome-button-background-color-hover: #e9e9e9;
+  --pc-monochrome-button-color: var(--g-color-text-dark-primary);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--g-font-family-sans, var(--yfm-font-family-sans));
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor h1,
+.yfm_constructor.yfm_constructor h2,
+.yfm_constructor.yfm_constructor h3,
+.yfm_constructor.yfm_constructor h4,
+.yfm_constructor.yfm_constructor h5,
+.yfm_constructor.yfm_constructor h6,
+.yfm_constructor.yfm_constructor span,
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  color: var(--g-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--g-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor ul,
+.yfm_constructor.yfm_constructor ol,
+.yfm_constructor.yfm_constructor li,
+.yfm_constructor.yfm_constructor p {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: var(--g-text-accent-font-weight);
+}
+.yfm_constructor.yfm_constructor_size_s ul,
+.yfm_constructor.yfm_constructor_size_s ol,
+.yfm_constructor.yfm_constructor_size_s li,
+.yfm_constructor.yfm_constructor_size_s p {
+  margin-bottom: 8px;
+}
+.yfm_constructor.yfm_constructor_theme_dark p {
+  color: var(--g-color-text-light-primary);
+}
+
+.yfm_constructor_list_style ul {
+  padding-left: 20px;
+}
+.yfm_constructor_list_style_dash ul {
+  list-style-type: none;
+  position: relative;
+}
+.yfm_constructor_list_style_dash ul li:before {
+  content: "—";
+  position: absolute;
+  margin-left: -20px;
+}
+.yfm_constructor a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_constructor table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_constructor thead,
+.yfm_constructor table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  /* stylelint-disable declaration-no-important */
+  background-color: transparent !important;
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important;
+}
+.yfm_constructor_table td:first-child,
+.yfm_constructor_table th:first-child {
+  min-width: 172px;
+  width: 172px;
+}
+.yfm_constructor_table th {
+  text-align: left !important;
+}
+
+.pc-page-constructor {
+  font-feature-settings: "liga", "kern", "pnum" on, "lnum" on, "ss03" on;
+  margin-top: 0;
+  background-color: var(--g-color-base-background);
+  z-index: 10;
+}
+.pc-page-constructor__wrapper {
+  position: relative;
+}
+.pc-page-constructor__background.pc-page-constructor__background {
+  top: calc(-1 * var(--header-height));
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import '@diplodoc/transform/dist/js/yfm';
+import { blockMap, navItemMap, subBlockMap } from '../../constructor-items';
+import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from '../../models';
+export type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
+export type NavItemMap = typeof navItemMap & CustomItems;
+export interface PageConstructorProps {
+    content?: PageContent;
+    shouldRenderBlock?: ShouldRenderBlock;
+    custom?: CustomConfig;
+    renderMenu?: () => React.ReactNode;
+    navigation?: NavigationData;
+    isBranded?: boolean;
+    microdata?: {
+        contentUpdatedDate?: string;
+    };
+}
+export declare const Constructor: (props: PageConstructorProps) => JSX.Element;
+export declare const PageConstructor: (props: PageConstructorProps) => JSX.Element;

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

@@ -0,0 +1,66 @@
+"use strict";
+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"));
+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 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)(() => ({
+        context: {
+            blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomTypes)(['blocks', 'headers'], custom)],
+            subBlockTypes: [...models_1.SubBlockTypes, ...(0, utils_1.getCustomTypes)(['subBlocks'], custom)],
+            headerBlockTypes: [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomTypes)(['headers'], custom)],
+            navigationBlockTypes: [
+                ...models_1.NavigationItemTypes,
+                ...(0, utils_1.getCustomTypes)(['navigation'], custom),
+            ],
+            itemMap: Object.assign(Object.assign(Object.assign({}, constructor_items_1.blockMap), constructor_items_1.subBlockMap), (0, utils_1.getCustomItems)(['blocks', 'headers', 'subBlocks'], custom)),
+            navItemMap: Object.assign(Object.assign({}, constructor_items_1.navItemMap), (0, utils_1.getCustomItems)(['navigation'], custom)),
+            loadables: custom === null || custom === void 0 ? void 0 : custom.loadable,
+            shouldRenderBlock,
+            customization: {
+                decorators: custom === null || custom === void 0 ? void 0 : custom.decorators,
+            },
+            microdata,
+        },
+    }), [custom, shouldRenderBlock, microdata]);
+    const theme = (0, theme_1.useTheme)();
+    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)))));
+};
+exports.Constructor = Constructor;
+const PageConstructor = (props) => {
+    const { isAnimationEnabled = true } = (0, react_1.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))));
+};
+exports.PageConstructor = PageConstructor;

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

@@ -0,0 +1,23 @@
+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';
+export interface PageConstructorProviderProps {
+    isMobile?: boolean;
+    locale?: LocaleContextProps;
+    location?: LocationContextProps;
+    ssrConfig?: SSRContextProps;
+    theme?: Theme;
+    mapsContext?: MapsContextType;
+    projectSettings?: ProjectSettingsContextProps;
+    analytics?: AnalyticsContextProps;
+    forms?: FormsContextProps;
+    image?: ImageContextProps;
+}
+export declare const PageConstructorProvider: (props: React.PropsWithChildren<PageConstructorProviderProps>) => JSX.Element;

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

@@ -0,0 +1,35 @@
+"use strict";
+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 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);
+    /* eslint-enable react/jsx-key */
+    return react_1.default.createElement(react_1.Fragment, null, context);
+};
+exports.PageConstructorProvider = PageConstructorProvider;

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

@@ -0,0 +1,38 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_0 {
+  margin-top: 0;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xs {
+  margin-top: 16px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_s {
+  margin-top: 24px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_m {
+  margin-top: 32px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_l {
+  margin-top: 48px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xl {
+  margin-top: 64px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_0 {
+  padding-bottom: 0;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xs {
+  padding-bottom: 16px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_s {
+  padding-bottom: 24px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_m {
+  padding-bottom: 32px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_l {
+  padding-bottom: 48px;
+}
+.pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xl {
+  padding-bottom: 64px;
+}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = 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 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',
+        'hidden',
+        'visibility',
+        'resetPaddings',
+        'indent',
+        'backgroundFull',
+    ]), [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)));
+};
+exports.ConstructorBlock = ConstructorBlock;

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

@@ -0,0 +1 @@
+export * from './ConstructorBlock';

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ConstructorBlock as ConstructorBlockType } from '../../../../models';
+export interface ConstructorBlocksProps {
+    items: ConstructorBlockType[];
+}
+export declare const ConstructorBlocks: React.FC<ConstructorBlocksProps>;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorBlocks = void 0;
+const tslib_1 = require("tslib");
+const react_1 = 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 ConstructorBlocks = ({ items }) => {
+    const { blockTypes, loadables, itemMap, shouldRenderBlock } = (0, react_1.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));
+        }
+        let itemElement;
+        const key = (0, utils_1.getBlockKey)(item, index);
+        const blockId = parentId ? `${parentId}_${key}` : key;
+        if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {
+            return null;
+        }
+        if ('loadable' in item && item.loadable) {
+            const { source, serviceId, params } = item.loadable;
+            const config = (0, get_1.default)(loadables, source);
+            if (!config) {
+                return null;
+            }
+            itemElement = (react_1.default.createElement(ConstructorLoadable_1.ConstructorLoadable, { block: item, key: blockId, blockKey: blockId, config: config, serviceId: serviceId, params: params }));
+        }
+        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));
+        }
+        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);
+    };
+    return react_1.default.createElement(react_1.Fragment, null, items.map(renderer.bind(null, '')));
+};
+exports.ConstructorBlocks = ConstructorBlocks;

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

@@ -0,0 +1 @@
+export * from './ConstructorBlocks';

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ConstructorBlock } from '../../../../models';
+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;

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

@@ -0,0 +1,19 @@
+"use strict";
+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 ConstructorItem = ({ data, blockKey, children, }) => {
+    const { itemMap } = (0, react_1.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)));
+};
+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 })));
+exports.ConstructorHeader = ConstructorHeader;

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

@@ -0,0 +1 @@
+export * from './ConstructorItem';

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

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

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+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 ConstructorLoadable = (props) => {
+    const { itemMap } = (0, react_1.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 })));
+};
+exports.ConstructorLoadable = ConstructorLoadable;

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

@@ -0,0 +1 @@
+export * from './ConstructorLoadable';

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

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

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

@@ -0,0 +1,8 @@
+.pc-constructor-row:last-child {
+  margin-bottom: -64px;
+}
+@media (max-width: 577px) {
+  .pc-constructor-row:last-child {
+    margin-bottom: -32px;
+  }
+}

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

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

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

@@ -0,0 +1,11 @@
+"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 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;
+exports.ConstructorRow = ConstructorRow;

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

@@ -0,0 +1 @@
+export * from './ConstructorRow';

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageConstructorProvider = exports.PageConstructor = void 0;
+const tslib_1 = require("tslib");
+var PageConstructor_1 = require("./PageConstructor");
+Object.defineProperty(exports, "PageConstructor", { enumerable: true, get: function () { return PageConstructor_1.PageConstructor; } });
+var Provider_1 = require("./Provider");
+Object.defineProperty(exports, "PageConstructorProvider", { enumerable: true, get: function () { return Provider_1.PageConstructorProvider; } });
+tslib_1.__exportStar(require("./components"), exports);