@gravity-ui/page-constructor 6.3.2-alpha.0 → 6.3.2-alpha.3

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

@@ -0,0 +1,12 @@
+/**
+ * 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/esm/editor-v2/context/iframeContext/IframeContext.js

@@ -0,0 +1,10 @@
+/**
+ * Context for iframe window
+ **/
+import * as React from 'react';
+export const IframeContext = React.createContext({
+    setIframeElement: () => { },
+    setUrl: () => { },
+    url: '',
+});
+//# sourceMappingURL=IframeContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeContext.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/iframeContext/IframeContext.tsx"],"names":[],"mappings":"AAAA;;IAEI;AAEJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,CAAC,MAAM,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/esm/editor-v2/context/iframeContext/IframeProvider.d.ts

@@ -0,0 +1,7 @@
+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/esm/editor-v2/context/iframeContext/IframeProvider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { IframeContext } from "./IframeContext.js";
+export const IframeProvider = ({ children, initialUrl = '', disableUrlField, }) => {
+    const [iframeElement, setIframeElement] = React.useState();
+    const [url, setUrl] = React.useState(initialUrl);
+    const setIframeElementFunc = (element) => setIframeElement(element);
+    return (_jsx(IframeContext.Provider, { value: {
+            url,
+            setUrl,
+            iframeElement,
+            setIframeElement: setIframeElementFunc,
+            disableUrlField,
+        }, children: children }));
+};
+//# sourceMappingURL=IframeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeProvider.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/iframeContext/IframeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,2BAAwB;AAO9C,MAAM,CAAC,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,KAAC,aAAa,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","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/esm/editor-v2/context/iframeContext/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { usePostMessageEvents } from "./usePostMessageEvents.js";
+export { useMainEditorStore } from "./useMainEditorStore.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","sourcesContent":["export {usePostMessageEvents} from './usePostMessageEvents';\nexport {useMainEditorStore} from './useMainEditorStore';\n"]}

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

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

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

@@ -0,0 +1,72 @@
+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,
+                        },
+                        {
+                            id: 'layers',
+                            title: 'LAYERS',
+                            component: Tree,
+                        },
+                        {
+                            id: 'source-code-yaml',
+                            title: 'YAML',
+                            component: () => _jsx(SourceCode, { format: "yaml" }),
+                        },
+                        {
+                            id: 'source-code-json',
+                            title: 'JSON',
+                            component: () => _jsx(SourceCode, { format: "json" }),
+                        },
+                    ] })),
+            },
+            {
+                id: 'navigation',
+                title: 'NAVIGATION',
+                component: GlobalConfig,
+            },
+            ...(leftTabs || []),
+        ],
+        right: [
+            {
+                id: 'edit',
+                title: 'EDIT',
+                component: () => (_jsx(Tabs, { items: [
+                        {
+                            id: 'block-config',
+                            title: 'INPUTS',
+                            component: BlockConfigForm,
+                        },
+                        {
+                            id: 'source-code-yaml',
+                            title: 'YAML',
+                            component: () => _jsx(SourceCode, { format: "yaml" }),
+                        },
+                        {
+                            id: 'source-code-json',
+                            title: 'JSON',
+                            component: () => _jsx(SourceCode, { format: "json" }),
+                        },
+                    ] })),
+            },
+            ...(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,IAAqB,mCAAgC;AAC5D,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;yBACxB;wBACD;4BACI,EAAE,EAAE,QAAQ;4BACZ,KAAK,EAAE,QAAQ;4BACf,SAAS,EAAE,IAAI;yBAClB;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;yBAChD;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;yBAChD;qBACJ,GACH,CACL;aACJ;YACD;gBACI,EAAE,EAAE,YAAY;gBAChB,KAAK,EAAE,YAAY;gBACnB,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,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;yBAChD;wBACD;4BACI,EAAE,EAAE,kBAAkB;4BACtB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG;yBAChD;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, {TabsItemProps} 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?: TabsItemProps[];\n    rightTabs?: TabsItemProps[];\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                                },\n                                {\n                                    id: 'layers',\n                                    title: 'LAYERS',\n                                    component: Tree,\n                                },\n                                {\n                                    id: 'source-code-yaml',\n                                    title: 'YAML',\n                                    component: () => <SourceCode format=\"yaml\" />,\n                                },\n                                {\n                                    id: 'source-code-json',\n                                    title: 'JSON',\n                                    component: () => <SourceCode format=\"json\" />,\n                                },\n                            ]}\n                        />\n                    ),\n                },\n                {\n                    id: 'navigation',\n                    title: 'NAVIGATION',\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-yaml',\n                                    title: 'YAML',\n                                    component: () => <SourceCode format=\"yaml\" />,\n                                },\n                                {\n                                    id: 'source-code-json',\n                                    title: 'JSON',\n                                    component: () => <SourceCode format=\"json\" />,\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,2 @@
+declare const useMainEditorInitialize: () => void;
+export default useMainEditorInitialize;

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

@@ -0,0 +1,29 @@
+import { usePostMessageAPIListener } from "../../common/postMessage.js";
+import { useMainEditorStore } from "./useMainEditorStore.js";
+import { usePostMessageEvents } from "./usePostMessageEvents.js";
+const useMainEditorInitialize = () => {
+    const { requestPostMessage } = usePostMessageEvents();
+    const { initialize, setConfig, setContent, manipulateOverlayMode, disableMode, insertBlock, reorderBlock, preInsertBlockType, preReorderBlockPath, } = useMainEditorStore();
+    usePostMessageAPIListener('ON_INIT', () => {
+        initialize();
+        requestPostMessage('GET_SUPPORTED_BLOCKS', {});
+        requestPostMessage('GET_INITIAL_CONTENT', {});
+    }, [requestPostMessage]);
+    usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {
+        setContent(data);
+    });
+    usePostMessageAPIListener('ON_SUPPORTED_BLOCKS', (data) => {
+        setConfig(data);
+    });
+    usePostMessageAPIListener('ON_MOUSE_UP', ({ path, position }) => {
+        if (manipulateOverlayMode === 'insert' && path && position && preInsertBlockType) {
+            insertBlock(path, preInsertBlockType, ['left', 'top'].includes(position) ? 'prepend' : 'append');
+        }
+        if (manipulateOverlayMode === 'reorder' && path && position && preReorderBlockPath) {
+            reorderBlock(preReorderBlockPath, path, ['left', 'top'].includes(position) ? 'prepend' : 'append');
+        }
+        disableMode();
+    }, [preInsertBlockType, preReorderBlockPath]);
+};
+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,EAAC,yBAAyB,EAAC,oCAAiC;AAEnE,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AACxD,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAE5D,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACjC,MAAM,EAAC,kBAAkB,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACpD,MAAM,EACF,UAAU,EACV,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,GACtB,GAAG,kBAAkB,EAAE,CAAC;IAEzB,yBAAyB,CACrB,SAAS,EACT,GAAG,EAAE;QACD,UAAU,EAAE,CAAC;QACb,kBAAkB,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;QAC/C,kBAAkB,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC,EACD,CAAC,kBAAkB,CAAC,CACvB,CAAC;IAEF,yBAAyB,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE;QACrD,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,yBAAyB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,EAAE;QACtD,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,yBAAyB,CACrB,aAAa,EACb,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;QACjB,IAAI,qBAAqB,KAAK,QAAQ,IAAI,IAAI,IAAI,QAAQ,IAAI,kBAAkB,EAAE,CAAC;YAC/E,WAAW,CACP,IAAI,EACJ,kBAAkB,EAClB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAC5D,CAAC;QACN,CAAC;QACD,IAAI,qBAAqB,KAAK,SAAS,IAAI,IAAI,IAAI,QAAQ,IAAI,mBAAmB,EAAE,CAAC;YACjF,YAAY,CACR,mBAAmB,EACnB,IAAI,EACJ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAC5D,CAAC;QACN,CAAC;QACD,WAAW,EAAE,CAAC;IAClB,CAAC,EACD,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAC5C,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import {usePostMessageAPIListener} from '../../common/postMessage';\n\nimport {useMainEditorStore} from './useMainEditorStore';\nimport {usePostMessageEvents} from './usePostMessageEvents';\n\nconst useMainEditorInitialize = () => {\n    const {requestPostMessage} = usePostMessageEvents();\n    const {\n        initialize,\n        setConfig,\n        setContent,\n        manipulateOverlayMode,\n        disableMode,\n        insertBlock,\n        reorderBlock,\n        preInsertBlockType,\n        preReorderBlockPath,\n    } = useMainEditorStore();\n\n    usePostMessageAPIListener(\n        'ON_INIT',\n        () => {\n            initialize();\n            requestPostMessage('GET_SUPPORTED_BLOCKS', {});\n            requestPostMessage('GET_INITIAL_CONTENT', {});\n        },\n        [requestPostMessage],\n    );\n\n    usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {\n        setContent(data);\n    });\n\n    usePostMessageAPIListener('ON_SUPPORTED_BLOCKS', (data) => {\n        setConfig(data);\n    });\n\n    usePostMessageAPIListener(\n        'ON_MOUSE_UP',\n        ({path, position}) => {\n            if (manipulateOverlayMode === 'insert' && path && position && preInsertBlockType) {\n                insertBlock(\n                    path,\n                    preInsertBlockType,\n                    ['left', 'top'].includes(position) ? 'prepend' : 'append',\n                );\n            }\n            if (manipulateOverlayMode === 'reorder' && path && position && preReorderBlockPath) {\n                reorderBlock(\n                    preReorderBlockPath,\n                    path,\n                    ['left', 'top'].includes(position) ? 'prepend' : 'append',\n                );\n            }\n            disableMode();\n        },\n        [preInsertBlockType, preReorderBlockPath],\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;AAC/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';\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/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,48 @@
+import { EditorState } from "../common/store.js";
+import { DynamicFormValue } from "../common/types/index.js";
+import { PageContentWithNavigation } from "../models/index.js";
+export interface EditorMethods {
+    initialize(): void;
+    setSelectedBlock(path: number[] | null): void;
+    setHeight(height: number): void;
+    setDeviceWidth(deviceWidth: string): void;
+    setZoom(zoom: number): void;
+    increaseZoom(): void;
+    decreaseZoom(): void;
+    setConfig(data: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>): void;
+    setContent(data: PageContentWithNavigation): void;
+    insertBlock(path: number[], blockType: string, position?: 'prepend' | 'append'): void;
+    enableInsertMode(blockType: string): void;
+    enableReorderMode(path: number[]): void;
+    disableMode(): void;
+    updateField(path: string, value: DynamicFormValue): void;
+    deleteBlock(path: number[]): void;
+    duplicateBlock(path: number[]): void;
+    reorderBlock(path: number[], destination: number[], position?: 'prepend' | 'append'): void;
+    resetInitialize(): void;
+    resetBlocks(): 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,177 @@
+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";
+export const createEditorStore = initializeStore(initialStore, (set, get) => ({
+    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;
+            }
+        }
+    },
+    setConfig(data) {
+        set((state) => ({ ...state, ...data }));
+    },
+    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) => ({
+            ...state,
+            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) {
+        set((state) => ({
+            ...state,
+            content: content,
+        }));
+    },
+    initialize() {
+        set((state) => ({
+            ...state,
+            initialized: true,
+        }));
+    },
+    setSelectedBlock(path) {
+        set((state) => ({
+            ...state,
+            selectedBlock: path,
+        }));
+    },
+    updateField(path, value) {
+        set((state) => {
+            const newConfig = _.set(state.content, path, value);
+            return {
+                ...state,
+                content: newConfig,
+            };
+        });
+    },
+    deleteBlock: (arrayPath) => {
+        const blocksConfig = get().content.blocks;
+        const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+            selectedBlock: null,
+        }));
+    },
+    duplicateBlock: (arrayPath) => {
+        const blocksConfig = get().content.blocks;
+        const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, duplicateArrayItem);
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+        }));
+    },
+    reorderBlock: (arrayPath, destination, position = 'append') => {
+        // Create a copy of the destination array before any modifications
+        let finalDestinationPath = _.cloneDeep(destination);
+        if (position === 'append') {
+            // TODO: fix
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
+            destination[destination.length - 1] = destination[destination.length - 1] + 1;
+        }
+        let newBlocksConfig;
+        const blocksConfig = get().content.blocks;
+        // Copy
+        const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));
+        if (isItemsNeighbours(arrayPath, destination)) {
+            newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks) => {
+                return reorderArrayItems(parentBlocks, arrayPath[arrayPath.length - 1], destination[destination.length - 1]);
+            });
+            if (position === 'append' &&
+                destination[destination.length - 1] < arrayPath[arrayPath.length - 1]) {
+                finalDestinationPath[finalDestinationPath.length - 1] =
+                    finalDestinationPath[finalDestinationPath.length - 1] + 1;
+            }
+        }
+        else {
+            const arrayDest = getDestinationShiftBeforeReorder(arrayPath, destination);
+            finalDestinationPath = _.cloneDeep(arrayDest);
+            // Delete
+            const blocksConfigWithoutBlock = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);
+            // Paste
+            newBlocksConfig = modifyObjectByPath(blocksConfigWithoutBlock, arrayDest, (parentBlocks, index) => insert(parentBlocks, index, copiedBlock));
+        }
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: newBlocksConfig },
+            selectedBlock: finalDestinationPath,
+        }));
+    },
+    resetInitialize: () => {
+        set((state) => ({
+            ...state,
+            initialized: false,
+        }));
+    },
+    resetBlocks: () => {
+        set((state) => ({
+            ...state,
+            content: { ...state.content, blocks: [] },
+        }));
+    },
+}));
+//# sourceMappingURL=store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"../../../src","sources":["editor-v2/store.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {EditorState, initialStore} from '../common/store';\nimport {DynamicFormValue} from '../common/types';\nimport {initializeStore} from '../common/utils';\nimport {ConstructorBlock, PageContentWithNavigation} from '../models';\n\nimport {ZOOM_STEPS} from './constants';\nimport {\n    duplicateArrayItem,\n    generateChildrenPathFromArray,\n    getDestinationShiftBeforeReorder,\n    insert,\n    isItemsNeighbours,\n    modifyObjectByPath,\n    removeFromArray,\n    reorderArrayItems,\n} from './utils';\n\nexport interface EditorMethods {\n    initialize(): void;\n    setSelectedBlock(path: number[] | null): void;\n    setHeight(height: number): void;\n    setDeviceWidth(deviceWidth: string): void;\n    setZoom(zoom: number): void;\n    increaseZoom(): void;\n    decreaseZoom(): void;\n    setConfig(data: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>): void;\n    setContent(data: PageContentWithNavigation): void;\n    insertBlock(path: number[], blockType: string, position?: 'prepend' | 'append'): void;\n    enableInsertMode(blockType: string): void;\n    enableReorderMode(path: number[]): void;\n    disableMode(): void;\n    updateField(path: string, value: DynamicFormValue): void;\n    deleteBlock(path: number[]): void;\n    duplicateBlock(path: number[]): void;\n    reorderBlock(path: number[], destination: number[], position?: 'prepend' | 'append'): void;\n    resetInitialize(): void;\n    resetBlocks(): void;\n}\n\nexport type EditorStore = EditorState & EditorMethods;\n\nexport const createEditorStore = initializeStore<EditorState, EditorMethods>(\n    initialStore,\n    (set, get) => ({\n        setHeight(height: number) {\n            // We have to add 200-500px, because of bottom padding or margin of last element\n            // which is not taken into calculation of final height\n            const newHeight = height + 500;\n            set((state) => ({...state, height: newHeight}));\n        },\n        setDeviceWidth(deviceWidth: string) {\n            set((state) => ({...state, deviceWidth}));\n        },\n        setZoom(zoom) {\n            if (zoom > 0) {\n                set((state) => ({...state, zoom}));\n            }\n        },\n        increaseZoom() {\n            const currentZoom = get().zoom;\n\n            for (const step of ZOOM_STEPS) {\n                if (currentZoom < step) {\n                    get().setZoom(step);\n                    break;\n                }\n            }\n        },\n        decreaseZoom() {\n            const currentZoom = get().zoom;\n            const reverseSteps = ZOOM_STEPS.slice().reverse();\n\n            for (const step of reverseSteps) {\n                if (currentZoom > step) {\n                    get().setZoom(step);\n                    break;\n                }\n            }\n        },\n        setConfig(data) {\n            set((state) => ({...state, ...data}));\n        },\n        insertBlock: (arrayPath, blockType, position = 'append') => {\n            if (position === 'append') {\n                // TODO: fix\n                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n                arrayPath[arrayPath.length - 1] = arrayPath[arrayPath.length - 1] + 1;\n            }\n\n            const blocksConfig = get().content.blocks;\n            const blocksData = get().blocks;\n\n            const foundBlock = blocksData.find(({type}) => type === blockType);\n            const defaultValue =\n                foundBlock && foundBlock.schema.default\n                    ? {...foundBlock.schema.default, type: blockType}\n                    : {type: blockType};\n\n            const newBlocksConfig = modifyObjectByPath(\n                blocksConfig,\n                arrayPath,\n                (parentBlocks, index) =>\n                    insert(parentBlocks, index, defaultValue as ConstructorBlock),\n            );\n\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n                selectedBlock: arrayPath,\n            }));\n        },\n        enableInsertMode(blockType: string) {\n            set((state) => ({\n                ...state,\n                manipulateOverlayMode: 'insert',\n                preInsertBlockType: blockType,\n            }));\n        },\n        disableMode() {\n            set((state) => ({\n                ...state,\n                manipulateOverlayMode: false,\n                preInsertBlockType: undefined,\n                preReorderBlockPath: undefined,\n            }));\n        },\n        enableReorderMode(path) {\n            set((state) => ({\n                ...state,\n                manipulateOverlayMode: 'reorder',\n                preReorderBlockPath: path,\n            }));\n        },\n        setContent(content) {\n            set((state) => ({\n                ...state,\n                content: content,\n            }));\n        },\n        initialize() {\n            set((state) => ({\n                ...state,\n                initialized: true,\n            }));\n        },\n        setSelectedBlock(path) {\n            set((state) => ({\n                ...state,\n                selectedBlock: path,\n            }));\n        },\n        updateField(path, value) {\n            set((state) => {\n                const newConfig = _.set(state.content, path, value);\n                return {\n                    ...state,\n                    content: newConfig,\n                };\n            });\n        },\n        deleteBlock: (arrayPath) => {\n            const blocksConfig = get().content.blocks;\n\n            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, removeFromArray);\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n                selectedBlock: null,\n            }));\n        },\n        duplicateBlock: (arrayPath) => {\n            const blocksConfig = get().content.blocks;\n\n            const newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, duplicateArrayItem);\n\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n            }));\n        },\n        reorderBlock: (arrayPath, destination, position = 'append') => {\n            // Create a copy of the destination array before any modifications\n            let finalDestinationPath: number[] = _.cloneDeep(destination);\n\n            if (position === 'append') {\n                // TODO: fix\n                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n                destination[destination.length - 1] = destination[destination.length - 1] + 1;\n            }\n\n            let newBlocksConfig: ConstructorBlock[];\n            const blocksConfig = get().content.blocks;\n            // Copy\n            const copiedBlock = _.get(blocksConfig, generateChildrenPathFromArray(arrayPath));\n\n            if (isItemsNeighbours(arrayPath, destination)) {\n                newBlocksConfig = modifyObjectByPath(blocksConfig, arrayPath, (parentBlocks) => {\n                    return reorderArrayItems(\n                        parentBlocks,\n                        arrayPath[arrayPath.length - 1],\n                        destination[destination.length - 1],\n                    );\n                });\n\n                if (\n                    position === 'append' &&\n                    destination[destination.length - 1] < arrayPath[arrayPath.length - 1]\n                ) {\n                    finalDestinationPath[finalDestinationPath.length - 1] =\n                        finalDestinationPath[finalDestinationPath.length - 1] + 1;\n                }\n            } else {\n                const arrayDest = getDestinationShiftBeforeReorder(arrayPath, destination);\n                finalDestinationPath = _.cloneDeep(arrayDest);\n\n                // Delete\n                const blocksConfigWithoutBlock = modifyObjectByPath(\n                    blocksConfig,\n                    arrayPath,\n                    removeFromArray,\n                );\n                // Paste\n                newBlocksConfig = modifyObjectByPath(\n                    blocksConfigWithoutBlock,\n                    arrayDest,\n                    (parentBlocks, index) => insert(parentBlocks, index, copiedBlock),\n                );\n            }\n\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: newBlocksConfig},\n                selectedBlock: finalDestinationPath,\n            }));\n        },\n        resetInitialize: () => {\n            set((state) => ({\n                ...state,\n                initialized: false,\n            }));\n        },\n        resetBlocks: () => {\n            set((state) => ({\n                ...state,\n                content: {...state.content, blocks: []},\n            }));\n        },\n    }),\n);\n"]}

package/build/esm/editor-v2/styles/root.css

@@ -0,0 +1,9 @@
+.g-root {
+  --g-color-base-selection: var(--g-color-private-black-200);
+  --g-color-base-selection-hover: var(--g-color-private-black-300);
+  --g-color-base-brand: var(--g-color-private-black-850-solid);
+  --g-color-base-brand-hover: var(--g-color-private-black-700-solid);
+  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
+  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
+  --g-color-line-brand: var(--g-color-text-primary);
+}

package/build/esm/editor-v2/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const EDITOR_NAMESPACE = "pceditor-";
+export declare const editorCn: import("@bem-react/classname").ClassNameInitilizer;

package/build/esm/editor-v2/utils/cn.js

@@ -0,0 +1,4 @@
+import { withNaming } from '@bem-react/classname';
+export const EDITOR_NAMESPACE = 'pceditor-';
+export const editorCn = withNaming({ n: EDITOR_NAMESPACE, e: '__', m: '_' });
+//# sourceMappingURL=cn.js.map

package/build/esm/editor-v2/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const EDITOR_NAMESPACE = 'pceditor-';\n\nexport const editorCn = withNaming({n: EDITOR_NAMESPACE, e: '__', m: '_'});\n"]}

package/build/esm/editor-v2/utils/code.d.ts

@@ -0,0 +1,6 @@
+export declare function parseCode(code: string): {
+    blocks: import("../../index.js").ConstructorBlock[];
+    menu?: import("../../index.js").Menu;
+    background?: import("../../index.js").ThemedMediaProps;
+    animated?: boolean;
+};

package/build/esm/editor-v2/utils/code.js

@@ -0,0 +1,9 @@
+import yaml from 'js-yaml';
+export function parseCode(code) {
+    const pageContent = yaml.load(code);
+    return {
+        ...pageContent,
+        blocks: pageContent.blocks?.filter(Boolean),
+    };
+}
+//# sourceMappingURL=code.js.map

package/build/esm/editor-v2/utils/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/code.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAI3B,MAAM,UAAU,SAAS,CAAC,IAAY;IAClC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAgB,CAAC;IAEnD,OAAO;QACH,GAAG,WAAW;QACd,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC;KAC9C,CAAC;AACN,CAAC","sourcesContent":["import yaml from 'js-yaml';\n\nimport {PageContent} from '../../models';\n\nexport function parseCode(code: string) {\n    const pageContent = yaml.load(code) as PageContent;\n\n    return {\n        ...pageContent,\n        blocks: pageContent.blocks?.filter(Boolean),\n    };\n}\n"]}