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

package/build/esm/editor-v2/containers/Tree/TreeItem.js

@@ -1,140 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Copy, TrashBin } from '@gravity-ui/icons';
-import { Button, Card, Icon } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { editorCn } from "../../utils/cn.js";
-import { DragContext } from "./DragContext.js";
-import './TreeItem.css';
-const b = editorCn('tree-item');
-export const Item = ({ type, children, treeTitle, path, selected, onCopy, onDelete, onSelect, onReorder, }) => {
-    const { draggedItem, setDraggedItem, showPreview, hidePreview } = React.useContext(DragContext);
-    const [isDragging, setIsDragging] = React.useState(false);
-    const [isDragOver, setIsDragOver] = React.useState(false);
-    const [mouseDownPos, setMouseDownPos] = React.useState(null);
-    const itemRef = React.useRef(null);
-    // Scroll into view when selected
-    React.useEffect(() => {
-        if (selected && itemRef.current) {
-            itemRef.current.scrollIntoView({
-                behavior: 'smooth',
-                block: 'nearest',
-            });
-        }
-    }, [selected]);
-    const handleCopy = React.useCallback(() => {
-        onCopy(path);
-    }, [onCopy, path]);
-    const handleDelete = React.useCallback(() => {
-        onDelete(path);
-    }, [onDelete, path]);
-    const handleMouseDown = React.useCallback((e) => {
-        setMouseDownPos({ x: e.clientX, y: e.clientY });
-    }, []);
-    const handleMouseUp = React.useCallback((e) => {
-        if (mouseDownPos) {
-            // Check if the mouse has moved significantly (dragging) or just a click
-            const dx = Math.abs(e.clientX - mouseDownPos.x);
-            const dy = Math.abs(e.clientY - mouseDownPos.y);
-            // If the mouse hasn't moved much, consider it a click for selection
-            if (dx < 5 && dy < 5) {
-                e.stopPropagation();
-                onSelect(path);
-            }
-        }
-        setMouseDownPos(null);
-    }, [mouseDownPos, onSelect, path]);
-    const handleDragStart = React.useCallback((e) => {
-        e.stopPropagation();
-        const dragData = {
-            path,
-            type,
-            treeTitle,
-        };
-        e.dataTransfer.setData('application/json', JSON.stringify(dragData));
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
-        e.dataTransfer.effectAllowed = 'move';
-        setIsDragging(true);
-        // Update drag context
-        setDraggedItem(dragData);
-    }, [path, type, treeTitle, setDraggedItem]);
-    const handleDragEnd = React.useCallback(() => {
-        setIsDragging(false);
-        // Reset drag context
-        setDraggedItem(null);
-        hidePreview();
-    }, [setDraggedItem, hidePreview]);
-    const handleDragOver = React.useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
-        e.dataTransfer.dropEffect = 'move';
-        setIsDragOver(true);
-        const rect = e.currentTarget.getBoundingClientRect();
-        if (draggedItem) {
-            showPreview(rect, draggedItem);
-        }
-    }, [showPreview, draggedItem]);
-    const handleDragLeave = React.useCallback(() => {
-        setIsDragOver(false);
-        hidePreview();
-    }, [hidePreview]);
-    const handleDrop = React.useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragOver(false);
-        try {
-            const data = e.dataTransfer.getData('application/json');
-            if (data) {
-                const dragItem = JSON.parse(data);
-                if (dragItem.path.join(',') !== path.join(',')) {
-                    onReorder(dragItem.path, path);
-                    // Reset drag context
-                    setDraggedItem(null);
-                    hidePreview();
-                }
-            }
-        }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.error('Error parsing drag data:', error);
-        }
-    }, [onReorder, path, setDraggedItem, hidePreview]);
-    const handleChildrenFirstPositionDrop = React.useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        try {
-            const data = e.dataTransfer.getData('application/json');
-            if (data) {
-                const dragItem = JSON.parse(data);
-                // Create a path for the first child position
-                const firstChildPath = [...path, 0];
-                // Reorder to the first position within children
-                onReorder(dragItem.path, firstChildPath, 'prepend');
-                // Reset drag context
-                setDraggedItem(null);
-                hidePreview();
-            }
-        }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.error('Error parsing drag data:', error);
-        }
-    }, [onReorder, path, setDraggedItem, hidePreview]);
-    const handleDropZoneDragOver = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
-        e.dataTransfer.dropEffect = 'move';
-        // Show preview element at this position
-        const rect = e.currentTarget.getBoundingClientRect();
-        if (draggedItem) {
-            showPreview(rect, draggedItem);
-        }
-    };
-    return (_jsxs(Card, { ref: itemRef, className: b({
-            selected,
-            dragging: isDragging,
-            'drag-over': isDragOver,
-        }), onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, draggable: true, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [_jsxs("div", { className: b('main'), children: [_jsxs("div", { className: b('text'), children: [_jsx("div", { className: b('type'), children: type }), _jsx("div", { className: b('title'), children: treeTitle })] }), _jsxs("div", { className: b('buttons'), children: [_jsx(Button, { view: "flat", size: "xs", onClick: handleCopy, children: _jsx(Icon, { size: 12, data: Copy }) }), _jsx(Button, { view: "flat", size: "xs", onClick: handleDelete, children: _jsx(Icon, { size: 12, data: TrashBin }) })] })] }), children && (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('children-drop-zone'), onDragOver: handleDropZoneDragOver, onDragLeave: hidePreview, onDrop: handleChildrenFirstPositionDrop }), children] }))] }));
-};
-//# sourceMappingURL=TreeItem.js.map

package/build/esm/editor-v2/containers/Tree/TreeItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeItem.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Tree/TreeItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Copy, TrashBin} from '@gravity-ui/icons';\nimport {Button, Card, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {editorCn} from '../../utils/cn';\nimport {DragContext, DragItem} from './DragContext';\n\nimport './TreeItem.scss';\n\nconst b = editorCn('tree-item');\n\nexport interface ItemProps {\n    type: string;\n    treeTitle?: string;\n    path: number[];\n    selected: boolean;\n    onCopy(path: number[]): void;\n    onDelete(path: number[]): void;\n    onSelect(path: number[]): void;\n    onReorder(\n        sourcePath: number[],\n        destinationPath: number[],\n        position?: 'prepend' | 'append',\n    ): void;\n    children?: React.ReactNode;\n}\n\nexport const Item = ({\n    type,\n    children,\n    treeTitle,\n    path,\n    selected,\n    onCopy,\n    onDelete,\n    onSelect,\n    onReorder,\n}: ItemProps) => {\n    const {draggedItem, setDraggedItem, showPreview, hidePreview} = React.useContext(DragContext);\n    const [isDragging, setIsDragging] = React.useState(false);\n    const [isDragOver, setIsDragOver] = React.useState(false);\n    const [mouseDownPos, setMouseDownPos] = React.useState<{x: number; y: number} | null>(null);\n    const itemRef = React.useRef<HTMLDivElement>(null);\n\n    // Scroll into view when selected\n    React.useEffect(() => {\n        if (selected && itemRef.current) {\n            itemRef.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        }\n    }, [selected]);\n\n    const handleCopy = React.useCallback(() => {\n        onCopy(path);\n    }, [onCopy, path]);\n\n    const handleDelete = React.useCallback(() => {\n        onDelete(path);\n    }, [onDelete, path]);\n\n    const handleMouseDown = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n        setMouseDownPos({x: e.clientX, y: e.clientY});\n    }, []);\n\n    const handleMouseUp = React.useCallback(\n        (e: React.MouseEvent<HTMLDivElement>) => {\n            if (mouseDownPos) {\n                // Check if the mouse has moved significantly (dragging) or just a click\n                const dx = Math.abs(e.clientX - mouseDownPos.x);\n                const dy = Math.abs(e.clientY - mouseDownPos.y);\n\n                // If the mouse hasn't moved much, consider it a click for selection\n                if (dx < 5 && dy < 5) {\n                    e.stopPropagation();\n                    onSelect(path);\n                }\n            }\n            setMouseDownPos(null);\n        },\n        [mouseDownPos, onSelect, path],\n    );\n\n    const handleDragStart = React.useCallback(\n        (e: React.DragEvent<HTMLDivElement>) => {\n            e.stopPropagation();\n            const dragData: DragItem = {\n                path,\n                type,\n                treeTitle,\n            };\n            e.dataTransfer.setData('application/json', JSON.stringify(dragData));\n            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n            e.dataTransfer.effectAllowed = 'move';\n            setIsDragging(true);\n\n            // Update drag context\n            setDraggedItem(dragData);\n        },\n        [path, type, treeTitle, setDraggedItem],\n    );\n\n    const handleDragEnd = React.useCallback(() => {\n        setIsDragging(false);\n\n        // Reset drag context\n        setDraggedItem(null);\n        hidePreview();\n    }, [setDraggedItem, hidePreview]);\n\n    const handleDragOver = React.useCallback(\n        (e: React.DragEvent<HTMLDivElement>) => {\n            e.preventDefault();\n            e.stopPropagation();\n            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n            e.dataTransfer.dropEffect = 'move';\n            setIsDragOver(true);\n\n            const rect = e.currentTarget.getBoundingClientRect();\n            if (draggedItem) {\n                showPreview(rect, draggedItem);\n            }\n        },\n        [showPreview, draggedItem],\n    );\n\n    const handleDragLeave = React.useCallback(() => {\n        setIsDragOver(false);\n        hidePreview();\n    }, [hidePreview]);\n\n    const handleDrop = React.useCallback(\n        (e: React.DragEvent<HTMLDivElement>) => {\n            e.preventDefault();\n            e.stopPropagation();\n            setIsDragOver(false);\n\n            try {\n                const data = e.dataTransfer.getData('application/json');\n                if (data) {\n                    const dragItem: DragItem = JSON.parse(data);\n                    if (dragItem.path.join(',') !== path.join(',')) {\n                        onReorder(dragItem.path, path);\n\n                        // Reset drag context\n                        setDraggedItem(null);\n                        hidePreview();\n                    }\n                }\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.error('Error parsing drag data:', error);\n            }\n        },\n        [onReorder, path, setDraggedItem, hidePreview],\n    );\n\n    const handleChildrenFirstPositionDrop = React.useCallback(\n        (e: React.DragEvent<HTMLDivElement>) => {\n            e.preventDefault();\n            e.stopPropagation();\n\n            try {\n                const data = e.dataTransfer.getData('application/json');\n                if (data) {\n                    const dragItem: DragItem = JSON.parse(data);\n                    // Create a path for the first child position\n                    const firstChildPath = [...path, 0];\n                    // Reorder to the first position within children\n                    onReorder(dragItem.path, firstChildPath, 'prepend');\n\n                    // Reset drag context\n                    setDraggedItem(null);\n                    hidePreview();\n                }\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.error('Error parsing drag data:', error);\n            }\n        },\n        [onReorder, path, setDraggedItem, hidePreview],\n    );\n\n    const handleDropZoneDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n        e.preventDefault();\n        e.stopPropagation();\n        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign\n        e.dataTransfer.dropEffect = 'move';\n\n        // Show preview element at this position\n        const rect = e.currentTarget.getBoundingClientRect();\n        if (draggedItem) {\n            showPreview(rect, draggedItem);\n        }\n    };\n\n    return (\n        <Card\n            ref={itemRef}\n            className={b({\n                selected,\n                dragging: isDragging,\n                'drag-over': isDragOver,\n            })}\n            onMouseDown={handleMouseDown as unknown as React.MouseEventHandler<'div'>}\n            onMouseUp={handleMouseUp as unknown as React.MouseEventHandler<'div'>}\n            draggable\n            onDragStart={handleDragStart as unknown as React.DragEventHandler<'div'>}\n            onDragEnd={handleDragEnd}\n            onDragOver={handleDragOver as unknown as React.DragEventHandler<'div'>}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop as unknown as React.DragEventHandler<'div'>}\n        >\n            <div className={b('main')}>\n                <div className={b('text')}>\n                    <div className={b('type')}>{type}</div>\n                    <div className={b('title')}>{treeTitle}</div>\n                </div>\n                <div className={b('buttons')}>\n                    <Button view=\"flat\" size=\"xs\" onClick={handleCopy}>\n                        <Icon size={12} data={Copy} />\n                    </Button>\n                    <Button view=\"flat\" size=\"xs\" onClick={handleDelete}>\n                        <Icon size={12} data={TrashBin} />\n                    </Button>\n                </div>\n            </div>\n            {children && (\n                <React.Fragment>\n                    <div\n                        className={b('children-drop-zone')}\n                        onDragOver={handleDropZoneDragOver}\n                        onDragLeave={hidePreview}\n                        onDrop={handleChildrenFirstPositionDrop}\n                    ></div>\n                    {children}\n                </React.Fragment>\n            )}\n        </Card>\n    );\n};\n"]}

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

@@ -1,4 +0,0 @@
-export { default } from "./Tree.js";
-export * from "./DragContext.js";
-export * from "./TreeItem.js";
-export * from "./TreeContent.js";

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

@@ -1,5 +0,0 @@
-export { default } from "./Tree.js";
-export * from "./DragContext.js";
-export * from "./TreeItem.js";
-export * from "./TreeContent.js";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,kBAAe;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,iCAA8B","sourcesContent":["export {default} from './Tree';\nexport * from './DragContext';\nexport * from './TreeItem';\nexport * from './TreeContent';\n"]}

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

@@ -1,13 +0,0 @@
-.pceditor-view-switches {
-  padding: 12px;
-  display: inline-flex;
-  align-items: center;
-  gap: 12px;
-}
-.pceditor-view-switches__zoom {
-  display: flex;
-  gap: 4px;
-}
-.pceditor-view-switches__zoom-select {
-  min-width: 80px;
-}

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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import './ViewSwitches.css';
-declare const _default: React.NamedExoticComponent<{}>;
-export default _default;

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

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Display, Minus, Plus, Smartphone } 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: 576px 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: '576px',
-        ariaLabel: 'Mobile view',
-    },
-];
-const ViewSwitches = () => {
-    const { zoom, setZoom, decreaseZoom, increaseZoom, deviceWidth, setDeviceWidth } = 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))) }), _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

@@ -1 +0,0 @@
-{"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} 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: 576px 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: '576px',\n        ariaLabel: 'Mobile view',\n    },\n];\n\nconst ViewSwitches: React.FC = () => {\n    const {zoom, setZoom, decreaseZoom, increaseZoom, deviceWidth, setDeviceWidth} =\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            <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

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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/index.ts"],"names":[],"mappings":"AAAA,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

@@ -1,16 +0,0 @@
-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

@@ -1,72 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,29 +0,0 @@
-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