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

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

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

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

@@ -0,0 +1,4 @@
+export { usePostMessageEvents } from "./usePostMessageEvents.js";
+export { useMainEditorStore } from "./useMainEditorStore.js";
+export { usePCEditorSettings } from "./usePCEditorSettings.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAC5D,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AACxD,OAAO,EAAC,mBAAmB,EAAC,iCAA8B","sourcesContent":["export {usePostMessageEvents} from './usePostMessageEvents';\nexport {useMainEditorStore} from './useMainEditorStore';\nexport {usePCEditorSettings} from './usePCEditorSettings';\n"]}

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

@@ -0,0 +1,16 @@
+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/esm/editor-v2/hooks/useEditorTabs.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import Tabs from "../components/Tabs/Tabs.js";
+import BlockConfigForm from "../containers/BlockConfigForm/BlockConfigForm.js";
+import BlocksList from "../containers/BlocksList/BlocksList.js";
+import GlobalConfig from "../containers/GlobalConfig/GlobalConfig.js";
+import SourceCode from "../containers/SourceCode/SourceCode.js";
+import Tree from "../containers/Tree/index.js";
+export const useEditorTabs = ({ leftTabs, rightTabs, }) => {
+    const tabs = React.useMemo(() => ({
+        left: [
+            {
+                id: 'page',
+                title: 'PAGE',
+                component: () => (_jsx(Tabs, { items: [
+                        {
+                            id: 'blocks-list',
+                            title: 'BLOCKS',
+                            component: BlocksList,
+                            withPadding: true,
+                        },
+                        {
+                            id: 'layers',
+                            title: 'LAYERS',
+                            component: Tree,
+                            withPadding: true,
+                        },
+                        {
+                            id: 'source-code',
+                            title: 'RAW',
+                            component: ({ className }) => (_jsx(SourceCode, { className: className })),
+                            withPadding: true,
+                        },
+                    ] })),
+            },
+            {
+                id: 'global',
+                title: 'GLOBAL',
+                component: GlobalConfig,
+            },
+            ...(leftTabs || []),
+        ],
+        right: [
+            {
+                id: 'edit',
+                title: 'EDIT',
+                component: () => (_jsx(Tabs, { items: [
+                        {
+                            id: 'block-config',
+                            title: 'INPUTS',
+                            component: BlockConfigForm,
+                        },
+                        {
+                            id: 'source-code',
+                            title: 'RAW',
+                            component: ({ className }) => (_jsx(SourceCode, { className: className, showSelectedBlockOnly: true })),
+                            withPadding: true,
+                        },
+                    ] })),
+            },
+            ...(rightTabs || []),
+        ],
+    }), [leftTabs, rightTabs]);
+    return tabs;
+};
+//# sourceMappingURL=useEditorTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorTabs.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useEditorTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAoB,mCAAgC;AAC3D,OAAO,eAAe,yDAAsD;AAC5E,OAAO,UAAU,+CAA4C;AAC7D,OAAO,YAAY,mDAAgD;AACnE,OAAO,UAAU,+CAA4C;AAC7D,OAAO,IAAI,oCAA2B;AAEtC,MAAM,CAAC,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,KAAC,IAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,UAAU;4BACrB,WAAW,EAAE,IAAI;yBACpB;wBACD;4BACI,EAAE,EAAE,QAAQ;4BACZ,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,IAAI;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,KAAC,UAAU,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,YAAY;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,KAAC,IAAI,IACD,KAAK,EAAE;wBACH;4BACI,EAAE,EAAE,cAAc;4BAClB,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,eAAe;yBAC7B;wBACD;4BACI,EAAE,EAAE,aAAa;4BACjB,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,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","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/esm/editor-v2/hooks/useMainEditorInitialize.d.ts

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

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { usePostMessageAPIListener } from "../../common/postMessage.js";
+import { useMainEditorStore } from "./useMainEditorStore.js";
+import { usePostMessageEvents } from "./usePostMessageEvents.js";
+const useMainEditorInitialize = (content) => {
+    const { requestPostMessage } = usePostMessageEvents();
+    const { initialize, setConfig, setContent } = useMainEditorStore();
+    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]);
+    usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {
+        setContent(data, true);
+    });
+    usePostMessageAPIListener('ON_SUPPORTED_BLOCKS', (data) => {
+        setConfig(data);
+    });
+};
+export default useMainEditorInitialize;
+//# sourceMappingURL=useMainEditorInitialize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMainEditorInitialize.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useMainEditorInitialize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,yBAAyB,EAAC,oCAAiC;AAGnE,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AACxD,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAE5D,MAAM,uBAAuB,GAAG,CAAC,OAAqB,EAAE,EAAE;IACtD,MAAM,EAAC,kBAAkB,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACpD,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEjE,yBAAyB,CACrB,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,yBAAyB,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE;QACrD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,yBAAyB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,EAAE;QACtD,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,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/esm/editor-v2/hooks/useMainEditorStore.d.ts

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { useStore } from 'zustand';
+import { MainEditorStoreContext } from "../context/editorStore/index.js";
+export const useMainEditorStore = () => {
+    const { state } = React.useContext(MainEditorStoreContext);
+    return useStore(state);
+};
+//# sourceMappingURL=useMainEditorStore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMainEditorStore.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useMainEditorStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAC,sBAAsB,EAAC,wCAA+B;AAE9D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACzD,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC,CAAC","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/esm/editor-v2/hooks/usePCEditorSettings.d.ts

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IframeContext } from "../context/iframeContext/index.js";
+export const usePCEditorSettings = () => {
+    const { url, setUrl } = React.useContext(IframeContext);
+    return { currentUrl: url, changeUrl: setUrl };
+};
+//# sourceMappingURL=usePCEditorSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePCEditorSettings.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/usePCEditorSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,0CAAiC;AAEvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAC,GAAG,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACtD,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAC,CAAC;AAChD,CAAC,CAAC","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/esm/editor-v2/hooks/usePostMessageEvents.d.ts

@@ -0,0 +1,6 @@
+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/esm/editor-v2/hooks/usePostMessageEvents.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { requestActionPostMessage } from "../../common/postMessage.js";
+import { IframeContext } from "../context/iframeContext/index.js";
+export function usePostMessageEvents() {
+    const { iframeElement } = React.useContext(IframeContext);
+    return {
+        requestPostMessage: (action, data) => {
+            if (iframeElement && iframeElement.contentWindow) {
+                return requestActionPostMessage(action, data, iframeElement.contentWindow);
+            }
+            return undefined;
+        },
+    };
+}
+//# sourceMappingURL=usePostMessageEvents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePostMessageEvents.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/usePostMessageEvents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,wBAAwB,EAAC,oCAAiC;AAElE,OAAO,EAAC,aAAa,EAAC,0CAAiC;AASvD,MAAM,UAAU,oBAAoB;IAChC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,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,wBAAwB,CAAC,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/esm/editor-v2/index.d.ts

@@ -0,0 +1,5 @@
+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/esm/editor-v2/index.js

@@ -0,0 +1,6 @@
+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";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,52 @@
+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>>;
+    };
+}>;

package/build/esm/editor-v2/store.js

@@ -0,0 +1,319 @@
+import _ from 'lodash';
+import { initialStore } from "../common/store.js";
+import { initializeStore } from "../common/utils.js";
+import { ZOOM_STEPS } from "./constants.js";
+import { duplicateArrayItem, generateChildrenPathFromArray, getDestinationShiftBeforeReorder, insert, isItemsNeighbours, modifyObjectByPath, removeFromArray, reorderArrayItems, } from "./utils/index.js";
+const MAX_EDITOR_HISTORY = 50;
+const HISTORY_DEBOUNCE_MS = 500;
+function snapshotEditorHistory(state) {
+    return {
+        content: _.cloneDeep(state.content),
+        selectedBlock: state.selectedBlock ? [...state.selectedBlock] : null,
+    };
+}
+function appendHistoryPast(past, snapshot) {
+    return [...past.slice(-(MAX_EDITOR_HISTORY - 1)), snapshot];
+}
+export const createEditorStore = initializeStore(initialStore, (set, get) => {
+    let pendingSnapshot = null;
+    let updateFieldTimer = null;
+    function clearUpdateFieldTimer() {
+        if (updateFieldTimer !== null) {
+            clearTimeout(updateFieldTimer);
+            updateFieldTimer = null;
+        }
+    }
+    function commitPending() {
+        clearUpdateFieldTimer();
+        if (pendingSnapshot !== null) {
+            const snapshot = pendingSnapshot;
+            pendingSnapshot = null;
+            set((state) => ({
+                ...state,
+                historyPast: appendHistoryPast(state.historyPast, snapshot),
+                historyFuture: [],
+            }));
+        }
+    }
+    return {
+        setHeight(height) {
+            // We have to add 200-500px, because of bottom padding or margin of last element
+            // which is not taken into calculation of final height
+            const newHeight = height + 500;
+            set((state) => ({ ...state, height: newHeight }));
+        },
+        setDeviceWidth(deviceWidth) {
+            set((state) => ({ ...state, deviceWidth }));
+        },
+        setZoom(zoom) {
+            if (zoom > 0) {
+                set((state) => ({ ...state, zoom }));
+            }
+        },
+        increaseZoom() {
+            const currentZoom = get().zoom;
+            for (const step of ZOOM_STEPS) {
+                if (currentZoom < step) {
+                    get().setZoom(step);
+                    break;
+                }
+            }
+        },
+        decreaseZoom() {
+            const currentZoom = get().zoom;
+            const reverseSteps = ZOOM_STEPS.slice().reverse();
+            for (const step of reverseSteps) {
+                if (currentZoom > step) {
+                    get().setZoom(step);
+                    break;
+                }
+            }
+        },
+        togglePreviewMode() {
+            set((state) => ({ ...state, isPreviewMode: !state.isPreviewMode }));
+        },
+        setConfig(data) {
+            set((state) => ({ ...state, ...data }));
+        },
+        undo() {
+            if (pendingSnapshot !== null) {
+                const snapshot = pendingSnapshot;
+                clearUpdateFieldTimer();
+                pendingSnapshot = null;
+                set((state) => {
+                    const currentSnap = snapshotEditorHistory(state);
+                    return {
+                        ...state,
+                        content: snapshot.content,
+                        selectedBlock: snapshot.selectedBlock,
+                        historyFuture: [currentSnap, ...state.historyFuture],
+                    };
+                });
+                return;
+            }
+            set((state) => {
+                if (state.historyPast.length === 0) {
+                    return state;
+                }
+                const past = [...state.historyPast];
+                const previous = past.pop();
+                if (previous === undefined) {
+                    return state;
+                }
+                const currentSnap = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    content: previous.content,
+                    selectedBlock: previous.selectedBlock,
+                    historyPast: past,
+                    historyFuture: [currentSnap, ...state.historyFuture],
+                };
+            });
+        },
+        redo() {
+            clearUpdateFieldTimer();
+            pendingSnapshot = null;
+            set((state) => {
+                if (state.historyFuture.length === 0) {
+                    return state;
+                }
+                const future = [...state.historyFuture];
+                const next = future.shift();
+                if (next === undefined) {
+                    return state;
+                }
+                const currentSnap = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    content: next.content,
+                    selectedBlock: next.selectedBlock,
+                    historyPast: appendHistoryPast(state.historyPast, currentSnap),
+                    historyFuture: future,
+                };
+            });
+        },
+        insertBlock: (arrayPath, blockType, position = 'append') => {
+            if (position === 'append') {
+                // TODO: fix
+                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+                arrayPath[arrayPath.length - 1] = arrayPath[arrayPath.length - 1] + 1;
+            }
+            const blocksConfig = get().content.blocks;
+            const blocksData = get().blocks;
+            const foundBlock = blocksData.find(({ type }) => type === blockType);
+            const defaultValue = foundBlock && foundBlock.schema.default
+                ? { ...foundBlock.schema.default, type: blockType }
+                : { type: blockType };
+            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks, index) => insert(parentBlocks, index, defaultValue));
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                    selectedBlock: arrayPath,
+                };
+            });
+        },
+        enableInsertMode(blockType) {
+            set((state) => ({
+                ...state,
+                manipulateOverlayMode: 'insert',
+                preInsertBlockType: blockType,
+            }));
+        },
+        disableMode() {
+            set((state) => ({
+                ...state,
+                manipulateOverlayMode: false,
+                preInsertBlockType: undefined,
+                preReorderBlockPath: undefined,
+            }));
+        },
+        enableReorderMode(path) {
+            set((state) => ({
+                ...state,
+                manipulateOverlayMode: 'reorder',
+                preReorderBlockPath: path,
+            }));
+        },
+        setContent(content, skipHistory = false) {
+            set((state) => {
+                if (skipHistory) {
+                    return {
+                        ...state,
+                        historyPast: state.historyPast,
+                        historyFuture: [],
+                        content,
+                    };
+                }
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content,
+                };
+            });
+        },
+        initialize() {
+            set((state) => ({
+                ...state,
+                initialized: true,
+            }));
+        },
+        setSelectedBlock(path) {
+            set((state) => ({
+                ...state,
+                selectedBlock: path,
+            }));
+        },
+        setRectMap(rects) {
+            set((state) => {
+                if (_.isEqual(state.rectMap, rects)) {
+                    return state;
+                }
+                return { ...state, rectMap: rects };
+            });
+        },
+        updateField(path, value) {
+            if (pendingSnapshot === null) {
+                pendingSnapshot = snapshotEditorHistory(get());
+            }
+            clearUpdateFieldTimer();
+            updateFieldTimer = setTimeout(() => {
+                updateFieldTimer = null;
+                commitPending();
+            }, HISTORY_DEBOUNCE_MS);
+            set((state) => {
+                const newConfig = _.set(_.cloneDeep(state.content), path, value);
+                return { ...state, historyFuture: [], content: newConfig };
+            });
+        },
+        deleteBlock: (arrayPath) => {
+            const blocksConfig = get().content.blocks;
+            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                    selectedBlock: null,
+                };
+            });
+        },
+        duplicateBlock: (arrayPath) => {
+            const blocksConfig = get().content.blocks;
+            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, duplicateArrayItem);
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                };
+            });
+        },
+        reorderBlock: (arrayPath, destination, position = 'append') => {
+            const dest = _.cloneDeep(destination);
+            let finalDestinationPath = _.cloneDeep(destination);
+            if (position === 'append') {
+                dest[dest.length - 1] = dest[dest.length - 1] + 1;
+            }
+            let newBlocksConfig;
+            const blocksConfig = get().content.blocks;
+            // Copy
+            const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));
+            if (isItemsNeighbours(arrayPath, dest)) {
+                newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks) => {
+                    return reorderArrayItems(parentBlocks, arrayPath[arrayPath.length - 1], dest[dest.length - 1]);
+                });
+                if (position === 'append' &&
+                    dest[dest.length - 1] < arrayPath[arrayPath.length - 1]) {
+                    finalDestinationPath[finalDestinationPath.length - 1] =
+                        finalDestinationPath[finalDestinationPath.length - 1] + 1;
+                }
+            }
+            else {
+                const arrayDest = getDestinationShiftBeforeReorder(arrayPath, dest);
+                finalDestinationPath = _.cloneDeep(arrayDest);
+                // Delete
+                const blocksConfigWithoutBlock = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+                // Paste
+                newBlocksConfig = modifyObjectByPath(blocksConfigWithoutBlock, arrayDest, (parentBlocks, index) => insert(parentBlocks, index, copiedBlock));
+            }
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: newBlocksConfig },
+                    selectedBlock: finalDestinationPath,
+                };
+            });
+        },
+        resetInitialize: () => {
+            set((state) => ({
+                ...state,
+                initialized: false,
+            }));
+        },
+        resetBlocks: () => {
+            set((state) => {
+                const before = snapshotEditorHistory(state);
+                return {
+                    ...state,
+                    historyPast: appendHistoryPast(state.historyPast, before),
+                    historyFuture: [],
+                    content: { ...state.content, blocks: [] },
+                };
+            });
+        },
+    };
+});
+//# sourceMappingURL=store.js.map