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

package/build/esm/editor-v2/containers/ViewSwitches/ViewSwitches.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Display, Minus, Plus, Smartphone, SquareDashed } from '@gravity-ui/icons';
+import { Button, Icon, SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
+import { ZOOM_STEPS } from "../../constants.js";
+import { useMainEditorStore } from "../../hooks/useMainEditorStore.js";
+import { editorCn } from "../../utils/cn.js";
+import './ViewSwitches.css';
+const b = editorCn('view-switches');
+/**
+ * Available device viewport options
+ * - Desktop: 100% width
+ * - Tablet: 768px width
+ * - Mobile: 375px width
+ */
+const DEVICE_OPTIONS = [
+    {
+        label: _jsx(Icon, { data: Display }),
+        value: '100%',
+        ariaLabel: 'Desktop view',
+    },
+    {
+        label: _jsx(Icon, { data: Smartphone }),
+        value: '768px',
+        ariaLabel: 'Tablet view',
+    },
+    {
+        label: _jsx(Icon, { width: 14, data: Smartphone }),
+        value: '375px',
+        ariaLabel: 'Mobile view',
+    },
+];
+const ViewSwitches = () => {
+    const { zoom, setZoom, decreaseZoom, increaseZoom, deviceWidth, setDeviceWidth, togglePreviewMode, } = useMainEditorStore();
+    // Memoize zoom options to prevent unnecessary recalculations
+    const zoomOptions = React.useMemo(() => ZOOM_STEPS.map((step) => ({
+        value: String(step),
+        content: `${step}%`,
+    })), []);
+    // Memoize current zoom value for Select component
+    const currentZoomValue = React.useMemo(() => [String(zoom)], [zoom]);
+    // Create stable callback for zoom updates
+    const handleZoomUpdate = React.useCallback((value) => {
+        const newZoom = Number(Array.isArray(value) ? value[0] : value);
+        if (!isNaN(newZoom) && ZOOM_STEPS.includes(newZoom)) {
+            setZoom(newZoom);
+        }
+    }, [setZoom]);
+    return (_jsxs("div", { className: b(), role: "toolbar", "aria-label": "View controls", children: [_jsx(SegmentedRadioGroup, { value: deviceWidth, onUpdate: setDeviceWidth, "aria-label": "Device viewport selector", children: DEVICE_OPTIONS.map(({ value, label, ariaLabel }) => (_jsx(SegmentedRadioGroup.Option, { value: value, "aria-label": ariaLabel, children: label }, value))) }), _jsx(Button, { view: "flat", onClick: togglePreviewMode, "aria-label": "Switch to preview mode", title: "Switch to preview mode", children: _jsx(Icon, { data: SquareDashed }) }), _jsxs("div", { className: b('zoom'), role: "group", "aria-label": "Zoom controls", children: [_jsx(Button, { view: "flat", onClick: decreaseZoom, "aria-label": "Decrease zoom", disabled: zoom <= Math.min(...ZOOM_STEPS), children: _jsx(Icon, { data: Minus }) }), _jsx(Select, { className: b('zoom-select'), multiple: false, value: currentZoomValue, options: zoomOptions, onUpdate: handleZoomUpdate, "aria-label": "Select zoom level", width: "max" }), _jsx(Button, { view: "flat", onClick: increaseZoom, "aria-label": "Increase zoom", disabled: zoom >= Math.max(...ZOOM_STEPS), children: _jsx(Icon, { data: Plus }) })] })] }));
+};
+export default React.memo(ViewSwitches);
+//# sourceMappingURL=ViewSwitches.js.map

package/build/esm/editor-v2/containers/ViewSwitches/ViewSwitches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitches.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/ViewSwitches/ViewSwitches.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Display, Minus, Plus, Smartphone, SquareDashed} from '@gravity-ui/icons';\nimport {Button, Icon, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {ZOOM_STEPS} from '../../constants';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './ViewSwitches.scss';\n\nconst b = editorCn('view-switches');\n\n/**\n * Device option type definition\n */\ninterface DeviceOption {\n    /** React node to display as the option label */\n    label: React.ReactNode;\n    /** Device width value (e.g., '100%', '768px') */\n    value: string;\n    /** Descriptive name for accessibility */\n    ariaLabel: string;\n}\n\n/**\n * Available device viewport options\n * - Desktop: 100% width\n * - Tablet: 768px width\n * - Mobile: 375px width\n */\nconst DEVICE_OPTIONS: DeviceOption[] = [\n    {\n        label: <Icon data={Display} />,\n        value: '100%',\n        ariaLabel: 'Desktop view',\n    },\n    {\n        label: <Icon data={Smartphone} />,\n        value: '768px',\n        ariaLabel: 'Tablet view',\n    },\n    {\n        label: <Icon width={14} data={Smartphone} />,\n        value: '375px',\n        ariaLabel: 'Mobile view',\n    },\n];\n\nconst ViewSwitches: React.FC = () => {\n    const {\n        zoom,\n        setZoom,\n        decreaseZoom,\n        increaseZoom,\n        deviceWidth,\n        setDeviceWidth,\n        togglePreviewMode,\n    } = useMainEditorStore();\n\n    // Memoize zoom options to prevent unnecessary recalculations\n    const zoomOptions = React.useMemo(\n        () =>\n            ZOOM_STEPS.map((step) => ({\n                value: String(step),\n                content: `${step}%`,\n            })),\n        [],\n    );\n\n    // Memoize current zoom value for Select component\n    const currentZoomValue = React.useMemo(() => [String(zoom)], [zoom]);\n\n    // Create stable callback for zoom updates\n    const handleZoomUpdate = React.useCallback(\n        (value: string | string[]) => {\n            const newZoom = Number(Array.isArray(value) ? value[0] : value);\n            if (!isNaN(newZoom) && ZOOM_STEPS.includes(newZoom)) {\n                setZoom(newZoom);\n            }\n        },\n        [setZoom],\n    );\n\n    return (\n        <div className={b()} role=\"toolbar\" aria-label=\"View controls\">\n            <SegmentedRadioGroup\n                value={deviceWidth}\n                onUpdate={setDeviceWidth}\n                aria-label=\"Device viewport selector\"\n            >\n                {DEVICE_OPTIONS.map(({value, label, ariaLabel}) => (\n                    <SegmentedRadioGroup.Option key={value} value={value} aria-label={ariaLabel}>\n                        {label}\n                    </SegmentedRadioGroup.Option>\n                ))}\n            </SegmentedRadioGroup>\n\n            <Button\n                view=\"flat\"\n                onClick={togglePreviewMode}\n                aria-label=\"Switch to preview mode\"\n                title=\"Switch to preview mode\"\n            >\n                <Icon data={SquareDashed} />\n            </Button>\n\n            <div className={b('zoom')} role=\"group\" aria-label=\"Zoom controls\">\n                <Button\n                    view=\"flat\"\n                    onClick={decreaseZoom}\n                    aria-label=\"Decrease zoom\"\n                    disabled={zoom <= Math.min(...ZOOM_STEPS)}\n                >\n                    <Icon data={Minus} />\n                </Button>\n\n                <Select\n                    className={b('zoom-select')}\n                    multiple={false}\n                    value={currentZoomValue}\n                    options={zoomOptions}\n                    onUpdate={handleZoomUpdate}\n                    aria-label=\"Select zoom level\"\n                    width=\"max\"\n                />\n\n                <Button\n                    view=\"flat\"\n                    onClick={increaseZoom}\n                    aria-label=\"Increase zoom\"\n                    disabled={zoom >= Math.max(...ZOOM_STEPS)}\n                >\n                    <Icon data={Plus} />\n                </Button>\n            </div>\n        </div>\n    );\n};\n\nexport default React.memo(ViewSwitches);\n"]}

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

@@ -0,0 +1,7 @@
+export { Editor } from "./Editor/Editor.js";
+export { default as BlockConfigForm } from "./BlockConfigForm/BlockConfigForm.js";
+export { default as BlocksList } from "./BlocksList/BlocksList.js";
+export { default as Source } from "./Source/Source.js";
+export { default as SourceCode } from "./SourceCode/SourceCode.js";
+export { default as Tree } from "./Tree/Tree.js";
+export { default as ViewSwitches } from "./ViewSwitches/ViewSwitches.js";

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

@@ -0,0 +1,8 @@
+export { Editor } from "./Editor/Editor.js";
+export { default as BlockConfigForm } from "./BlockConfigForm/BlockConfigForm.js";
+export { default as BlocksList } from "./BlocksList/BlocksList.js";
+export { default as Source } from "./Source/Source.js";
+export { default as SourceCode } from "./SourceCode/SourceCode.js";
+export { default as Tree } from "./Tree/Tree.js";
+export { default as ViewSwitches } from "./ViewSwitches/ViewSwitches.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,2BAAwB;AACvC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,6CAA0C;AAC7E,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,mCAAgC;AAC9D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,2BAAwB;AAClD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,mCAAgC;AAC9D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,uBAAoB;AAC5C,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,uCAAoC","sourcesContent":["export {Editor} from './Editor/Editor';\nexport {default as BlockConfigForm} from './BlockConfigForm/BlockConfigForm';\nexport {default as BlocksList} from './BlocksList/BlocksList';\nexport {default as Source} from './Source/Source';\nexport {default as SourceCode} from './SourceCode/SourceCode';\nexport {default as Tree} from './Tree/Tree';\nexport {default as ViewSwitches} from './ViewSwitches/ViewSwitches';\n"]}

package/build/esm/editor-v2/context/editorStore/MainEditorStoreContext.d.ts

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

package/build/esm/editor-v2/context/editorStore/MainEditorStoreContext.js

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

package/build/esm/editor-v2/context/editorStore/MainEditorStoreContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainEditorStoreContext.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/editorStore/MainEditorStoreContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,iBAAiB,EAAC,uBAAoB;AAM3D,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B;IACnF,KAAK,EAAE,iBAAiB,EAAE;CAC7B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {StoreApi} from 'zustand';\n\nimport {EditorStore, createEditorStore} from '../../store';\n\nexport interface MainEditorStoreContextProps {\n    state: StoreApi<EditorStore>;\n}\n\nexport const MainEditorStoreContext = React.createContext<MainEditorStoreContextProps>({\n    state: createEditorStore(),\n});\n"]}

package/build/esm/editor-v2/context/editorStore/MainEditorStoreProvider.d.ts

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { removeFn } from "../../../common/utils.js";
+import { createEditorStore } from "../../store.js";
+import { IframeContext } from "../iframeContext/index.js";
+import { MainEditorStoreContext } from "./MainEditorStoreContext.js";
+export const MainEditorStoreProvider = ({ children }) => {
+    const { iframeElement } = React.useContext(IframeContext);
+    const storeRef = React.useRef();
+    const sendPostMessage = React.useCallback((data) => {
+        const message = {
+            state: data,
+        };
+        if (iframeElement && iframeElement.contentWindow) {
+            iframeElement.contentWindow.postMessage(message, '*');
+        }
+    }, [iframeElement]);
+    if (!storeRef.current) {
+        storeRef.current = createEditorStore();
+    }
+    React.useEffect(() => {
+        storeRef.current?.subscribe((state) => {
+            sendPostMessage(removeFn(state));
+        });
+    }, [sendPostMessage]);
+    return (_jsx(MainEditorStoreContext.Provider, { value: {
+            state: storeRef.current,
+        }, children: children }));
+};
+//# sourceMappingURL=MainEditorStoreProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainEditorStoreProvider.js","sourceRoot":"../../../../../src","sources":["editor-v2/context/editorStore/MainEditorStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,QAAQ,EAAC,iCAA8B;AAC/C,OAAO,EAAc,iBAAiB,EAAC,uBAAoB;AAC3D,OAAO,EAAC,aAAa,EAAC,kCAAyB;AAE/C,OAAO,EAAC,sBAAsB,EAAC,oCAAiC;AAIhE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAC,QAAQ,EAA0B,EAAE,EAAE;IAC3E,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,IAAiB,EAAE,EAAE;QAClB,MAAM,OAAO,GAAqB;YAC9B,KAAK,EAAE,IAAI;SACd,CAAC;QAEF,IAAI,aAAa,IAAI,aAAa,CAAC,aAAa,EAAE,CAAC;YAC/C,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC1D,CAAC;IACL,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAC3C,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAClC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,KAAC,sBAAsB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACqB,CACrC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {StoreApi} from 'zustand';\n\nimport {EditorState} from '../../../common/store';\nimport {StoreSyncMessage} from '../../../common/types';\nimport {removeFn} from '../../../common/utils';\nimport {EditorStore, createEditorStore} from '../../store';\nimport {IframeContext} from '../iframeContext';\n\nimport {MainEditorStoreContext} from './MainEditorStoreContext';\n\ninterface MainEditorProviderProps extends React.PropsWithChildren {}\n\nexport const MainEditorStoreProvider = ({children}: MainEditorProviderProps) => {\n    const {iframeElement} = React.useContext(IframeContext);\n    const storeRef = React.useRef<StoreApi<EditorStore>>();\n\n    const sendPostMessage = React.useCallback(\n        (data: EditorState) => {\n            const message: StoreSyncMessage = {\n                state: data,\n            };\n\n            if (iframeElement && iframeElement.contentWindow) {\n                iframeElement.contentWindow.postMessage(message, '*');\n            }\n        },\n        [iframeElement],\n    );\n\n    if (!storeRef.current) {\n        storeRef.current = createEditorStore();\n    }\n\n    React.useEffect(() => {\n        storeRef.current?.subscribe((state) => {\n            sendPostMessage(removeFn(state));\n        });\n    }, [sendPostMessage]);\n\n    return (\n        <MainEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </MainEditorStoreContext.Provider>\n    );\n};\n"]}

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

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

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

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

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

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

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,22 @@
+import { TabItemProps } from "../components/Tabs/Tabs.js";
+export declare const useEditorTabs: ({ leftTabs, rightTabs, }: {
+    leftTabs?: TabItemProps[];
+    rightTabs?: TabItemProps[];
+}) => {
+    left: (TabItemProps | {
+        id: string;
+        title: string;
+        component: () => import("react/jsx-runtime").JSX.Element;
+        withPadding?: undefined;
+    } | {
+        id: string;
+        title: string;
+        component: ({ className }: import("../containers/GlobalConfig/GlobalConfig.js").GlobalConfigProps) => import("react/jsx-runtime").JSX.Element;
+        withPadding: boolean;
+    })[];
+    right: (TabItemProps | {
+        id: string;
+        title: string;
+        component: () => import("react/jsx-runtime").JSX.Element;
+    })[];
+};

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

@@ -0,0 +1,68 @@
+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,
+                withPadding: true,
+            },
+            ...(leftTabs || []),
+        ],
+        right: [
+            {
+                id: 'edit',
+                title: 'EDIT',
+                component: () => (_jsx(Tabs, { items: [
+                        {
+                            id: 'block-config',
+                            title: 'INPUTS',
+                            component: BlockConfigForm,
+                            withPadding: true,
+                        },
+                        {
+                            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;gBACvB,WAAW,EAAE,IAAI;aACpB;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;4BAC1B,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,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                    withPadding: true,\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                                    withPadding: true,\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 { PageContentWithNavigation } from "../../models/index.js";
+declare const useMainEditorInitialize: (initialContent?: PageContentWithNavigation) => void;
+export default useMainEditorInitialize;

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { usePostMessageAPIListener } from "../../common/postMessage.js";
+import { useMainEditorStore } from "./useMainEditorStore.js";
+import { usePostMessageEvents } from "./usePostMessageEvents.js";
+const useMainEditorInitialize = (initialContent) => {
+    const { requestPostMessage } = usePostMessageEvents();
+    const { initialize, setConfig, setContent, manipulateOverlayMode, disableMode, insertBlock, reorderBlock, preInsertBlockType, preReorderBlockPath, } = useMainEditorStore();
+    usePostMessageAPIListener('ON_INIT', () => {
+        initialize();
+        requestPostMessage('GET_SUPPORTED_BLOCKS', {});
+        if (!initialContent) {
+            requestPostMessage('GET_INITIAL_CONTENT', {});
+        }
+    }, [requestPostMessage]);
+    React.useEffect(() => {
+        if (initialContent) {
+            setContent(initialContent);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialContent]);
+    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,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,yBAAyB,EAAC,oCAAiC;AAGnE,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AACxD,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAE5D,MAAM,uBAAuB,GAAG,CAAC,cAA0C,EAAE,EAAE;IAC3E,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;QAE/C,IAAI,CAAC,cAAc,EAAE,CAAC;YAClB,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,cAAc,EAAE,CAAC;YACjB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC/B,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,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 * as React from 'react';\nimport {usePostMessageAPIListener} from '../../common/postMessage';\nimport {PageContentWithNavigation} from '../../models';\n\nimport {useMainEditorStore} from './useMainEditorStore';\nimport {usePostMessageEvents} from './usePostMessageEvents';\n\nconst useMainEditorInitialize = (initialContent?: PageContentWithNavigation) => {\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\n            if (!initialContent) {\n                requestPostMessage('GET_INITIAL_CONTENT', {});\n            }\n        },\n        [requestPostMessage],\n    );\n\n    React.useEffect(() => {\n        if (initialContent) {\n            setContent(initialContent);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [initialContent]);\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,49 @@
+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;
+    togglePreviewMode(): 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>>;
+    };
+}>;