@gravity-ui/page-constructor 5.14.3 → 5.14.4-alpha.1

package/build/cjs/editor-v2/containers/Editor/Editor.css

@@ -0,0 +1,54 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+body {
+  --pc-editor-header-height: 48px;
+  --pc-editor-code-header-height: 36px;
+  --pc-editor-divider-width: 12px;
+  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
+  --pc-editor-base-color: var(--g-color-base-brand);
+  --pc-editor-control-color: var(--g-color-base-brand);
+  --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
+}
+
+.pc-editor {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+.pc-editor__header {
+  height: 0px;
+  width: 100%;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pc-editor__body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  width: 100%;
+  max-height: calc(100% - 0px);
+}
+.pc-editor__canvas {
+  flex: 1;
+}
+.pc-editor__draggable {
+  width: 12px;
+  height: 100%;
+  cursor: col-resize;
+  background-color: var(--g-color-line-generic);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--g-color-base-background);
+}
+.pc-editor__overlay {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  z-index: 100;
+}

package/build/cjs/editor-v2/containers/Editor/Editor.d.ts

@@ -0,0 +1,9 @@
+import { PageContent } from '../../../models';
+interface EditorViewProps {
+    content: PageContent;
+    onUpdate?: (pageContent: PageContent) => void;
+    initialUrl: string;
+    disableUrlField?: boolean;
+}
+export declare const Editor: (props: EditorViewProps) => JSX.Element;
+export {};

package/build/cjs/editor-v2/containers/Editor/Editor.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const react_resizable_panels_1 = require("react-resizable-panels");
+const types_1 = require("../../../common/types");
+const utils_1 = require("../../../utils");
+const BigOverlay_1 = tslib_1.__importDefault(require("../../components/BigOverlay/BigOverlay"));
+const MiddleScreen_1 = tslib_1.__importDefault(require("../../components/MiddleScreen/MiddleScreen"));
+const Sidebar_1 = require("../../components/Sidebar/Sidebar");
+const contentConfig_1 = require("../../context/contentConfig");
+const editorContext_1 = require("../../context/editorContext");
+const iframeContext_1 = require("../../context/iframeContext");
+const messagesContext_1 = require("../../context/messagesContext");
+const useMessageSender_1 = require("../../context/messagesContext/hooks/useMessageSender");
+const useAdminInitialize_1 = tslib_1.__importDefault(require("./hooks/useAdminInitialize"));
+const b = (0, utils_1.block)('editor');
+const EditorView = (_props) => {
+    const { manipulateOverlayMode } = (0, editorContext_1.useEditorStore)();
+    const sendMessage = (0, useMessageSender_1.useMessageSender)();
+    (0, useAdminInitialize_1.default)();
+    // Disable insert mode on any MouseUp event
+    // Maybe should be attached to body
+    const onMouseUp = (0, react_1.useCallback)((e) => {
+        if (manipulateOverlayMode === 'insert') {
+            e.preventDefault();
+            sendMessage({ type: types_1.ActionTypes.InsertModeDisable, payload: undefined });
+        }
+        if (manipulateOverlayMode === 'reorder') {
+            e.preventDefault();
+            sendMessage({ type: types_1.ActionTypes.ReorderModeDisable, payload: undefined });
+        }
+    }, [manipulateOverlayMode, sendMessage]);
+    const onMouseMove = (0, react_1.useCallback)((e) => {
+        if (manipulateOverlayMode) {
+            sendMessage({
+                type: types_1.ActionTypes.OverlayModeOnMove,
+                payload: { cursor: { x: e.clientX, y: e.clientY } },
+            });
+        }
+    }, [manipulateOverlayMode, sendMessage]);
+    return (react_1.default.createElement("div", { className: b(), onMouseUp: onMouseUp, onMouseMove: onMouseMove },
+        react_1.default.createElement("div", { className: b('body') },
+            react_1.default.createElement(react_resizable_panels_1.PanelGroup, { className: b('panel'), autoSaveId: "page-constructor-editor", direction: "horizontal" },
+                react_1.default.createElement(react_resizable_panels_1.Panel, { collapsible: true, defaultSize: 25, minSize: 15 },
+                    react_1.default.createElement(Sidebar_1.Sidebar, { position: 'left' })),
+                react_1.default.createElement(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable') },
+                    react_1.default.createElement(icons_1.Grip, { className: b('grip') })),
+                react_1.default.createElement(react_resizable_panels_1.Panel, { minSize: 20 },
+                    react_1.default.createElement(MiddleScreen_1.default, null)),
+                react_1.default.createElement(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable') },
+                    react_1.default.createElement(icons_1.Grip, { className: b('grip') })),
+                react_1.default.createElement(react_resizable_panels_1.Panel, { collapsible: true, minSize: 15, defaultSize: 25 },
+                    react_1.default.createElement(Sidebar_1.Sidebar, { position: 'right', startMenu: "block-config" })))),
+        react_1.default.createElement(BigOverlay_1.default, { className: b('overlay') })));
+};
+const Editor = (props) => {
+    return (react_1.default.createElement(editorContext_1.EditorProvider, null,
+        react_1.default.createElement(iframeContext_1.IframeProvider, { initialUrl: props.initialUrl, disableUrlField: props.disableUrlField },
+            react_1.default.createElement(contentConfig_1.ContentConfigProvider, { onUpdate: props.onUpdate, content: props.content },
+                react_1.default.createElement(messagesContext_1.PostMessageProvider, null,
+                    react_1.default.createElement(EditorView, Object.assign({}, props)))))));
+};
+exports.Editor = Editor;

package/build/cjs/editor-v2/containers/Editor/hooks/useAdminInitialize.d.ts

@@ -0,0 +1,2 @@
+declare const useAdminInitialize: () => void;
+export default useAdminInitialize;

package/build/cjs/editor-v2/containers/Editor/hooks/useAdminInitialize.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const types_1 = require("../../../../common/types");
+const contentConfig_1 = require("../../../context/contentConfig");
+const editorContext_1 = require("../../../context/editorContext");
+const messagesContext_1 = require("../../../context/messagesContext");
+const useAdminInitialize = () => {
+    const { state: contentConfigState } = (0, react_1.useContext)(contentConfig_1.ContentConfigContext);
+    const { config } = (0, contentConfig_1.useContentConfigStore)();
+    const { initialized } = (0, editorContext_1.useEditorStore)();
+    const sendMessage = (0, messagesContext_1.useMessageSender)();
+    (0, messagesContext_1.useMessageObserver)(types_1.ActionTypes.IframeReady, () => {
+        if (sendMessage && !initialized) {
+            sendMessage({ type: types_1.ActionTypes.EditorReady, payload: undefined });
+            sendMessage({ type: types_1.ActionTypes.UpdateConfigs, payload: { content: config } }, { direction: 'pc' });
+        }
+    }, [sendMessage]);
+    // Update configs for both instances on any changes
+    (0, react_1.useEffect)(() => contentConfigState &&
+        contentConfigState.subscribe((state) => {
+            sendMessage({ type: types_1.ActionTypes.UpdateConfigs, payload: { content: state.config } });
+        }), [sendMessage, contentConfigState]);
+};
+exports.default = useAdminInitialize;

package/build/cjs/editor-v2/context/contentConfig/contentConfigContext.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Context for managing PC configuration (aka Yaml Configs)
+ **/
+import React from 'react';
+import { StoreApi } from 'zustand';
+import { ContentConfigStore } from './store';
+export interface ContentConfigContextProps {
+    state?: StoreApi<ContentConfigStore>;
+}
+export declare const ContentConfigContext: React.Context<ContentConfigContextProps>;

package/build/cjs/editor-v2/context/contentConfig/contentConfigContext.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * Context for managing PC configuration (aka Yaml Configs)
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentConfigContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.ContentConfigContext = react_1.default.createContext({});

package/build/cjs/editor-v2/context/contentConfig/contentConfigProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { PageContent } from '../../../models';
+interface ContentConfigProviderProps extends PropsWithChildren {
+    content: PageContent;
+    onUpdate?: (pageContent: PageContent) => void;
+}
+export declare const ContentConfigProvider: ({ content, onUpdate, children, }: ContentConfigProviderProps) => JSX.Element;
+export {};

package/build/cjs/editor-v2/context/contentConfig/contentConfigProvider.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentConfigProvider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const contentConfigContext_1 = require("./contentConfigContext");
+const store_1 = require("./store");
+const ContentConfigProvider = ({ content, onUpdate, children, }) => {
+    var _a;
+    const storeRef = (0, react_1.useRef)();
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createContentConfigStore)({ config: content });
+        if (onUpdate) {
+            (_a = storeRef.current) === null || _a === void 0 ? void 0 : _a.subscribe((state) => onUpdate(state.config));
+        }
+    }
+    return (react_1.default.createElement(contentConfigContext_1.ContentConfigContext.Provider, { value: { state: storeRef.current } }, children));
+};
+exports.ContentConfigProvider = ContentConfigProvider;

package/build/cjs/editor-v2/context/contentConfig/hooks/useContentConfigStore.d.ts

@@ -0,0 +1,2 @@
+export declare const useContentConfigStore: () => import("..").ContentConfigStore;
+export default useContentConfigStore;

package/build/cjs/editor-v2/context/contentConfig/hooks/useContentConfigStore.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContentConfigStore = void 0;
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+const contentConfigContext_1 = require("../contentConfigContext");
+const useContentConfigStore = () => {
+    const { state } = (0, react_1.useContext)(contentConfigContext_1.ContentConfigContext);
+    if (!state) {
+        throw new Error('Missing ContentConfigContext');
+    }
+    return (0, zustand_1.useStore)(state);
+};
+exports.useContentConfigStore = useContentConfigStore;
+exports.default = exports.useContentConfigStore;

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

@@ -0,0 +1,4 @@
+export * from './contentConfigContext';
+export * from './contentConfigProvider';
+export * from './hooks/useContentConfigStore';
+export * from './store';

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./contentConfigContext"), exports);
+tslib_1.__exportStar(require("./contentConfigProvider"), exports);
+tslib_1.__exportStar(require("./hooks/useContentConfigStore"), exports);
+tslib_1.__exportStar(require("./store"), exports);

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

@@ -0,0 +1,35 @@
+import { ConfigInput, ItemConfig, WithStoreReducer } from '../../../common/types';
+import { PageContent } from '../../../models';
+import { DynamicFormValue } from '../../components/DynamicForm/DynamicForm';
+export interface ContentConfigState {
+    config: PageContent;
+    blocks: Array<ItemConfig>;
+    subBlocks: Array<ItemConfig>;
+    global: Array<ConfigInput>;
+    preInsertBlockType: string | null;
+    preReorderBlockPath: number[] | null;
+}
+export interface ContentConfigMethods extends WithStoreReducer {
+    setConfig: (config: PageContent) => void;
+    setBlocks: (blocks: ItemConfig[]) => void;
+    setSubBlocks: (subBlocks: ItemConfig[]) => void;
+    insertBlock: (position: number[], blockType: string) => void;
+    deleteBlock: (path: number[]) => void;
+    duplicateBlock: (path: number[]) => void;
+    reorderBlock: (path: number[], destination: number[]) => void;
+    updateField: (path: string, value: DynamicFormValue) => void;
+}
+export type ContentConfigStore = ContentConfigState & ContentConfigMethods;
+export declare const createContentConfigStore: (overrideInitialState?: Partial<ContentConfigState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<ContentConfigState & ContentConfigMethods>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: ContentConfigState & ContentConfigMethods, previousSelectedState: ContentConfigState & ContentConfigMethods) => void): () => void;
+        <U>(selector: (state: ContentConfigState & ContentConfigMethods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean | undefined;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (ContentConfigState & ContentConfigMethods) | Partial<ContentConfigState & ContentConfigMethods> | ((state: ContentConfigState & ContentConfigMethods) => (ContentConfigState & ContentConfigMethods) | Partial<ContentConfigState & ContentConfigMethods>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;

package/build/cjs/editor-v2/context/contentConfig/store.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createContentConfigStore = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const types_1 = require("../../../common/types");
+const utils_1 = require("../../utils");
+const store_1 = require("../../utils/store");
+exports.createContentConfigStore = (0, store_1.initializeStore)({
+    config: { blocks: [] },
+    blocks: [],
+    subBlocks: [],
+    global: [],
+    preInsertBlockType: null,
+    preReorderBlockPath: null,
+}, (set, get) => ({
+    setConfig: (config) => set((state) => (Object.assign(Object.assign({}, state), { config }))),
+    setBlocks: (blocks) => set((state) => (Object.assign(Object.assign({}, state), { blocks }))),
+    setSubBlocks: (subBlocks) => set((state) => (Object.assign(Object.assign({}, state), { subBlocks }))),
+    insertBlock: (arrayPath, blockType) => {
+        const blocksConfig = get().config.blocks;
+        const blocksData = get().blocks;
+        const foundBlock = blocksData.find(({ type }) => type === blockType);
+        const defaultValue = foundBlock && foundBlock.schema.default
+            ? Object.assign(Object.assign({}, foundBlock.schema.default), { type: blockType }) : { type: blockType };
+        const newBlocksConfig = (0, utils_1.modifyObjectByPath)(blocksConfig, arrayPath, (parentBlocks, index) => (0, utils_1.insert)(parentBlocks, index, defaultValue));
+        set((state) => (Object.assign(Object.assign({}, state), { config: Object.assign(Object.assign({}, state.config), { blocks: newBlocksConfig }) })));
+    },
+    deleteBlock: (arrayPath) => {
+        const blocksConfig = get().config.blocks;
+        const newBlocksConfig = (0, utils_1.modifyObjectByPath)(blocksConfig, arrayPath, utils_1.removeFromArray);
+        set((state) => (Object.assign(Object.assign({}, state), { config: Object.assign(Object.assign({}, state.config), { blocks: newBlocksConfig }) })));
+    },
+    duplicateBlock: (arrayPath) => {
+        const blocksConfig = get().config.blocks;
+        const newBlocksConfig = (0, utils_1.modifyObjectByPath)(blocksConfig, arrayPath, utils_1.duplicateArrayItem);
+        set((state) => (Object.assign(Object.assign({}, state), { config: Object.assign(Object.assign({}, state.config), { blocks: newBlocksConfig }) })));
+    },
+    updateField: (path, value) => {
+        set((state) => {
+            const newConfig = lodash_1.default.set(state.config, path, value);
+            return Object.assign(Object.assign({}, state), { config: newConfig });
+        });
+    },
+    reorderBlock: (arrayPath, destination) => {
+        let newBlocksConfig;
+        const blocksConfig = get().config.blocks;
+        // Copy
+        const copiedBlock = lodash_1.default.get(blocksConfig, (0, utils_1.generateChildrenPathFromArray)(arrayPath));
+        if ((0, utils_1.isItemsNeighbours)(arrayPath, destination)) {
+            newBlocksConfig = (0, utils_1.modifyObjectByPath)(blocksConfig, arrayPath, (parentBlocks) => {
+                return (0, utils_1.reorderArrayItems)(parentBlocks, arrayPath[arrayPath.length - 1], destination[destination.length - 1]);
+            });
+        }
+        else {
+            const arrayDest = (0, utils_1.getDestinationShiftBeforeReorder)(arrayPath, destination);
+            // Delete
+            const blocksConfigWithoutBlock = (0, utils_1.modifyObjectByPath)(blocksConfig, arrayPath, utils_1.removeFromArray);
+            // Paste
+            newBlocksConfig = (0, utils_1.modifyObjectByPath)(blocksConfigWithoutBlock, arrayDest, (parentBlocks, index) => (0, utils_1.insert)(parentBlocks, index, copiedBlock));
+        }
+        set((state) => (Object.assign(Object.assign({}, state), { config: Object.assign(Object.assign({}, state.config), { blocks: newBlocksConfig }) })));
+    },
+    reducer: function (action) {
+        switch (action.type) {
+            // Insert Actions
+            case types_1.ActionTypes.InsertModeEnable: {
+                set((state) => (Object.assign(Object.assign({}, state), { preInsertBlockType: action.payload.blockType })));
+                break;
+            }
+            case types_1.ActionTypes.InsertModeDisable: {
+                set((state) => (Object.assign(Object.assign({}, state), { preInsertBlockType: null })));
+                break;
+            }
+            case types_1.ActionTypes.InsertBlock: {
+                const { preInsertBlockType } = get();
+                if (preInsertBlockType) {
+                    const { path } = action.payload;
+                    this.insertBlock(path, preInsertBlockType);
+                }
+                break;
+            }
+            // Reorder Actions
+            case types_1.ActionTypes.ReorderModeEnable: {
+                set((state) => (Object.assign(Object.assign({}, state), { preReorderBlockPath: action.payload.path })));
+                break;
+            }
+            case types_1.ActionTypes.ReorderModeDisable: {
+                set((state) => (Object.assign(Object.assign({}, state), { preReorderBlockPath: null })));
+                break;
+            }
+            case types_1.ActionTypes.ReorderBlocks: {
+                const { preReorderBlockPath } = get();
+                if (preReorderBlockPath) {
+                    const { path: destinationPath } = action.payload;
+                    this.reorderBlock(preReorderBlockPath, destinationPath);
+                }
+                break;
+            }
+            case types_1.ActionTypes.BlocksConfigs: {
+                set((state) => (Object.assign(Object.assign({}, state), { blocks: action.payload.blocks, subBlocks: action.payload.subBlocks, global: action.payload.global })));
+                break;
+            }
+        }
+    },
+}));

package/build/cjs/editor-v2/context/editorContext/editorContext.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Context for managing internal Editor states
+ * Same exist in PC
+ **/
+import React from 'react';
+import { StoreApi } from 'zustand';
+import { EditorStore } from './store';
+export interface EditorContextProps {
+    state?: StoreApi<EditorStore>;
+}
+export declare const EditorContext: React.Context<EditorContextProps>;

package/build/cjs/editor-v2/context/editorContext/editorContext.js

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ * Context for managing internal Editor states
+ * Same exist in PC
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.EditorContext = react_1.default.createContext({});

package/build/cjs/editor-v2/context/editorContext/editorProvider.d.ts

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

package/build/cjs/editor-v2/context/editorContext/editorProvider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorProvider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const editorContext_1 = require("./editorContext");
+const store_1 = require("./store");
+const EditorProvider = ({ children }) => {
+    const storeRef = (0, react_1.useRef)();
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createEditorStore)();
+    }
+    return (react_1.default.createElement(editorContext_1.EditorContext.Provider, { value: { state: storeRef.current } }, children));
+};
+exports.EditorProvider = EditorProvider;

package/build/cjs/editor-v2/context/editorContext/hooks/useEditorStore.d.ts

@@ -0,0 +1,2 @@
+export declare const useEditorStore: () => import("..").EditorStore;
+export default useEditorStore;

package/build/cjs/editor-v2/context/editorContext/hooks/useEditorStore.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditorStore = void 0;
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+const editorContext_1 = require("../editorContext");
+const useEditorStore = () => {
+    const { state } = (0, react_1.useContext)(editorContext_1.EditorContext);
+    if (!state) {
+        throw new Error('Missing EditorContext');
+    }
+    return (0, zustand_1.useStore)(state);
+};
+exports.useEditorStore = useEditorStore;
+exports.default = exports.useEditorStore;

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

@@ -0,0 +1,4 @@
+export * from './editorContext';
+export * from './editorProvider';
+export * from './hooks/useEditorStore';
+export * from './store';

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./editorContext"), exports);
+tslib_1.__exportStar(require("./editorProvider"), exports);
+tslib_1.__exportStar(require("./hooks/useEditorStore"), exports);
+tslib_1.__exportStar(require("./store"), exports);

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

@@ -0,0 +1,26 @@
+import { WithStoreReducer } from '../../../common/types';
+export interface EditorState {
+    manipulateOverlayMode: 'insert' | 'reorder' | false;
+    selectedBlock?: {
+        path: number[];
+        rect: DOMRect;
+    };
+    initialized: boolean;
+}
+export interface EditorMethods extends WithStoreReducer {
+    resetInitialize: () => void;
+}
+export type EditorStore = EditorState & EditorMethods;
+export declare const createEditorStore: (overrideInitialState?: Partial<EditorState> | undefined) => import("zustand").UseBoundStore<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;
+        } | 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;
+}>;

package/build/cjs/editor-v2/context/editorContext/store.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEditorStore = void 0;
+const types_1 = require("../../../common/types");
+const store_1 = require("../../utils/store");
+exports.createEditorStore = (0, store_1.initializeStore)({
+    manipulateOverlayMode: false,
+    initialized: false,
+}, (set, get) => ({
+    resetInitialize: () => {
+        set((state) => (Object.assign(Object.assign({}, state), { initialized: false })));
+    },
+    reducer: (action) => {
+        switch (action.type) {
+            case types_1.ActionTypes.IframeReady: {
+                set((state) => (Object.assign(Object.assign({}, state), { initialized: true })));
+                break;
+            }
+            case types_1.ActionTypes.ReorderModeEnable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: 'reorder' })));
+                break;
+            }
+            case types_1.ActionTypes.ReorderModeDisable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: false })));
+                break;
+            }
+            case types_1.ActionTypes.InsertModeEnable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: 'insert' })));
+                break;
+            }
+            case types_1.ActionTypes.InsertModeDisable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: false })));
+                break;
+            }
+            case types_1.ActionTypes.SelectBlock: {
+                set((state) => (Object.assign(Object.assign({}, state), { selectedBlock: {
+                        path: action.payload.path,
+                        rect: action.payload.rect,
+                    } })));
+                break;
+            }
+            case types_1.ActionTypes.UpdateSelectedBlockRect: {
+                const { selectedBlock } = get();
+                if (selectedBlock) {
+                    set((state) => (Object.assign(Object.assign({}, state), { selectedBlock: Object.assign(Object.assign({}, selectedBlock), { rect: action.payload.rect }) })));
+                }
+                break;
+            }
+            case types_1.ActionTypes.ReorderBlocks: {
+                set((state) => (Object.assign(Object.assign({}, state), { selectedBlock: undefined })));
+                break;
+            }
+        }
+    },
+}));

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

@@ -0,0 +1,2 @@
+export declare const useIframeStore: () => import("..").IframeStore;
+export default useIframeStore;

package/build/cjs/editor-v2/context/iframeContext/hooks/useIframeStore.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIframeStore = void 0;
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+const iframeContext_1 = require("../iframeContext");
+const useIframeStore = () => {
+    const { state } = (0, react_1.useContext)(iframeContext_1.IframeContext);
+    if (!state) {
+        throw new Error('Missing IframeContext');
+    }
+    return (0, zustand_1.useStore)(state);
+};
+exports.useIframeStore = useIframeStore;
+exports.default = exports.useIframeStore;

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

@@ -0,0 +1,13 @@
+/**
+ * Context for iframe window
+ **/
+import React from 'react';
+import { StoreApi } from 'zustand';
+import { IframeStore } from './store';
+export interface IframeContextProps {
+    state?: StoreApi<IframeStore>;
+    iframeElement?: HTMLIFrameElement;
+    setIframeElement: (element: HTMLIFrameElement) => void;
+    disableUrlField?: boolean;
+}
+export declare const IframeContext: React.Context<IframeContextProps>;

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

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * Context for iframe window
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.IframeContext = react_1.default.createContext({ setIframeElement: () => { } });

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+interface IframeProviderProps extends PropsWithChildren {
+    initialUrl?: string;
+    disableUrlField?: boolean;
+}
+export declare const IframeProvider: (props: IframeProviderProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeProvider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const iframeContext_1 = require("./iframeContext");
+const store_1 = require("./store");
+const IframeProvider = (props) => {
+    const { children, initialUrl, disableUrlField } = props;
+    const storeRef = (0, react_1.useRef)();
+    const [iframeElement, setIframeElement] = (0, react_1.useState)();
+    const setIframeElementFunc = (element) => setIframeElement(element);
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createIframeStore)({ url: initialUrl });
+    }
+    return (react_1.default.createElement(iframeContext_1.IframeContext.Provider, { value: {
+            state: storeRef.current,
+            iframeElement,
+            setIframeElement: setIframeElementFunc,
+            disableUrlField,
+        } }, children));
+};
+exports.IframeProvider = IframeProvider;

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

@@ -0,0 +1,4 @@
+export * from './iframeContext';
+export * from './iframeProvider';
+export * from './hooks/useIframeStore';
+export * from './store';