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

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

@@ -1,14 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import pick from "lodash/pick.js";
-import BlockBase from "../../../../components/BlockBase/BlockBase.js";
-import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
-import { block } from "../../../../utils/index.js";
+import { InnerContext } from "../../../../context/innerContext/index.js";
+import { usePCEditorChildrenItemWrap } from "../../../../hooks/usePCEditorChildrenItemWrap.js";
 import './ConstructorBlock.css';
-const b = block('constructor-block');
 export const ConstructorBlock = ({ index = 0, data, children, }) => {
-    const { type } = data;
-    const blockBaseProps = React.useMemo(() => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']), [data]);
-    return (_jsx(BlockDecoration, { type: type, index: index, ...blockBaseProps, children: _jsx(BlockBase, { className: b({ type }), ...blockBaseProps, children: children }) }));
+    const { blockRef } = usePCEditorChildrenItemWrap(index);
+    const { blockWrappers = [] } = React.useContext(InnerContext);
+    const wrappedContent = blockWrappers.reduce((content, { wrapper: Wrapper, props }) => (_jsx(Wrapper, { type: data.type, props: props, content: data, index: index, children: content })), children);
+    return _jsx("div", { ref: blockRef, children: wrappedContent });
 };
 //# sourceMappingURL=ConstructorBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,uBAAoB;AAE/B,OAAO,SAAS,sDAAmD;AACnE,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAE1E,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,wBAAwB,CAAC;AAMhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,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,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,EAClE,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,cAAc,YACzD,KAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,KAAM,cAAc,YAC9C,QAAQ,GACD,GACE,CACrB,CAAC;AACN,CAAC,CAAC","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"]}
+{"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,2BAA2B,EAAC,yDAAsD;AAG1F,OAAO,wBAAwB,CAAC;AAOhC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,GACqC,EAAE,EAAE;IACjD,MAAM,EAAC,QAAQ,EAAC,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,EAAC,aAAa,GAAG,EAAE,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CACvC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,CACpC,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAuB,EAAE,KAAK,EAAE,KAAK,YACjF,OAAO,GACF,CACb,EACD,QAAQ,CACX,CAAC;IAEF,OAAO,cAAK,GAAG,EAAE,QAAQ,YAAG,cAAc,GAAO,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {usePCEditorChildrenItemWrap} from '../../../../hooks/usePCEditorChildrenItemWrap';\nimport {ConstructorBlock as ConstructorBlockType, ConstructorItem} from '../../../../models';\n\nimport './ConstructorBlock.scss';\n\ninterface ConstructorBlockProps {\n    index?: number;\n    data: ConstructorBlockType;\n}\n\nexport const ConstructorBlock = ({\n    index = 0,\n    data,\n    children,\n}: React.PropsWithChildren<ConstructorBlockProps>) => {\n    const {blockRef} = usePCEditorChildrenItemWrap(index);\n    const {blockWrappers = []} = React.useContext(InnerContext);\n\n    const wrappedContent = blockWrappers.reduce<React.ReactNode>(\n        (content, {wrapper: Wrapper, props}) => (\n            <Wrapper type={data.type} props={props} content={data as ConstructorItem} index={index}>\n                {content}\n            </Wrapper>\n        ),\n        children,\n    );\n\n    return <div ref={blockRef}>{wrappedContent}</div>;\n};\n"]}

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

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { ConstructorBlock as ConstructorBlockType } from "../../../../models/index.js";
 export interface ConstructorBlocksProps {
     items: ConstructorBlockType[];
 }
-export declare const ConstructorBlocks: ({ items }: ConstructorBlocksProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConstructorBlocks: React.FC<ConstructorBlocksProps>;

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

@@ -1,17 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import get from "lodash/get.js";
+import EmptyBlocksWrapper from "../../../../components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper.js";
 import { InnerContext } from "../../../../context/innerContext/index.js";
-import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
 import { getBlockKey } from "../../../../utils/index.js";
 import { ConstructorBlock } from "../ConstructorBlock/ConstructorBlock.js";
 import { ConstructorItem } from "../ConstructorItem/index.js";
 import { ConstructorLoadable } from "../ConstructorLoadable/index.js";
 export const ConstructorBlocks = ({ items }) => {
-    const { blockTypes, loadables, itemMap, shouldRenderBlock } = React.useContext(InnerContext);
-    const renderer = (parentId = '', item, index) => {
-        if (!itemMap[item.type]) {
-            return parentId ? null : (_jsx(BlockDecoration, { type: item.type, index: index, children: null }));
+    const { loadables, shouldRenderBlock, blocks } = React.useContext(InnerContext);
+    const renderer = (parentId = '', withoutConstructorBlockWrapper = false, item, index) => {
+        const blockData = blocks.find(({ type }) => item.type === type);
+        if (!blockData) {
+            return null;
         }
         let itemElement;
         const key = getBlockKey(item, index);
@@ -30,15 +31,19 @@ export const ConstructorBlocks = ({ items }) => {
         else {
             let children;
             if ('children' in item && item.children) {
-                children = item.children.map(renderer.bind(null, blockId));
+                children = item.children.map(renderer.bind(null, blockId, true));
             }
-            itemElement = (_jsx(ConstructorItem, { data: item, blockKey: blockId, children: children }, blockId));
+            itemElement = (_jsx(ConstructorItem, { data: item, blockKey: index, children: children }, blockId));
         }
-        return blockTypes.includes(item.type) ? (
+        return withoutConstructorBlockWrapper ? (itemElement) : (
         //TODO: replace ConstructorBlock (and delete it) with BlockBase when all
         // components relying on constructor inner structure like Slider or blog-constructor will be refactored
-        _jsx(ConstructorBlock, { data: item, index: index, children: itemElement }, blockId)) : (itemElement);
+        _jsx(ConstructorBlock, { data: item, index: index, children: itemElement }, blockId));
     };
-    return _jsx(React.Fragment, { children: items.map(renderer.bind(null, '')) });
+    // Показываем EmptyBlocksWrapper когда нет блоков (только в режиме редактора)
+    if (items.length === 0) {
+        return _jsx(EmptyBlocksWrapper, {});
+    }
+    return _jsx(React.Fragment, { children: items.map(renderer.bind(null, '', false)) });
 };
 //# sourceMappingURL=ConstructorBlocks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":"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","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 = ({items}: ConstructorBlocksProps) => {\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"]}
+{"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport EmptyBlocksWrapper from '../../../../components/editor/EmptyBlocksWrapper/EmptyBlocksWrapper';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {\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 {loadables, shouldRenderBlock, blocks} = React.useContext(InnerContext);\n\n    const renderer = (\n        parentId = '',\n        withoutConstructorBlockWrapper = false,\n        item: ConstructorBlockType,\n        index: number,\n    ): React.ReactElement | null => {\n        const blockData = blocks.find(({type}) => item.type === type);\n\n        if (!blockData) {\n            return null;\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, true));\n            }\n\n            itemElement = (\n                <ConstructorItem data={item} key={blockId} blockKey={index}>\n                    {children}\n                </ConstructorItem>\n            );\n        }\n\n        return withoutConstructorBlockWrapper ? (\n            itemElement\n        ) : (\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    };\n\n    // Показываем EmptyBlocksWrapper когда нет блоков (только в режиме редактора)\n    if (items.length === 0) {\n        return <EmptyBlocksWrapper />;\n    }\n\n    return <React.Fragment>{items.map(renderer.bind(null, '', false))}</React.Fragment>;\n};\n"]}

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

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { ConstructorBlock } from "../../../../models/index.js";
 export interface ConstructorItemProps {
     data: ConstructorBlock;
-    blockKey: string;
+    blockKey: number;
 }
-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;
+export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -2,12 +2,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { BlockIdContext } from "../../../../context/blockIdContext/index.js";
 import { InnerContext } from "../../../../context/innerContext/index.js";
-import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
+import { usePCEditorBlockRegister } from "../../../../hooks/usePCEditorBlockRegister.js";
 export const ConstructorItem = ({ data, blockKey, children, }) => {
-    const { itemMap } = React.useContext(InnerContext);
+    const { blocks } = React.useContext(InnerContext);
+    const parentId = React.useContext(BlockIdContext);
     const { type, ...rest } = data;
-    const Component = itemMap[type];
-    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, { ...rest, children: children }) }));
+    const path = React.useMemo(() => [...parentId, blockKey], [parentId, blockKey]);
+    const blockRef = usePCEditorBlockRegister(path);
+    const blockData = blocks.find(({ type: blockType }) => blockType === type);
+    if (!blockData) {
+        return null;
+    }
+    const Component = blockData.component;
+    return (_jsx(BlockIdContext.Provider, { value: path, children: _jsx("div", { ref: blockRef, children: _jsx(Component, { ...rest, children: children }) }) }, blockKey));
 };
-export const ConstructorHeader = ({ data, blockKey, }) => (_jsx(BlockDecoration, { type: data.type, children: _jsx(ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
 //# sourceMappingURL=ConstructorItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","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"]}
+{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,wBAAwB,EAAC,sDAAmD;AAQpF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAChF,MAAM,QAAQ,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC;IAEzE,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,SAAS,GAAG,SAAS,CAAC,SAE3B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAChC,cAAK,GAAG,EAAE,QAAQ,YACd,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACzC,IAHiC,QAAQ,CAIzB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {usePCEditorBlockRegister} from '../../../../hooks/usePCEditorBlockRegister';\nimport {ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: number;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {blocks} = React.useContext(InnerContext);\n    const parentId = React.useContext(BlockIdContext);\n    const {type, ...rest} = data;\n\n    const path = React.useMemo(() => [...parentId, blockKey], [parentId, blockKey]);\n    const blockRef = usePCEditorBlockRegister(path);\n\n    const blockData = blocks.find(({type: blockType}) => blockType === type);\n\n    if (!blockData) {\n        return null;\n    }\n\n    const Component = blockData.component as React.ComponentType<\n        React.ComponentProps<(typeof blockData)['component']>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={path} key={blockKey}>\n            <div ref={blockRef}>\n                <Component {...rest}>{children}</Component>\n            </div>\n        </BlockIdContext.Provider>\n    );\n};\n"]}

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

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

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

@@ -4,11 +4,16 @@ import { BlockIdContext } from "../../../../context/blockIdContext/index.js";
 import { InnerContext } from "../../../../context/innerContext/index.js";
 import Loadable from "../../../Loadable/Loadable.js";
 export const ConstructorLoadable = (props) => {
-    const { itemMap } = React.useContext(InnerContext);
+    const { blocks } = React.useContext(InnerContext);
     const { block, blockKey, config, serviceId, params } = props;
     const { type } = block;
     const { fetch, component: ChildComponent } = config;
-    const Component = itemMap[type];
-    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Loadable, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
+    const parentId = React.useContext(BlockIdContext);
+    const blockData = blocks.find(({ type: blockType }) => blockType === type);
+    if (!blockData) {
+        return null;
+    }
+    const Component = blockData.component;
+    return (_jsx(BlockIdContext.Provider, { value: [...parentId, Number(blockKey)], children: _jsx(Loadable, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
 };
 //# sourceMappingURL=ConstructorLoadable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAE9D,OAAO,QAAmC,sCAAmC;AAO7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,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,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,QAAQ,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","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"]}
+{"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAE9D,OAAO,QAAmC,sCAAmC;AAO7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAChD,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;IAElD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC;IAEzE,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,SAAS,GAAG,SAAS,CAAC,SAE3B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,YAC3D,KAAC,QAAQ,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,IAVgE,QAAQ,CAWpD,CAC7B,CAAC;AACN,CAAC,CAAC","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 {blocks} = React.useContext(InnerContext);\n    const {block, blockKey, config, serviceId, params} = props;\n    const {type} = block;\n    const {fetch, component: ChildComponent} = config;\n\n    const parentId = React.useContext(BlockIdContext);\n\n    const blockData = blocks.find(({type: blockType}) => blockType === type);\n\n    if (!blockData) {\n        return null;\n    }\n\n    const Component = blockData.component as React.ComponentType<\n        React.ComponentProps<typeof blockData.component>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={[...parentId, Number(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/esm/containers/PageConstructor/components/ConstructorRow/ConstructorRow.css

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

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Col, Row } from "../../../../grid/index.js";
 import { block } from "../../../../utils/index.js";
 import './ConstructorRow.css';
 const b = block('constructor-row');
-export const ConstructorRow = ({ children }) => children ? (_jsx(Row, { className: b(), children: _jsx(Col, { children: children }) })) : null;
+export const ConstructorRow = ({ children }) => children ? _jsx("div", { className: b(), children: children }) : null;
 //# sourceMappingURL=ConstructorRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,kCAAyB;AAC1C,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,CACP,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,GAAG,cAAE,QAAQ,GAAO,GACnB,CACT,CAAC,CAAC,CAAC,IAAI,CAAC","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"]}
+{"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n    children ? <div className={b()}>{children}</div> : null;\n"]}

package/build/esm/context/blockIdContext/blockIdContext.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export type BlockIdContextProp = string;
-export declare const BlockIdContext: React.Context<string>;
+export type BlockIdContextProp = number[];
+export declare const BlockIdContext: React.Context<BlockIdContextProp>;

package/build/esm/context/blockIdContext/blockIdContext.js

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export const BlockIdContext = React.createContext('');
+export const BlockIdContext = React.createContext([]);
 //# sourceMappingURL=blockIdContext.js.map

package/build/esm/context/blockIdContext/blockIdContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = string;\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>('');\n"]}
+{"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = number[];\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>([]);\n"]}

package/build/esm/context/blockRegistryContext/blockRegistryContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export type BlockRegistry = {
+    register: (pathKey: string, path: number[], element: HTMLElement, dropZone?: boolean) => void;
+    unregister: (pathKey: string) => void;
+    subscribe: (listener: () => void) => () => void;
+    getEntries: () => Array<{
+        path: number[];
+        element: HTMLElement;
+        dropZone?: boolean;
+    }>;
+};
+export declare const BlockRegistryContext: React.Context<BlockRegistry | null>;
+export declare function pathKey(path: number[]): string;

package/build/esm/context/blockRegistryContext/blockRegistryContext.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export const BlockRegistryContext = React.createContext(null);
+export function pathKey(path) {
+    return path.join('.');
+}
+//# sourceMappingURL=blockRegistryContext.js.map

package/build/esm/context/blockRegistryContext/blockRegistryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockRegistryContext.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/blockRegistryContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEpF,MAAM,UAAU,OAAO,CAAC,IAAc;IAClC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockRegistry = {\n    register: (pathKey: string, path: number[], element: HTMLElement, dropZone?: boolean) => void;\n    unregister: (pathKey: string) => void;\n    subscribe: (listener: () => void) => () => void;\n    getEntries: () => Array<{path: number[]; element: HTMLElement; dropZone?: boolean}>;\n};\n\nexport const BlockRegistryContext = React.createContext<BlockRegistry | null>(null);\n\nexport function pathKey(path: number[]): string {\n    return path.join('.');\n}\n"]}

package/build/esm/context/blockRegistryContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./blockRegistryContext.js";
+export * from "./useBlockRegistryProvider.js";

package/build/esm/context/blockRegistryContext/index.js

@@ -0,0 +1,3 @@
+export * from "./blockRegistryContext.js";
+export * from "./useBlockRegistryProvider.js";
+//# sourceMappingURL=index.js.map

package/build/esm/context/blockRegistryContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/index.ts"],"names":[],"mappings":"AAAA,0CAAuC;AACvC,8CAA2C","sourcesContent":["export * from './blockRegistryContext';\nexport * from './useBlockRegistryProvider';\n"]}

package/build/esm/context/blockRegistryContext/useBlockRegistryProvider.d.ts

@@ -0,0 +1,2 @@
+import { BlockRegistry } from "./blockRegistryContext.js";
+export declare function useBlockRegistryProvider(): BlockRegistry;

package/build/esm/context/blockRegistryContext/useBlockRegistryProvider.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export function useBlockRegistryProvider() {
+    const entriesRef = React.useRef(new Map());
+    const listenersRef = React.useRef(new Set());
+    return React.useMemo(() => {
+        const notify = () => {
+            for (const listener of listenersRef.current) {
+                listener();
+            }
+        };
+        return {
+            register(pathKey, path, element, dropZone) {
+                entriesRef.current.set(pathKey, { path, element, dropZone });
+                notify();
+            },
+            unregister(pathKey) {
+                if (entriesRef.current.delete(pathKey)) {
+                    notify();
+                }
+            },
+            subscribe(listener) {
+                listenersRef.current.add(listener);
+                return () => {
+                    listenersRef.current.delete(listener);
+                };
+            },
+            getEntries() {
+                return Array.from(entriesRef.current.values());
+            },
+        };
+    }, []);
+}
+//# sourceMappingURL=useBlockRegistryProvider.js.map

package/build/esm/context/blockRegistryContext/useBlockRegistryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockRegistryProvider.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/useBlockRegistryProvider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,wBAAwB;IACpC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAC3B,IAAI,GAAG,EAAsE,CAChF,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAc,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,OAAO,CAAgB,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,KAAK,MAAM,QAAQ,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBAC1C,QAAQ,EAAE,CAAC;YACf,CAAC;QACL,CAAC,CAAC;QAEF,OAAO;YACH,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ;gBACrC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAC;gBAC3D,MAAM,EAAE,CAAC;YACb,CAAC;YACD,UAAU,CAAC,OAAO;gBACd,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;oBACrC,MAAM,EAAE,CAAC;gBACb,CAAC;YACL,CAAC;YACD,SAAS,CAAC,QAAQ;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACnC,OAAO,GAAG,EAAE;oBACR,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC,CAAC;YACN,CAAC;YACD,UAAU;gBACN,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YACnD,CAAC;SACJ,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockRegistry} from './blockRegistryContext';\n\nexport function useBlockRegistryProvider(): BlockRegistry {\n    const entriesRef = React.useRef(\n        new Map<string, {path: number[]; element: HTMLElement; dropZone?: boolean}>(),\n    );\n    const listenersRef = React.useRef(new Set<() => void>());\n\n    return React.useMemo<BlockRegistry>(() => {\n        const notify = () => {\n            for (const listener of listenersRef.current) {\n                listener();\n            }\n        };\n\n        return {\n            register(pathKey, path, element, dropZone) {\n                entriesRef.current.set(pathKey, {path, element, dropZone});\n                notify();\n            },\n            unregister(pathKey) {\n                if (entriesRef.current.delete(pathKey)) {\n                    notify();\n                }\n            },\n            subscribe(listener) {\n                listenersRef.current.add(listener);\n                return () => {\n                    listenersRef.current.delete(listener);\n                };\n            },\n            getEntries() {\n                return Array.from(entriesRef.current.values());\n            },\n        };\n    }, []);\n}\n"]}

package/build/esm/context/blocksContext/blocksContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { BlockData } from "../../constructor-items.js";
+export type BlocksContextProps = {
+    blocks: Array<BlockData>;
+};
+export declare const BlocksContext: React.Context<BlocksContextProps>;

package/build/esm/context/blocksContext/blocksContext.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export const BlocksContext = React.createContext({ blocks: [] });
+//# sourceMappingURL=blocksContext.js.map

package/build/esm/context/blocksContext/blocksContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocksContext.js","sourceRoot":"../../../../src","sources":["context/blocksContext/blocksContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAC,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockData} from '../../constructor-items';\n\nexport type BlocksContextProps = {\n    blocks: Array<BlockData>;\n};\n\nexport const BlocksContext = React.createContext<BlocksContextProps>({blocks: []});\n"]}

package/build/esm/context/blocksContext/index.d.ts

@@ -0,0 +1 @@
+export * from "./blocksContext.js";

package/build/esm/context/blocksContext/index.js

@@ -0,0 +1,2 @@
+export * from "./blocksContext.js";
+//# sourceMappingURL=index.js.map

package/build/esm/context/blocksContext/index.js.map

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

package/build/esm/context/editorStoreContext/PCEditorStoreContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { StoreApi } from 'zustand';
+import { EditorState } from "../../common/store.js";
+export interface PCEditorStoreContextProps {
+    state: StoreApi<EditorState>;
+}
+export declare const PCEditorStoreContext: React.Context<PCEditorStoreContextProps>;

package/build/esm/context/editorStoreContext/PCEditorStoreContext.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { createPCEditorStore } from "../../common/store.js";
+export const PCEditorStoreContext = React.createContext({
+    state: createPCEditorStore(),
+});
+//# sourceMappingURL=PCEditorStoreContext.js.map

package/build/esm/context/editorStoreContext/PCEditorStoreContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,8BAA2B;AAMpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,mBAAmB,EAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+interface PCEditorStoreProviderProps extends React.PropsWithChildren {
+}
+export declare const PCEditorStoreProvider: ({ children }: PCEditorStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createPCEditorStore } from "../../common/store.js";
+import { sendEventPostMessage } from "../../hooks/usePostMessageAPI.js";
+import { PCEditorStoreContext } from "./PCEditorStoreContext.js";
+export const PCEditorStoreProvider = ({ children }) => {
+    const storeRef = React.useRef();
+    const syncStore = React.useCallback((message) => {
+        if (storeRef.current && message.state) {
+            storeRef.current.setState(message.state);
+        }
+    }, []);
+    React.useEffect(() => {
+        const onMessage = (e) => {
+            const message = e.data;
+            syncStore(message);
+        };
+        window.addEventListener('message', onMessage);
+        return () => {
+            window.removeEventListener('message', onMessage);
+        };
+    }, [syncStore]);
+    // When Page Constructor runs inside the editor preview iframe, keyboard focus stays in the iframe
+    // after clicking the canvas — parent window never receives Cmd+Z. Forward to parent via postMessage.
+    React.useEffect(() => {
+        if (typeof window === 'undefined' || window.parent === window) {
+            return undefined;
+        }
+        const onKeyDown = (e) => {
+            if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') {
+                return;
+            }
+            const target = e.target;
+            if (target?.closest('input, textarea, select, [contenteditable="true"]')) {
+                return;
+            }
+            e.preventDefault();
+            if (e.shiftKey) {
+                sendEventPostMessage('ON_EDITOR_REDO', {});
+            }
+            else {
+                sendEventPostMessage('ON_EDITOR_UNDO', {});
+            }
+        };
+        window.addEventListener('keydown', onKeyDown, true);
+        return () => window.removeEventListener('keydown', onKeyDown, true);
+    }, []);
+    if (!storeRef.current) {
+        storeRef.current = createPCEditorStore();
+    }
+    return (_jsx(PCEditorStoreContext.Provider, { value: {
+            state: storeRef.current,
+        }, children: children }));
+};
+//# sourceMappingURL=PCEditorStoreProvider.js.map

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,8BAA2B;AAEpE,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AAEnE,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAI5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,kGAAkG;IAClG,qGAAqG;IACrG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC5D,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;gBAC3D,OAAO;YACX,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;YAC9C,IAAI,MAAM,EAAE,OAAO,CAAC,mDAAmD,CAAC,EAAE,CAAC;gBACvE,OAAO;YACX,CAAC;YAED,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACb,oBAAoB,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,oBAAoB,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,mBAAmB,EAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,KAAC,oBAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\nimport {StoreSyncMessage} from '../../common/types';\nimport {sendEventPostMessage} from '../../hooks/usePostMessageAPI';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    // When Page Constructor runs inside the editor preview iframe, keyboard focus stays in the iframe\n    // after clicking the canvas — parent window never receives Cmd+Z. Forward to parent via postMessage.\n    React.useEffect(() => {\n        if (typeof window === 'undefined' || window.parent === window) {\n            return undefined;\n        }\n        const onKeyDown = (e: KeyboardEvent) => {\n            if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') {\n                return;\n            }\n\n            const target = e.target as HTMLElement | null;\n            if (target?.closest('input, textarea, select, [contenteditable=\"true\"]')) {\n                return;\n            }\n\n            e.preventDefault();\n\n            if (e.shiftKey) {\n                sendEventPostMessage('ON_EDITOR_REDO', {});\n            } else {\n                sendEventPostMessage('ON_EDITOR_UNDO', {});\n            }\n        };\n        window.addEventListener('keydown', onKeyDown, true);\n        return () => window.removeEventListener('keydown', onKeyDown, true);\n    }, []);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}

package/build/esm/context/editorStoreContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./PCEditorStoreContext.js";
+export * from "./PCEditorStoreProvider.js";

package/build/esm/context/editorStoreContext/index.js

@@ -0,0 +1,3 @@
+export * from "./PCEditorStoreContext.js";
+export * from "./PCEditorStoreProvider.js";
+//# sourceMappingURL=index.js.map

package/build/esm/context/editorStoreContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/index.ts"],"names":[],"mappings":"AAAA,0CAAuC;AACvC,2CAAwC","sourcesContent":["export * from './PCEditorStoreContext';\nexport * from './PCEditorStoreProvider';\n"]}

package/build/esm/context/innerContext/InnerContext.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { ItemMap, NavItemMap } from "../../containers/PageConstructor/PageConstructor.js";
-import { CustomConfig, LoadableConfig, ShouldRenderBlock } from "../../models/index.js";
+import { BlockData } from "../../constructor-items.js";
+import { NavItemMap } from "../../containers/PageConstructor/PageConstructor.js";
+import { BlockWrapperDataProps, LoadableConfig, PageContent, ShouldRenderBlock } from "../../models/index.js";
+export interface BlockWrapperEntry {
+    wrapper: React.ComponentType<BlockWrapperDataProps & React.PropsWithChildren>;
+    props?: object;
+}
 export interface InnerContextType {
-    blockTypes: string[];
-    subBlockTypes: string[];
-    headerBlockTypes: string[];
-    navigationBlockTypes: string[];
-    itemMap: ItemMap;
     navItemMap: NavItemMap;
     loadables?: LoadableConfig;
     shouldRenderBlock?: ShouldRenderBlock;
-    customization?: Pick<CustomConfig, 'decorators'>;
-    microdata?: {
-        contentUpdatedDate?: string;
-    };
+    blockWrappers?: BlockWrapperEntry[];
+    blocks: Array<BlockData>;
+    content: PageContent;
+    setContent: React.Dispatch<React.SetStateAction<PageContent>>;
 }
 export declare const InnerContext: React.Context<InnerContextType>;

package/build/esm/context/innerContext/InnerContext.js

@@ -1,11 +1,9 @@
 import * as React from 'react';
 export const InnerContext = React.createContext({
-    blockTypes: [],
-    subBlockTypes: [],
-    headerBlockTypes: [],
-    navigationBlockTypes: [],
-    itemMap: {},
     navItemMap: {},
-    microdata: {},
+    blocks: [],
+    content: { blocks: [] },
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setContent: () => { },
 });
 //# sourceMappingURL=InnerContext.js.map

package/build/esm/context/innerContext/InnerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerContext.js","sourceRoot":"../../../../src","sources":["context/innerContext/InnerContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC9D,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,EAAE;IACpB,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE,EAAa;IACtB,UAAU,EAAE,EAAgB;IAC5B,SAAS,EAAE,EAAE;CAChB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ItemMap, NavItemMap} from '../../containers/PageConstructor/PageConstructor';\nimport {CustomConfig, LoadableConfig, ShouldRenderBlock} from '../../models';\n\nexport interface InnerContextType {\n    blockTypes: string[];\n    subBlockTypes: string[];\n    headerBlockTypes: string[];\n    navigationBlockTypes: string[];\n    itemMap: ItemMap;\n    navItemMap: NavItemMap;\n    loadables?: LoadableConfig;\n    shouldRenderBlock?: ShouldRenderBlock;\n    customization?: Pick<CustomConfig, 'decorators'>;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport const InnerContext = React.createContext<InnerContextType>({\n    blockTypes: [],\n    subBlockTypes: [],\n    headerBlockTypes: [],\n    navigationBlockTypes: [],\n    itemMap: {} as ItemMap,\n    navItemMap: {} as NavItemMap,\n    microdata: {},\n});\n"]}
+{"version":3,"file":"InnerContext.js","sourceRoot":"../../../../src","sources":["context/innerContext/InnerContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC9D,UAAU,EAAE,EAAgB;IAC5B,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC;IACrB,gEAAgE;IAChE,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockData} from '../../constructor-items';\nimport {NavItemMap} from '../../containers/PageConstructor/PageConstructor';\nimport {BlockWrapperDataProps, LoadableConfig, PageContent, ShouldRenderBlock} from '../../models';\n\nexport interface BlockWrapperEntry {\n    wrapper: React.ComponentType<BlockWrapperDataProps & React.PropsWithChildren>;\n    props?: object;\n}\n\nexport interface InnerContextType {\n    navItemMap: NavItemMap;\n    loadables?: LoadableConfig;\n    shouldRenderBlock?: ShouldRenderBlock;\n    blockWrappers?: BlockWrapperEntry[];\n    blocks: Array<BlockData>;\n    content: PageContent;\n    setContent: React.Dispatch<React.SetStateAction<PageContent>>;\n}\n\nexport const InnerContext = React.createContext<InnerContextType>({\n    navItemMap: {} as NavItemMap,\n    blocks: [],\n    content: {blocks: []},\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    setContent: () => {},\n});\n"]}