@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.6.0

package/build/cjs/editor-v2/context/editorStore/MainEditorStoreProvider.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MainEditorStoreProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../common/utils.js");
-const store_1 = require("../../store.js");
-const iframeContext_1 = require("../iframeContext/index.js");
-const MainEditorStoreContext_1 = require("./MainEditorStoreContext.js");
-const MainEditorStoreProvider = ({ children }) => {
-    const { iframeElement } = React.useContext(iframeContext_1.IframeContext);
-    const storeRef = React.useRef();
-    const sendPostMessage = React.useCallback((data) => {
-        const message = {
-            state: data,
-        };
-        if (iframeElement && iframeElement.contentWindow) {
-            iframeElement.contentWindow.postMessage(message, '*');
-        }
-    }, [iframeElement]);
-    if (!storeRef.current) {
-        storeRef.current = (0, store_1.createEditorStore)();
-    }
-    React.useEffect(() => {
-        storeRef.current?.subscribe((state) => {
-            const { historyPast: _historyPast, historyFuture: _historyFuture, ...syncable } = state;
-            sendPostMessage((0, utils_1.removeFn)({ ...syncable, historyPast: [], historyFuture: [] }));
-        });
-    }, [sendPostMessage]);
-    return ((0, jsx_runtime_1.jsx)(MainEditorStoreContext_1.MainEditorStoreContext.Provider, { value: {
-            state: storeRef.current,
-        }, children: children }));
-};
-exports.MainEditorStoreProvider = MainEditorStoreProvider;
-//# sourceMappingURL=MainEditorStoreProvider.js.map

package/build/cjs/editor-v2/context/editorStore/MainEditorStoreProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MainEditorStoreProvider.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/editorStore/MainEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAM/B,oDAA+C;AAC/C,0CAA2D;AAC3D,6DAA+C;AAE/C,wEAAgE;AAIzD,MAAM,uBAAuB,GAAG,CAAC,EAAC,QAAQ,EAA0B,EAAE,EAAE;IAC3E,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,IAAiB,EAAE,EAAE;QAClB,MAAM,OAAO,GAAqB;YAC9B,KAAK,EAAE,IAAI;SACd,CAAC;QAEF,IAAI,aAAa,IAAI,aAAa,CAAC,aAAa,EAAE,CAAC;YAC/C,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC1D,CAAC;IACL,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,yBAAiB,GAAE,CAAC;IAC3C,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAClC,MAAM,EAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAC,GAAG,KAAK,CAAC;YACtF,eAAe,CAAC,IAAA,gBAAQ,EAAC,EAAC,GAAG,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAC,CAAC,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,uBAAC,+CAAsB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACqB,CACrC,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,uBAAuB,2BAqClC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState} from '../../../common/store';\nimport {StoreSyncMessage} from '../../../common/types';\nimport {removeFn} from '../../../common/utils';\nimport {EditorStore, createEditorStore} from '../../store';\nimport {IframeContext} from '../iframeContext';\n\nimport {MainEditorStoreContext} from './MainEditorStoreContext';\n\ninterface MainEditorProviderProps extends React.PropsWithChildren {}\n\nexport const MainEditorStoreProvider = ({children}: MainEditorProviderProps) => {\n    const {iframeElement} = React.useContext(IframeContext);\n    const storeRef = React.useRef<StoreApi<EditorStore>>();\n\n    const sendPostMessage = React.useCallback(\n        (data: EditorState) => {\n            const message: StoreSyncMessage = {\n                state: data,\n            };\n\n            if (iframeElement && iframeElement.contentWindow) {\n                iframeElement.contentWindow.postMessage(message, '*');\n            }\n        },\n        [iframeElement],\n    );\n\n    if (!storeRef.current) {\n        storeRef.current = createEditorStore();\n    }\n\n    React.useEffect(() => {\n        storeRef.current?.subscribe((state) => {\n            const {historyPast: _historyPast, historyFuture: _historyFuture, ...syncable} = state;\n            sendPostMessage(removeFn({...syncable, historyPast: [], historyFuture: []}));\n        });\n    }, [sendPostMessage]);\n\n    return (\n        <MainEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </MainEditorStoreContext.Provider>\n    );\n};\n"]}

package/build/cjs/editor-v2/context/editorStore/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./MainEditorStoreContext.js";
-export * from "./MainEditorStoreProvider.js";

package/build/cjs/editor-v2/context/editorStore/index.js

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

package/build/cjs/editor-v2/context/editorStore/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/editorStore/index.ts"],"names":[],"mappings":";;;AAAA,sEAAyC;AACzC,uEAA0C","sourcesContent":["export * from './MainEditorStoreContext';\nexport * from './MainEditorStoreProvider';\n"]}

package/build/cjs/editor-v2/context/iframeContext/IframeContext.d.ts

@@ -1,12 +0,0 @@
-/**
- * Context for iframe window
- **/
-import * as React from 'react';
-export interface IframeContextProps {
-    iframeElement?: HTMLIFrameElement;
-    setIframeElement: (element: HTMLIFrameElement) => void;
-    url: string;
-    setUrl: (url: string) => void;
-    disableUrlField?: boolean;
-}
-export declare const IframeContext: React.Context<IframeContextProps>;

package/build/cjs/editor-v2/context/iframeContext/IframeContext.js

@@ -1,14 +0,0 @@
-"use strict";
-/**
- * Context for iframe window
- **/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IframeContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.IframeContext = React.createContext({
-    setIframeElement: () => { },
-    setUrl: () => { },
-    url: '',
-});
-//# sourceMappingURL=IframeContext.js.map

package/build/cjs/editor-v2/context/iframeContext/IframeContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IframeContext.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/iframeContext/IframeContext.tsx"],"names":[],"mappings":";AAAA;;IAEI;;;;AAEJ,qDAA+B;AAUlB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IACjE,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,GAAG,EAAE,EAAE;CACV,CAAC,CAAC","sourcesContent":["/**\n * Context for iframe window\n **/\n\nimport * as React from 'react';\n\nexport interface IframeContextProps {\n    iframeElement?: HTMLIFrameElement;\n    setIframeElement: (element: HTMLIFrameElement) => void;\n    url: string;\n    setUrl: (url: string) => void;\n    disableUrlField?: boolean;\n}\n\nexport const IframeContext = React.createContext<IframeContextProps>({\n    setIframeElement: () => {},\n    setUrl: () => {},\n    url: '',\n});\n"]}

package/build/cjs/editor-v2/context/iframeContext/IframeProvider.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-interface IframeProviderProps extends React.PropsWithChildren {
-    initialUrl?: string;
-    disableUrlField?: boolean;
-}
-export declare const IframeProvider: ({ children, initialUrl, disableUrlField, }: IframeProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/editor-v2/context/iframeContext/IframeProvider.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IframeProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const IframeContext_1 = require("./IframeContext.js");
-const IframeProvider = ({ children, initialUrl = '', disableUrlField, }) => {
-    const [iframeElement, setIframeElement] = React.useState();
-    const [url, setUrl] = React.useState(initialUrl);
-    const setIframeElementFunc = (element) => setIframeElement(element);
-    return ((0, jsx_runtime_1.jsx)(IframeContext_1.IframeContext.Provider, { value: {
-            url,
-            setUrl,
-            iframeElement,
-            setIframeElement: setIframeElementFunc,
-            disableUrlField,
-        }, children: children }));
-};
-exports.IframeProvider = IframeProvider;
-//# sourceMappingURL=IframeProvider.js.map

package/build/cjs/editor-v2/context/iframeContext/IframeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IframeProvider.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/iframeContext/IframeProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,sDAA8C;AAOvC,MAAM,cAAc,GAAG,CAAC,EAC3B,QAAQ,EACR,UAAU,GAAG,EAAE,EACf,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAqB,CAAC;IAC9E,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEjD,MAAM,oBAAoB,GAAG,CAAC,OAA0B,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEvF,OAAO,CACH,uBAAC,6BAAa,CAAC,QAAQ,IACnB,KAAK,EAAE;YACH,GAAG;YACH,MAAM;YACN,aAAa;YACb,gBAAgB,EAAE,oBAAoB;YACtC,eAAe;SAClB,YAEA,QAAQ,GACY,CAC5B,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB","sourcesContent":["import * as React from 'react';\n\nimport {IframeContext} from './IframeContext';\n\ninterface IframeProviderProps extends React.PropsWithChildren {\n    initialUrl?: string;\n    disableUrlField?: boolean;\n}\n\nexport const IframeProvider = ({\n    children,\n    initialUrl = '',\n    disableUrlField,\n}: IframeProviderProps) => {\n    const [iframeElement, setIframeElement] = React.useState<HTMLIFrameElement>();\n    const [url, setUrl] = React.useState(initialUrl);\n\n    const setIframeElementFunc = (element: HTMLIFrameElement) => setIframeElement(element);\n\n    return (\n        <IframeContext.Provider\n            value={{\n                url,\n                setUrl,\n                iframeElement,\n                setIframeElement: setIframeElementFunc,\n                disableUrlField,\n            }}\n        >\n            {children}\n        </IframeContext.Provider>\n    );\n};\n"]}

package/build/cjs/editor-v2/context/iframeContext/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./IframeContext.js";
-export * from "./IframeProvider.js";

package/build/cjs/editor-v2/context/iframeContext/index.js

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

package/build/cjs/editor-v2/context/iframeContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/iframeContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,8DAAiC","sourcesContent":["export * from './IframeContext';\nexport * from './IframeProvider';\n"]}

package/build/cjs/editor-v2/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export { usePostMessageEvents } from "./usePostMessageEvents.js";
-export { useMainEditorStore } from "./useMainEditorStore.js";
-export { usePCEditorSettings } from "./usePCEditorSettings.js";

package/build/cjs/editor-v2/hooks/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePCEditorSettings = exports.useMainEditorStore = exports.usePostMessageEvents = void 0;
-var usePostMessageEvents_1 = require("./usePostMessageEvents.js");
-Object.defineProperty(exports, "usePostMessageEvents", { enumerable: true, get: function () { return usePostMessageEvents_1.usePostMessageEvents; } });
-var useMainEditorStore_1 = require("./useMainEditorStore.js");
-Object.defineProperty(exports, "useMainEditorStore", { enumerable: true, get: function () { return useMainEditorStore_1.useMainEditorStore; } });
-var usePCEditorSettings_1 = require("./usePCEditorSettings.js");
-Object.defineProperty(exports, "usePCEditorSettings", { enumerable: true, get: function () { return usePCEditorSettings_1.usePCEditorSettings; } });
-//# sourceMappingURL=index.js.map

package/build/cjs/editor-v2/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/index.ts"],"names":[],"mappings":";;;AAAA,kEAA4D;AAApD,4HAAA,oBAAoB,OAAA;AAC5B,8DAAwD;AAAhD,wHAAA,kBAAkB,OAAA;AAC1B,gEAA0D;AAAlD,0HAAA,mBAAmB,OAAA","sourcesContent":["export {usePostMessageEvents} from './usePostMessageEvents';\nexport {useMainEditorStore} from './useMainEditorStore';\nexport {usePCEditorSettings} from './usePCEditorSettings';\n"]}

package/build/cjs/editor-v2/hooks/useEditorTabs.d.ts

@@ -1,16 +0,0 @@
-import { TabItemProps } from "../components/Tabs/Tabs.js";
-export declare const useEditorTabs: ({ leftTabs, rightTabs, }: {
-    leftTabs?: TabItemProps[];
-    rightTabs?: TabItemProps[];
-}) => {
-    left: (TabItemProps | {
-        id: string;
-        title: string;
-        component: ({ className }: import("../containers/GlobalConfig/GlobalConfig.js").GlobalConfigProps) => import("react/jsx-runtime").JSX.Element;
-    })[];
-    right: (TabItemProps | {
-        id: string;
-        title: string;
-        component: () => import("react/jsx-runtime").JSX.Element;
-    })[];
-};

package/build/cjs/editor-v2/hooks/useEditorTabs.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditorTabs = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const Tabs_1 = tslib_1.__importDefault(require("../components/Tabs/Tabs.js"));
-const BlockConfigForm_1 = tslib_1.__importDefault(require("../containers/BlockConfigForm/BlockConfigForm.js"));
-const BlocksList_1 = tslib_1.__importDefault(require("../containers/BlocksList/BlocksList.js"));
-const GlobalConfig_1 = tslib_1.__importDefault(require("../containers/GlobalConfig/GlobalConfig.js"));
-const SourceCode_1 = tslib_1.__importDefault(require("../containers/SourceCode/SourceCode.js"));
-const Tree_1 = tslib_1.__importDefault(require("../containers/Tree/index.js"));
-const useEditorTabs = ({ leftTabs, rightTabs, }) => {
-    const tabs = React.useMemo(() => ({
-        left: [
-            {
-                id: 'page',
-                title: 'PAGE',
-                component: () => ((0, jsx_runtime_1.jsx)(Tabs_1.default, { items: [
-                        {
-                            id: 'blocks-list',
-                            title: 'BLOCKS',
-                            component: BlocksList_1.default,
-                            withPadding: true,
-                        },
-                        {
-                            id: 'layers',
-                            title: 'LAYERS',
-                            component: Tree_1.default,
-                            withPadding: true,
-                        },
-                        {
-                            id: 'source-code',
-                            title: 'RAW',
-                            component: ({ className }) => ((0, jsx_runtime_1.jsx)(SourceCode_1.default, { className: className })),
-                            withPadding: true,
-                        },
-                    ] })),
-            },
-            {
-                id: 'global',
-                title: 'GLOBAL',
-                component: GlobalConfig_1.default,
-            },
-            ...(leftTabs || []),
-        ],
-        right: [
-            {
-                id: 'edit',
-                title: 'EDIT',
-                component: () => ((0, jsx_runtime_1.jsx)(Tabs_1.default, { items: [
-                        {
-                            id: 'block-config',
-                            title: 'INPUTS',
-                            component: BlockConfigForm_1.default,
-                        },
-                        {
-                            id: 'source-code',
-                            title: 'RAW',
-                            component: ({ className }) => ((0, jsx_runtime_1.jsx)(SourceCode_1.default, { className: className, showSelectedBlockOnly: true })),
-                            withPadding: true,
-                        },
-                    ] })),
-            },
-            ...(rightTabs || []),
-        ],
-    }), [leftTabs, rightTabs]);
-    return tabs;
-};
-exports.useEditorTabs = useEditorTabs;
-//# sourceMappingURL=useEditorTabs.js.map

package/build/cjs/editor-v2/hooks/useEditorTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEditorTabs.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useEditorTabs.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,8EAA2D;AAC3D,+GAA4E;AAC5E,gGAA6D;AAC7D,sGAAmE;AACnE,gGAA6D;AAC7D,+EAAsC;AAE/B,MAAM,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,GAIZ,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE;YACF;gBACI,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,uBAAC,cAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,oBAAU;4BACrB,WAAW,EAAE,IAAI;yBACpB;wBACD;4BACI,EAAE,EAAE,QAAQ;4BACZ,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,cAAI;4BACf,WAAW,EAAE,IAAI;yBACpB;wBACD;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,CACxB,uBAAC,oBAAU,IAAC,SAAS,EAAE,SAAS,GAAI,CACvC;4BACD,WAAW,EAAE,IAAI;yBACpB;qBACJ,GACH,CACL;aACJ;YACD;gBACI,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE,sBAAY;aAC1B;YACD,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC;SACtB;QACD,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,uBAAC,cAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,cAAc;4BAClB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,yBAAe;yBAC7B;wBACD;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,CACxB,uBAAC,oBAAU,IACP,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,IAAI,GAC7B,CACL;4BACD,WAAW,EAAE,IAAI;yBACpB;qBACJ,GACH,CACL;aACJ;YACD,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC;SACvB;KACJ,CAAC,EACF,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAjFW,QAAA,aAAa,iBAiFxB","sourcesContent":["import * as React from 'react';\n\nimport Tabs, {TabItemProps} from '../components/Tabs/Tabs';\nimport BlockConfigForm from '../containers/BlockConfigForm/BlockConfigForm';\nimport BlocksList from '../containers/BlocksList/BlocksList';\nimport GlobalConfig from '../containers/GlobalConfig/GlobalConfig';\nimport SourceCode from '../containers/SourceCode/SourceCode';\nimport Tree from '../containers/Tree';\n\nexport const useEditorTabs = ({\n    leftTabs,\n    rightTabs,\n}: {\n    leftTabs?: TabItemProps[];\n    rightTabs?: TabItemProps[];\n}) => {\n    const tabs = React.useMemo(\n        () => ({\n            left: [\n                {\n                    id: 'page',\n                    title: 'PAGE',\n                    component: () => (\n                        <Tabs\n                            items={[\n                                {\n                                    id: 'blocks-list',\n                                    title: 'BLOCKS',\n                                    component: BlocksList,\n                                    withPadding: true,\n                                },\n                                {\n                                    id: 'layers',\n                                    title: 'LAYERS',\n                                    component: Tree,\n                                    withPadding: true,\n                                },\n                                {\n                                    id: 'source-code',\n                                    title: 'RAW',\n                                    component: ({className}) => (\n                                        <SourceCode className={className} />\n                                    ),\n                                    withPadding: true,\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                {\n                    id: 'global',\n                    title: 'GLOBAL',\n                    component: GlobalConfig,\n                },\n                ...(leftTabs || []),\n            ],\n            right: [\n                {\n                    id: 'edit',\n                    title: 'EDIT',\n                    component: () => (\n                        <Tabs\n                            items={[\n                                {\n                                    id: 'block-config',\n                                    title: 'INPUTS',\n                                    component: BlockConfigForm,\n                                },\n                                {\n                                    id: 'source-code',\n                                    title: 'RAW',\n                                    component: ({className}) => (\n                                        <SourceCode\n                                            className={className}\n                                            showSelectedBlockOnly={true}\n                                        />\n                                    ),\n                                    withPadding: true,\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                ...(rightTabs || []),\n            ],\n        }),\n        [leftTabs, rightTabs],\n    );\n\n    return tabs;\n};\n"]}

package/build/cjs/editor-v2/hooks/useMainEditorInitialize.d.ts

@@ -1,3 +0,0 @@
-import { PageContent } from "../../models/index.js";
-declare const useMainEditorInitialize: (content?: PageContent) => void;
-export default useMainEditorInitialize;

package/build/cjs/editor-v2/hooks/useMainEditorInitialize.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const postMessage_1 = require("../../common/postMessage.js");
-const useMainEditorStore_1 = require("./useMainEditorStore.js");
-const usePostMessageEvents_1 = require("./usePostMessageEvents.js");
-const useMainEditorInitialize = (content) => {
-    const { requestPostMessage } = (0, usePostMessageEvents_1.usePostMessageEvents)();
-    const { initialize, setConfig, setContent } = (0, useMainEditorStore_1.useMainEditorStore)();
-    (0, postMessage_1.usePostMessageAPIListener)('ON_INIT', () => {
-        initialize();
-        requestPostMessage('GET_SUPPORTED_BLOCKS', {});
-        if (!content) {
-            requestPostMessage('GET_INITIAL_CONTENT', {});
-        }
-    }, [requestPostMessage]);
-    React.useEffect(() => {
-        if (content) {
-            setContent(content, true);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [content]);
-    (0, postMessage_1.usePostMessageAPIListener)('ON_INITIAL_CONTENT', (data) => {
-        setContent(data, true);
-    });
-    (0, postMessage_1.usePostMessageAPIListener)('ON_SUPPORTED_BLOCKS', (data) => {
-        setConfig(data);
-    });
-};
-exports.default = useMainEditorInitialize;
-//# sourceMappingURL=useMainEditorInitialize.js.map

package/build/cjs/editor-v2/hooks/useMainEditorInitialize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMainEditorInitialize.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useMainEditorInitialize.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,6DAAmE;AAGnE,gEAAwD;AACxD,oEAA4D;AAE5D,MAAM,uBAAuB,GAAG,CAAC,OAAqB,EAAE,EAAE;IACtD,MAAM,EAAC,kBAAkB,EAAC,GAAG,IAAA,2CAAoB,GAAE,CAAC;IACpD,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAEjE,IAAA,uCAAyB,EACrB,SAAS,EACT,GAAG,EAAE;QACD,UAAU,EAAE,CAAC;QACb,kBAAkB,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;QAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,kBAAkB,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EACD,CAAC,kBAAkB,CAAC,CACvB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,uCAAyB,EAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE;QACrD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,IAAA,uCAAyB,EAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,EAAE;QACtD,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../common/postMessage';\nimport {PageContent} from '../../models';\n\nimport {useMainEditorStore} from './useMainEditorStore';\nimport {usePostMessageEvents} from './usePostMessageEvents';\n\nconst useMainEditorInitialize = (content?: PageContent) => {\n    const {requestPostMessage} = usePostMessageEvents();\n    const {initialize, setConfig, setContent} = useMainEditorStore();\n\n    usePostMessageAPIListener(\n        'ON_INIT',\n        () => {\n            initialize();\n            requestPostMessage('GET_SUPPORTED_BLOCKS', {});\n\n            if (!content) {\n                requestPostMessage('GET_INITIAL_CONTENT', {});\n            }\n        },\n        [requestPostMessage],\n    );\n\n    React.useEffect(() => {\n        if (content) {\n            setContent(content, true);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [content]);\n\n    usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {\n        setContent(data, true);\n    });\n\n    usePostMessageAPIListener('ON_SUPPORTED_BLOCKS', (data) => {\n        setConfig(data);\n    });\n};\n\nexport default useMainEditorInitialize;\n"]}

package/build/cjs/editor-v2/hooks/useMainEditorStore.d.ts

@@ -1 +0,0 @@
-export declare const useMainEditorStore: () => import("../store.js").EditorStore;

package/build/cjs/editor-v2/hooks/useMainEditorStore.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMainEditorStore = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const zustand_1 = require("zustand");
-const editorStore_1 = require("../context/editorStore/index.js");
-const useMainEditorStore = () => {
-    const { state } = React.useContext(editorStore_1.MainEditorStoreContext);
-    return (0, zustand_1.useStore)(state);
-};
-exports.useMainEditorStore = useMainEditorStore;
-//# sourceMappingURL=useMainEditorStore.js.map

package/build/cjs/editor-v2/hooks/useMainEditorStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMainEditorStore.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useMainEditorStore.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,qCAAiC;AAEjC,iEAA8D;AAEvD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAsB,CAAC,CAAC;IACzD,OAAO,IAAA,kBAAQ,EAAC,KAAK,CAAC,CAAC;AAC3B,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B","sourcesContent":["import * as React from 'react';\n\nimport {useStore} from 'zustand';\n\nimport {MainEditorStoreContext} from '../context/editorStore';\n\nexport const useMainEditorStore = () => {\n    const {state} = React.useContext(MainEditorStoreContext);\n    return useStore(state);\n};\n"]}

package/build/cjs/editor-v2/hooks/usePCEditorSettings.d.ts

@@ -1,4 +0,0 @@
-export declare const usePCEditorSettings: () => {
-    currentUrl: string;
-    changeUrl: (url: string) => void;
-};

package/build/cjs/editor-v2/hooks/usePCEditorSettings.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePCEditorSettings = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const iframeContext_1 = require("../context/iframeContext/index.js");
-const usePCEditorSettings = () => {
-    const { url, setUrl } = React.useContext(iframeContext_1.IframeContext);
-    return { currentUrl: url, changeUrl: setUrl };
-};
-exports.usePCEditorSettings = usePCEditorSettings;
-//# sourceMappingURL=usePCEditorSettings.js.map

package/build/cjs/editor-v2/hooks/usePCEditorSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePCEditorSettings.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/usePCEditorSettings.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,qEAAuD;AAEhD,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAC,GAAG,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACtD,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAC,CAAC;AAChD,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B","sourcesContent":["import * as React from 'react';\n\nimport {IframeContext} from '../context/iframeContext';\n\nexport const usePCEditorSettings = () => {\n    const {url, setUrl} = React.useContext(IframeContext);\n    return {currentUrl: url, changeUrl: setUrl};\n};\n"]}

package/build/cjs/editor-v2/hooks/usePostMessageEvents.d.ts

@@ -1,6 +0,0 @@
-import { ActionMessageTypes } from "../../common/types/index.js";
-interface UsePostMessageRequestReturn {
-    requestPostMessage: <K extends keyof ActionMessageTypes>(action: K, data: ActionMessageTypes[K]) => void;
-}
-export declare function usePostMessageEvents(): UsePostMessageRequestReturn;
-export {};

package/build/cjs/editor-v2/hooks/usePostMessageEvents.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePostMessageEvents = usePostMessageEvents;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const postMessage_1 = require("../../common/postMessage.js");
-const iframeContext_1 = require("../context/iframeContext/index.js");
-function usePostMessageEvents() {
-    const { iframeElement } = React.useContext(iframeContext_1.IframeContext);
-    return {
-        requestPostMessage: (action, data) => {
-            if (iframeElement && iframeElement.contentWindow) {
-                return (0, postMessage_1.requestActionPostMessage)(action, data, iframeElement.contentWindow);
-            }
-            return undefined;
-        },
-    };
-}
-//# sourceMappingURL=usePostMessageEvents.js.map

package/build/cjs/editor-v2/hooks/usePostMessageEvents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePostMessageEvents.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/usePostMessageEvents.ts"],"names":[],"mappings":";;AAaA,oDAYC;;AAzBD,qDAA+B;AAE/B,6DAAkE;AAElE,qEAAuD;AASvD,SAAgB,oBAAoB;IAChC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAExD,OAAO;QACH,kBAAkB,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;YACjC,IAAI,aAAa,IAAI,aAAa,CAAC,aAAa,EAAE,CAAC;gBAC/C,OAAO,IAAA,sCAAwB,EAAC,MAAM,EAAE,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;YAC/E,CAAC;YAED,OAAO,SAAS,CAAC;QACrB,CAAC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {requestActionPostMessage} from '../../common/postMessage';\nimport {ActionMessageTypes} from '../../common/types';\nimport {IframeContext} from '../context/iframeContext';\n\ninterface UsePostMessageRequestReturn {\n    requestPostMessage: <K extends keyof ActionMessageTypes>(\n        action: K,\n        data: ActionMessageTypes[K],\n    ) => void;\n}\n\nexport function usePostMessageEvents(): UsePostMessageRequestReturn {\n    const {iframeElement} = React.useContext(IframeContext);\n\n    return {\n        requestPostMessage: (action, data) => {\n            if (iframeElement && iframeElement.contentWindow) {\n                return requestActionPostMessage(action, data, iframeElement.contentWindow);\n            }\n\n            return undefined;\n        },\n    };\n}\n"]}

package/build/cjs/editor-v2/index.d.ts

@@ -1,5 +0,0 @@
-export * from "../common/types/index.js";
-export * from "./containers/index.js";
-export * from "./hooks/index.js";
-export * from "./utils/index.js";
-export * from "./constants.js";

package/build/cjs/editor-v2/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../common/types/index.js"), exports);
-tslib_1.__exportStar(require("./containers/index.js"), exports);
-tslib_1.__exportStar(require("./hooks/index.js"), exports);
-tslib_1.__exportStar(require("./utils/index.js"), exports);
-tslib_1.__exportStar(require("./constants.js"), exports);
-//# sourceMappingURL=index.js.map

package/build/cjs/editor-v2/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["editor-v2/index.ts"],"names":[],"mappings":";;;AAAA,mEAAgC;AAChC,gEAA6B;AAC7B,2DAAwB;AACxB,2DAAwB;AACxB,yDAA4B","sourcesContent":["export * from '../common/types';\nexport * from './containers';\nexport * from './hooks';\nexport * from './utils';\nexport * from './constants';\n"]}

package/build/cjs/editor-v2/store.d.ts

@@ -1,52 +0,0 @@
-import { EditorState } from "../common/store.js";
-import { RectMapEntry } from "../common/types/rect.js";
-import { PageContent } from "../models/index.js";
-export interface EditorMethods {
-    initialize(): void;
-    setSelectedBlock(path: number[] | null): void;
-    setRectMap(rects: RectMapEntry[]): void;
-    setHeight(height: number): void;
-    setDeviceWidth(deviceWidth: string): void;
-    setZoom(zoom: number): void;
-    increaseZoom(): void;
-    decreaseZoom(): void;
-    togglePreviewMode(): void;
-    setConfig(data: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>): void;
-    setContent(data: PageContent, skipHistory?: boolean): void;
-    insertBlock(path: number[], blockType: string, position?: 'prepend' | 'append'): void;
-    enableInsertMode(blockType: string): void;
-    enableReorderMode(path: number[]): void;
-    disableMode(): void;
-    updateField(path: string, value: unknown): void;
-    deleteBlock(path: number[]): void;
-    duplicateBlock(path: number[]): void;
-    reorderBlock(path: number[], destination: number[], position?: 'prepend' | 'append'): void;
-    resetInitialize(): void;
-    resetBlocks(): void;
-    undo(): void;
-    redo(): void;
-}
-export type EditorStore = EditorState & EditorMethods;
-export declare const createEditorStore: (overrideInitialState?: Partial<EditorState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<Omit<import("zustand").StoreApi<EditorState & EditorMethods>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: EditorState & EditorMethods, previousSelectedState: EditorState & EditorMethods) => void): () => void;
-        <U>(selector: (state: EditorState & EditorMethods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-            equalityFn?: ((a: U, b: U) => boolean) | undefined;
-            fireImmediately?: boolean;
-        } | undefined): () => void;
-    };
-}, "setState"> & {
-    setState<A extends string | {
-        type: string;
-    }>(partial: (EditorState & EditorMethods) | Partial<EditorState & EditorMethods> | ((state: EditorState & EditorMethods) => (EditorState & EditorMethods) | Partial<EditorState & EditorMethods>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<EditorState & EditorMethods, EditorState & EditorMethods>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: EditorState & EditorMethods) => void) => () => void;
-        onFinishHydration: (fn: (state: EditorState & EditorMethods) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<EditorState & EditorMethods, EditorState & EditorMethods>>;
-    };
-}>;