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

package/build/esm/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,OAAO,EAAC,iBAAiB,EAAE,kBAAkB,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAEnG,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAQ7B,MAAM,CAAC,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,MAAC,UAAU,IACP,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,UAAU,EAAC,yBAAyB,EACpC,SAAS,EAAC,YAAY,aAEtB,KAAC,KAAK,IAAC,GAAG,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAC1D,IAAI,GACD,EACR,MAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,IAAI,IAAI,CACjB,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,YAC1C,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,YAErC,KAAC,IAAI,IAAC,IAAI,EAAE,kBAAkB,GAAI,GAC7B,GACP,CACT,IACe,EACpB,KAAC,KAAK,IAAC,OAAO,EAAE,EAAE,YAAG,MAAM,GAAS,EACpC,MAAC,iBAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,KAAK,IAAI,CAClB,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAC3C,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,YAEtC,KAAC,IAAI,IAAC,IAAI,EAAE,iBAAiB,GAAI,GAC5B,GACP,CACT,IACe,EACpB,KAAC,KAAK,IAAC,GAAG,EAAE,UAAU,EAAE,WAAW,QAAC,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,YAC3D,KAAK,GACF,IACC,CAChB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {ArrowLeftFromLine, ArrowRightFromLine, Grip} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\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={ArrowRightFromLine} />\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={ArrowLeftFromLine} />\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/esm/editor-v2/components/Sidebar/Sidebar.css

@@ -1,24 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.pceditor-sidebar {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.pceditor-sidebar__block {
-  width: 100%;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}

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

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

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { editorCn } from "../../utils/cn.js";
-import Tabs from "../Tabs/Tabs.js";
-import './Sidebar.css';
-const b = editorCn('sidebar');
-export const Sidebar = ({ className, tabs, top = [] }) => {
-    return (_jsxs("div", { className: b(null, className), children: [top.map((TopComponent, idx) => (_jsx("div", { className: b('block'), children: _jsx(TopComponent, {}) }, idx))), _jsx(Tabs, { items: tabs })] }));
-};
-//# sourceMappingURL=Sidebar.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AACxC,OAAO,IAAqB,wBAAqB;AAEjD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAS9B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAe,EAAE,EAAE;IACjE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,GAAG,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,cAAe,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAChC,KAAC,YAAY,KAAG,IADV,GAAG,CAEP,CACT,CAAC,EACF,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,GAAI,IACnB,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {editorCn} from '../../utils/cn';\nimport Tabs, {TabsItemProps} from '../Tabs/Tabs';\n\nimport './Sidebar.scss';\n\nconst b = editorCn('sidebar');\n\ninterface SidebarProps {\n    tabs: TabsItemProps[];\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"]}

package/build/esm/editor-v2/components/StoreViewer/StoreViewer.css

@@ -1,29 +0,0 @@
-.pceditor-store-viewer {
-  background-color: var(--g-color-base-float-heavy);
-  border-radius: 12px;
-  border: 1px solid var(--g-color-line-generic);
-  overflow: hidden;
-  opacity: 0.3;
-}
-.pceditor-store-viewer:hover {
-  opacity: 1;
-}
-.pceditor-store-viewer_open {
-  opacity: 1;
-}
-.pceditor-store-viewer_open .pceditor-store-viewer__box {
-  display: block;
-}
-.pceditor-store-viewer__head {
-  padding: 12px;
-}
-.pceditor-store-viewer__box {
-  max-height: 80vh;
-  overflow: scroll;
-  display: none;
-  min-width: 400px;
-  max-width: 80vw;
-  padding: 12px;
-  background-color: var(--g-color-base-float);
-  white-space: pre;
-}

package/build/esm/editor-v2/components/StoreViewer/StoreViewer.d.ts

@@ -1,7 +0,0 @@
-import './StoreViewer.css';
-interface StoreViewerProps {
-    className?: string;
-    store: object;
-}
-declare const StoreViewer: ({ store, className }: StoreViewerProps) => import("react/jsx-runtime").JSX.Element;
-export default StoreViewer;

package/build/esm/editor-v2/components/StoreViewer/StoreViewer.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Code } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import * as React from 'react';
-import ReactJson from 'react-json-view';
-import { removeFn } from "../../../../common/utils.js";
-import { editorCn } from "../../utils/cn.js";
-import './StoreViewer.css';
-const b = editorCn('store-viewer');
-const StoreViewer = ({ store, className }) => {
-    const [open, setOpen] = React.useState(false);
-    return (_jsxs("div", { className: b({ open }, className), children: [_jsx("div", { className: b('head'), children: _jsx(Button, { view: "action", onClick: () => setOpen(!open), children: _jsx(Icon, { data: Code }) }) }), _jsx("div", { className: b('box'), children: _jsx(ReactJson, { style: { backgroundColor: 'transparent' }, src: removeFn(store), collapsed: true, theme: "bright:inverted" }) })] }));
-};
-export default StoreViewer;
-//# sourceMappingURL=StoreViewer.js.map

package/build/esm/editor-v2/components/StoreViewer/StoreViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StoreViewer.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/StoreViewer/StoreViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAC,QAAQ,EAAC,oCAAiC;AAClD,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAOnC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAmB,EAAE,EAAE;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAChC,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GACf,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YACpB,KAAC,SAAS,IACN,KAAK,EAAE,EAAC,eAAe,EAAE,aAAa,EAAC,EACvC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,EACpB,SAAS,QACT,KAAK,EAAC,iBAAiB,GACzB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import {Code} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\nimport ReactJson from 'react-json-view';\n\nimport {removeFn} from '../../../../common/utils';\nimport {editorCn} from '../../utils/cn';\n\nimport './StoreViewer.scss';\n\nconst b = editorCn('store-viewer');\n\ninterface StoreViewerProps {\n    className?: string;\n    store: object;\n}\n\nconst StoreViewer = ({store, className}: StoreViewerProps) => {\n    const [open, setOpen] = React.useState(false);\n    return (\n        <div className={b({open}, className)}>\n            <div className={b('head')}>\n                <Button view=\"action\" onClick={() => setOpen(!open)}>\n                    <Icon data={Code} />\n                </Button>\n            </div>\n            <div className={b('box')}>\n                <ReactJson\n                    style={{backgroundColor: 'transparent'}}\n                    src={removeFn(store)}\n                    collapsed\n                    theme=\"bright:inverted\"\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default StoreViewer;\n"]}

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

@@ -1,26 +0,0 @@
-.pceditor-tabs {
-  overflow: auto;
-  width: 100%;
-}
-.pceditor-tabs__item {
-  color: var(--g-color-private-black-300);
-  font-weight: 500;
-  letter-spacing: 0.5px;
-  cursor: pointer;
-}
-.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: 16px 4px;
-}
-.pceditor-tabs__body {
-  flex: 1;
-  border-right: 1px solid var(--g-color-line-generic);
-  overflow-y: auto;
-}

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

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

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

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { editorCn } from "../../utils/cn.js";
-import './Tabs.css';
-const b = editorCn('tabs');
-const Tabs = ({ className, items, defaultTab }) => {
-    const [currentTab, setCurrentTab] = React.useState(defaultTab);
-    const activeTabId = React.useMemo(() => {
-        if (currentTab) {
-            return currentTab;
-        }
-        return items[0].id;
-    }, [currentTab, items]);
-    const handleClick = React.useCallback((tabId) => () => {
-        setCurrentTab(tabId);
-    }, []);
-    const TabComponent = React.useMemo(() => {
-        const findTab = items.find(({ id }) => id === activeTabId);
-        return findTab?.component;
-    }, [activeTabId, items]);
-    return (_jsxs("div", { className: b(null, className), children: [_jsx("div", { className: b('tabs-wrapper'), role: "tablist", children: items.map(({ id, title }) => {
-                    const isActive = id === activeTabId;
-                    return (_jsx(Button, { view: "flat", size: "s", className: b('item', { active: isActive }), extraProps: {
-                            role: 'tab',
-                        }, onClick: handleClick(id), children: title }, title));
-                }) }), _jsx("div", { className: b('body'), children: TabComponent && _jsx(TabComponent, {}) })] }));
-};
-export default Tabs;
-//# sourceMappingURL=Tabs.js.map

package/build/esm/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,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAc3B,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,WAAW,GAAkB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClD,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,UAAU,CAAC;QACtB,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,EAAE,CACL,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;QACzD,OAAO,OAAO,EAAE,SAAS,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,EAAE,EAAE;oBACvB,MAAM,QAAQ,GAAG,EAAE,KAAK,WAAW,CAAC;oBAEpC,OAAO,CACH,KAAC,MAAM,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,EAAE,CAAC,YAEvB,KAAK,IAND,KAAK,CAOL,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,YAAY,IAAI,KAAC,YAAY,KAAG,GAAO,IACjE,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import {Button} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './Tabs.scss';\n\nconst b = editorCn('tabs');\n\nexport interface TabsItemProps {\n    id: string;\n    title: string;\n    component: React.ElementType;\n}\n\nexport interface TabsProps {\n    className?: string;\n    items: TabsItemProps[];\n    defaultTab?: string | null;\n}\n\nconst Tabs = ({className, items, defaultTab}: TabsProps) => {\n    const [currentTab, setCurrentTab] = React.useState(defaultTab);\n\n    const activeTabId: string | null = React.useMemo(() => {\n        if (currentTab) {\n            return currentTab;\n        }\n\n        return items[0].id;\n    }, [currentTab, items]);\n\n    const handleClick = React.useCallback(\n        (tabId: string) => () => {\n            setCurrentTab(tabId);\n        },\n        [],\n    );\n\n    const TabComponent = React.useMemo(() => {\n        const findTab = items.find(({id}) => id === activeTabId);\n        return findTab?.component;\n    }, [activeTabId, items]);\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('tabs-wrapper')} role=\"tablist\">\n                {items.map(({id, title}) => {\n                    const isActive = id === activeTabId;\n\n                    return (\n                        <Button\n                            view=\"flat\"\n                            size=\"s\"\n                            className={b('item', {active: isActive})}\n                            key={title}\n                            extraProps={{\n                                role: 'tab',\n                            }}\n                            onClick={handleClick(id)}\n                        >\n                            {title}\n                        </Button>\n                    );\n                })}\n            </div>\n            <div className={b('body')}>{TabComponent && <TabComponent />}</div>\n        </div>\n    );\n};\n\nexport default Tabs;\n"]}

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

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

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

@@ -1,2 +0,0 @@
-export const ZOOM_STEPS = [25, 33, 50, 75, 100, 125, 150, 200, 250, 300];
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["editor-v2/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,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/esm/editor-v2/containers/BigOverlay/BigOverlay.css

@@ -1,35 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.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/esm/editor-v2/containers/BigOverlay/BigOverlay.d.ts

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

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

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Stop } from '@gravity-ui/icons';
-import * as React from 'react';
-import { usePostMessageAPIListener } from "../../../../common/postMessage.js";
-import { IframeContext } from "../../context/iframeContext/index.js";
-import { useMainEditorStore } from "../../hooks/useMainEditorStore.js";
-import { editorCn } from "../../utils/cn.js";
-import './BigOverlay.css';
-const b = editorCn('big-overlay');
-const BigOverlay = ({ className }) => {
-    const { zoom, manipulateOverlayMode } = useMainEditorStore();
-    const { iframeElement } = React.useContext(IframeContext);
-    const [mousePosition, setMousePosition] = React.useState(undefined);
-    const [source, setSource] = React.useState('main');
-    const onMouseUp = React.useCallback(() => {
-        setMousePosition(undefined);
-    }, []);
-    const onIframeMouseEvent = React.useCallback((position) => {
-        setMousePosition(position);
-        setSource('iframe');
-    }, []);
-    usePostMessageAPIListener('ON_MOUSE_UP', onMouseUp);
-    usePostMessageAPIListener('ON_MOUSE_MOVE', onIframeMouseEvent);
-    React.useEffect(() => {
-        const onEditorMouseEvent = (event) => {
-            setMousePosition({ x: event.clientX, y: event.clientY });
-            setSource('main');
-        };
-        document.addEventListener('mousemove', onEditorMouseEvent);
-        document.addEventListener('mousedown', onEditorMouseEvent);
-        return () => {
-            document.removeEventListener('mousemove', onEditorMouseEvent);
-            document.removeEventListener('mousedown', onEditorMouseEvent);
-        };
-    }, []);
-    const realPositions = React.useMemo(() => {
-        if (mousePosition) {
-            const { x, y } = mousePosition;
-            const iframeRect = iframeElement?.getClientRects().item(0);
-            if (iframeRect) {
-                const zoomedX = (x * zoom) / 100;
-                const zoomedY = (y * zoom) / 100;
-                const newX = source === 'main' ? x : zoomedX + iframeRect.x;
-                const newY = source === 'main' ? y : zoomedY + iframeRect.y;
-                return { x: newX, y: newY };
-            }
-        }
-        return undefined;
-    }, [mousePosition, source, iframeElement, zoom]);
-    return (_jsx("div", { className: b(null, className), children: realPositions && manipulateOverlayMode ? (_jsx("div", { className: b('border'), style: {
-                top: realPositions.y,
-                left: realPositions.x,
-            }, children: _jsx(Stop, { height: 20, width: 20 }) })) : null }));
-};
-export default BigOverlay;
-//# sourceMappingURL=BigOverlay.js.map

package/build/esm/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":"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","sourcesContent":["import {Stop} from '@gravity-ui/icons';\nimport * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../../../common/postMessage';\nimport {IframeContext} from '../../context/iframeContext';\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 {zoom, manipulateOverlayMode} = useMainEditorStore();\n    const {iframeElement} = React.useContext(IframeContext);\n    const [mousePosition, setMousePosition] = React.useState<{x: number; y: number} | undefined>(\n        undefined,\n    );\n    const [source, setSource] = React.useState<'main' | 'iframe'>('main');\n\n    const onMouseUp = React.useCallback(() => {\n        setMousePosition(undefined);\n    }, []);\n\n    const onIframeMouseEvent = React.useCallback((position: {x: number; y: number}) => {\n        setMousePosition(position);\n        setSource('iframe');\n    }, []);\n\n    usePostMessageAPIListener('ON_MOUSE_UP', onMouseUp);\n    usePostMessageAPIListener('ON_MOUSE_MOVE', onIframeMouseEvent);\n\n    React.useEffect(() => {\n        const onEditorMouseEvent = (event: MouseEvent) => {\n            setMousePosition({x: event.clientX, y: event.clientY});\n            setSource('main');\n        };\n\n        document.addEventListener('mousemove', onEditorMouseEvent);\n        document.addEventListener('mousedown', onEditorMouseEvent);\n\n        return () => {\n            document.removeEventListener('mousemove', onEditorMouseEvent);\n            document.removeEventListener('mousedown', onEditorMouseEvent);\n        };\n    }, []);\n\n    const realPositions = React.useMemo(() => {\n        if (mousePosition) {\n            const {x, y} = mousePosition;\n            const iframeRect = iframeElement?.getClientRects().item(0);\n            if (iframeRect) {\n                const zoomedX = (x * zoom) / 100;\n                const zoomedY = (y * zoom) / 100;\n                const newX = source === 'main' ? x : zoomedX + iframeRect.x;\n                const newY = source === 'main' ? y : zoomedY + iframeRect.y;\n                return {x: newX, y: newY};\n            }\n        }\n\n        return undefined;\n    }, [mousePosition, source, iframeElement, zoom]);\n\n    return (\n        <div className={b(null, className)}>\n            {realPositions && manipulateOverlayMode ? (\n                <div\n                    className={b('border')}\n                    style={{\n                        top: realPositions.y,\n                        left: realPositions.x,\n                    }}\n                >\n                    <Stop height={20} width={20} />\n                </div>\n            ) : null}\n        </div>\n    );\n};\n\nexport default BigOverlay;\n"]}

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

@@ -1,33 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.pceditor-block-config__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: 12px 16px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pceditor-block-config__form {
-  padding: 12px 0;
-}
-.pceditor-block-config__empty {
-  padding: 12px 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  height: 100%;
-  width: 100%;
-}

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

@@ -1,6 +0,0 @@
-import './BlockConfig.css';
-interface BlockConfigProps {
-    className?: string;
-}
-declare const BlockConfig: ({ className }: BlockConfigProps) => import("react/jsx-runtime").JSX.Element;
-export default BlockConfig;

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import _ from 'lodash';
-import DynamicForm from "../../components/DynamicForm/DynamicForm.js";
-import { useMainEditorStore } from "../../hooks/useMainEditorStore.js";
-import { generateChildrenPathFromArray } from "../../utils/index.js";
-import { editorCn } from "../../utils/cn.js";
-import './BlockConfig.css';
-const b = editorCn('block-config');
-const BlockConfig = ({ className }) => {
-    const { selectedBlock, content, blocks, subBlocks, updateField } = useMainEditorStore();
-    const currentBlockPath = selectedBlock ? generateChildrenPathFromArray(selectedBlock) : '[]';
-    const currentConfig = _.get(content.blocks, currentBlockPath || '');
-    const currentSchema = [...blocks, ...subBlocks].find(({ type }) => type === currentConfig?.type);
-    const onUpdate = (key, value) => {
-        updateField('blocks' + currentBlockPath + '.' + key, value);
-    };
-    if (!currentConfig) {
-        return _jsx("div", { className: b('empty'), children: "Select block for start" });
-    }
-    if (!currentSchema) {
-        return _jsxs("div", { className: b('empty'), children: ["Not supported: ", currentConfig.type] });
-    }
-    return (_jsxs("div", { className: b(null, className), children: [_jsx("div", { className: b('title'), children: currentSchema.schema.name }), _jsx("div", { className: b('form'), children: _jsx(DynamicForm, { contentConfig: currentConfig, blockConfig: currentSchema.schema.inputs, onUpdate: onUpdate }) })] }));
-};
-export default BlockConfig;
-//# sourceMappingURL=BlockConfig.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BlockConfig.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/BlockConfig/BlockConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAGvB,OAAO,WAAW,oDAAiD;AACnE,OAAO,EAAC,kBAAkB,EAAC,0CAAuC;AAClE,OAAO,EAAC,6BAA6B,EAAC,6BAAoB;AAC1D,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAMnC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAmB,EAAE,EAAE;IAClD,MAAM,EAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,6BAA6B,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7F,MAAM,aAAa,GAAG,CAAC,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,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAuB,EAAE,EAAE;QACtD,WAAW,CAAC,QAAQ,GAAG,gBAAgB,GAAG,GAAG,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,uCAA8B,CAAC;IACpE,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,gCAAkB,aAAa,CAAC,IAAI,IAAO,CAAC;IACjF,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,aAAa,CAAC,MAAM,CAAC,IAAI,GAAO,EAC7D,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,WAAW,IACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EACxC,QAAQ,EAAE,QAAQ,GACpB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../../common/types';\nimport DynamicForm from '../../components/DynamicForm/DynamicForm';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {generateChildrenPathFromArray} from '../../utils';\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockConfig.scss';\n\nconst b = editorCn('block-config');\n\ninterface BlockConfigProps {\n    className?: string;\n}\n\nconst BlockConfig = ({className}: BlockConfigProps) => {\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 onUpdate = (key: string, value: DynamicFormValue) => {\n        updateField('blocks' + currentBlockPath + '.' + key, value);\n    };\n\n    if (!currentConfig) {\n        return <div className={b('empty')}>Select block for start</div>;\n    }\n\n    if (!currentSchema) {\n        return <div className={b('empty')}>Not supported: {currentConfig.type}</div>;\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                <DynamicForm\n                    contentConfig={currentConfig}\n                    blockConfig={currentSchema.schema.inputs}\n                    onUpdate={onUpdate}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BlockConfig;\n"]}

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

@@ -1,65 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.pceditor-blocks-list {
-  padding: 16px 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.pceditor-blocks-list__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;
-}
-.pceditor-blocks-list__card:active {
-  background-color: var(--g-color-base-generic-hover);
-  cursor: grabbing;
-}
-.pceditor-blocks-list__name {
-  justify-self: flex-end;
-  color: var(--g-color-text-dark-secondary);
-}
-.pceditor-blocks-list__title {
-  color: var(--g-color-text-dark-secondary);
-  margin-bottom: 10px;
-}
-.pceditor-blocks-list__icon {
-  color: var(--g-color-text-dark-complementary);
-}
-.pceditor-blocks-list__group {
-  padding-bottom: 12px;
-  margin-top: 12px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pceditor-blocks-list__group:first-child {
-  margin-top: 0;
-}
-.pceditor-blocks-list__group:last-child {
-  border-bottom: none;
-}
-.pceditor-blocks-list__group-items {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 8px;
-}
-.pceditor-blocks-list__search-icon {
-  margin-left: 8px;
-}

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

@@ -1,3 +0,0 @@
-import './BlocksList.css';
-declare const BlocksList: () => import("react/jsx-runtime").JSX.Element;
-export default BlocksList;

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

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Magnifier, SquareBars } from '@gravity-ui/icons';
-import { Card, Icon, TextInput } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { useMainEditorStore } from "../../hooks/useMainEditorStore.js";
-import { editorCn } from "../../utils/cn.js";
-import './BlocksList.css';
-const b = editorCn('blocks-list');
-const BlocksList = () => {
-    const { blocks, enableInsertMode } = useMainEditorStore();
-    const [search, setSearch] = React.useState('');
-    const onMouseDown = React.useCallback((blockType) => {
-        enableInsertMode(blockType);
-    }, [enableInsertMode]);
-    const groups = React.useMemo(() => {
-        return blocks.reduce((acc, currentBlock) => {
-            const group = currentBlock.schema.group;
-            if (search && currentBlock.type.indexOf(search) === -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;
-        }, {});
-    }, [blocks, search]);
-    return (_jsxs("div", { className: b(), children: [_jsx("div", { className: b('search'), children: _jsx(TextInput, { hasClear: true, placeholder: "Search block", onUpdate: setSearch, value: search, startContent: _jsx(Icon, { className: b('search-icon'), data: Magnifier }) }) }), Object.entries(groups).map(([key, groupBlocks]) => (_jsxs("div", { className: b('group'), children: [_jsx("div", { className: b('title'), children: key }), _jsx("div", { className: b('group-items'), children: groupBlocks.map(({ type, schema: { name, previewImg } }) => (_jsxs(Card, { className: b('card'), onMouseDown: () => onMouseDown(type), children: [_jsx("div", { children: previewImg ? (_jsx("img", { src: previewImg, alt: "" })) : (_jsx(Icon, { className: b('icon'), size: 45, data: SquareBars })) }), _jsx("div", { className: b('name'), children: name })] }, type))) })] }, key)))] }));
-};
-export default BlocksList;
-//# sourceMappingURL=BlocksList.js.map

package/build/esm/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 {Magnifier, SquareBars} from '@gravity-ui/icons';\nimport {Card, Icon, TextInput} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ItemConfig} from '../../../../common/types';\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\nconst BlocksList = () => {\n    const {blocks, enableInsertMode} = useMainEditorStore();\n    const [search, setSearch] = React.useState('');\n\n    const onMouseDown = React.useCallback(\n        (blockType: string) => {\n            enableInsertMode(blockType);\n        },\n        [enableInsertMode],\n    );\n\n    const groups = React.useMemo(() => {\n        return blocks.reduce<BlockGroups>((acc, currentBlock) => {\n            const group = currentBlock.schema.group;\n            if (search && currentBlock.type.indexOf(search) === -1) {\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    }, [blocks, search]);\n\n    return (\n        <div className={b()}>\n            <div className={b('search')}>\n                <TextInput\n                    hasClear\n                    placeholder=\"Search block\"\n                    onUpdate={setSearch}\n                    value={search}\n                    startContent={<Icon className={b('search-icon')} data={Magnifier} />}\n                />\n            </div>\n            {Object.entries(groups).map(([key, groupBlocks]) => (\n                <div className={b('group')} key={key}>\n                    <div className={b('title')}>{key}</div>\n                    <div className={b('group-items')}>\n                        {groupBlocks.map(({type, schema: {name, previewImg}}) => (\n                            <Card\n                                key={type}\n                                className={b('card')}\n                                onMouseDown={() => onMouseDown(type)}\n                            >\n                                <div>\n                                    {previewImg ? (\n                                        <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                    </div>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default BlocksList;\n"]}

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

@@ -1,51 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.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/esm/editor-v2/containers/Editor/Editor.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { PageContentWithNavigation } from "../../../models/index.js";
-import './Editor.css';
-interface SidebarTabComponent {
-    id: string;
-    title: string;
-    component: React.ElementType;
-}
-interface EditorViewProps {
-    onUpdate?: (pageContent: PageContentWithNavigation) => void;
-    initialUrl: string;
-    disableUrlField?: boolean;
-    componentsConfig?: {
-        middleTop?: React.ElementType;
-        leftTop?: React.ElementType[];
-        rightTop?: React.ElementType[];
-        leftTabs?: SidebarTabComponent[];
-        rightTabs?: SidebarTabComponent[];
-    };
-}
-export declare const Editor: (props: EditorViewProps) => import("react/jsx-runtime").JSX.Element;
-export {};