@gravity-ui/page-constructor 8.4.1 → 8.5.0-alpha.0

package/build/cjs/editor-v2/containers/Tree/TreeItem.d.ts

@@ -0,0 +1,14 @@
+import type { FlattenedTreeItem } from "./types.js";
+export interface TreeItemProps {
+    item: FlattenedTreeItem;
+    sortableIndex: number;
+    indentLeft: number;
+    selected: boolean;
+    type: string;
+    treeTitle?: string;
+    path: number[];
+    onCopy(path: number[]): void;
+    onDelete(path: number[]): void;
+    onSelect(path: number[]): void;
+}
+export declare function TreeItem({ item, sortableIndex, indentLeft, selected, type, treeTitle, path, onCopy, onDelete, onSelect, }: TreeItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeItem = TreeItem;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const sortable_1 = require("@dnd-kit/react/sortable");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../../components/index.js");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('tree-item');
+const sortableConfig = {
+    alignment: {
+        x: 'start',
+        y: 'center',
+    },
+    transition: null,
+};
+function TreeItem({ item, sortableIndex, indentLeft, selected, type, treeTitle, path, onCopy, onDelete, onSelect, }) {
+    const { depth, parentId, id } = item;
+    const { ref, isDragSource, isDropTarget } = (0, sortable_1.useSortable)({
+        ...sortableConfig,
+        id,
+        index: sortableIndex,
+        data: {
+            depth,
+            parentId,
+        },
+    });
+    const [mouseDownPos, setMouseDownPos] = React.useState(null);
+    const itemRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        if (selected && itemRef.current) {
+            itemRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }, [selected]);
+    const setNodeRef = React.useCallback((node) => {
+        ref(node);
+        itemRef.current =
+            node;
+    }, [ref]);
+    const handleMouseDown = React.useCallback((e) => {
+        setMouseDownPos({ x: e.clientX, y: e.clientY });
+    }, []);
+    const handleMouseUp = React.useCallback((e) => {
+        if (mouseDownPos) {
+            const dx = Math.abs(e.clientX - mouseDownPos.x);
+            const dy = Math.abs(e.clientY - mouseDownPos.y);
+            if (dx < 5 && dy < 5) {
+                e.stopPropagation();
+                onSelect(path);
+            }
+        }
+        setMouseDownPos(null);
+    }, [mouseDownPos, onSelect, path]);
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Card, { ref: setNodeRef, className: b({
+            selected,
+            dragging: isDragSource,
+            'drag-over': isDropTarget,
+        }), style: { marginLeft: indentLeft }, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, children: (0, jsx_runtime_1.jsxs)("div", { className: b('main'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('text'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('type'), children: type }), (0, jsx_runtime_1.jsx)(components_1.HTML, { className: b('title'), children: treeTitle })] }), (0, jsx_runtime_1.jsxs)("div", { className: b('buttons'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "xs", onClick: () => onCopy(path), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 12, data: icons_1.Copy }) }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "xs", onClick: () => onDelete(path), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 12, data: icons_1.TrashBin }) })] })] }) }));
+}
+//# sourceMappingURL=TreeItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItem.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Tree/TreeItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useSortable} from '@dnd-kit/react/sortable';\nimport {Copy, TrashBin} from '@gravity-ui/icons';\nimport {Button, Card, Icon} from '@gravity-ui/uikit';\n\nimport {HTML} from '../../../components';\nimport {editorCn} from '../../utils/cn';\n\nimport type {FlattenedTreeItem} from './types';\n\nimport './TreeItem.scss';\n\nconst b = editorCn('tree-item');\n\nconst sortableConfig = {\n    alignment: {\n        x: 'start' as const,\n        y: 'center' as const,\n    },\n    transition: null,\n} as const;\n\nexport interface TreeItemProps {\n    item: FlattenedTreeItem;\n    sortableIndex: number;\n    indentLeft: number;\n    selected: boolean;\n    type: string;\n    treeTitle?: string;\n    path: number[];\n    onCopy(path: number[]): void;\n    onDelete(path: number[]): void;\n    onSelect(path: number[]): void;\n}\n\nexport function TreeItem({\n    item,\n    sortableIndex,\n    indentLeft,\n    selected,\n    type,\n    treeTitle,\n    path,\n    onCopy,\n    onDelete,\n    onSelect,\n}: TreeItemProps) {\n    const {depth, parentId, id} = item;\n\n    const {ref, isDragSource, isDropTarget} = useSortable({\n        ...sortableConfig,\n        id,\n        index: sortableIndex,\n        data: {\n            depth,\n            parentId,\n        },\n    });\n\n    const [mouseDownPos, setMouseDownPos] = React.useState<{x: number; y: number} | null>(null);\n    const itemRef = React.useRef<HTMLDivElement>(null);\n\n    React.useLayoutEffect(() => {\n        if (selected && itemRef.current) {\n            itemRef.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        }\n    }, [selected]);\n\n    const setNodeRef = React.useCallback(\n        (node: Element | null) => {\n            ref(node);\n            (itemRef as React.MutableRefObject<HTMLDivElement | null>).current =\n                node as HTMLDivElement | null;\n        },\n        [ref],\n    );\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                const dx = Math.abs(e.clientX - mouseDownPos.x);\n                const dy = Math.abs(e.clientY - mouseDownPos.y);\n\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    return (\n        <Card\n            ref={setNodeRef}\n            className={b({\n                selected,\n                dragging: isDragSource,\n                'drag-over': isDropTarget,\n            })}\n            style={{marginLeft: indentLeft}}\n            onMouseDown={handleMouseDown as unknown as React.MouseEventHandler<'div'>}\n            onMouseUp={handleMouseUp as unknown as React.MouseEventHandler<'div'>}\n        >\n            <div className={b('main')}>\n                <div className={b('text')}>\n                    <div className={b('type')}>{type}</div>\n                    <HTML className={b('title')}>{treeTitle}</HTML>\n                </div>\n                <div className={b('buttons')}>\n                    <Button view=\"flat\" size=\"xs\" onClick={() => onCopy(path)}>\n                        <Icon size={12} data={Copy} />\n                    </Button>\n                    <Button view=\"flat\" size=\"xs\" onClick={() => onDelete(path)}>\n                        <Icon size={12} data={TrashBin} />\n                    </Button>\n                </div>\n            </div>\n        </Card>\n    );\n}\n"]}

package/build/cjs/editor-v2/containers/Tree/TreeItemOverlay.d.ts

@@ -0,0 +1,7 @@
+import type { ConstructorBlock } from "../../../models/index.js";
+export interface TreeItemOverlayProps {
+    block: ConstructorBlock;
+    count: number;
+    indentLeft: number;
+}
+export declare function TreeItemOverlay({ block, count, indentLeft }: TreeItemOverlayProps): import("react/jsx-runtime").JSX.Element;

package/build/cjs/editor-v2/containers/Tree/TreeItemOverlay.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeItemOverlay = TreeItemOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../../components/index.js");
+const utils_1 = require("../../utils/index.js");
+const cn_1 = require("../../utils/cn.js");
+const blocksBridge_1 = require("./utils/blocksBridge.js");
+const b = (0, cn_1.editorCn)('tree-item');
+function TreeItemOverlay({ block, count, indentLeft }) {
+    const typeLabel = (0, blocksBridge_1.getBlockTypeLabel)(block);
+    const treeTitle = (0, utils_1.getItemTitle)(block);
+    return ((0, jsx_runtime_1.jsxs)(uikit_1.Card, { className: b({ overlay: true }), style: { marginLeft: indentLeft }, "data-overlay": true, children: [(0, jsx_runtime_1.jsx)("div", { className: b('main'), children: (0, jsx_runtime_1.jsxs)("div", { className: b('text'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('type'), children: typeLabel }), (0, jsx_runtime_1.jsx)(components_1.HTML, { className: b('title'), children: treeTitle })] }) }), count > 0 ? (0, jsx_runtime_1.jsx)("span", { className: b('badge'), children: count }) : null] }));
+}
+//# sourceMappingURL=TreeItemOverlay.js.map

package/build/cjs/editor-v2/containers/Tree/TreeItemOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemOverlay.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Tree/TreeItemOverlay.tsx"],"names":[],"mappings":";;AAmBA,0CAeC;;AAlCD,6CAAuC;AAEvC,6DAAyC;AAEzC,gDAAyC;AACzC,0CAAwC;AAExC,0DAAuD;AAIvD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,WAAW,CAAC,CAAC;AAQhC,SAAgB,eAAe,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAuB;IAC5E,MAAM,SAAS,GAAG,IAAA,gCAAiB,EAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACH,wBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,KAAK,EAAE,EAAC,UAAU,EAAE,UAAU,EAAC,mCAChE,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,SAAS,GAAO,EAC5C,uBAAC,iBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,SAAS,GAAQ,IAC7C,GACJ,EACL,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC5D,CACV,CAAC;AACN,CAAC","sourcesContent":["import {Card} from '@gravity-ui/uikit';\n\nimport {HTML} from '../../../components';\nimport type {ConstructorBlock} from '../../../models';\nimport {getItemTitle} from '../../utils';\nimport {editorCn} from '../../utils/cn';\n\nimport {getBlockTypeLabel} from './utils/blocksBridge';\n\nimport './TreeItem.scss';\n\nconst b = editorCn('tree-item');\n\nexport interface TreeItemOverlayProps {\n    block: ConstructorBlock;\n    count: number;\n    indentLeft: number;\n}\n\nexport function TreeItemOverlay({block, count, indentLeft}: TreeItemOverlayProps) {\n    const typeLabel = getBlockTypeLabel(block);\n    const treeTitle = getItemTitle(block);\n\n    return (\n        <Card className={b({overlay: true})} style={{marginLeft: indentLeft}} data-overlay>\n            <div className={b('main')}>\n                <div className={b('text')}>\n                    <div className={b('type')}>{typeLabel}</div>\n                    <HTML className={b('title')}>{treeTitle}</HTML>\n                </div>\n            </div>\n            {count > 0 ? <span className={b('badge')}>{count}</span> : null}\n        </Card>\n    );\n}\n"]}

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

@@ -0,0 +1 @@
+export { default } from "./Tree.js";

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const tslib_1 = require("tslib");
+var Tree_1 = require("./Tree.js");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(Tree_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Tree/index.ts"],"names":[],"mappings":";;;;AAAA,kCAA+B;AAAvB,wHAAA,OAAO,OAAA","sourcesContent":["export {default} from './Tree';\n"]}

package/build/cjs/editor-v2/containers/Tree/types.d.ts

@@ -0,0 +1,11 @@
+import type { ConstructorBlock } from "../../../models/index.js";
+export interface TreeItemData {
+    id: string;
+    block: ConstructorBlock;
+    children: TreeItemData[];
+}
+export interface FlattenedTreeItem extends TreeItemData {
+    parentId: string | null;
+    depth: number;
+    index: number;
+}

package/build/cjs/editor-v2/containers/Tree/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Tree/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {ConstructorBlock} from '../../../models';\n\nexport interface TreeItemData {\n    id: string;\n    block: ConstructorBlock;\n    children: TreeItemData[];\n}\n\nexport interface FlattenedTreeItem extends TreeItemData {\n    parentId: string | null;\n    depth: number;\n    index: number;\n}\n"]}

package/build/cjs/editor-v2/containers/Tree/utils/blocksBridge.d.ts

@@ -0,0 +1,8 @@
+import type { ConstructorBlock } from "../../../../models/index.js";
+import type { FlattenedTreeItem, TreeItemData } from "../types.js";
+export declare function blockHasChildrenProp(block: ConstructorBlock): boolean;
+export declare function getBlockTypeLabel(block: ConstructorBlock): string;
+export declare function getBlockChildren(block: ConstructorBlock): ConstructorBlock[] | undefined;
+export declare function blocksToTreeItems(blocks: ConstructorBlock[], pathPrefix?: string): TreeItemData[];
+export declare function treeItemsToBlocks(items: TreeItemData[]): ConstructorBlock[];
+export declare function idToBlockPath(flat: FlattenedTreeItem[], id: string): number[];

package/build/cjs/editor-v2/containers/Tree/utils/blocksBridge.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockHasChildrenProp = blockHasChildrenProp;
+exports.getBlockTypeLabel = getBlockTypeLabel;
+exports.getBlockChildren = getBlockChildren;
+exports.blocksToTreeItems = blocksToTreeItems;
+exports.treeItemsToBlocks = treeItemsToBlocks;
+exports.idToBlockPath = idToBlockPath;
+const tslib_1 = require("tslib");
+/* eslint-disable no-negated-condition */
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+function blockHasChildrenProp(block) {
+    return Boolean(block && typeof block === 'object' && 'children' in block);
+}
+function getBlockTypeLabel(block) {
+    if (block && typeof block === 'object' && 'type' in block) {
+        return block.type;
+    }
+    return '';
+}
+function getBlockChildren(block) {
+    if (block && typeof block === 'object' && 'children' in block) {
+        if (Array.isArray(block.children)) {
+            return block.children;
+        }
+    }
+    return undefined;
+}
+function blocksToTreeItems(blocks, pathPrefix = '') {
+    return blocks.map((block, index) => {
+        const id = pathPrefix ? `${pathPrefix}/${index}` : String(index);
+        const children = getBlockChildren(block);
+        return {
+            id,
+            block,
+            children: children ? blocksToTreeItems(children, id) : [],
+        };
+    });
+}
+function treeItemsToBlocks(items) {
+    return items.map((item) => {
+        const next = lodash_1.default.cloneDeep(item.block);
+        const nested = treeItemsToBlocks(item.children);
+        if (nested.length > 0) {
+            next.children = nested;
+        }
+        else if (getBlockChildren(item.block) !== undefined) {
+            next.children = [];
+        }
+        return next;
+    });
+}
+// Путь индексов от корня; при цикле или разрыве связи — пустой массив.
+function idToBlockPath(flat, id) {
+    const byId = new Map(flat.map((x) => [String(x.id), x]));
+    const path = [];
+    const seen = new Set();
+    let currentId = String(id);
+    const maxSteps = flat.length + 1;
+    for (let step = 0; step < maxSteps && currentId !== null; step++) {
+        if (seen.has(currentId)) {
+            return [];
+        }
+        seen.add(currentId);
+        const row = byId.get(currentId);
+        if (!row) {
+            return [];
+        }
+        path.unshift(row.index);
+        const p = row.parentId;
+        currentId = p === null ? null : String(p);
+    }
+    return currentId !== null ? [] : path;
+}
+//# sourceMappingURL=blocksBridge.js.map

package/build/cjs/editor-v2/containers/Tree/utils/blocksBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocksBridge.js","sourceRoot":"../../../../../../src","sources":["editor-v2/containers/Tree/utils/blocksBridge.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-negated-condition */\nimport _ from 'lodash';\n\nimport type {ConstructorBlock} from '../../../../models';\nimport type {FlattenedTreeItem, TreeItemData} from '../types';\n\nexport function blockHasChildrenProp(block: ConstructorBlock): boolean {\n    return Boolean(block && typeof block === 'object' && 'children' in block);\n}\n\nexport function getBlockTypeLabel(block: ConstructorBlock): string {\n    if (block && typeof block === 'object' && 'type' in block) {\n        return block.type;\n    }\n    return '';\n}\n\nexport function getBlockChildren(block: ConstructorBlock): ConstructorBlock[] | undefined {\n    if (block && typeof block === 'object' && 'children' in block) {\n        if (Array.isArray(block.children)) {\n            return block.children as ConstructorBlock[];\n        }\n    }\n    return undefined;\n}\n\nexport function blocksToTreeItems(blocks: ConstructorBlock[], pathPrefix = ''): TreeItemData[] {\n    return blocks.map((block, index) => {\n        const id = pathPrefix ? `${pathPrefix}/${index}` : String(index);\n        const children = getBlockChildren(block);\n        return {\n            id,\n            block,\n            children: children ? blocksToTreeItems(children, id) : [],\n        };\n    });\n}\n\nexport function treeItemsToBlocks(items: TreeItemData[]): ConstructorBlock[] {\n    return items.map((item) => {\n        const next = _.cloneDeep(item.block);\n        const nested = treeItemsToBlocks(item.children);\n        if (nested.length > 0) {\n            (next as {children?: ConstructorBlock[]}).children = nested as never;\n        } else if (getBlockChildren(item.block) !== undefined) {\n            (next as {children?: ConstructorBlock[]}).children = [] as never;\n        }\n        return next;\n    });\n}\n\n// Путь индексов от корня; при цикле или разрыве связи — пустой массив.\nexport function idToBlockPath(flat: FlattenedTreeItem[], id: string): number[] {\n    const byId = new Map(flat.map((x) => [String(x.id), x]));\n    const path: number[] = [];\n    const seen = new Set<string>();\n    let currentId: string | null = String(id);\n    const maxSteps = flat.length + 1;\n\n    for (let step = 0; step < maxSteps && currentId !== null; step++) {\n        if (seen.has(currentId)) {\n            return [];\n        }\n        seen.add(currentId);\n\n        const row = byId.get(currentId);\n        if (!row) {\n            return [];\n        }\n        path.unshift(row.index);\n\n        const p = row.parentId;\n        currentId = p === null ? null : String(p);\n    }\n\n    return currentId !== null ? [] : path;\n}\n"]}

package/build/cjs/editor-v2/containers/Tree/utils/common.d.ts

@@ -0,0 +1,12 @@
+import type { UniqueIdentifier } from '@dnd-kit/abstract';
+import type { FlattenedTreeItem, TreeItemData } from "../types.js";
+export declare function flattenTree(items: TreeItemData[], parentId?: string | null, depth?: number): FlattenedTreeItem[];
+export declare function buildTree(flattenedItems: FlattenedTreeItem[]): TreeItemData[];
+export declare function getDragDepth(offset: number, indentationWidth: number): number;
+export declare function getProjection(items: FlattenedTreeItem[], targetId: UniqueIdentifier, projectedDepth: number): {
+    depth: number;
+    maxDepth: number;
+    minDepth: number;
+    parentId: string | null;
+};
+export declare function getDescendants(items: FlattenedTreeItem[], parentId: UniqueIdentifier): Set<string>;

package/build/cjs/editor-v2/containers/Tree/utils/common.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flattenTree = flattenTree;
+exports.buildTree = buildTree;
+exports.getDragDepth = getDragDepth;
+exports.getProjection = getProjection;
+exports.getDescendants = getDescendants;
+function flattenTree(items, parentId = null, depth = 0) {
+    return items.reduce((acc, item, index) => {
+        return [
+            ...acc,
+            { ...item, parentId, depth, index },
+            ...flattenTree(item.children, item.id, depth + 1),
+        ];
+    }, []);
+}
+function buildTree(flattenedItems) {
+    const root = { id: 'root', block: {}, children: [] };
+    const nodes = { [root.id]: root };
+    const items = flattenedItems.map((item) => {
+        return { ...item, children: [] };
+    });
+    for (const item of items) {
+        const { id } = item;
+        const parentId = item.parentId ?? root.id;
+        const parent = nodes[parentId] ?? items.find((x) => x.id === parentId);
+        if (!parent) {
+            continue;
+        }
+        const node = { ...item, children: [] };
+        nodes[id] = node;
+        parent.children.push(node);
+    }
+    return root.children;
+}
+function getDragDepth(offset, indentationWidth) {
+    return Math.round(offset / indentationWidth);
+}
+function getProjection(items, targetId, projectedDepth) {
+    const targetItemIndex = items.findIndex(({ id }) => id === targetId);
+    const previousItem = items[targetItemIndex - 1];
+    const targetItem = items[targetItemIndex];
+    const nextItem = items[targetItemIndex + 1];
+    const maxDepth = getMaxDepth(targetItem, previousItem);
+    const minDepth = getMinDepth(nextItem);
+    let depth = projectedDepth;
+    if (projectedDepth >= maxDepth) {
+        depth = maxDepth;
+    }
+    else if (projectedDepth < minDepth) {
+        depth = minDepth;
+    }
+    return { depth, maxDepth, minDepth, parentId: getParentId() };
+    function getParentId() {
+        if (depth === 0 || !previousItem) {
+            return null;
+        }
+        if (depth === previousItem.depth) {
+            return previousItem.parentId;
+        }
+        if (depth > previousItem.depth) {
+            return previousItem.id;
+        }
+        const newParent = items
+            .slice(0, targetItemIndex)
+            .reverse()
+            .find((item) => item.depth === depth)?.parentId;
+        return newParent ?? null;
+    }
+}
+function getMaxDepth(targetItem, previousItem) {
+    if (!previousItem) {
+        return 0;
+    }
+    return Math.min(targetItem.depth + 1, previousItem.depth + 1);
+}
+function getMinDepth(nextItem) {
+    return nextItem ? nextItem.depth : 0;
+}
+function getDescendants(items, parentId) {
+    const directChildren = items.filter((item) => item.parentId === parentId);
+    return directChildren.reduce((descendants, child) => {
+        return new Set([...descendants, child.id, ...getDescendants(items, child.id)]);
+    }, new Set());
+}
+//# sourceMappingURL=common.js.map

package/build/cjs/editor-v2/containers/Tree/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"../../../../../../src","sources":["editor-v2/containers/Tree/utils/common.ts"],"names":[],"mappings":"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","sourcesContent":["import type {UniqueIdentifier} from '@dnd-kit/abstract';\n\nimport type {ConstructorBlock} from '../../../../models';\nimport type {FlattenedTreeItem, TreeItemData} from '../types';\n\nexport function flattenTree(\n    items: TreeItemData[],\n    parentId: string | null = null,\n    depth = 0,\n): FlattenedTreeItem[] {\n    return items.reduce<FlattenedTreeItem[]>((acc, item, index) => {\n        return [\n            ...acc,\n            {...item, parentId, depth, index},\n            ...flattenTree(item.children, item.id, depth + 1),\n        ];\n    }, []);\n}\n\nexport function buildTree(flattenedItems: FlattenedTreeItem[]): TreeItemData[] {\n    const root: TreeItemData = {id: 'root', block: {} as ConstructorBlock, children: []};\n    const nodes: Record<string, TreeItemData> = {[root.id]: root};\n\n    const items = flattenedItems.map((item) => {\n        return {...item, children: [] as TreeItemData[]};\n    });\n\n    for (const item of items) {\n        const {id} = item;\n        const parentId = item.parentId ?? root.id;\n        const parent = nodes[parentId] ?? items.find((x) => x.id === parentId);\n\n        if (!parent) {\n            continue;\n        }\n\n        const node: TreeItemData = {...item, children: []};\n        nodes[id] = node;\n        parent.children.push(node);\n    }\n\n    return root.children;\n}\n\nexport function getDragDepth(offset: number, indentationWidth: number) {\n    return Math.round(offset / indentationWidth);\n}\n\nexport function getProjection(\n    items: FlattenedTreeItem[],\n    targetId: UniqueIdentifier,\n    projectedDepth: number,\n) {\n    const targetItemIndex = items.findIndex(({id}) => id === targetId);\n    const previousItem = items[targetItemIndex - 1];\n    const targetItem = items[targetItemIndex];\n    const nextItem = items[targetItemIndex + 1];\n    const maxDepth = getMaxDepth(targetItem, previousItem);\n    const minDepth = getMinDepth(nextItem);\n    let depth = projectedDepth;\n\n    if (projectedDepth >= maxDepth) {\n        depth = maxDepth;\n    } else if (projectedDepth < minDepth) {\n        depth = minDepth;\n    }\n\n    return {depth, maxDepth, minDepth, parentId: getParentId()};\n\n    function getParentId(): string | null {\n        if (depth === 0 || !previousItem) {\n            return null;\n        }\n\n        if (depth === previousItem.depth) {\n            return previousItem.parentId;\n        }\n\n        if (depth > previousItem.depth) {\n            return previousItem.id;\n        }\n\n        const newParent = items\n            .slice(0, targetItemIndex)\n            .reverse()\n            .find((item) => item.depth === depth)?.parentId;\n\n        return newParent ?? null;\n    }\n}\n\nfunction getMaxDepth(targetItem: FlattenedTreeItem, previousItem: FlattenedTreeItem | undefined) {\n    if (!previousItem) {\n        return 0;\n    }\n\n    return Math.min(targetItem.depth + 1, previousItem.depth + 1);\n}\n\nfunction getMinDepth(nextItem: FlattenedTreeItem | undefined) {\n    return nextItem ? nextItem.depth : 0;\n}\n\nexport function getDescendants(\n    items: FlattenedTreeItem[],\n    parentId: UniqueIdentifier,\n): Set<string> {\n    const directChildren = items.filter((item) => item.parentId === parentId);\n\n    return directChildren.reduce((descendants, child) => {\n        return new Set([...descendants, child.id, ...getDescendants(items, child.id)]);\n    }, new Set<string>());\n}\n"]}

package/build/cjs/editor-v2/containers/Tree/utils/treeDragGuards.d.ts

@@ -0,0 +1,6 @@
+import type { UniqueIdentifier } from '@dnd-kit/abstract';
+import type { FlattenedTreeItem } from "../types.js";
+export declare function sanitizeProjectionForChildrenCapability(flat: FlattenedTreeItem[], targetId: UniqueIdentifier, projectedDepth: number): {
+    depth: number;
+    parentId: string | null;
+};

package/build/cjs/editor-v2/containers/Tree/utils/treeDragGuards.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sanitizeProjectionForChildrenCapability = sanitizeProjectionForChildrenCapability;
+const blocksBridge_1 = require("./blocksBridge.js");
+const common_1 = require("./common.js");
+function parentRowSupportsChildren(flat, parentId) {
+    if (parentId === null) {
+        return true;
+    }
+    const row = flat.find((x) => String(x.id) === String(parentId));
+    return Boolean(row && (0, blocksBridge_1.blockHasChildrenProp)(row.block));
+}
+// Не даём сделать элемент дочерним у блока без пропа `children`
+// рекурсивно уменьшаем глубину, пока не найдём допустимого родителя.
+function sanitizeProjectionForChildrenCapability(flat, targetId, projectedDepth) {
+    const { depth, parentId } = (0, common_1.getProjection)(flat, targetId, projectedDepth);
+    if (parentRowSupportsChildren(flat, parentId)) {
+        return { depth, parentId };
+    }
+    if (projectedDepth <= 0) {
+        return (0, common_1.getProjection)(flat, targetId, 0);
+    }
+    return sanitizeProjectionForChildrenCapability(flat, targetId, projectedDepth - 1);
+}
+//# sourceMappingURL=treeDragGuards.js.map

package/build/cjs/editor-v2/containers/Tree/utils/treeDragGuards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeDragGuards.js","sourceRoot":"../../../../../../src","sources":["editor-v2/containers/Tree/utils/treeDragGuards.ts"],"names":[],"mappings":";;AAiBA,0FAgBC;AA7BD,oDAAoD;AACpD,wCAAuC;AAEvC,SAAS,yBAAyB,CAAC,IAAyB,EAAE,QAAuB;IACjF,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,OAAO,OAAO,CAAC,GAAG,IAAI,IAAA,mCAAoB,EAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,gEAAgE;AAChE,qEAAqE;AACrE,SAAgB,uCAAuC,CACnD,IAAyB,EACzB,QAA0B,EAC1B,cAAsB;IAEtB,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAA,sBAAa,EAAC,IAAI,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;IAExE,IAAI,yBAAyB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC;QAC5C,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC;IAC7B,CAAC;IAED,IAAI,cAAc,IAAI,CAAC,EAAE,CAAC;QACtB,OAAO,IAAA,sBAAa,EAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,uCAAuC,CAAC,IAAI,EAAE,QAAQ,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;AACvF,CAAC","sourcesContent":["import type {UniqueIdentifier} from '@dnd-kit/abstract';\n\nimport type {FlattenedTreeItem} from '../types';\n\nimport {blockHasChildrenProp} from './blocksBridge';\nimport {getProjection} from './common';\n\nfunction parentRowSupportsChildren(flat: FlattenedTreeItem[], parentId: string | null): boolean {\n    if (parentId === null) {\n        return true;\n    }\n    const row = flat.find((x) => String(x.id) === String(parentId));\n    return Boolean(row && blockHasChildrenProp(row.block));\n}\n\n// Не даём сделать элемент дочерним у блока без пропа `children`\n// рекурсивно уменьшаем глубину, пока не найдём допустимого родителя.\nexport function sanitizeProjectionForChildrenCapability(\n    flat: FlattenedTreeItem[],\n    targetId: UniqueIdentifier,\n    projectedDepth: number,\n): {depth: number; parentId: string | null} {\n    const {depth, parentId} = getProjection(flat, targetId, projectedDepth);\n\n    if (parentRowSupportsChildren(flat, parentId)) {\n        return {depth, parentId};\n    }\n\n    if (projectedDepth <= 0) {\n        return getProjection(flat, targetId, 0);\n    }\n\n    return sanitizeProjectionForChildrenCapability(flat, targetId, projectedDepth - 1);\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const constants_1 = require("../../constants.js");
+const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('view-switches');
+/**
+ * Available device viewport options
+ * - Desktop: 100% width
+ * - Tablet: 768px width
+ * - Mobile: 375px width
+ */
+const DEVICE_OPTIONS = [
+    {
+        label: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Display }),
+        value: '100%',
+        ariaLabel: 'Desktop view',
+    },
+    {
+        label: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Smartphone }),
+        value: '768px',
+        ariaLabel: 'Tablet view',
+    },
+    {
+        label: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { width: 14, data: icons_1.Smartphone }),
+        value: '375px',
+        ariaLabel: 'Mobile view',
+    },
+];
+const ViewSwitches = () => {
+    const { zoom, setZoom, decreaseZoom, increaseZoom, deviceWidth, setDeviceWidth, togglePreviewMode, } = (0, useMainEditorStore_1.useMainEditorStore)();
+    const store = (0, useMainEditorStore_1.useMainEditorStore)();
+    const { undo, redo, historyFuture, historyPast } = store;
+    const canUndo = historyPast.length > 0;
+    const canRedo = historyFuture.length > 0;
+    // Memoize zoom options to prevent unnecessary recalculations
+    const zoomOptions = React.useMemo(() => constants_1.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) && constants_1.ZOOM_STEPS.includes(newZoom)) {
+            setZoom(newZoom);
+        }
+    }, [setZoom]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), role: "toolbar", "aria-label": "View controls", children: [(0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { value: deviceWidth, onUpdate: setDeviceWidth, "aria-label": "Device viewport selector", children: DEVICE_OPTIONS.map(({ value, label, ariaLabel }) => ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup.Option, { value: value, "aria-label": ariaLabel, children: label }, value))) }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", onClick: togglePreviewMode, "aria-label": "Switch to preview mode", title: "Switch to preview mode", children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.SquareDashed }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('zoom'), role: "group", "aria-label": "Zoom controls", children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", onClick: decreaseZoom, "aria-label": "Decrease zoom", disabled: zoom <= Math.min(...constants_1.ZOOM_STEPS), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Minus }) }), (0, jsx_runtime_1.jsx)(uikit_1.Select, { className: b('zoom-select'), multiple: false, value: currentZoomValue, options: zoomOptions, onUpdate: handleZoomUpdate, "aria-label": "Select zoom level", width: "max" }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", onClick: increaseZoom, "aria-label": "Increase zoom", disabled: zoom >= Math.max(...constants_1.ZOOM_STEPS), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Plus }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: b('history-buttons'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", "aria-label": "Undo", onClick: undo, disabled: !canUndo, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowUturnCcwLeft }) }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", "aria-label": "Redo", onClick: redo, disabled: !canRedo, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowUturnCwRight }) })] })] }));
+};
+exports.default = React.memo(ViewSwitches);
+//# sourceMappingURL=ViewSwitches.js.map

package/build/cjs/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';\n\nimport {\n    ArrowUturnCcwLeft,\n    ArrowUturnCwRight,\n    Display,\n    Minus,\n    Plus,\n    Smartphone,\n    SquareDashed,\n} 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    const store = useMainEditorStore();\n    const {undo, redo, historyFuture, historyPast} = store;\n\n    const canUndo = historyPast.length > 0;\n    const canRedo = historyFuture.length > 0;\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 className={b('history-buttons')}>\n                <Button view=\"flat\" aria-label=\"Undo\" onClick={undo} disabled={!canUndo}>\n                    <Icon data={ArrowUturnCcwLeft} />\n                </Button>\n                <Button view=\"flat\" aria-label=\"Redo\" onClick={redo} disabled={!canRedo}>\n                    <Icon data={ArrowUturnCwRight} />\n                </Button>\n            </div>\n        </div>\n    );\n};\n\nexport default React.memo(ViewSwitches);\n"]}

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

@@ -0,0 +1,8 @@
+export { Editor, EditorProvider, EditorView } from "./Editor/Editor.js";
+export type { EditorProviderProps, EditorViewProps } 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/cjs/editor-v2/containers/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewSwitches = exports.Tree = exports.SourceCode = exports.Source = exports.BlocksList = exports.BlockConfigForm = exports.EditorView = exports.EditorProvider = exports.Editor = void 0;
+const tslib_1 = require("tslib");
+var Editor_1 = require("./Editor/Editor.js");
+Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return Editor_1.Editor; } });
+Object.defineProperty(exports, "EditorProvider", { enumerable: true, get: function () { return Editor_1.EditorProvider; } });
+Object.defineProperty(exports, "EditorView", { enumerable: true, get: function () { return Editor_1.EditorView; } });
+var BlockConfigForm_1 = require("./BlockConfigForm/BlockConfigForm.js");
+Object.defineProperty(exports, "BlockConfigForm", { enumerable: true, get: function () { return tslib_1.__importDefault(BlockConfigForm_1).default; } });
+var BlocksList_1 = require("./BlocksList/BlocksList.js");
+Object.defineProperty(exports, "BlocksList", { enumerable: true, get: function () { return tslib_1.__importDefault(BlocksList_1).default; } });
+var Source_1 = require("./Source/Source.js");
+Object.defineProperty(exports, "Source", { enumerable: true, get: function () { return tslib_1.__importDefault(Source_1).default; } });
+var SourceCode_1 = require("./SourceCode/SourceCode.js");
+Object.defineProperty(exports, "SourceCode", { enumerable: true, get: function () { return tslib_1.__importDefault(SourceCode_1).default; } });
+var Tree_1 = require("./Tree/Tree.js");
+Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return tslib_1.__importDefault(Tree_1).default; } });
+var ViewSwitches_1 = require("./ViewSwitches/ViewSwitches.js");
+Object.defineProperty(exports, "ViewSwitches", { enumerable: true, get: function () { return tslib_1.__importDefault(ViewSwitches_1).default; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/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,6CAAmE;AAA3D,gGAAA,MAAM,OAAA;AAAE,wGAAA,cAAc,OAAA;AAAE,oGAAA,UAAU,OAAA;AAE1C,wEAA6E;AAArE,2IAAA,OAAO,OAAmB;AAClC,yDAA8D;AAAtD,iIAAA,OAAO,OAAc;AAC7B,6CAAkD;AAA1C,yHAAA,OAAO,OAAU;AACzB,yDAA8D;AAAtD,iIAAA,OAAO,OAAc;AAC7B,uCAA4C;AAApC,qHAAA,OAAO,OAAQ;AACvB,+DAAoE;AAA5D,qIAAA,OAAO,OAAgB","sourcesContent":["export {Editor, EditorProvider, EditorView} from './Editor/Editor';\nexport type {EditorProviderProps, EditorViewProps} 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/cjs/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/cjs/editor-v2/context/editorStore/MainEditorStoreContext.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MainEditorStoreContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const store_1 = require("../../store.js");
+exports.MainEditorStoreContext = React.createContext({
+    state: (0, store_1.createEditorStore)(),
+});
+//# sourceMappingURL=MainEditorStoreContext.js.map

package/build/cjs/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,qDAA+B;AAI/B,0CAA2D;AAM9C,QAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B;IACnF,KAAK,EAAE,IAAA,yBAAiB,GAAE;CAC7B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\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/cjs/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 {};