@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { Block, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
+export interface LoadableState {
+    loading: boolean;
+    error: boolean;
+    data?: LoadableData;
+}
+export interface LoadableComponentsProps extends Omit<PropsWithChildren<LoadableProps>, 'source'> {
+    Component: CustomItem;
+    ChildComponent: CustomItem;
+    block: Block;
+    blockKey: string;
+    fetch: FetchLoadableData;
+}
+declare const Loadable: (props: LoadableComponentsProps) => JSX.Element;
+export default Loadable;

package/build/cjs/containers/Loadable/Loadable.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const bem_cn_lite_1 = (0, tslib_1.__importDefault)(require("bem-cn-lite"));
+const ErrorWrapper_1 = (0, tslib_1.__importDefault)(require("../../components/ErrorWrapper/ErrorWrapper"));
+const i18n_1 = (0, tslib_1.__importDefault)(require("./i18n"));
+const b = (0, bem_cn_lite_1.default)('loadable-block');
+const initData = {
+    loading: false,
+    error: false,
+};
+const Loadable = (props) => {
+    const { Component, ChildComponent, fetch, block, blockKey, serviceId, params } = props;
+    const [dataState, setDataState] = (0, react_1.useState)(initData);
+    const [refetchIndex, setRefetchIndex] = (0, react_1.useState)(0);
+    const onTryAgain = (0, react_1.useCallback)(() => {
+        setRefetchIndex(refetchIndex + 1);
+    }, [refetchIndex]);
+    (0, react_1.useEffect)(() => {
+        async function processData() {
+            setDataState({ loading: true, error: false });
+            let data, error;
+            try {
+                data = await fetch(Object.assign({ blockKey, serviceId }, (params !== null && params !== void 0 ? params : {})));
+                error = false;
+                setDataState({ data, loading: false, error });
+            }
+            catch (ex) {
+                error = true;
+                setDataState({ loading: false, error });
+            }
+        }
+        processData();
+    }, [refetchIndex, fetch, blockKey, serviceId, params]);
+    const { error, loading, data } = dataState;
+    if (loading) {
+        return (react_1.default.createElement("div", { className: b('loader') },
+            react_1.default.createElement(uikit_1.Spin, { size: "xl" })));
+    }
+    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: error, text: (0, i18n_1.default)('loadable-load-error'), buttonText: (0, i18n_1.default)('loadable-try-again'), handler: onTryAgain },
+        react_1.default.createElement(Component, Object.assign({}, block), data &&
+            (Array.isArray(data) ? (data.map((componentData, index) => (react_1.default.createElement(ChildComponent, Object.assign({ key: componentData.id || index }, componentData))))) : (react_1.default.createElement(ChildComponent, Object.assign({}, data)))))));
+};
+exports.default = Loadable;

package/build/cjs/containers/Loadable/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "loadable-load-error": "Error occured",
+  "loadable-try-again": "Try again"
+}

package/build/cjs/containers/Loadable/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/containers/Loadable/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = (0, tslib_1.__importDefault)(require("./en.json"));
+const ru_json_1 = (0, tslib_1.__importDefault)(require("./ru.json"));
+const COMPONENT = 'Loadable';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/containers/Loadable/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "loadable-load-error": "Произошла ошибка",
+  "loadable-try-again": "Повторить"
+}

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

@@ -0,0 +1,139 @@
+@charset "UTF-8";
+@import '~@doc-tools/transform/dist/css/yfm.css';
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+:root {
+  --header-height: 64px;
+}
+
+.yc-root {
+  --yc-text-accent-font-weight: 500;
+  --pc-transparent: rgba(255, 255, 255, 0);
+  --pc-border-radius: 24px;
+  --pc-image-padding: 4px;
+  --pc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --pc-color-line-generic-active-solid: #b3b3b3;
+  --pc-color-base-float-hover: var(--yc-color-base-float);
+  --pc-monochrome-button: #262626;
+  --pc-monochrome-button-hover: #393939;
+  --pc-text-header-color: var(--yc-color-text-primary);
+}
+.yc-root.yc-root_theme_dark {
+  --pc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+  --pc-color-line-generic-active-solid: #6c6c70;
+  --pc-color-base-float-hover: var(--yc-color-base-float-hover);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--yc-font-family-sans);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--yc-font-family-monospace);
+}
+.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(--yc-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--yc-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: 500;
+}
+
+.yfm_constructor_theme_dark p {
+  color: var(--yc-color-text-light-primary);
+}
+.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
+  opacity: 0.5;
+}
+.yfm_constructor_footnote_text p {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+}
+.yfm_constructor_footnote_page p {
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+  display: inline;
+}
+.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(--yc-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--yc-color-text-link-hover);
+  color: var(--yc-color-text-link-hover);
+}
+
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--yc-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important; /* stylelint-disable-line declaration-no-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; /* stylelint-disable-line declaration-no-important */
+}
+
+.pc-page-constructor {
+  font-feature-settings: "liga", "kern", "pnum" on, "lnum" on, "ss03" on;
+  margin-top: 0;
+  background-color: var(--yc-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,12 @@
+import React from 'react';
+import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems } from '../../models';
+import { blockMap, subBlockMap } from '../../constructor-items';
+export declare type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
+export interface PageConstructorProps {
+    content?: PageContent;
+    shouldRenderBlock?: ShouldRenderBlock;
+    custom?: CustomConfig;
+    renderMenu?: () => React.ReactNode;
+}
+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,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageConstructor = exports.Constructor = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const models_1 = require("../../models");
+const constructor_items_1 = require("../../constructor-items");
+const grid_1 = require("../../grid");
+const BackgroundMedia_1 = (0, tslib_1.__importDefault)(require("../../components/BackgroundMedia/BackgroundMedia"));
+const utils_1 = require("../../utils");
+const animateContext_1 = require("../../context/animateContext");
+const innerContext_1 = require("../../context/innerContext");
+const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const ConstructorRow_1 = require("./components/ConstructorRow");
+const ConstructorFootnotes_1 = require("./components/ConstructorFootnotes");
+const ConstructorItem_1 = require("./components/ConstructorItem");
+const ConstructorBlocks_1 = require("./components/ConstructorBlocks");
+const b = (0, utils_1.block)('page-constructor');
+const Constructor = (props) => {
+    const { context, headerBlockTypes } = (0, react_1.useMemo)(() => {
+        var _a;
+        return ({
+            context: {
+                blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomBlockTypes)(props.custom)],
+                itemMap: Object.assign(Object.assign(Object.assign({}, constructor_items_1.blockMap), constructor_items_1.subBlockMap), (0, utils_1.getCustomItems)(props.custom)),
+                loadables: (_a = props === null || props === void 0 ? void 0 : props.custom) === null || _a === void 0 ? void 0 : _a.loadable,
+            },
+            headerBlockTypes: [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomHeaderTypes)(props.custom)],
+        });
+    }, [props.custom]);
+    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, } = props;
+    const hasFootnotes = footnotes.length > 0;
+    const isHeaderBlock = (block) => headerBlockTypes.includes(block.type);
+    const header = blocks === null || blocks === void 0 ? void 0 : blocks.find(isHeaderBlock);
+    const restBlocks = blocks === null || blocks === void 0 ? void 0 : blocks.filter((block) => !isHeaderBlock(block));
+    const themedBackground = (0, utils_1.getThemedValue)(background, theme);
+    return (react_1.default.createElement(innerContext_1.InnerContext.Provider, { value: context },
+        react_1.default.createElement("div", { className: b() },
+            react_1.default.createElement("div", { className: b('wrapper') },
+                react_1.default.createElement(BackgroundMedia_1.default, Object.assign({}, themedBackground, { className: b('background') })),
+                renderMenu && renderMenu(),
+                header && react_1.default.createElement(ConstructorItem_1.ConstructorHeader, { data: header }),
+                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, shouldRenderBlock: shouldRenderBlock }))),
+                    hasFootnotes && (react_1.default.createElement(ConstructorRow_1.ConstructorRow, null,
+                        react_1.default.createElement(ConstructorFootnotes_1.ConstructorFootnotes, { items: footnotes }))))))));
+};
+exports.Constructor = Constructor;
+const PageConstructor = (props) => {
+    const { content: { animated = true } = {} } = props, rest = (0, 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,17 @@
+import { MetrikaContextProps } from '../../context/metrikaContext';
+import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
+import { SSRContextProps } from '../../context/ssrContext';
+import { LocaleContextProps } from '../../context/localeContext';
+import { LocationContextProps } from '../../context/locationContext';
+import { ConstructorTheme } from '../../context/theme/ThemeValueContext';
+import { WithChildren } from '../../models';
+export interface PageConstructorProviderProps {
+    isMobile?: boolean;
+    locale?: LocaleContextProps;
+    location?: LocationContextProps;
+    metrika?: MetrikaContextProps;
+    ssrConfig?: SSRContextProps;
+    theme?: ConstructorTheme;
+    projectSettings?: ProjectSettingsContextProps;
+}
+export declare const PageConstructorProvider: (props: WithChildren<PageConstructorProviderProps>) => JSX.Element;

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageConstructorProvider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const metrikaContext_1 = require("../../context/metrikaContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const projectSettingsContext_1 = require("../../context/projectSettingsContext");
+const ssrContext_1 = require("../../context/ssrContext");
+const localeContext_1 = require("../../context/localeContext");
+const locationContext_1 = require("../../context/locationContext");
+const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const constants_1 = require("../../components/constants");
+const PageConstructorProvider = (props) => {
+    const { isMobile, locale = {}, location = {}, metrika = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, } = props;
+    /* eslint-disable react/jsx-key */
+    const context = [
+        react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: 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(locationContext_1.LocationContext.Provider, { value: location }),
+        react_1.default.createElement(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
+        react_1.default.createElement(metrikaContext_1.MetrikaContext.Provider, { value: metrika }),
+        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.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { Block, ShouldRenderBlock } from '../../../../models';
+interface ConstructorBlockProps {
+    data: Block;
+    Component: ReactElement;
+    shouldRenderBlock?: ShouldRenderBlock;
+}
+export declare const ConstructorBlock: ({ data, Component }: ConstructorBlockProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const BlockBase_1 = (0, tslib_1.__importDefault)(require("../../../../components/BlockBase/BlockBase"));
+const utils_1 = require("../../../../utils");
+const b = (0, utils_1.block)('constructor-block');
+const ConstructorBlock = ({ data, Component }) => {
+    const { anchor, visible } = data;
+    return (react_1.default.createElement(BlockBase_1.default, { className: b({ type: data.type }), anchor: anchor, visible: visible, resetPaddings: data.resetPaddings }, Component));
+};
+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");
+(0, tslib_1.__exportStar)(require("./ConstructorBlock"), exports);

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

@@ -0,0 +1,7 @@
+import { ConstructorItem as ConstructorItemType, ShouldRenderBlock } from '../../../../models';
+interface ConstructorBlocksProps {
+    items: ConstructorItemType[];
+    shouldRenderBlock?: ShouldRenderBlock;
+}
+export declare const ConstructorBlocks: ({ items, shouldRenderBlock }: ConstructorBlocksProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorBlocks = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const utils_1 = require("../../../../utils");
+const innerContext_1 = require("../../../../context/innerContext");
+const ConstructorLoadable_1 = require("../ConstructorLoadable");
+const ConstructorItem_1 = require("../ConstructorItem");
+const ConstructorBlock_1 = require("../ConstructorBlock/ConstructorBlock");
+const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
+    const { blockTypes, loadables, itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
+    const renderer = (item, index) => {
+        if (!itemMap[item.type]) {
+            return null;
+        }
+        let children;
+        let itemElement;
+        const key = (0, utils_1.getBlockKey)(item, index);
+        if (shouldRenderBlock && !shouldRenderBlock(item, key)) {
+            return null;
+        }
+        if ('loadable' in item && item.loadable) {
+            const { source, serviceId, params } = item.loadable;
+            const config = lodash_1.default.get(loadables, source);
+            if (!config) {
+                return null;
+            }
+            itemElement = (react_1.default.createElement(ConstructorLoadable_1.ConstructorLoadable, { block: item, key: key, blockKey: key, config: config, serviceId: serviceId, params: params }));
+        }
+        else {
+            if ('children' in item && item.children) {
+                children = item.children.map(renderer);
+            }
+            itemElement = (react_1.default.createElement(ConstructorItem_1.ConstructorItem, { data: item, key: key }, children));
+        }
+        return blockTypes.includes(item.type) ? (react_1.default.createElement(ConstructorBlock_1.ConstructorBlock, { data: item, key: key, Component: itemElement })) : (itemElement);
+    };
+    return react_1.default.createElement(react_1.Fragment, null, items.map(renderer));
+};
+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");
+(0, tslib_1.__exportStar)(require("./ConstructorBlocks"), exports);

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

@@ -0,0 +1,12 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-constructor-footnotes {
+  margin: 0;
+  padding: 32px 0 32px 16px;
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+  color: var(--yc-color-text-hint);
+}
+.pc-constructor-footnotes__item + .pc-constructor-footnotes__item {
+  margin-top: 12px;
+}

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

@@ -0,0 +1,3 @@
+export declare const ConstructorFootnotes: ({ items }: {
+    items: string[];
+}) => JSX.Element;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorFootnotes = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const components_1 = require("../../../../components");
+const utils_1 = require("../../../../utils");
+const b = (0, utils_1.block)('constructor-footnotes');
+const ConstructorFootnotes = ({ items }) => (react_1.default.createElement("ol", { className: b() }, items.map((footnote, index) => (react_1.default.createElement("li", { className: b('item'), key: index },
+    react_1.default.createElement(components_1.YFMWrapper, { content: footnote, modifiers: {
+            constructor: true,
+            constructorFootnotePage: true,
+        } }))))));
+exports.ConstructorFootnotes = ConstructorFootnotes;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { ConstructorItem as ConstructorItemType, WithChildren } from '../../../../models';
+export interface ConstructorItemProps {
+    data: ConstructorItemType;
+}
+export declare const ConstructorItem: ({ data, children }: WithChildren<ConstructorItemProps>) => JSX.Element;
+export declare const ConstructorHeader: ({ data }: Pick<ConstructorItemProps, 'data'>) => JSX.Element;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorHeader = exports.ConstructorItem = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const innerContext_1 = require("../../../../context/innerContext");
+const ConstructorItem = ({ data, children }) => {
+    const { itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
+    const { type } = data, rest = (0, tslib_1.__rest)(data, ["type"]);
+    const Component = itemMap[type];
+    return react_1.default.createElement(Component, Object.assign({}, rest), children);
+};
+exports.ConstructorItem = ConstructorItem;
+const ConstructorHeader = ({ data }) => (react_1.default.createElement(exports.ConstructorItem, { data: data, key: data.type }));
+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");
+(0, tslib_1.__exportStar)(require("./ConstructorItem"), exports);

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

@@ -0,0 +1,7 @@
+import { LoadableComponentsProps } from '../../../Loadable/Loadable';
+import { LoadableConfigItem } from '../../../../models';
+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,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConstructorLoadable = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const Loadable_1 = (0, tslib_1.__importDefault)(require("../../../Loadable/Loadable"));
+const innerContext_1 = require("../../../../context/innerContext");
+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(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");
+(0, 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 { WithChildren } from '../../../../models';
+export declare const ConstructorRow: ({ children }: WithChildren<{}>) => 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 = (0, 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");
+(0, tslib_1.__exportStar)(require("./ConstructorRow"), exports);

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageConstructorProvider = exports.PageConstructor = void 0;
+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; } });

package/build/cjs/context/animateContext/AnimateContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface AnimateContextProps {
+    animated?: boolean;
+}
+export declare const AnimateContext: React.Context<AnimateContextProps>;

package/build/cjs/context/animateContext/AnimateContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimateContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+exports.AnimateContext = react_1.default.createContext({ animated: true });

package/build/cjs/context/animateContext/index.d.ts

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

package/build/cjs/context/animateContext/index.js

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