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

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

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = exports.EditorView = exports.EditorProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const postMessage_1 = require("../../../common/postMessage.js");
-const Panels_1 = require("../../components/Panels/Panels.js");
-const Sidebar_1 = require("../../components/Sidebar/Sidebar.js");
-const BigOverlay_1 = tslib_1.__importDefault(require("../BigOverlay/BigOverlay.js"));
-const MiddleScreen_1 = tslib_1.__importDefault(require("../MiddleScreen/MiddleScreen.js"));
-const editorStore_1 = require("../../context/editorStore/index.js");
-const iframeContext_1 = require("../../context/iframeContext/index.js");
-const useEditorTabs_1 = require("../../hooks/useEditorTabs.js");
-const useMainEditorInitialize_1 = tslib_1.__importDefault(require("../../hooks/useMainEditorInitialize.js"));
-const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const cn_1 = require("../../utils/cn.js");
-const Source_1 = tslib_1.__importDefault(require("../Source/Source.js"));
-const ViewSwitches_1 = tslib_1.__importDefault(require("../ViewSwitches/ViewSwitches.js"));
-const b = (0, cn_1.editorCn)('editor');
-const EditorViewInternal = ({ slots = {}, content }) => {
-    const store = (0, useMainEditorStore_1.useMainEditorStore)();
-    const { manipulateOverlayMode, disableMode, undo, redo } = store;
-    (0, useMainEditorInitialize_1.default)(content);
-    (0, postMessage_1.usePostMessageAPIListener)('ON_EDITOR_UNDO', () => {
-        undo();
-    }, [undo]);
-    (0, postMessage_1.usePostMessageAPIListener)('ON_EDITOR_REDO', () => {
-        redo();
-    }, [redo]);
-    React.useEffect(() => {
-        const onKeyDown = (e) => {
-            if (!(e.metaKey || e.ctrlKey)) {
-                return;
-            }
-            if (e.key.toLowerCase() !== 'z') {
-                return;
-            }
-            const target = e.target;
-            if (target?.closest('input, textarea, select, [contenteditable="true"]')) {
-                return;
-            }
-            e.preventDefault();
-            if (e.shiftKey) {
-                redo();
-            }
-            else {
-                undo();
-            }
-        };
-        window.addEventListener('keydown', onKeyDown, true);
-        return () => window.removeEventListener('keydown', onKeyDown, true);
-    }, [redo, undo]);
-    // Disable insert mode on any MouseUp event
-    // Maybe should be attached to body
-    const onMouseUp = React.useCallback((e) => {
-        if (manipulateOverlayMode) {
-            e.preventDefault();
-            disableMode();
-        }
-    }, [disableMode, manipulateOverlayMode]);
-    const { left, right } = (0, useEditorTabs_1.useEditorTabs)(slots);
-    return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    (0, jsx_runtime_1.jsxs)("div", { className: b(), onMouseUp: onMouseUp, children: [(0, jsx_runtime_1.jsx)("div", { className: b('body'), children: (0, jsx_runtime_1.jsx)(Panels_1.Panels, { left: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { tabs: left, top: slots.leftTop }), right: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { tabs: right, top: [...(slots.rightTop || []), Source_1.default, ViewSwitches_1.default], defaultTab: "block-config" }), middle: (0, jsx_runtime_1.jsx)(MiddleScreen_1.default, { CustomTop: slots.middleTop }) }) }), (0, jsx_runtime_1.jsx)(BigOverlay_1.default, { className: b('overlay') })] }));
-};
-const EditorProvider = ({ initialUrl, disableUrlField, children }) => {
-    return ((0, jsx_runtime_1.jsx)(iframeContext_1.IframeProvider, { initialUrl: initialUrl, disableUrlField: disableUrlField, children: (0, jsx_runtime_1.jsx)(editorStore_1.MainEditorStoreProvider, { children: children }) }));
-};
-exports.EditorProvider = EditorProvider;
-const EditorView = (props) => (0, jsx_runtime_1.jsx)(EditorViewInternal, { ...props });
-exports.EditorView = EditorView;
-const Editor = (props) => {
-    return ((0, jsx_runtime_1.jsx)(exports.EditorProvider, { initialUrl: props.initialUrl, disableUrlField: props.disableUrlField, children: (0, jsx_runtime_1.jsx)(exports.EditorView, { ...props }) }));
-};
-exports.Editor = Editor;
-//# sourceMappingURL=Editor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Editor/Editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {PageContent} from '../../../models';\nimport {Panels} from '../../components/Panels/Panels';\nimport {Sidebar} from '../../components/Sidebar/Sidebar';\nimport BigOverlay from '../../containers/BigOverlay/BigOverlay';\nimport MiddleScreen from '../../containers/MiddleScreen/MiddleScreen';\nimport {MainEditorStoreProvider} from '../../context/editorStore';\nimport {IframeProvider} from '../../context/iframeContext';\nimport {useEditorTabs} from '../../hooks/useEditorTabs';\nimport useMainEditorInitialize from '../../hooks/useMainEditorInitialize';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Source from '../Source/Source';\nimport ViewSwitches from '../ViewSwitches/ViewSwitches';\n\nimport './Editor.scss';\n\nconst b = editorCn('editor');\n\ninterface SidebarTabComponent {\n    id: string;\n    title: string;\n    component: React.ElementType;\n}\n\ninterface EditorSlots {\n    middleTop?: React.ElementType;\n    leftTop?: React.ElementType[];\n    rightTop?: React.ElementType[];\n    leftTabs?: SidebarTabComponent[];\n    rightTabs?: SidebarTabComponent[];\n}\n\nexport interface EditorProviderProps {\n    initialUrl: string;\n    disableUrlField?: boolean;\n    children: React.ReactNode;\n}\n\nexport interface EditorViewProps {\n    onUpdate?: (pageContent: PageContent) => void;\n    content?: PageContent;\n    slots?: EditorSlots;\n}\n\ntype EditorProps = Omit<EditorProviderProps, 'children'> & EditorViewProps;\n\nconst EditorViewInternal = ({slots = {}, content}: EditorViewProps) => {\n    const store = useMainEditorStore();\n    const {manipulateOverlayMode, disableMode, undo, redo} = store;\n\n    useMainEditorInitialize(content);\n\n    usePostMessageAPIListener(\n        'ON_EDITOR_UNDO',\n        () => {\n            undo();\n        },\n        [undo],\n    );\n    usePostMessageAPIListener(\n        'ON_EDITOR_REDO',\n        () => {\n            redo();\n        },\n        [redo],\n    );\n\n    React.useEffect(() => {\n        const onKeyDown = (e: KeyboardEvent) => {\n            if (!(e.metaKey || e.ctrlKey)) {\n                return;\n            }\n\n            if (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                redo();\n            } else {\n                undo();\n            }\n        };\n\n        window.addEventListener('keydown', onKeyDown, true);\n\n        return () => window.removeEventListener('keydown', onKeyDown, true);\n    }, [redo, undo]);\n\n    // Disable insert mode on any MouseUp event\n    // Maybe should be attached to body\n    const onMouseUp = React.useCallback(\n        (e: React.MouseEvent) => {\n            if (manipulateOverlayMode) {\n                e.preventDefault();\n                disableMode();\n            }\n        },\n        [disableMode, manipulateOverlayMode],\n    );\n    const {left, right} = useEditorTabs(slots);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div className={b()} onMouseUp={onMouseUp}>\n            <div className={b('body')}>\n                <Panels\n                    left={<Sidebar tabs={left} top={slots.leftTop} />}\n                    right={\n                        <Sidebar\n                            tabs={right}\n                            top={[...(slots.rightTop || []), Source, ViewSwitches]}\n                            defaultTab=\"block-config\"\n                        />\n                    }\n                    middle={<MiddleScreen CustomTop={slots.middleTop} />}\n                />\n            </div>\n            <BigOverlay className={b('overlay')} />\n        </div>\n    );\n};\n\nexport const EditorProvider = ({initialUrl, disableUrlField, children}: EditorProviderProps) => {\n    return (\n        <IframeProvider initialUrl={initialUrl} disableUrlField={disableUrlField}>\n            <MainEditorStoreProvider>{children}</MainEditorStoreProvider>\n        </IframeProvider>\n    );\n};\n\nexport const EditorView = (props: EditorViewProps) => <EditorViewInternal {...props} />;\n\nexport const Editor = (props: EditorProps) => {\n    return (\n        <EditorProvider initialUrl={props.initialUrl} disableUrlField={props.disableUrlField}>\n            <EditorView {...props} />\n        </EditorProvider>\n    );\n};\n"]}

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

@@ -1,8 +0,0 @@
-.pceditor-global-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: 16px 12px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}

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

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

package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.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 FormGenerator_1 = tslib_1.__importDefault(require("../../../form-generator-v2/FormGenerator.js"));
-const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('global-config');
-const GlobalConfig = ({ className }) => {
-    const { global, content, updateField } = (0, useMainEditorStore_1.useMainEditorStore)();
-    const onUpdate = (key, value) => {
-        updateField(key, value);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsx)("div", { className: b('title'), children: "Global Config" }), (0, jsx_runtime_1.jsx)(FormGenerator_1.default, { contentConfig: content, blockConfig: global, onUpdateByKey: onUpdate })] }));
-};
-exports.default = GlobalConfig;
-//# sourceMappingURL=GlobalConfig.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalConfig.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/GlobalConfig/GlobalConfig.tsx"],"names":[],"mappings":";;;;AAAA,wGAAqE;AACrE,0EAAkE;AAClE,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,eAAe,CAAC,CAAC;AAMpC,MAAM,YAAY,GAAG,CAAC,EAAC,SAAS,EAAoB,EAAE,EAAE;IACpD,MAAM,EAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;QAC7C,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,8BAAqB,EAC/C,uBAAC,uBAAa,IAAC,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,GAAI,IACrF,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["import FormGenerator from '../../../form-generator-v2/FormGenerator';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './GlobalConfig.scss';\n\nconst b = editorCn('global-config');\n\nexport interface GlobalConfigProps {\n    className?: string;\n}\n\nconst GlobalConfig = ({className}: GlobalConfigProps) => {\n    const {global, content, updateField} = useMainEditorStore();\n\n    const onUpdate = (key: string, value: unknown) => {\n        updateField(key, value);\n    };\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('title')}>Global Config</div>\n            <FormGenerator contentConfig={content} blockConfig={global} onUpdateByKey={onUpdate} />\n        </div>\n    );\n};\n\nexport default GlobalConfig;\n"]}

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

@@ -1,135 +0,0 @@
-.pceditor-middle-screen {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.pceditor-middle-screen__topbar {
-  flex: 0 0 auto;
-}
-.pceditor-middle-screen__content {
-  flex: 1 1 auto;
-  overflow-y: auto;
-  background-color: var(--g-color-text-secondary);
-}
-.pceditor-middle-screen__content_fullscreen {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 1000;
-  background-color: #000;
-}
-.pceditor-middle-screen__wrapper {
-  width: 100%;
-  height: 100%;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  overflow: hidden;
-  position: relative;
-}
-.pceditor-middle-screen__canvas {
-  scrollbar-width: thin;
-  scrollbar-color: var(--g-color-scroll-handle) transparent;
-  overflow: auto;
-}
-.pceditor-middle-screen__canvas::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-  background-color: transparent;
-}
-.pceditor-middle-screen__canvas::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 4px;
-}
-.pceditor-middle-screen__canvas::-webkit-scrollbar-thumb {
-  background: var(--g-color-scroll-handle);
-  border-radius: 4px;
-  transition: background-color 0.2s;
-  opacity: 0;
-}
-.pceditor-middle-screen__canvas::-webkit-scrollbar-thumb:hover {
-  background: var(--g-color-scroll-handle-hover);
-  opacity: 1;
-}
-.pceditor-middle-screen__canvas::-webkit-scrollbar-thumb:active {
-  background: var(--g-color-scroll-handle-hover);
-  opacity: 1;
-}
-.pceditor-middle-screen__canvas::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.pceditor-middle-screen__canvas:hover::-webkit-scrollbar-thumb {
-  opacity: 0.7;
-}
-.pceditor-middle-screen__canvas:not(:hover)::-webkit-scrollbar-thumb {
-  opacity: 0;
-  transition: opacity 0.5s ease-out;
-}
-.pceditor-middle-screen__canvas {
-  background-color: var(--g-color-base-background);
-  transform-origin: center top;
-  position: absolute;
-  height: 100%;
-  max-width: 100%;
-}
-.pceditor-middle-screen__canvas_fullscreen {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  max-width: 100%;
-}
-.pceditor-middle-screen__canvas_withBackground {
-  background-color: var(--g-color-base-generic-accent);
-}
-.pceditor-middle-screen__iframe-container {
-  position: relative;
-  margin: 0 auto;
-}
-.pceditor-middle-screen__iframe-container_fullscreen {
-  height: 100%;
-}
-.pceditor-middle-screen__iframe {
-  display: block;
-}
-.pceditor-middle-screen__iframe_fullscreen {
-  width: 100%;
-  height: 100%;
-}
-.pceditor-middle-screen__exit-preview.g-button {
-  position: fixed;
-  opacity: 0.5;
-  top: 16px;
-  right: 16px;
-  z-index: 1001;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.pceditor-middle-screen__overlay {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.pceditor-middle-screen__border {
-  position: absolute;
-  border: 3px var(--g-color-line-brand) solid;
-  border-radius: 10px;
-}
-.pceditor-middle-screen__loading {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--g-color-base-background);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-interface MiddleScreenProps {
-    className?: string;
-    CustomTop?: React.ElementType;
-}
-declare const MiddleScreen: ({ className, CustomTop }: MiddleScreenProps) => import("react/jsx-runtime").JSX.Element;
-export default MiddleScreen;

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

@@ -1,48 +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 postMessage_1 = require("../../../common/postMessage.js");
-const iframeContext_1 = require("../../context/iframeContext/index.js");
-const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const cn_1 = require("../../utils/cn.js");
-const Overlay_1 = tslib_1.__importDefault(require("../Overlay/Overlay.js"));
-const b = (0, cn_1.editorCn)('middle-screen');
-const MiddleScreen = ({ className, CustomTop }) => {
-    const { zoom, initialized, deviceWidth, isPreviewMode, togglePreviewMode } = (0, useMainEditorStore_1.useMainEditorStore)();
-    const { url, setIframeElement } = React.useContext(iframeContext_1.IframeContext);
-    const [canvasRef, setCanvasRef] = React.useState(null);
-    const [height, setHeight] = React.useState(0);
-    const canvasStyle = React.useMemo(() => ({
-        transform: isPreviewMode ? 'none' : `scale(${zoom}%)`,
-        height: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,
-        width: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,
-        maxWidth: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,
-    }), [isPreviewMode, zoom]);
-    const onResize = React.useCallback((newHeight) => {
-        setHeight(newHeight + 100);
-    }, [setHeight]);
-    (0, postMessage_1.usePostMessageAPIListener)('ON_RESIZE', ({ height: newHeight }) => {
-        onResize(newHeight);
-    });
-    (0, postMessage_1.usePostMessageAPIListener)('ON_INIT', ({ height: newHeight }) => {
-        onResize(newHeight);
-    });
-    const isWithBackground = React.useMemo(() => {
-        return deviceWidth !== '100%';
-    }, [deviceWidth]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [CustomTop && !isPreviewMode ? ((0, jsx_runtime_1.jsx)("div", { className: b('topbar'), children: (0, jsx_runtime_1.jsx)(CustomTop, {}) })) : null, (0, jsx_runtime_1.jsx)("div", { className: b('content', { fullscreen: isPreviewMode }), children: (0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { ref: setCanvasRef, className: b('canvas', {
-                            hidden: !initialized,
-                            fullscreen: isPreviewMode,
-                            withBackground: isWithBackground,
-                        }), style: canvasStyle, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('iframe-container', { fullscreen: isPreviewMode }), style: { width: isPreviewMode ? '100%' : deviceWidth }, children: [(0, jsx_runtime_1.jsx)("iframe", { ref: (instance) => {
-                                            if (instance) {
-                                                setIframeElement(instance);
-                                            }
-                                        }, className: b('iframe', { fullscreen: isPreviewMode }), src: url, height: isPreviewMode ? '100%' : `${height}px`, width: isPreviewMode ? '100%' : deviceWidth, frameBorder: "0", title: "Page Constructor Iframe" }), !isPreviewMode && ((0, jsx_runtime_1.jsx)(Overlay_1.default, { className: b('overlay'), canvasElement: canvasRef }))] }), isPreviewMode && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "normal-contrast", className: b('exit-preview'), onClick: togglePreviewMode, "aria-label": "Exit preview mode", title: "Exit preview mode", size: "l", children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 24, data: icons_1.Xmark }) })), !initialized && ((0, jsx_runtime_1.jsx)("div", { className: b('loading'), children: (0, jsx_runtime_1.jsx)(uikit_1.Loader, { size: 'l' }) }))] }) }) })] }));
-};
-exports.default = MiddleScreen;
-//# sourceMappingURL=MiddleScreen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MiddleScreen.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/MiddleScreen/MiddleScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Xmark} from '@gravity-ui/icons';\nimport {Button, Icon, Loader} from '@gravity-ui/uikit';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {IframeContext} from '../../context/iframeContext';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Overlay from '../Overlay/Overlay';\n\nimport './MiddleScreen.scss';\n\nconst b = editorCn('middle-screen');\n\ninterface MiddleScreenProps {\n    className?: string;\n    CustomTop?: React.ElementType;\n}\n\nconst MiddleScreen = ({className, CustomTop}: MiddleScreenProps) => {\n    const {zoom, initialized, deviceWidth, isPreviewMode, togglePreviewMode} = useMainEditorStore();\n    const {url, setIframeElement} = React.useContext(IframeContext);\n    const [canvasRef, setCanvasRef] = React.useState<HTMLDivElement | null>(null);\n    const [height, setHeight] = React.useState(0);\n\n    const canvasStyle = React.useMemo(\n        () => ({\n            transform: isPreviewMode ? 'none' : `scale(${zoom}%)`,\n            height: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,\n            width: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,\n            maxWidth: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,\n        }),\n        [isPreviewMode, zoom],\n    );\n\n    const onResize = React.useCallback(\n        (newHeight: number) => {\n            setHeight(newHeight + 100);\n        },\n        [setHeight],\n    );\n\n    usePostMessageAPIListener('ON_RESIZE', ({height: newHeight}) => {\n        onResize(newHeight);\n    });\n\n    usePostMessageAPIListener('ON_INIT', ({height: newHeight}) => {\n        onResize(newHeight);\n    });\n\n    const isWithBackground = React.useMemo(() => {\n        return deviceWidth !== '100%';\n    }, [deviceWidth]);\n\n    return (\n        <div className={b(null, className)}>\n            {CustomTop && !isPreviewMode ? (\n                <div className={b('topbar')}>\n                    <CustomTop />\n                </div>\n            ) : null}\n            <div className={b('content', {fullscreen: isPreviewMode})}>\n                <div className={b('wrapper')}>\n                    <div\n                        ref={setCanvasRef}\n                        className={b('canvas', {\n                            hidden: !initialized,\n                            fullscreen: isPreviewMode,\n                            withBackground: isWithBackground,\n                        })}\n                        style={canvasStyle}\n                    >\n                        <div\n                            className={b('iframe-container', {fullscreen: isPreviewMode})}\n                            style={{width: isPreviewMode ? '100%' : deviceWidth}}\n                        >\n                            <iframe\n                                ref={(instance) => {\n                                    if (instance) {\n                                        setIframeElement(instance);\n                                    }\n                                }}\n                                className={b('iframe', {fullscreen: isPreviewMode})}\n                                src={url}\n                                height={isPreviewMode ? '100%' : `${height}px`}\n                                width={isPreviewMode ? '100%' : deviceWidth}\n                                frameBorder=\"0\"\n                                title=\"Page Constructor Iframe\"\n                            />\n                            {!isPreviewMode && (\n                                <Overlay className={b('overlay')} canvasElement={canvasRef} />\n                            )}\n                        </div>\n                        {isPreviewMode && (\n                            <Button\n                                view=\"normal-contrast\"\n                                className={b('exit-preview')}\n                                onClick={togglePreviewMode}\n                                aria-label=\"Exit preview mode\"\n                                title=\"Exit preview mode\"\n                                size=\"l\"\n                            >\n                                <Icon size={24} data={Xmark} />\n                            </Button>\n                        )}\n                        {!initialized && (\n                            <div className={b('loading')}>\n                                <Loader size={'l'} />\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default MiddleScreen;\n"]}

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

@@ -1,71 +0,0 @@
-.pceditor-overlay {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.pceditor-overlay__hit {
-  position: absolute;
-  cursor: pointer;
-}
-.pceditor-overlay__border {
-  position: absolute;
-  border: 3px var(--g-color-base-brand) solid;
-  border-radius: 8px;
-  box-sizing: border-box;
-  box-shadow: 4px 4px 8px 0 var(--g-color-sfx-shadow);
-  pointer-events: none;
-  z-index: 100;
-}
-.pceditor-overlay__border_hover {
-  opacity: 0.5;
-  z-index: 99;
-}
-.pceditor-overlay__line {
-  position: absolute;
-  box-sizing: border-box;
-  border-radius: 8px;
-  pointer-events: none;
-  z-index: 10;
-}
-.pceditor-overlay__line_position {
-  border: 5px var(--g-color-base-brand) solid;
-}
-.pceditor-overlay__line_position_left, .pceditor-overlay__line_position_top {
-  border-top: 5px var(--g-color-base-brand) solid;
-  border-left: 5px var(--g-color-base-brand) solid;
-  border-right: none;
-  border-bottom: none;
-}
-.pceditor-overlay__line_position_right, .pceditor-overlay__line_position_bottom {
-  border-right: 5px var(--g-color-base-brand) solid;
-  border-bottom: 5px var(--g-color-base-brand) solid;
-  border-top: none;
-  border-left: none;
-}
-.pceditor-overlay__actions {
-  pointer-events: auto;
-  position: absolute;
-  bottom: -3px;
-  left: 50%;
-  transform: translate(-50%, 100%);
-  z-index: 1000;
-  display: flex;
-  align-items: flex-start;
-  background: transparent;
-}
-.pceditor-overlay__actions-box_main {
-  display: flex;
-  gap: 2px;
-  align-items: center;
-  padding: 1px 8px 4px;
-  background-color: var(--g-color-base-brand);
-  border-radius: 0px 0px 8px 8px;
-}
-.pceditor-overlay__actions-box_reorder {
-  padding: 3px 4px;
-}
-.pceditor-overlay__reorder-icon {
-  color: var(--g-color-base-brand);
-}

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

@@ -1,6 +0,0 @@
-interface OverlayProps {
-    className?: string;
-    canvasElement?: HTMLDivElement | null;
-}
-declare const Overlay: ({ className, canvasElement }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
-export default Overlay;

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

@@ -1,143 +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 lodash_1 = tslib_1.__importDefault(require("lodash"));
-const postMessage_1 = require("../../../common/postMessage.js");
-const editor_1 = require("../../../utils/editor.js");
-const useMainEditorStore_1 = require("../../hooks/useMainEditorStore.js");
-const cn_1 = require("../../utils/cn.js");
-const b = (0, cn_1.editorCn)('overlay');
-const findRectByPath = (rectMap, path) => {
-    if (!path)
-        return null;
-    return rectMap.find((entry) => lodash_1.default.isEqual(entry.path, path))?.rect ?? null;
-};
-const Overlay = ({ className, canvasElement }) => {
-    const { rectMap, setRectMap, selectedBlock, setSelectedBlock, deleteBlock, duplicateBlock, manipulateOverlayMode, preInsertBlockType, preReorderBlockPath, insertBlock, reorderBlock, disableMode, } = (0, useMainEditorStore_1.useMainEditorStore)();
-    const [hoveredPath, setHoveredPath] = React.useState(null);
-    const [insertPosition, setInsertPosition] = React.useState(null);
-    (0, postMessage_1.usePostMessageAPIListener)('ON_UPDATE_RECT_MAP', ({ rects }) => {
-        setRectMap(rects);
-    }, [setRectMap]);
-    const selectedRect = React.useMemo(() => findRectByPath(rectMap, selectedBlock), [rectMap, selectedBlock]);
-    const hoveredRect = React.useMemo(() => findRectByPath(rectMap, hoveredPath), [rectMap, hoveredPath]);
-    // Auto-scroll to selected block when it changes
-    React.useEffect(() => {
-        if (selectedRect && canvasElement) {
-            const canvasHeight = canvasElement.clientHeight;
-            const scrollPosition = selectedRect.top - canvasHeight / 2 + selectedRect.height / 2;
-            canvasElement.scrollTo({
-                top: Math.max(0, scrollPosition),
-                behavior: 'smooth',
-            });
-        }
-        // Intentionally depends on selectedBlock identity (path), not rect value, to avoid scroll jitter on rect updates.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedBlock, canvasElement]);
-    const handleClick = React.useCallback((path) => {
-        if (selectedBlock && lodash_1.default.isEqual(selectedBlock, path)) {
-            setSelectedBlock(null);
-        }
-        else {
-            setSelectedBlock(path);
-        }
-    }, [selectedBlock, setSelectedBlock]);
-    const handleMouseEnter = React.useCallback((path) => {
-        setHoveredPath(path);
-    }, []);
-    const handleMouseLeave = React.useCallback((path) => {
-        setHoveredPath((current) => (lodash_1.default.isEqual(current, path) ? null : current));
-    }, []);
-    const handleMouseMove = React.useCallback((e) => {
-        if (!manipulateOverlayMode) {
-            return;
-        }
-        const domRect = e.currentTarget.getBoundingClientRect();
-        const position = (0, editor_1.getCursorPositionOverElement)(domRect, e);
-        setInsertPosition(position);
-    }, [manipulateOverlayMode]);
-    const handleKeyDown = React.useCallback((e, path) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-            e.stopPropagation();
-            handleClick(path);
-        }
-    }, [handleClick]);
-    const handleMouseUp = React.useCallback((path) => {
-        if (!manipulateOverlayMode)
-            return;
-        const position = insertPosition;
-        const prepend = position === 'left' || position === 'top';
-        if (manipulateOverlayMode === 'insert' && preInsertBlockType) {
-            insertBlock(path, preInsertBlockType, prepend ? 'prepend' : 'append');
-        }
-        else if (manipulateOverlayMode === 'reorder' && preReorderBlockPath) {
-            reorderBlock(preReorderBlockPath, path, prepend ? 'prepend' : 'append');
-        }
-        disableMode();
-        setInsertPosition(null);
-    }, [
-        manipulateOverlayMode,
-        preInsertBlockType,
-        preReorderBlockPath,
-        insertBlock,
-        reorderBlock,
-        disableMode,
-        insertPosition,
-    ]);
-    const handleMoveUp = () => {
-        if (!selectedBlock)
-            return;
-        const destination = [...selectedBlock];
-        const newLastDestination = destination[destination.length - 1] - 1;
-        if (newLastDestination < 0) {
-            return;
-        }
-        destination[destination.length - 1] = newLastDestination;
-        reorderBlock(selectedBlock, destination, 'prepend');
-    };
-    const handleMoveDown = () => {
-        if (!selectedBlock)
-            return;
-        const destination = [...selectedBlock];
-        const newLastDestination = destination[destination.length - 1] + 1;
-        destination[destination.length - 1] = newLastDestination;
-        reorderBlock(selectedBlock, destination, 'append');
-    };
-    const showHoverBorder = hoveredRect && (!selectedBlock || !lodash_1.default.isEqual(hoveredPath, selectedBlock));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [rectMap.map(({ path, rect, dropZone }) => {
-                const key = path.join('.');
-                return ((0, jsx_runtime_1.jsx)("div", { role: dropZone ? 'presentation' : 'button', tabIndex: dropZone ? -1 : 0, className: b('hit'), style: {
-                        top: rect.top,
-                        left: rect.left,
-                        width: rect.width,
-                        height: rect.height,
-                        zIndex: 10 * (path.length + (dropZone ? 0 : 1)),
-                    }, onClick: dropZone
-                        ? undefined
-                        : (e) => {
-                            e.stopPropagation();
-                            handleClick(path);
-                        }, onKeyDown: dropZone ? undefined : (e) => handleKeyDown(e, path), onMouseEnter: () => handleMouseEnter(path), onMouseLeave: () => handleMouseLeave(path), onMouseMove: (e) => handleMouseMove(e), onMouseUp: () => handleMouseUp(path) }, key));
-            }), selectedRect ? ((0, jsx_runtime_1.jsx)("div", { className: b('border'), style: {
-                    top: selectedRect.top,
-                    left: selectedRect.left,
-                    width: selectedRect.width,
-                    height: selectedRect.height,
-                }, children: (0, jsx_runtime_1.jsxs)("div", { className: b('actions'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('actions-box', { reorder: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: 'm', onClick: handleMoveUp, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('reorder-icon'), data: icons_1.ChevronUp, size: 18 }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('actions-box', { main: true }), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('action-button'), size: 'm', view: 'action', onClick: () => selectedBlock && duplicateBlock(selectedBlock), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Copy, size: 18 }) }), (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('action-button'), size: 'm', view: 'action', onClick: () => selectedBlock && deleteBlock(selectedBlock), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.TrashBin, size: 18 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: b('actions-box', { reorder: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: 'm', onClick: handleMoveDown, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('reorder-icon'), data: icons_1.ChevronDown, size: 18 }) }) })] }) })) : null, showHoverBorder ? ((0, jsx_runtime_1.jsx)("div", { className: b('border', { hover: true }), style: {
-                    top: hoveredRect.top,
-                    left: hoveredRect.left,
-                    width: hoveredRect.width,
-                    height: hoveredRect.height,
-                } })) : null, manipulateOverlayMode && hoveredRect && insertPosition ? ((0, jsx_runtime_1.jsx)("div", { className: b('line', { position: insertPosition }), style: {
-                    top: hoveredRect.top,
-                    left: hoveredRect.left,
-                    width: hoveredRect.width,
-                    height: hoveredRect.height,
-                } })) : null] }));
-};
-exports.default = Overlay;
-//# sourceMappingURL=Overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Overlay/Overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, ChevronUp, Copy, TrashBin} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport _ from 'lodash';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {SerializableRect} from '../../../common/types/rect';\nimport {getCursorPositionOverElement} from '../../../utils/editor';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\n\nimport './Overlay.scss';\n\nconst b = editorCn('overlay');\n\ntype InsertPosition = 'top' | 'bottom' | 'left' | 'right';\n\ninterface OverlayProps {\n    className?: string;\n    canvasElement?: HTMLDivElement | null;\n}\n\nconst findRectByPath = (\n    rectMap: Array<{path: number[]; rect: SerializableRect}>,\n    path: number[] | null,\n): SerializableRect | null => {\n    if (!path) return null;\n    return rectMap.find((entry) => _.isEqual(entry.path, path))?.rect ?? null;\n};\n\nconst Overlay = ({className, canvasElement}: OverlayProps) => {\n    const {\n        rectMap,\n        setRectMap,\n        selectedBlock,\n        setSelectedBlock,\n        deleteBlock,\n        duplicateBlock,\n        manipulateOverlayMode,\n        preInsertBlockType,\n        preReorderBlockPath,\n        insertBlock,\n        reorderBlock,\n        disableMode,\n    } = useMainEditorStore();\n\n    const [hoveredPath, setHoveredPath] = React.useState<number[] | null>(null);\n    const [insertPosition, setInsertPosition] = React.useState<InsertPosition | null>(null);\n\n    usePostMessageAPIListener(\n        'ON_UPDATE_RECT_MAP',\n        ({rects}) => {\n            setRectMap(rects);\n        },\n        [setRectMap],\n    );\n\n    const selectedRect = React.useMemo(\n        () => findRectByPath(rectMap, selectedBlock),\n        [rectMap, selectedBlock],\n    );\n    const hoveredRect = React.useMemo(\n        () => findRectByPath(rectMap, hoveredPath),\n        [rectMap, hoveredPath],\n    );\n\n    // Auto-scroll to selected block when it changes\n    React.useEffect(() => {\n        if (selectedRect && canvasElement) {\n            const canvasHeight = canvasElement.clientHeight;\n            const scrollPosition = selectedRect.top - canvasHeight / 2 + selectedRect.height / 2;\n            canvasElement.scrollTo({\n                top: Math.max(0, scrollPosition),\n                behavior: 'smooth',\n            });\n        }\n        // Intentionally depends on selectedBlock identity (path), not rect value, to avoid scroll jitter on rect updates.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedBlock, canvasElement]);\n\n    const handleClick = React.useCallback(\n        (path: number[]) => {\n            if (selectedBlock && _.isEqual(selectedBlock, path)) {\n                setSelectedBlock(null);\n            } else {\n                setSelectedBlock(path);\n            }\n        },\n        [selectedBlock, setSelectedBlock],\n    );\n\n    const handleMouseEnter = React.useCallback((path: number[]) => {\n        setHoveredPath(path);\n    }, []);\n\n    const handleMouseLeave = React.useCallback((path: number[]) => {\n        setHoveredPath((current) => (_.isEqual(current, path) ? null : current));\n    }, []);\n\n    const handleMouseMove = React.useCallback(\n        (e: React.MouseEvent) => {\n            if (!manipulateOverlayMode) {\n                return;\n            }\n\n            const domRect = e.currentTarget.getBoundingClientRect();\n            const position = getCursorPositionOverElement(domRect, e);\n            setInsertPosition(position as InsertPosition);\n        },\n        [manipulateOverlayMode],\n    );\n\n    const handleKeyDown = React.useCallback(\n        (e: React.KeyboardEvent, path: number[]) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n                e.stopPropagation();\n                handleClick(path);\n            }\n        },\n        [handleClick],\n    );\n\n    const handleMouseUp = React.useCallback(\n        (path: number[]) => {\n            if (!manipulateOverlayMode) return;\n\n            const position = insertPosition;\n            const prepend = position === 'left' || position === 'top';\n\n            if (manipulateOverlayMode === 'insert' && preInsertBlockType) {\n                insertBlock(path, preInsertBlockType, prepend ? 'prepend' : 'append');\n            } else if (manipulateOverlayMode === 'reorder' && preReorderBlockPath) {\n                reorderBlock(preReorderBlockPath, path, prepend ? 'prepend' : 'append');\n            }\n\n            disableMode();\n            setInsertPosition(null);\n        },\n        [\n            manipulateOverlayMode,\n            preInsertBlockType,\n            preReorderBlockPath,\n            insertBlock,\n            reorderBlock,\n            disableMode,\n            insertPosition,\n        ],\n    );\n\n    const handleMoveUp = () => {\n        if (!selectedBlock) return;\n        const destination = [...selectedBlock];\n        const newLastDestination = destination[destination.length - 1] - 1;\n\n        if (newLastDestination < 0) {\n            return;\n        }\n\n        destination[destination.length - 1] = newLastDestination;\n        reorderBlock(selectedBlock, destination, 'prepend');\n    };\n\n    const handleMoveDown = () => {\n        if (!selectedBlock) return;\n        const destination = [...selectedBlock];\n        const newLastDestination = destination[destination.length - 1] + 1;\n\n        destination[destination.length - 1] = newLastDestination;\n        reorderBlock(selectedBlock, destination, 'append');\n    };\n\n    const showHoverBorder =\n        hoveredRect && (!selectedBlock || !_.isEqual(hoveredPath, selectedBlock));\n\n    return (\n        <div className={b(null, className)}>\n            {rectMap.map(({path, rect, dropZone}) => {\n                const key = path.join('.');\n                return (\n                    <div\n                        key={key}\n                        role={dropZone ? 'presentation' : 'button'}\n                        tabIndex={dropZone ? -1 : 0}\n                        className={b('hit')}\n                        style={{\n                            top: rect.top,\n                            left: rect.left,\n                            width: rect.width,\n                            height: rect.height,\n                            zIndex: 10 * (path.length + (dropZone ? 0 : 1)),\n                        }}\n                        onClick={\n                            dropZone\n                                ? undefined\n                                : (e) => {\n                                      e.stopPropagation();\n                                      handleClick(path);\n                                  }\n                        }\n                        onKeyDown={dropZone ? undefined : (e) => handleKeyDown(e, path)}\n                        onMouseEnter={() => handleMouseEnter(path)}\n                        onMouseLeave={() => handleMouseLeave(path)}\n                        onMouseMove={(e) => handleMouseMove(e)}\n                        onMouseUp={() => handleMouseUp(path)}\n                    />\n                );\n            })}\n            {selectedRect ? (\n                <div\n                    className={b('border')}\n                    style={{\n                        top: selectedRect.top,\n                        left: selectedRect.left,\n                        width: selectedRect.width,\n                        height: selectedRect.height,\n                    }}\n                >\n                    <div className={b('actions')}>\n                        <div className={b('actions-box', {reorder: true})}>\n                            <Button view=\"flat\" size={'m'} onClick={handleMoveUp}>\n                                <Icon className={b('reorder-icon')} data={ChevronUp} size={18} />\n                            </Button>\n                        </div>\n                        <div className={b('actions-box', {main: true})}>\n                            <Button\n                                className={b('action-button')}\n                                size={'m'}\n                                view={'action'}\n                                onClick={() => selectedBlock && duplicateBlock(selectedBlock)}\n                            >\n                                <Icon data={Copy} size={18} />\n                            </Button>\n                            <Button\n                                className={b('action-button')}\n                                size={'m'}\n                                view={'action'}\n                                onClick={() => selectedBlock && deleteBlock(selectedBlock)}\n                            >\n                                <Icon data={TrashBin} size={18} />\n                            </Button>\n                        </div>\n                        <div className={b('actions-box', {reorder: true})}>\n                            <Button view=\"flat\" size={'m'} onClick={handleMoveDown}>\n                                <Icon className={b('reorder-icon')} data={ChevronDown} size={18} />\n                            </Button>\n                        </div>\n                    </div>\n                </div>\n            ) : null}\n            {showHoverBorder ? (\n                <div\n                    className={b('border', {hover: true})}\n                    style={{\n                        top: hoveredRect.top,\n                        left: hoveredRect.left,\n                        width: hoveredRect.width,\n                        height: hoveredRect.height,\n                    }}\n                />\n            ) : null}\n            {manipulateOverlayMode && hoveredRect && insertPosition ? (\n                <div\n                    className={b('line', {position: insertPosition})}\n                    style={{\n                        top: hoveredRect.top,\n                        left: hoveredRect.left,\n                        width: hoveredRect.width,\n                        height: hoveredRect.height,\n                    }}\n                />\n            ) : null}\n        </div>\n    );\n};\n\nexport default Overlay;\n"]}

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

@@ -1,15 +0,0 @@
-.pceditor-source {
-  width: 100%;
-  display: inline-flex;
-  box-sizing: border-box;
-  align-items: center;
-  flex-direction: row;
-  padding: 16px 12px;
-}
-.pceditor-source__icon {
-  flex: 0 0 auto;
-  margin-right: var(--g-spacing-1);
-}
-.pceditor-source__text {
-  flex: 1;
-}

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

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