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

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

@@ -1,99 +0,0 @@
-.pceditor-tabs {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  height: 100%;
-}
-.pceditor-tabs .g-button.pceditor-tabs__item {
-  color: var(--g-color-text-hint);
-  font-weight: 500;
-  letter-spacing: 0.5px;
-  cursor: pointer;
-  font-size: var(--g-text-code-inline-1-font-size);
-  line-height: var(--g-text-code-inline-2-line-height);
-  align-items: center;
-}
-.pceditor-tabs .g-button.pceditor-tabs__item_active {
-  pointer-events: none;
-  color: var(--g-color-text-primary);
-}
-.pceditor-tabs__tabs-wrapper {
-  width: 100%;
-  border-bottom: 1px solid var(--g-color-line-generic);
-  display: inline-flex;
-  flex-direction: row;
-  padding: 12px 4px;
-  flex: 0 0 auto;
-  box-sizing: border-box;
-  overflow-x: auto;
-  position: sticky;
-  top: 0;
-  background-color: var(--g-color-base-background);
-  /* This ensures the background is visible when sticky */
-  z-index: 2;
-  /* Higher z-index for parent tabs-wrapper */
-}
-.pceditor-tabs {
-  /* Make sure any nested tabs component also has proper overflow behavior */
-}
-.pceditor-tabs .pceditor-tabs {
-  overflow: visible;
-  /* Ensure nested tabs-wrapper elements are also sticky but positioned below parent tabs-wrapper */
-  /* This selector specifically targets tabs-wrapper elements inside a nested tabs component */
-}
-.pceditor-tabs .pceditor-tabs .pceditor-tabs__tabs-wrapper {
-  position: sticky;
-  /* Position below parent tabs-wrapper */
-  z-index: 1;
-  background-color: var(--g-color-base-background);
-}
-.pceditor-tabs__body {
-  flex: 1;
-  min-height: 1px;
-  height: 100%;
-}
-.pceditor-tabs__item {
-  scrollbar-width: thin;
-  scrollbar-color: var(--g-color-scroll-handle) transparent;
-  overflow: auto;
-}
-.pceditor-tabs__item::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-  background-color: transparent;
-}
-.pceditor-tabs__item::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 4px;
-}
-.pceditor-tabs__item::-webkit-scrollbar-thumb {
-  background: var(--g-color-scroll-handle);
-  border-radius: 4px;
-  transition: background-color 0.2s;
-  opacity: 0;
-}
-.pceditor-tabs__item::-webkit-scrollbar-thumb:hover {
-  background: var(--g-color-scroll-handle-hover);
-  opacity: 1;
-}
-.pceditor-tabs__item::-webkit-scrollbar-thumb:active {
-  background: var(--g-color-scroll-handle-hover);
-  opacity: 1;
-}
-.pceditor-tabs__item::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.pceditor-tabs__item:hover::-webkit-scrollbar-thumb {
-  opacity: 0.7;
-}
-.pceditor-tabs__item:not(:hover)::-webkit-scrollbar-thumb {
-  opacity: 0;
-  transition: opacity 0.5s ease-out;
-}
-.pceditor-tabs__item {
-  overflow-y: auto;
-  max-height: 100%;
-}
-.pceditor-tabs__item_padding {
-  padding: 16px 12px;
-}

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export interface TabItemProps {
-    id: string;
-    title: string;
-    component: React.ElementType;
-    withPadding?: boolean;
-}
-export interface TabsProps {
-    className?: string;
-    items: TabItemProps[];
-    defaultTab?: string | null;
-}
-declare const Tabs: ({ className, items, defaultTab }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export default Tabs;

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

@@ -1,37 +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 uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('tabs');
-const Tabs = ({ className, items, defaultTab }) => {
-    const [currentTab, setCurrentTab] = React.useState(defaultTab);
-    const activeTab = React.useMemo(() => {
-        if (currentTab) {
-            const findTab = items.find(({ id }) => id === currentTab);
-            if (findTab) {
-                return findTab;
-            }
-        }
-        return items[0] || null;
-    }, [currentTab, items]);
-    const handleClick = React.useCallback((tabItem) => () => {
-        setCurrentTab(tabItem.id);
-    }, []);
-    const TabComponent = React.useMemo(() => {
-        return activeTab?.component;
-    }, [activeTab]);
-    const isPaddingEnabled = React.useMemo(() => {
-        return activeTab?.withPadding || false;
-    }, [activeTab]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [items.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: b('tabs-wrapper'), role: "tablist", children: items.map((item) => {
-                    const isActive = item.id === activeTab.id;
-                    return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "s", className: b('item', { active: isActive }), extraProps: {
-                            role: 'tab',
-                        }, onClick: handleClick(item), children: item.title }, item.title));
-                }) })), (0, jsx_runtime_1.jsx)("div", { className: b('body'), children: TabComponent && ((0, jsx_runtime_1.jsx)(TabComponent, { className: b('item', { padding: isPaddingEnabled }) })) })] }));
-};
-exports.default = Tabs;
-//# sourceMappingURL=Tabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,MAAM,CAAC,CAAC;AAe3B,MAAM,IAAI,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAY,EAAE,EAAE;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,UAAU,EAAE,CAAC;YACb,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;YACxD,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO,OAAO,CAAC;YACnB,CAAC;QACL,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAC5B,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,OAAqB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC5B,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC,EACD,EAAE,CACL,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,SAAS,EAAE,SAAS,CAAC;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,EAAE,WAAW,IAAI,KAAK,CAAC;IAC3C,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACjB,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;oBAE1C,OAAO,CACH,uBAAC,cAAM,IACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAExC,UAAU,EAAE;4BACR,IAAI,EAAE,KAAK;yBACd,EACD,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,YAEzB,IAAI,CAAC,KAAK,IANN,IAAI,CAAC,KAAK,CAOV,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,YAAY,IAAI,CACb,uBAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAE,gBAAgB,EAAC,CAAC,GAAI,CACtE,GACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './Tabs.scss';\n\nconst b = editorCn('tabs');\n\nexport interface TabItemProps {\n    id: string;\n    title: string;\n    component: React.ElementType;\n    withPadding?: boolean;\n}\n\nexport interface TabsProps {\n    className?: string;\n    items: TabItemProps[];\n    defaultTab?: string | null;\n}\n\nconst Tabs = ({className, items, defaultTab}: TabsProps) => {\n    const [currentTab, setCurrentTab] = React.useState(defaultTab);\n\n    const activeTab = React.useMemo(() => {\n        if (currentTab) {\n            const findTab = items.find(({id}) => id === currentTab);\n            if (findTab) {\n                return findTab;\n            }\n        }\n\n        return items[0] || null;\n    }, [currentTab, items]);\n\n    const handleClick = React.useCallback(\n        (tabItem: TabItemProps) => () => {\n            setCurrentTab(tabItem.id);\n        },\n        [],\n    );\n\n    const TabComponent = React.useMemo(() => {\n        return activeTab?.component;\n    }, [activeTab]);\n\n    const isPaddingEnabled = React.useMemo(() => {\n        return activeTab?.withPadding || false;\n    }, [activeTab]);\n\n    return (\n        <div className={b(null, className)}>\n            {items.length > 1 && (\n                <div className={b('tabs-wrapper')} role=\"tablist\">\n                    {items.map((item) => {\n                        const isActive = item.id === activeTab.id;\n\n                        return (\n                            <Button\n                                view=\"flat\"\n                                size=\"s\"\n                                className={b('item', {active: isActive})}\n                                key={item.title}\n                                extraProps={{\n                                    role: 'tab',\n                                }}\n                                onClick={handleClick(item)}\n                            >\n                                {item.title}\n                            </Button>\n                        );\n                    })}\n                </div>\n            )}\n            <div className={b('body')}>\n                {TabComponent && (\n                    <TabComponent className={b('item', {padding: isPaddingEnabled})} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default Tabs;\n"]}

package/build/cjs/editor-v2/constants/messages.d.ts

@@ -1,10 +0,0 @@
-export declare const MESSAGES: {
-    readonly NO_BLOCK_SELECTED: {
-        readonly title: "Блок не выбран";
-        readonly description: "Выберите блок на экране или в слоях в левом меню для редактирования его свойств";
-    };
-    readonly UNSUPPORTED_BLOCK: {
-        readonly title: "Неподдерживаемый блок";
-        readonly description: "Данный тип блока не поддерживается в редакторе. Но вы также можете отредактировать его конфигурацию вручную в меню RAW.";
-    };
-};

package/build/cjs/editor-v2/constants/messages.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MESSAGES = void 0;
-exports.MESSAGES = {
-    NO_BLOCK_SELECTED: {
-        title: 'Блок не выбран',
-        description: 'Выберите блок на экране или в слоях в левом меню для редактирования его свойств',
-    },
-    UNSUPPORTED_BLOCK: {
-        title: 'Неподдерживаемый блок',
-        description: 'Данный тип блока не поддерживается в редакторе. Но вы также можете отредактировать его конфигурацию вручную в меню RAW.',
-    },
-};
-//# sourceMappingURL=messages.js.map

package/build/cjs/editor-v2/constants/messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"messages.js","sourceRoot":"../../../../src","sources":["editor-v2/constants/messages.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;IACpB,iBAAiB,EAAE;QACf,KAAK,EAAE,gBAAgB;QACvB,WAAW,EACP,iFAAiF;KACxF;IACD,iBAAiB,EAAE;QACf,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EACP,yHAAyH;KAChI;CACK,CAAC","sourcesContent":["export const MESSAGES = {\n    NO_BLOCK_SELECTED: {\n        title: 'Блок не выбран',\n        description:\n            'Выберите блок на экране или в слоях в левом меню для редактирования его свойств',\n    },\n    UNSUPPORTED_BLOCK: {\n        title: 'Неподдерживаемый блок',\n        description:\n            'Данный тип блока не поддерживается в редакторе. Но вы также можете отредактировать его конфигурацию вручную в меню RAW.',\n    },\n} as const;\n"]}

package/build/cjs/editor-v2/constants.d.ts

@@ -1 +0,0 @@
-export declare const ZOOM_STEPS: number[];

package/build/cjs/editor-v2/constants.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZOOM_STEPS = void 0;
-exports.ZOOM_STEPS = [25, 33, 50, 75, 100, 125, 150, 200, 250, 300];
-//# sourceMappingURL=constants.js.map

package/build/cjs/editor-v2/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["editor-v2/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC","sourcesContent":["export const ZOOM_STEPS = [25, 33, 50, 75, 100, 125, 150, 200, 250, 300];\n"]}

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

@@ -1,22 +0,0 @@
-.pceditor-big-overlay {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  overflow: hidden;
-}
-.pceditor-big-overlay__border {
-  pointer-events: none;
-  position: absolute;
-  width: 40px;
-  height: 40px;
-  margin-left: -20px;
-  margin-top: -20px;
-  background-color: var(--g-color-base-brand);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 10px;
-}

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

@@ -1,4 +0,0 @@
-declare const BigOverlay: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default BigOverlay;

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

@@ -1,40 +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 useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('big-overlay');
-const BigOverlay = ({ className }) => {
-    const { manipulateOverlayMode } = (0, useMainEditorStore_1.useMainEditorStore)();
-    const [mousePosition, setMousePosition] = React.useState(undefined);
-    const overlayRef = React.useRef(null);
-    React.useEffect(() => {
-        const onMouseMove = (event) => {
-            const rect = overlayRef.current?.getBoundingClientRect();
-            setMousePosition({
-                x: event.clientX - (rect?.left ?? 0),
-                y: event.clientY - (rect?.top ?? 0),
-            });
-        };
-        const onMouseUp = () => {
-            setMousePosition(undefined);
-        };
-        document.addEventListener('mousemove', onMouseMove);
-        document.addEventListener('mousedown', onMouseMove);
-        document.addEventListener('mouseup', onMouseUp);
-        return () => {
-            document.removeEventListener('mousemove', onMouseMove);
-            document.removeEventListener('mousedown', onMouseMove);
-            document.removeEventListener('mouseup', onMouseUp);
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: overlayRef, className: b(null, className), children: mousePosition && manipulateOverlayMode ? ((0, jsx_runtime_1.jsx)("div", { className: b('border'), style: {
-                top: mousePosition.y,
-                left: mousePosition.x,
-            }, children: (0, jsx_runtime_1.jsx)(icons_1.Stop, { height: 20, width: 20 }) })) : null }));
-};
-exports.default = BigOverlay;
-//# sourceMappingURL=BigOverlay.js.map

package/build/cjs/editor-v2/containers/BigOverlay/BigOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BigOverlay.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/BigOverlay/BigOverlay.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AAEvC,0EAAkE;AAClE,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,aAAa,CAAC,CAAC;AAElC,MAAM,UAAU,GAAG,CAAC,EAAC,SAAS,EAAuB,EAAE,EAAE;IACrD,MAAM,EAAC,qBAAqB,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACrD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,SAAS,CACZ,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;YACzD,gBAAgB,CAAC;gBACb,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC;gBACpC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;aACtC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,GAAG,EAAE;YACnB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9C,aAAa,IAAI,qBAAqB,CAAC,CAAC,CAAC,CACtC,gCACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,KAAK,EAAE;gBACH,GAAG,EAAE,aAAa,CAAC,CAAC;gBACpB,IAAI,EAAE,aAAa,CAAC,CAAC;aACxB,YAED,uBAAC,YAAI,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GAC7B,CACT,CAAC,CAAC,CAAC,IAAI,GACN,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Stop} from '@gravity-ui/icons';\n\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './BigOverlay.scss';\n\nconst b = editorCn('big-overlay');\n\nconst BigOverlay = ({className}: {className?: string}) => {\n    const {manipulateOverlayMode} = useMainEditorStore();\n    const [mousePosition, setMousePosition] = React.useState<{x: number; y: number} | undefined>(\n        undefined,\n    );\n    const overlayRef = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        const onMouseMove = (event: MouseEvent) => {\n            const rect = overlayRef.current?.getBoundingClientRect();\n            setMousePosition({\n                x: event.clientX - (rect?.left ?? 0),\n                y: event.clientY - (rect?.top ?? 0),\n            });\n        };\n\n        const onMouseUp = () => {\n            setMousePosition(undefined);\n        };\n\n        document.addEventListener('mousemove', onMouseMove);\n        document.addEventListener('mousedown', onMouseMove);\n        document.addEventListener('mouseup', onMouseUp);\n\n        return () => {\n            document.removeEventListener('mousemove', onMouseMove);\n            document.removeEventListener('mousedown', onMouseMove);\n            document.removeEventListener('mouseup', onMouseUp);\n        };\n    }, []);\n\n    return (\n        <div ref={overlayRef} className={b(null, className)}>\n            {mousePosition && manipulateOverlayMode ? (\n                <div\n                    className={b('border')}\n                    style={{\n                        top: mousePosition.y,\n                        left: mousePosition.x,\n                    }}\n                >\n                    <Stop height={20} width={20} />\n                </div>\n            ) : null}\n        </div>\n    );\n};\n\nexport default BigOverlay;\n"]}

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

@@ -1,25 +0,0 @@
-.pceditor-block-config-form {
-  height: 100%;
-}
-.pceditor-block-config-form_empty {
-  padding: 16px 12px;
-}
-.pceditor-block-config-form__title {
-  font-family: var(--g-text-subheader-font-family);
-  font-weight: var(--g-text-subheader-font-weight);
-  font-size: var(--g-text-subheader-3-font-size);
-  line-height: var(--g-text-subheader-3-line-height);
-  padding: 16px 12px;
-}
-.pceditor-block-config-form__form {
-  padding: 0 0 12px;
-}
-.pceditor-block-config-form__empty {
-  padding: 12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  height: 100%;
-  width: 100%;
-}

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

@@ -1,5 +0,0 @@
-interface BlockConfigFormProps {
-    className?: string;
-}
-declare const BlockConfigForm: ({ className }: BlockConfigFormProps) => import("react/jsx-runtime").JSX.Element;
-export default BlockConfigForm;

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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const FormGenerator_1 = tslib_1.__importDefault(require("../../../form-generator-v2/FormGenerator.js"));
-const MessageCard_1 = require("../../components/MessageCard/index.js");
-const messages_1 = require("../../constants/messages.js");
-const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const utils_1 = require("../../utils/index.js");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('block-config-form');
-const BlockConfigForm = ({ className }) => {
-    const { selectedBlock, content, blocks, subBlocks, updateField } = (0, useMainEditorStore_1.useMainEditorStore)();
-    const currentBlockPath = selectedBlock ? (0, utils_1.generateChildrenPathFromArray)(selectedBlock) : '[]';
-    const currentConfig = lodash_1.default.get(content.blocks, currentBlockPath || '');
-    const currentSchema = [...blocks, ...subBlocks].find(({ type }) => type === currentConfig?.type);
-    const onUpdateByKey = (key, value) => {
-        updateField('blocks' + currentBlockPath + '.' + key, value);
-    };
-    if (!currentConfig) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: b({ empty: true }, className), children: (0, jsx_runtime_1.jsx)(MessageCard_1.MessageCard, { title: messages_1.MESSAGES.NO_BLOCK_SELECTED.title, description: messages_1.MESSAGES.NO_BLOCK_SELECTED.description, theme: "info" }) }));
-    }
-    if (!currentSchema) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: b({ empty: true }, className), children: (0, jsx_runtime_1.jsx)(MessageCard_1.MessageCard, { title: messages_1.MESSAGES.UNSUPPORTED_BLOCK.title, description: messages_1.MESSAGES.UNSUPPORTED_BLOCK.description, theme: "warning" }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsx)("div", { className: b('title'), children: currentSchema.schema.name }), (0, jsx_runtime_1.jsx)("div", { className: b('form'), children: currentSchema.schema.inputs && ((0, jsx_runtime_1.jsx)(FormGenerator_1.default, { contentConfig: currentConfig, blockConfig: currentSchema.schema.inputs, onUpdateByKey: onUpdateByKey })) })] }));
-};
-exports.default = BlockConfigForm;
-//# sourceMappingURL=BlockConfigForm.js.map

package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockConfigForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/BlockConfigForm/BlockConfigForm.tsx"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAEvB,wGAAqE;AACrE,uEAAyD;AACzD,0DAAkD;AAClD,0EAAkE;AAClE,gDAA0D;AAC1D,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,mBAAmB,CAAC,CAAC;AAMxC,MAAM,eAAe,GAAG,CAAC,EAAC,SAAS,EAAuB,EAAE,EAAE;IAC1D,MAAM,EAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAEtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,IAAA,qCAA6B,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7F,MAAM,aAAa,GAAG,gBAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,IAAI,EAAE,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,IAAI,KAAK,aAAa,EAAE,IAAI,CAAC,CAAC;IAE/F,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;QAClD,WAAW,CAAC,QAAQ,GAAG,gBAAgB,GAAG,GAAG,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,YACvC,uBAAC,yBAAW,IACR,KAAK,EAAE,mBAAQ,CAAC,iBAAiB,CAAC,KAAK,EACvC,WAAW,EAAE,mBAAQ,CAAC,iBAAiB,CAAC,WAAW,EACnD,KAAK,EAAC,MAAM,GACd,GACA,CACT,CAAC;IACN,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,EAAE,SAAS,CAAC,YACvC,uBAAC,yBAAW,IACR,KAAK,EAAE,mBAAQ,CAAC,iBAAiB,CAAC,KAAK,EACvC,WAAW,EAAE,mBAAQ,CAAC,iBAAiB,CAAC,WAAW,EACnD,KAAK,EAAC,SAAS,GACjB,GACA,CACT,CAAC;IACN,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,aAAa,CAAC,MAAM,CAAC,IAAI,GAAO,EAC7D,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,aAAa,CAAC,MAAM,CAAC,MAAM,IAAI,CAC5B,uBAAC,uBAAa,IACV,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EACxC,aAAa,EAAE,aAAa,GAC9B,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport FormGenerator from '../../../form-generator-v2/FormGenerator';\nimport {MessageCard} from '../../components/MessageCard';\nimport {MESSAGES} from '../../constants/messages';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {generateChildrenPathFromArray} from '../../utils';\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockConfigForm.scss';\n\nconst b = editorCn('block-config-form');\n\ninterface BlockConfigFormProps {\n    className?: string;\n}\n\nconst BlockConfigForm = ({className}: BlockConfigFormProps) => {\n    const {selectedBlock, content, blocks, subBlocks, updateField} = useMainEditorStore();\n\n    const currentBlockPath = selectedBlock ? generateChildrenPathFromArray(selectedBlock) : '[]';\n\n    const currentConfig = _.get(content.blocks, currentBlockPath || '');\n    const currentSchema = [...blocks, ...subBlocks].find(({type}) => type === currentConfig?.type);\n\n    const onUpdateByKey = (key: string, value: unknown) => {\n        updateField('blocks' + currentBlockPath + '.' + key, value);\n    };\n\n    if (!currentConfig) {\n        return (\n            <div className={b({empty: true}, className)}>\n                <MessageCard\n                    title={MESSAGES.NO_BLOCK_SELECTED.title}\n                    description={MESSAGES.NO_BLOCK_SELECTED.description}\n                    theme=\"info\"\n                />\n            </div>\n        );\n    }\n\n    if (!currentSchema) {\n        return (\n            <div className={b({empty: true}, className)}>\n                <MessageCard\n                    title={MESSAGES.UNSUPPORTED_BLOCK.title}\n                    description={MESSAGES.UNSUPPORTED_BLOCK.description}\n                    theme=\"warning\"\n                />\n            </div>\n        );\n    }\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('title')}>{currentSchema.schema.name}</div>\n            <div className={b('form')}>\n                {currentSchema.schema.inputs && (\n                    <FormGenerator\n                        contentConfig={currentConfig}\n                        blockConfig={currentSchema.schema.inputs}\n                        onUpdateByKey={onUpdateByKey}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default BlockConfigForm;\n"]}

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

@@ -1,62 +0,0 @@
-.pceditor-blocks-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.pceditor-blocks-list__search {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.pceditor-blocks-list__title {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 4px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  width: 100%;
-  text-align: left;
-  user-select: none;
-  outline: none;
-  color: var(--g-color-text-secondary);
-  font-size: var(--g-text-subheader-1-font-size);
-  line-height: var(--g-text-subheader-1-line-height);
-  font-weight: 500;
-  border-radius: 8px;
-  transition: background-color 0.2s;
-}
-.pceditor-blocks-list__title:hover {
-  background-color: var(--g-color-base-generic-hover);
-}
-.pceditor-blocks-list__title:focus {
-  outline: none;
-}
-.pceditor-blocks-list__title-icon {
-  flex-shrink: 0;
-  color: var(--g-color-text-hint);
-  transition: transform 0.2s;
-}
-.pceditor-blocks-list__group:first-child {
-  margin-top: 0;
-}
-.pceditor-blocks-list__group:last-child {
-  border-bottom: none;
-}
-.pceditor-blocks-list__group_collapsed .pceditor-blocks-list__title-icon {
-  transform: rotate(0deg);
-}
-.pceditor-blocks-list__group:not(.pceditor-blocks-list__group_collapsed) .pceditor-blocks-list__title-icon {
-  transform: rotate(0deg);
-}
-.pceditor-blocks-list__group-items {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-  gap: 8px;
-  margin-top: 8px;
-}
-.pceditor-blocks-list__search-icon {
-  margin-left: 8px;
-  margin-right: 8px;
-}

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

@@ -1,5 +0,0 @@
-import { ClassNameProps } from "../../../models/index.js";
-interface BlockListProps extends ClassNameProps {
-}
-declare const BlocksList: ({ className }: BlockListProps) => import("react/jsx-runtime").JSX.Element;
-export default BlocksList;

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

@@ -1,98 +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 BlockCard_1 = tslib_1.__importDefault(require("../../components/BlockCard/BlockCard.js"));
-const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('blocks-list');
-const BlocksList = ({ className }) => {
-    const { blocks, enableInsertMode } = (0, useMainEditorStore_1.useMainEditorStore)();
-    const [search, setSearch] = React.useState('');
-    const [collapsedGroups, setCollapsedGroups] = React.useState(new Set());
-    const [showHidden, setShowHidden] = React.useState(false);
-    const onMouseDown = React.useCallback((blockType) => {
-        enableInsertMode(blockType);
-    }, [enableInsertMode]);
-    const toggleGroup = React.useCallback((groupKey) => {
-        setCollapsedGroups((prev) => {
-            const newSet = new Set(prev);
-            if (newSet.has(groupKey)) {
-                newSet.delete(groupKey);
-            }
-            else {
-                newSet.add(groupKey);
-            }
-            return newSet;
-        });
-    }, []);
-    const expandAll = React.useCallback(() => {
-        setCollapsedGroups(new Set());
-    }, []);
-    const groups = React.useMemo(() => {
-        const blocksGroups = blocks.reduce((acc, currentBlock) => {
-            const group = currentBlock.schema.group;
-            if (!showHidden && currentBlock.schema.hidden) {
-                return acc;
-            }
-            if (search &&
-                currentBlock.type.toLowerCase().indexOf(search.toLowerCase()) === -1 &&
-                currentBlock.schema.name.toLowerCase().indexOf(search.toLowerCase()) === -1) {
-                return acc;
-            }
-            if (group) {
-                if (!acc[group]) {
-                    /* eslint-disable no-param-reassign */
-                    acc[group] = [];
-                }
-                acc[group].push(currentBlock);
-            }
-            else {
-                if (!acc['Other']) {
-                    /* eslint-disable no-param-reassign */
-                    acc['Other'] = [];
-                }
-                acc['Other'].push(currentBlock);
-            }
-            return acc;
-        }, {});
-        return Object.keys(blocksGroups)
-            .sort()
-            .reduce((sortedGroups, key) => {
-            sortedGroups[key] = blocksGroups[key];
-            return sortedGroups;
-        }, {});
-    }, [blocks, search, showHidden]);
-    const collapseAll = React.useCallback(() => {
-        setCollapsedGroups(new Set(Object.keys(groups)));
-    }, [groups]);
-    const allGroupsExpanded = collapsedGroups.size === 0;
-    const allGroupsCollapsed = collapsedGroups.size === Object.keys(groups).length;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('search'), children: [(0, jsx_runtime_1.jsx)(uikit_1.TextInput, { size: "m", hasClear: true, placeholder: "Search block", onUpdate: setSearch, value: search, startContent: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('search-icon'), data: icons_1.Magnifier }) }), (0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { items: [
-                            {
-                                action: expandAll,
-                                text: 'Раскрыть все',
-                                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.FolderOpen }),
-                                disabled: allGroupsExpanded,
-                            },
-                            {
-                                action: collapseAll,
-                                text: 'Свернуть все',
-                                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Folder }),
-                                disabled: allGroupsCollapsed,
-                            },
-                            {
-                                action: () => setShowHidden(!showHidden),
-                                text: showHidden ? 'Скрыть скрытые' : 'Показать скрытые',
-                                iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: showHidden ? icons_1.EyeSlash : icons_1.Eye }),
-                            },
-                        ] })] }), Object.entries(groups).map(([key, groupBlocks]) => {
-                const isCollapsed = collapsedGroups.has(key);
-                return ((0, jsx_runtime_1.jsxs)("div", { className: b('group', { collapsed: isCollapsed }), children: [(0, jsx_runtime_1.jsxs)("button", { className: b('title'), onClick: () => toggleGroup(key), type: "button", children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('title-icon'), data: isCollapsed ? icons_1.ChevronRight : icons_1.ChevronDown, size: 14 }), key] }), !isCollapsed && ((0, jsx_runtime_1.jsx)("div", { className: b('group-items'), children: groupBlocks.map(({ type, schema: { name, previewImg } }) => ((0, jsx_runtime_1.jsx)(BlockCard_1.default, { type: type, name: name, previewImg: previewImg, onMouseDown: onMouseDown }, type))) }))] }, key));
-            })] }));
-};
-exports.default = BlocksList;
-//# sourceMappingURL=BlocksList.js.map

package/build/cjs/editor-v2/containers/BlocksList/BlocksList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlocksList.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/BlocksList/BlocksList.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    ChevronDown,\n    ChevronRight,\n    Eye,\n    EyeSlash,\n    Folder,\n    FolderOpen,\n    Magnifier,\n} from '@gravity-ui/icons';\nimport {DropdownMenu, Icon, TextInput} from '@gravity-ui/uikit';\n\nimport {ItemConfig} from '../../../common/types';\nimport {ClassNameProps} from '../../../models';\nimport BlockCard from '../../components/BlockCard/BlockCard';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './BlocksList.scss';\n\nconst b = editorCn('blocks-list');\n\ninterface BlockGroups {\n    [key: string]: ItemConfig[];\n}\n\ninterface BlockListProps extends ClassNameProps {}\n\nconst BlocksList = ({className}: BlockListProps) => {\n    const {blocks, enableInsertMode} = useMainEditorStore();\n    const [search, setSearch] = React.useState('');\n    const [collapsedGroups, setCollapsedGroups] = React.useState<Set<string>>(new Set());\n    const [showHidden, setShowHidden] = React.useState(false);\n\n    const onMouseDown = React.useCallback(\n        (blockType: string) => {\n            enableInsertMode(blockType);\n        },\n        [enableInsertMode],\n    );\n\n    const toggleGroup = React.useCallback((groupKey: string) => {\n        setCollapsedGroups((prev) => {\n            const newSet = new Set(prev);\n            if (newSet.has(groupKey)) {\n                newSet.delete(groupKey);\n            } else {\n                newSet.add(groupKey);\n            }\n            return newSet;\n        });\n    }, []);\n\n    const expandAll = React.useCallback(() => {\n        setCollapsedGroups(new Set());\n    }, []);\n\n    const groups = React.useMemo(() => {\n        const blocksGroups = blocks.reduce<BlockGroups>((acc, currentBlock) => {\n            const group = currentBlock.schema.group;\n\n            if (!showHidden && currentBlock.schema.hidden) {\n                return acc;\n            }\n\n            if (\n                search &&\n                currentBlock.type.toLowerCase().indexOf(search.toLowerCase()) === -1 &&\n                currentBlock.schema.name.toLowerCase().indexOf(search.toLowerCase()) === -1\n            ) {\n                return acc;\n            }\n            if (group) {\n                if (!acc[group]) {\n                    /* eslint-disable no-param-reassign */\n                    acc[group] = [];\n                }\n                acc[group].push(currentBlock);\n            } else {\n                if (!acc['Other']) {\n                    /* eslint-disable no-param-reassign */\n                    acc['Other'] = [];\n                }\n                acc['Other'].push(currentBlock);\n            }\n\n            return acc;\n        }, {} as BlockGroups);\n\n        return Object.keys(blocksGroups)\n            .sort()\n            .reduce((sortedGroups, key) => {\n                sortedGroups[key] = blocksGroups[key];\n                return sortedGroups;\n            }, {} as BlockGroups);\n    }, [blocks, search, showHidden]);\n\n    const collapseAll = React.useCallback(() => {\n        setCollapsedGroups(new Set(Object.keys(groups)));\n    }, [groups]);\n\n    const allGroupsExpanded = collapsedGroups.size === 0;\n    const allGroupsCollapsed = collapsedGroups.size === Object.keys(groups).length;\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('search')}>\n                <TextInput\n                    size=\"m\"\n                    hasClear\n                    placeholder=\"Search block\"\n                    onUpdate={setSearch}\n                    value={search}\n                    startContent={<Icon className={b('search-icon')} data={Magnifier} />}\n                />\n                <DropdownMenu\n                    items={[\n                        {\n                            action: expandAll,\n                            text: 'Раскрыть все',\n                            iconStart: <Icon data={FolderOpen} />,\n                            disabled: allGroupsExpanded,\n                        },\n                        {\n                            action: collapseAll,\n                            text: 'Свернуть все',\n                            iconStart: <Icon data={Folder} />,\n                            disabled: allGroupsCollapsed,\n                        },\n                        {\n                            action: () => setShowHidden(!showHidden),\n                            text: showHidden ? 'Скрыть скрытые' : 'Показать скрытые',\n                            iconStart: <Icon data={showHidden ? EyeSlash : Eye} />,\n                        },\n                    ]}\n                />\n            </div>\n            {Object.entries(groups).map(([key, groupBlocks]) => {\n                const isCollapsed = collapsedGroups.has(key);\n                return (\n                    <div className={b('group', {collapsed: isCollapsed})} key={key}>\n                        <button\n                            className={b('title')}\n                            onClick={() => toggleGroup(key)}\n                            type=\"button\"\n                        >\n                            <Icon\n                                className={b('title-icon')}\n                                data={isCollapsed ? ChevronRight : ChevronDown}\n                                size={14}\n                            />\n                            {key}\n                        </button>\n                        {!isCollapsed && (\n                            <div className={b('group-items')}>\n                                {groupBlocks.map(({type, schema: {name, previewImg}}) => (\n                                    <BlockCard\n                                        key={type}\n                                        type={type}\n                                        name={name}\n                                        previewImg={previewImg}\n                                        onMouseDown={onMouseDown}\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default BlocksList;\n"]}

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

@@ -1,38 +0,0 @@
-.pceditor-editor {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-.pceditor-editor__header {
-  height: 0px;
-  width: 100%;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pceditor-editor__body {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  width: 100%;
-  max-height: calc(100% - 0px);
-}
-.pceditor-editor__canvas {
-  flex: 1;
-}
-.pceditor-editor__overlay {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  z-index: 100;
-}
-.pceditor-editor__debug-store {
-  position: fixed;
-  right: 8px;
-  bottom: 8px;
-  z-index: 1000;
-}

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { PageContent } from "../../../models/index.js";
-interface SidebarTabComponent {
-    id: string;
-    title: string;
-    component: React.ElementType;
-}
-interface EditorSlots {
-    middleTop?: React.ElementType;
-    leftTop?: React.ElementType[];
-    rightTop?: React.ElementType[];
-    leftTabs?: SidebarTabComponent[];
-    rightTabs?: SidebarTabComponent[];
-}
-export interface EditorProviderProps {
-    initialUrl: string;
-    disableUrlField?: boolean;
-    children: React.ReactNode;
-}
-export interface EditorViewProps {
-    onUpdate?: (pageContent: PageContent) => void;
-    content?: PageContent;
-    slots?: EditorSlots;
-}
-type EditorProps = Omit<EditorProviderProps, 'children'> & EditorViewProps;
-export declare const EditorProvider: ({ initialUrl, disableUrlField, children }: EditorProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const EditorView: (props: EditorViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Editor: (props: EditorProps) => import("react/jsx-runtime").JSX.Element;
-export {};