@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.6.0

package/build/cjs/context/blockRegistryContext/useBlockRegistryProvider.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBlockRegistryProvider = useBlockRegistryProvider;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-function useBlockRegistryProvider() {
-    const entriesRef = React.useRef(new Map());
-    const listenersRef = React.useRef(new Set());
-    return React.useMemo(() => {
-        const notify = () => {
-            for (const listener of listenersRef.current) {
-                listener();
-            }
-        };
-        return {
-            register(pathKey, path, element, dropZone) {
-                entriesRef.current.set(pathKey, { path, element, dropZone });
-                notify();
-            },
-            unregister(pathKey) {
-                if (entriesRef.current.delete(pathKey)) {
-                    notify();
-                }
-            },
-            subscribe(listener) {
-                listenersRef.current.add(listener);
-                return () => {
-                    listenersRef.current.delete(listener);
-                };
-            },
-            getEntries() {
-                return Array.from(entriesRef.current.values());
-            },
-        };
-    }, []);
-}
-//# sourceMappingURL=useBlockRegistryProvider.js.map

package/build/cjs/context/blockRegistryContext/useBlockRegistryProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBlockRegistryProvider.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/useBlockRegistryProvider.ts"],"names":[],"mappings":";;AAIA,4DAkCC;;AAtCD,qDAA+B;AAI/B,SAAgB,wBAAwB;IACpC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAC3B,IAAI,GAAG,EAAsE,CAChF,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAc,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,OAAO,CAAgB,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,KAAK,MAAM,QAAQ,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBAC1C,QAAQ,EAAE,CAAC;YACf,CAAC;QACL,CAAC,CAAC;QAEF,OAAO;YACH,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ;gBACrC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAC;gBAC3D,MAAM,EAAE,CAAC;YACb,CAAC;YACD,UAAU,CAAC,OAAO;gBACd,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;oBACrC,MAAM,EAAE,CAAC;gBACb,CAAC;YACL,CAAC;YACD,SAAS,CAAC,QAAQ;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACnC,OAAO,GAAG,EAAE;oBACR,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC,CAAC;YACN,CAAC;YACD,UAAU;gBACN,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YACnD,CAAC;SACJ,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockRegistry} from './blockRegistryContext';\n\nexport function useBlockRegistryProvider(): BlockRegistry {\n    const entriesRef = React.useRef(\n        new Map<string, {path: number[]; element: HTMLElement; dropZone?: boolean}>(),\n    );\n    const listenersRef = React.useRef(new Set<() => void>());\n\n    return React.useMemo<BlockRegistry>(() => {\n        const notify = () => {\n            for (const listener of listenersRef.current) {\n                listener();\n            }\n        };\n\n        return {\n            register(pathKey, path, element, dropZone) {\n                entriesRef.current.set(pathKey, {path, element, dropZone});\n                notify();\n            },\n            unregister(pathKey) {\n                if (entriesRef.current.delete(pathKey)) {\n                    notify();\n                }\n            },\n            subscribe(listener) {\n                listenersRef.current.add(listener);\n                return () => {\n                    listenersRef.current.delete(listener);\n                };\n            },\n            getEntries() {\n                return Array.from(entriesRef.current.values());\n            },\n        };\n    }, []);\n}\n"]}

package/build/cjs/context/blocksContext/blocksContext.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { BlockData } from "../../constructor-items.js";
-export type BlocksContextProps = {
-    blocks: Array<BlockData>;
-};
-export declare const BlocksContext: React.Context<BlocksContextProps>;

package/build/cjs/context/blocksContext/blocksContext.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlocksContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.BlocksContext = React.createContext({ blocks: [] });
-//# sourceMappingURL=blocksContext.js.map

package/build/cjs/context/blocksContext/blocksContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blocksContext.js","sourceRoot":"../../../../src","sources":["context/blocksContext/blocksContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAQlB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAC,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockData} from '../../constructor-items';\n\nexport type BlocksContextProps = {\n    blocks: Array<BlockData>;\n};\n\nexport const BlocksContext = React.createContext<BlocksContextProps>({blocks: []});\n"]}

package/build/cjs/context/blocksContext/index.d.ts

@@ -1 +0,0 @@
-export * from "./blocksContext.js";

package/build/cjs/context/blocksContext/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./blocksContext.js"), exports);
-//# sourceMappingURL=index.js.map

package/build/cjs/context/blocksContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/blocksContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './blocksContext';\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.d.ts

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

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js

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

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAMvD,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.d.ts

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

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PCEditorStoreProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const store_1 = require("../../common/store.js");
-const usePostMessageAPI_1 = require("../../hooks/usePostMessageAPI.js");
-const PCEditorStoreContext_1 = require("./PCEditorStoreContext.js");
-const PCEditorStoreProvider = ({ children }) => {
-    const storeRef = React.useRef();
-    const syncStore = React.useCallback((message) => {
-        if (storeRef.current && message.state) {
-            storeRef.current.setState(message.state);
-        }
-    }, []);
-    React.useEffect(() => {
-        const onMessage = (e) => {
-            const message = e.data;
-            syncStore(message);
-        };
-        window.addEventListener('message', onMessage);
-        return () => {
-            window.removeEventListener('message', onMessage);
-        };
-    }, [syncStore]);
-    // When Page Constructor runs inside the editor preview iframe, keyboard focus stays in the iframe
-    // after clicking the canvas — parent window never receives Cmd+Z. Forward to parent via postMessage.
-    React.useEffect(() => {
-        if (typeof window === 'undefined' || window.parent === window) {
-            return undefined;
-        }
-        const onKeyDown = (e) => {
-            if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') {
-                return;
-            }
-            const target = e.target;
-            if (target?.closest('input, textarea, select, [contenteditable="true"]')) {
-                return;
-            }
-            e.preventDefault();
-            if (e.shiftKey) {
-                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_EDITOR_REDO', {});
-            }
-            else {
-                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_EDITOR_UNDO', {});
-            }
-        };
-        window.addEventListener('keydown', onKeyDown, true);
-        return () => window.removeEventListener('keydown', onKeyDown, true);
-    }, []);
-    if (!storeRef.current) {
-        storeRef.current = (0, store_1.createPCEditorStore)();
-    }
-    return ((0, jsx_runtime_1.jsx)(PCEditorStoreContext_1.PCEditorStoreContext.Provider, { value: {
-            state: storeRef.current,
-        }, children: children }));
-};
-exports.PCEditorStoreProvider = PCEditorStoreProvider;
-//# sourceMappingURL=PCEditorStoreProvider.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAEpE,wEAAmE;AAEnE,oEAA4D;AAIrD,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,kGAAkG;IAClG,qGAAqG;IACrG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC5D,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;gBAC3D,OAAO;YACX,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;YAC9C,IAAI,MAAM,EAAE,OAAO,CAAC,mDAAmD,CAAC,EAAE,CAAC;gBACvE,OAAO;YACX,CAAC;YAED,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACb,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AA/DW,QAAA,qBAAqB,yBA+DhC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\nimport {StoreSyncMessage} from '../../common/types';\nimport {sendEventPostMessage} from '../../hooks/usePostMessageAPI';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    // When Page Constructor runs inside the editor preview iframe, keyboard focus stays in the iframe\n    // after clicking the canvas — parent window never receives Cmd+Z. Forward to parent via postMessage.\n    React.useEffect(() => {\n        if (typeof window === 'undefined' || window.parent === window) {\n            return undefined;\n        }\n        const onKeyDown = (e: KeyboardEvent) => {\n            if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') {\n                return;\n            }\n\n            const target = e.target as HTMLElement | null;\n            if (target?.closest('input, textarea, select, [contenteditable=\"true\"]')) {\n                return;\n            }\n\n            e.preventDefault();\n\n            if (e.shiftKey) {\n                sendEventPostMessage('ON_EDITOR_REDO', {});\n            } else {\n                sendEventPostMessage('ON_EDITOR_UNDO', {});\n            }\n        };\n        window.addEventListener('keydown', onKeyDown, true);\n        return () => window.removeEventListener('keydown', onKeyDown, true);\n    }, []);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}

package/build/cjs/context/editorStoreContext/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./PCEditorStoreContext.js";
-export * from "./PCEditorStoreProvider.js";

package/build/cjs/context/editorStoreContext/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./PCEditorStoreContext.js"), exports);
-tslib_1.__exportStar(require("./PCEditorStoreProvider.js"), exports);
-//# sourceMappingURL=index.js.map

package/build/cjs/context/editorStoreContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/index.ts"],"names":[],"mappings":";;;AAAA,oEAAuC;AACvC,qEAAwC","sourcesContent":["export * from './PCEditorStoreContext';\nexport * from './PCEditorStoreProvider';\n"]}

package/build/cjs/editor/data/templates/test-editor-block.json

@@ -1,18 +0,0 @@
-{
-  "template": {
-    "type": "test-editor-block",
-    "title": "Lorem ipsum dolor sit amet",
-    "table": {
-      "content": [
-        ["Lorem", "ipsum 1", "dolor 2", "sit 3"],
-        ["Lorem 1", "0", "0", "0"],
-        ["Lorem 2", "0", "0", "1"],
-        ["Lorem 3", "0", "0", "1"],
-        ["Lorem 4", "0", "1", "1"],
-        ["Lorem 5", "1", "1", "1"]
-      ],
-      "legend": ["ipsum 1", "ipsum 2"],
-      "justify": ["start", "center", "center", "center"]
-    }
-  }
-}

package/build/cjs/editor-v2/components/BlockCard/BlockCard.css

@@ -1,34 +0,0 @@
-.pceditor-block-card {
-  padding: 8px;
-  cursor: grab;
-  user-select: none;
-  margin-bottom: 8px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  text-align: center;
-  gap: 4px;
-  max-width: 300px;
-}
-.pceditor-block-card:active {
-  background-color: var(--g-color-base-generic-hover);
-  cursor: grabbing;
-}
-.pceditor-block-card__image-img {
-  pointer-events: none;
-  height: 45px;
-  object-fit: contain;
-  object-position: center;
-}
-.pceditor-block-card__name {
-  justify-self: flex-end;
-  color: var(--g-color-text-secondary);
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 100%;
-}
-.pceditor-block-card__icon {
-  color: var(--g-color-text-complementary);
-}

package/build/cjs/editor-v2/components/BlockCard/BlockCard.d.ts

@@ -1,9 +0,0 @@
-export interface BlockCardProps {
-    className?: string;
-    type: string;
-    name: string;
-    previewImg?: string;
-    onMouseDown: (type: string) => void;
-}
-declare const BlockCard: ({ className, type, name, previewImg, onMouseDown }: BlockCardProps) => import("react/jsx-runtime").JSX.Element;
-export default BlockCard;

package/build/cjs/editor-v2/components/BlockCard/BlockCard.js

@@ -1,17 +0,0 @@
-"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 cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('block-card');
-const BlockCard = ({ className, type, name, previewImg, onMouseDown }) => {
-    const handleMouseDown = React.useCallback(() => {
-        onMouseDown(type);
-    }, [onMouseDown, type]);
-    return ((0, jsx_runtime_1.jsxs)(uikit_1.Card, { className: b(null, className), onMouseDown: handleMouseDown, children: [(0, jsx_runtime_1.jsx)("div", { className: b('image'), children: previewImg ? ((0, jsx_runtime_1.jsx)("img", { className: b('image-img'), src: previewImg, alt: "" })) : ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), size: 45, data: icons_1.SquareBars })) }), (0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name })] }));
-};
-exports.default = BlockCard;
-//# sourceMappingURL=BlockCard.js.map

package/build/cjs/editor-v2/components/BlockCard/BlockCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockCard.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/BlockCard/BlockCard.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA6C;AAC7C,6CAA6C;AAE7C,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAUjC,MAAM,SAAS,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAiB,EAAE,EAAE;IACnF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,wBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,WAAW,EAAE,eAAe,aAC7D,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,UAAU,CAAC,CAAC,CAAC,CACV,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,EAAE,GAAG,CAC7D,CAAC,CAAC,CAAC,CACA,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAU,GAAI,CAC7D,GACC,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,IACpC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SquareBars} from '@gravity-ui/icons';\nimport {Card, Icon} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockCard.scss';\n\nconst b = editorCn('block-card');\n\nexport interface BlockCardProps {\n    className?: string;\n    type: string;\n    name: string;\n    previewImg?: string;\n    onMouseDown: (type: string) => void;\n}\n\nconst BlockCard = ({className, type, name, previewImg, onMouseDown}: BlockCardProps) => {\n    const handleMouseDown = React.useCallback(() => {\n        onMouseDown(type);\n    }, [onMouseDown, type]);\n\n    return (\n        <Card className={b(null, className)} onMouseDown={handleMouseDown}>\n            <div className={b('image')}>\n                {previewImg ? (\n                    <img className={b('image-img')} src={previewImg} alt=\"\" />\n                ) : (\n                    <Icon className={b('icon')} size={45} data={SquareBars} />\n                )}\n            </div>\n            <div className={b('name')}>{name}</div>\n        </Card>\n    );\n};\n\nexport default BlockCard;\n"]}

package/build/cjs/editor-v2/components/MessageCard/MessageCard.css

@@ -1,51 +0,0 @@
-.pceditor-message-card {
-  padding: 16px;
-  border-radius: 8px;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-.pceditor-message-card__icon {
-  flex-shrink: 0;
-  margin-top: 2px;
-}
-.pceditor-message-card__content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.pceditor-message-card__title {
-  margin: 0;
-}
-.pceditor-message-card__description {
-  margin: 0;
-}
-.pceditor-message-card_theme_success {
-  border: 1px solid var(--g-color-text-positive);
-  background-color: var(--g-color-base-positive-light);
-}
-.pceditor-message-card_theme_success .pceditor-message-card__icon {
-  color: var(--g-color-text-positive);
-}
-.pceditor-message-card_theme_error {
-  border: 1px solid var(--g-color-text-danger);
-  background-color: var(--g-color-base-danger-light);
-}
-.pceditor-message-card_theme_error .pceditor-message-card__icon {
-  color: var(--g-color-text-danger);
-}
-.pceditor-message-card_theme_warning {
-  border: 1px solid var(--g-color-text-warning);
-  background-color: var(--g-color-base-warning-light);
-}
-.pceditor-message-card_theme_warning .pceditor-message-card__icon {
-  color: var(--g-color-text-warning);
-}
-.pceditor-message-card_theme_info {
-  border: 1px solid var(--g-color-text-info);
-  background-color: var(--g-color-base-info-light);
-}
-.pceditor-message-card_theme_info .pceditor-message-card__icon {
-  color: var(--g-color-text-info);
-}

package/build/cjs/editor-v2/components/MessageCard/MessageCard.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { IconData } from '@gravity-ui/uikit';
-export type MessageTheme = 'success' | 'error' | 'warning' | 'info';
-export interface MessageCardProps {
-    title: string;
-    description: string;
-    theme: MessageTheme;
-    icon?: IconData;
-}
-export declare const MessageCard: React.FC<MessageCardProps>;

package/build/cjs/editor-v2/components/MessageCard/MessageCard.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('message-card');
-const DEFAULT_ICONS = {
-    success: icons_1.Check,
-    error: icons_1.Xmark,
-    warning: icons_1.TriangleExclamation,
-    info: icons_1.CircleInfo,
-};
-const MessageCard = ({ title, description, theme, icon }) => {
-    const IconComponent = icon || DEFAULT_ICONS[theme];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ theme }), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: IconComponent, size: 20 }), (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-1", className: b('title'), children: title }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-1", color: "secondary", className: b('description'), children: description })] })] }));
-};
-exports.MessageCard = MessageCard;
-//# sourceMappingURL=MessageCard.js.map

package/build/cjs/editor-v2/components/MessageCard/MessageCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageCard.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/MessageCard/MessageCard.tsx"],"names":[],"mappings":";;;;AAEA,6CAAgF;AAChF,6CAAuD;AAEvD,0CAAwC;AAExC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,cAAc,CAAC,CAAC;AAMnC,MAAM,aAAa,GAAmC;IAClD,OAAO,EAAE,aAAK;IACd,KAAK,EAAE,aAAK;IACZ,OAAO,EAAE,2BAAmB;IAC5B,IAAI,EAAE,kBAAU;CACnB,CAAC;AASK,MAAM,WAAW,GAA+B,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE;IACzF,MAAM,aAAa,GAAG,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,aACtB,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,GAAI,EAC7D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,YAAI,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAC5C,KAAK,GACH,EACP,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC/D,WAAW,GACT,IACL,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB","sourcesContent":["import * as React from 'react';\n\nimport {Check, CircleInfo, TriangleExclamation, Xmark} from '@gravity-ui/icons';\nimport {Icon, IconData, Text} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../utils/cn';\n\nconst b = editorCn('message-card');\n\nimport './MessageCard.scss';\n\nexport type MessageTheme = 'success' | 'error' | 'warning' | 'info';\n\nconst DEFAULT_ICONS: Record<MessageTheme, IconData> = {\n    success: Check,\n    error: Xmark,\n    warning: TriangleExclamation,\n    info: CircleInfo,\n};\n\nexport interface MessageCardProps {\n    title: string;\n    description: string;\n    theme: MessageTheme;\n    icon?: IconData;\n}\n\nexport const MessageCard: React.FC<MessageCardProps> = ({title, description, theme, icon}) => {\n    const IconComponent = icon || DEFAULT_ICONS[theme];\n\n    return (\n        <div className={b({theme})}>\n            <Icon className={b('icon')} data={IconComponent} size={20} />\n            <div className={b('content')}>\n                <Text variant=\"subheader-1\" className={b('title')}>\n                    {title}\n                </Text>\n                <Text variant=\"body-1\" color=\"secondary\" className={b('description')}>\n                    {description}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"]}

package/build/cjs/editor-v2/components/MessageCard/index.d.ts

@@ -1,2 +0,0 @@
-export { MessageCard } from "./MessageCard.js";
-export type { MessageCardProps, MessageTheme } from "./MessageCard.js";

package/build/cjs/editor-v2/components/MessageCard/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCard = void 0;
-var MessageCard_1 = require("./MessageCard.js");
-Object.defineProperty(exports, "MessageCard", { enumerable: true, get: function () { return MessageCard_1.MessageCard; } });
-//# sourceMappingURL=index.js.map

package/build/cjs/editor-v2/components/MessageCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/MessageCard/index.ts"],"names":[],"mappings":";;;AAAA,gDAA0C;AAAlC,0GAAA,WAAW,OAAA","sourcesContent":["export {MessageCard} from './MessageCard';\nexport type {MessageCardProps, MessageTheme} from './MessageCard';\n"]}

package/build/cjs/editor-v2/components/Panels/Panels.css

@@ -1,24 +0,0 @@
-.pceditor-panels__button-wrap {
-  --pceditor-panels-button-gap: 8px;
-  position: absolute;
-  z-index: 1000;
-}
-.pceditor-panels__button-wrap_left {
-  top: var(--pceditor-panels-button-gap);
-  left: calc(100% + var(--pceditor-panels-button-gap));
-}
-.pceditor-panels__button-wrap_right {
-  top: var(--pceditor-panels-button-gap);
-  right: calc(100% + var(--pceditor-panels-button-gap));
-}
-.pceditor-panels__draggable {
-  position: relative;
-  width: 8px;
-  height: 100%;
-  cursor: col-resize;
-  background-color: var(--g-color-line-generic);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--g-color-base-background);
-}

package/build/cjs/editor-v2/components/Panels/Panels.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface PanelsProps {
-    left: React.ReactElement;
-    middle: React.ReactElement;
-    right: React.ReactElement;
-}
-export declare const Panels: ({ left, right, middle }: PanelsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/editor-v2/components/Panels/Panels.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panels = void 0;
-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 react_resizable_panels_1 = require("react-resizable-panels");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('panels');
-const Panels = ({ left, right, middle }) => {
-    const leftPanel = React.useRef(null);
-    const rightPanel = React.useRef(null);
-    const expandPanel = (reference) => {
-        const panel = reference.current;
-        if (panel) {
-            panel.expand();
-        }
-    };
-    const isCollapsed = {
-        left: leftPanel.current?.isCollapsed() || false,
-        right: rightPanel.current?.isCollapsed() || false,
-    };
-    return ((0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelGroup, { className: b('panel'), autoSaveId: "page-constructor-editor", direction: "horizontal", children: [(0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { ref: leftPanel, collapsible: true, defaultSize: 25, minSize: 15, children: left }), (0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable'), children: [(0, jsx_runtime_1.jsx)(icons_1.Grip, { className: b('grip') }), isCollapsed.left && ((0, jsx_runtime_1.jsx)("div", { className: b('button-wrap', { left: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "action", onClick: () => expandPanel(leftPanel), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.LayoutSideContentLeft }) }) }))] }), (0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { minSize: 20, children: middle }), (0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable'), children: [(0, jsx_runtime_1.jsx)(icons_1.Grip, { className: b('grip') }), isCollapsed.right && ((0, jsx_runtime_1.jsx)("div", { className: b('button-wrap', { right: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "action", onClick: () => expandPanel(rightPanel), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.LayoutSideContentRight }) }) }))] }), (0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { ref: rightPanel, collapsible: true, minSize: 15, defaultSize: 25, children: right })] }));
-};
-exports.Panels = Panels;
-//# sourceMappingURL=Panels.js.map

package/build/cjs/editor-v2/components/Panels/Panels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panels.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Panels/Panels.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAsF;AACtF,6CAA+C;AAC/C,mEAAmG;AAEnG,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,QAAQ,CAAC,CAAC;AAQtB,MAAM,MAAM,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAc,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,CAAC,SAAiD,EAAE,EAAE;QACtE,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAChC,IAAI,KAAK,EAAE,CAAC;YACR,KAAK,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG;QAChB,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,KAAK;QAC/C,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,KAAK;KACpD,CAAC;IAEF,OAAO,CACH,wBAAC,mCAAU,IACP,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,UAAU,EAAC,yBAAyB,EACpC,SAAS,EAAC,YAAY,aAEtB,uBAAC,8BAAK,IAAC,GAAG,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAC1D,IAAI,GACD,EACR,wBAAC,0CAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,IAAI,IAAI,CACjB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,YAC1C,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,YAErC,uBAAC,YAAI,IAAC,IAAI,EAAE,6BAAqB,GAAI,GAChC,GACP,CACT,IACe,EACpB,uBAAC,8BAAK,IAAC,OAAO,EAAE,EAAE,YAAG,MAAM,GAAS,EACpC,wBAAC,0CAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,KAAK,IAAI,CAClB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAC3C,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,YAEtC,uBAAC,YAAI,IAAC,IAAI,EAAE,8BAAsB,GAAI,GACjC,GACP,CACT,IACe,EACpB,uBAAC,8BAAK,IAAC,GAAG,EAAE,UAAU,EAAE,WAAW,QAAC,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,YAC3D,KAAK,GACF,IACC,CAChB,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,MAAM,UA2DjB","sourcesContent":["import * as React from 'react';\n\nimport {Grip, LayoutSideContentLeft, LayoutSideContentRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport {ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle} from 'react-resizable-panels';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './Panels.scss';\n\nconst b = editorCn('panels');\n\ninterface PanelsProps {\n    left: React.ReactElement;\n    middle: React.ReactElement;\n    right: React.ReactElement;\n}\n\nexport const Panels = ({left, right, middle}: PanelsProps) => {\n    const leftPanel = React.useRef<ImperativePanelHandle>(null);\n    const rightPanel = React.useRef<ImperativePanelHandle>(null);\n\n    const expandPanel = (reference: React.RefObject<ImperativePanelHandle>) => {\n        const panel = reference.current;\n        if (panel) {\n            panel.expand();\n        }\n    };\n\n    const isCollapsed = {\n        left: leftPanel.current?.isCollapsed() || false,\n        right: rightPanel.current?.isCollapsed() || false,\n    };\n\n    return (\n        <PanelGroup\n            className={b('panel')}\n            autoSaveId=\"page-constructor-editor\"\n            direction=\"horizontal\"\n        >\n            <Panel ref={leftPanel} collapsible defaultSize={25} minSize={15}>\n                {left}\n            </Panel>\n            <PanelResizeHandle className={b('draggable')}>\n                <Grip className={b('grip')} />\n                {isCollapsed.left && (\n                    <div className={b('button-wrap', {left: true})}>\n                        <Button\n                            className={b('button')}\n                            view=\"action\"\n                            onClick={() => expandPanel(leftPanel)}\n                        >\n                            <Icon data={LayoutSideContentLeft} />\n                        </Button>\n                    </div>\n                )}\n            </PanelResizeHandle>\n            <Panel minSize={20}>{middle}</Panel>\n            <PanelResizeHandle className={b('draggable')}>\n                <Grip className={b('grip')} />\n                {isCollapsed.right && (\n                    <div className={b('button-wrap', {right: true})}>\n                        <Button\n                            className={b('button')}\n                            view=\"action\"\n                            onClick={() => expandPanel(rightPanel)}\n                        >\n                            <Icon data={LayoutSideContentRight} />\n                        </Button>\n                    </div>\n                )}\n            </PanelResizeHandle>\n            <Panel ref={rightPanel} collapsible minSize={15} defaultSize={25}>\n                {right}\n            </Panel>\n        </PanelGroup>\n    );\n};\n"]}

package/build/cjs/editor-v2/components/Sidebar/Sidebar.css

@@ -1,48 +0,0 @@
-.pceditor-sidebar {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  height: 100%;
-}
-.pceditor-sidebar__block {
-  width: 100%;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pceditor-sidebar__tabs {
-  scrollbar-width: thin;
-  scrollbar-color: var(--g-color-scroll-handle) transparent;
-  overflow: auto;
-}
-.pceditor-sidebar__tabs::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-  background-color: transparent;
-}
-.pceditor-sidebar__tabs::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 4px;
-}
-.pceditor-sidebar__tabs::-webkit-scrollbar-thumb {
-  background: var(--g-color-scroll-handle);
-  border-radius: 4px;
-  transition: background-color 0.2s;
-  opacity: 0;
-}
-.pceditor-sidebar__tabs::-webkit-scrollbar-thumb:hover {
-  background: var(--g-color-scroll-handle-hover);
-  opacity: 1;
-}
-.pceditor-sidebar__tabs::-webkit-scrollbar-thumb:active {
-  background: var(--g-color-scroll-handle-hover);
-  opacity: 1;
-}
-.pceditor-sidebar__tabs::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.pceditor-sidebar__tabs:hover::-webkit-scrollbar-thumb {
-  opacity: 0.7;
-}
-.pceditor-sidebar__tabs:not(:hover)::-webkit-scrollbar-thumb {
-  opacity: 0;
-  transition: opacity 0.5s ease-out;
-}

package/build/cjs/editor-v2/components/Sidebar/Sidebar.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { TabItemProps } from "../Tabs/Tabs.js";
-interface SidebarProps {
-    tabs: TabItemProps[];
-    defaultTab?: string;
-    top?: React.ElementType[];
-    className?: string;
-}
-export declare const Sidebar: ({ className, tabs, top }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/editor-v2/components/Sidebar/Sidebar.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../../utils/cn.js");
-const Tabs_1 = tslib_1.__importDefault(require("../Tabs/Tabs.js"));
-const b = (0, cn_1.editorCn)('sidebar');
-const Sidebar = ({ className, tabs, top = [] }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [top.map((TopComponent, idx) => ((0, jsx_runtime_1.jsx)("div", { className: b('block'), children: (0, jsx_runtime_1.jsx)(TopComponent, {}) }, idx))), (0, jsx_runtime_1.jsx)(Tabs_1.default, { items: tabs })] }));
-};
-exports.Sidebar = Sidebar;
-//# sourceMappingURL=Sidebar.js.map

package/build/cjs/editor-v2/components/Sidebar/Sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;AAEA,0CAAwC;AACxC,mEAAgD;AAIhD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,SAAS,CAAC,CAAC;AASvB,MAAM,OAAO,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAe,EAAE,EAAE;IACjE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,GAAG,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,gCAAe,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAChC,uBAAC,YAAY,KAAG,IADV,GAAG,CAEP,CACT,CAAC,EACF,uBAAC,cAAI,IAAC,KAAK,EAAE,IAAI,GAAI,IACnB,CACT,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB","sourcesContent":["import * as React from 'react';\n\nimport {editorCn} from '../../utils/cn';\nimport Tabs, {TabItemProps} from '../Tabs/Tabs';\n\nimport './Sidebar.scss';\n\nconst b = editorCn('sidebar');\n\ninterface SidebarProps {\n    tabs: TabItemProps[];\n    defaultTab?: string;\n    top?: React.ElementType[];\n    className?: string;\n}\n\nexport const Sidebar = ({className, tabs, top = []}: SidebarProps) => {\n    return (\n        <div className={b(null, className)}>\n            {top.map((TopComponent, idx) => (\n                <div key={idx} className={b('block')}>\n                    <TopComponent />\n                </div>\n            ))}\n            <Tabs items={tabs} />\n        </div>\n    );\n};\n"]}