@gravity-ui/page-constructor 6.0.0-alpha.5 → 6.0.0-beta.0

package/build/esm/editor/components/DeviceEmulation/utils.d.ts

@@ -1,4 +1,4 @@
-import { ViewModeItem } from '../../types';
+import { ViewModeItem } from "../../types/index.js";
 export type MobileDevice = ViewModeItem.Mobile | ViewModeItem.Tablet;
 export declare const mobileDevices: readonly [ViewModeItem.Tablet, ViewModeItem.Mobile];
 export declare const isMobileDevice: (mode: ViewModeItem) => mode is MobileDevice;

package/build/esm/editor/components/DeviceEmulation/utils.js

@@ -1,3 +1,4 @@
-import { ViewModeItem } from '../../types';
+import { ViewModeItem } from "../../types/index.js";
 export const mobileDevices = [ViewModeItem.Tablet, ViewModeItem.Mobile];
 export const isMobileDevice = (mode) => [ViewModeItem.Tablet, ViewModeItem.Mobile].includes(mode);
+//# sourceMappingURL=utils.js.map

package/build/esm/editor/components/DeviceEmulation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor/components/DeviceEmulation/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,6BAAoB;AAIzC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAU,CAAC;AAEjF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAkB,EAAwB,EAAE,CACvE,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAoB,CAAC,CAAC","sourcesContent":["import {ViewModeItem} from '../../types';\n\nexport type MobileDevice = ViewModeItem.Mobile | ViewModeItem.Tablet;\n\nexport const mobileDevices = [ViewModeItem.Tablet, ViewModeItem.Mobile] as const;\n\nexport const isMobileDevice = (mode: ViewModeItem): mode is MobileDevice =>\n    [ViewModeItem.Tablet, ViewModeItem.Mobile].includes(mode as MobileDevice);\n"]}

package/build/esm/editor/components/EditBlock/EditBlock.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { EditBlockProps } from '../../types';
+import * as React from 'react';
+import { EditBlockProps } from "../../types/index.js";
 import './EditBlock.css';
 export declare enum EditBlockControls {
     Up = "up",
@@ -10,5 +10,5 @@ export declare enum EditBlockControls {
 export type EditBlockActions = {
     [key in EditBlockControls]?: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ actions, isActive, onSelect, isHeader, children, resetPaddings, }: EditBlockProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actions, isActive, onSelect, isHeader, children, resetPaddings, }: EditBlockProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/esm/editor/components/EditBlock/EditBlock.js

@@ -1,7 +1,8 @@
-import React, { useEffect, useMemo, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin } from '@gravity-ui/icons';
 import { useActionHandlers } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
+import { block } from "../../../utils/index.js";
 import './EditBlock.css';
 const b = block('edit-block');
 export var EditBlockControls;
@@ -24,25 +25,23 @@ const editBlockControlsIcons = {
     [EditBlockControls.Delete]: TrashBin,
 };
 const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddings, }) => {
-    const ref = useRef(null);
-    const stopPropagationProps = useMemo(() => ({ onClick: (e) => e.stopPropagation() }), []);
+    const ref = React.useRef(null);
+    const stopPropagationProps = React.useMemo(() => ({ onClick: (e) => e.stopPropagation() }), []);
     const { onKeyDown } = useActionHandlers(onSelect);
-    useEffect(() => {
+    React.useEffect(() => {
         if (isActive && ref.current) {
             //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support
             ref.current.scrollIntoView({ block: 'center' });
         }
     }, [isActive]);
-    return (React.createElement("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0 },
-        React.createElement("div", { className: b('controls', {
-                active: isActive,
-                isHeader,
-                'reset-paddings': resetPaddings,
-            }) }, isActive && (React.createElement("div", Object.assign({ className: b('controls-content') }, stopPropagationProps), actionsOrder.map((action) => {
-            const Icon = editBlockControlsIcons[action];
-            return actions[action] ? (React.createElement("button", { key: action, className: b('control'), onClick: actions[action] },
-                React.createElement(Icon, null))) : null;
-        })))),
-        children));
+    return (_jsxs("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0, children: [_jsx("div", { className: b('controls', {
+                    active: isActive,
+                    isHeader,
+                    'reset-paddings': resetPaddings,
+                }), children: isActive && (_jsx("div", Object.assign({ className: b('controls-content') }, stopPropagationProps, { children: actionsOrder.map((action) => {
+                        const Icon = editBlockControlsIcons[action];
+                        return actions[action] ? (_jsx("button", { className: b('control'), onClick: actions[action], children: _jsx(Icon, {}) }, action)) : null;
+                    }) }))) }), children] }));
 };
 export default React.memo(EditBlock);
+//# sourceMappingURL=EditBlock.js.map

package/build/esm/editor/components/EditBlock/EditBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/EditBlock/EditBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,IAAI,IAAI,QAAQ,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IACzB,8BAAS,CAAA;IACT,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;AACrB,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AAED,MAAM,YAAY,GAAG;IACjB,iBAAiB,CAAC,EAAE;IACpB,iBAAiB,CAAC,IAAI;IACtB,iBAAiB,CAAC,IAAI;IACtB,iBAAiB,CAAC,MAAM;CAC3B,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC3B,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,SAAS;IACjC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,QAAQ;IAClC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,QAAQ;CACvC,CAAC;AAMF,MAAM,SAAS,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,GACA,EAAE,EAAE;IACjB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAC,CAAC,EAC/D,EAAE,CACL,CAAC;IAEF,MAAM,EAAC,SAAS,EAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEhD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC1B,+FAA+F;YAC/F,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAChC,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,kBACC,QAAQ,EACtB,QAAQ,EAAE,CAAC,aAEX,cACI,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE;oBACrB,MAAM,EAAE,QAAQ;oBAChB,QAAQ;oBACR,gBAAgB,EAAE,aAAa;iBAClC,CAAC,YAED,QAAQ,IAAI,CACT,4BAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,IAAM,oBAAoB,cAC1D,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACzB,MAAM,IAAI,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;wBAE5C,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACrB,iBAEI,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,YAExB,KAAC,IAAI,KAAG,IAJH,MAAM,CAKN,CACZ,CAAC,CAAC,CAAC,IAAI,CAAC;oBACb,CAAC,CAAC,IACA,CACT,GACC,EACL,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin} from '@gravity-ui/icons';\nimport {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {EditBlockProps} from '../../types';\n\nimport './EditBlock.scss';\n\nconst b = block('edit-block');\n\nexport enum EditBlockControls {\n    Up = 'up',\n    Down = 'down',\n    Copy = 'copy',\n    Delete = 'delete',\n}\n\nconst actionsOrder = [\n    EditBlockControls.Up,\n    EditBlockControls.Down,\n    EditBlockControls.Copy,\n    EditBlockControls.Delete,\n];\n\nconst editBlockControlsIcons = {\n    [EditBlockControls.Up]: ChevronUp,\n    [EditBlockControls.Down]: ChevronDown,\n    [EditBlockControls.Copy]: CopyIcon,\n    [EditBlockControls.Delete]: TrashBin,\n};\n\nexport type EditBlockActions = {\n    [key in EditBlockControls]?: () => void;\n};\n\nconst EditBlock = ({\n    actions,\n    isActive,\n    onSelect,\n    isHeader,\n    children,\n    resetPaddings,\n}: EditBlockProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const stopPropagationProps = React.useMemo(\n        () => ({onClick: (e: React.MouseEvent) => e.stopPropagation()}),\n        [],\n    );\n\n    const {onKeyDown} = useActionHandlers(onSelect);\n\n    React.useEffect(() => {\n        if (isActive && ref.current) {\n            //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support\n            ref.current.scrollIntoView({block: 'center'});\n        }\n    }, [isActive]);\n\n    return (\n        <div\n            className={b({active: isActive})}\n            onClick={onSelect}\n            onKeyDown={onKeyDown}\n            ref={ref}\n            role=\"button\"\n            aria-current={isActive}\n            tabIndex={0}\n        >\n            <div\n                className={b('controls', {\n                    active: isActive,\n                    isHeader,\n                    'reset-paddings': resetPaddings,\n                })}\n            >\n                {isActive && (\n                    <div className={b('controls-content')} {...stopPropagationProps}>\n                        {actionsOrder.map((action) => {\n                            const Icon = editBlockControlsIcons[action];\n\n                            return actions[action] ? (\n                                <button\n                                    key={action}\n                                    className={b('control')}\n                                    onClick={actions[action]}\n                                >\n                                    <Icon />\n                                </button>\n                            ) : null;\n                        })}\n                    </div>\n                )}\n            </div>\n            {children}\n        </div>\n    );\n};\n\nexport default React.memo(EditBlock);\n"]}

package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,14 +1,14 @@
-import React, { ErrorInfo, PropsWithChildren } from 'react';
-import { BlockDecorationProps } from '../../../models';
+import * as React from 'react';
+import { BlockDecorationProps } from "../../../models/index.js";
 import './ErrorBoundary.css';
-interface ErrorBoundaryProps extends PropsWithChildren, Partial<BlockDecorationProps> {
+interface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {
 }
 interface ErrorBoundaryState {
     error?: string;
 }
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     state: ErrorBoundaryState;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};

package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import { block } from '../../../utils';
-import { getBlockId } from '../../utils';
-import { i18n } from './i18n';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { block } from "../../../utils/index.js";
+import { getBlockId } from "../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './ErrorBoundary.css';
 const b = block('error-boundary');
 export class ErrorBoundary extends React.Component {
@@ -19,13 +20,9 @@ export class ErrorBoundary extends React.Component {
             ? i18n('error-block-header', { id: getBlockId({ type, index }) })
             : i18n('error-page-header');
         if (this.state.error) {
-            return (React.createElement("div", { className: b() },
-                React.createElement("div", { className: b('container') },
-                    React.createElement("div", { className: b('image') }),
-                    React.createElement("div", { className: b('content') },
-                        React.createElement("h2", { className: b('header') }, header),
-                        React.createElement("code", { className: b('error') }, error)))));
+            return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('image') }), _jsxs("div", { className: b('content'), children: [_jsx("h2", { className: b('header'), children: header }), _jsx("code", { className: b('error'), children: error })] })] }) }));
         }
         return this.props.children;
     }
 }
+//# sourceMappingURL=ErrorBoundary.js.map

package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"../../../../../src","sources":["editor/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,UAAU,EAAC,6BAAoB;AAEvC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAA1F;;QACI,UAAK,GAAG,EAAwB,CAAC;IA6BrC,CAAC;IA3BG,iBAAiB,CAAC,KAAY,EAAE,IAAqB;QACjD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE,EAAC,CAAC,CAAC;IACvE,CAAC;IAED,MAAM;QACF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI;YACf,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAC,EAAE,EAAE,UAAU,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EAAC,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,EAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,aAAI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAM,EACzC,eAAM,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,IACzC,IACJ,GACJ,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ","sourcesContent":["import * as React from 'react';\n\nimport {BlockDecorationProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {getBlockId} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './ErrorBoundary.scss';\n\nconst b = block('error-boundary');\n\ninterface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {}\ninterface ErrorBoundaryState {\n    error?: string;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    state = {} as ErrorBoundaryState;\n\n    componentDidCatch(error: Error, info: React.ErrorInfo) {\n        this.setState({error: `${error.message} ${info?.componentStack}`});\n    }\n\n    render() {\n        const {type, index} = this.props;\n        const {error} = this.state;\n        const header = type\n            ? i18n('error-block-header', {id: getBlockId({type, index})})\n            : i18n('error-page-header');\n\n        if (this.state.error) {\n            return (\n                <div className={b()}>\n                    <div className={b('container')}>\n                        <div className={b('image')} />\n                        <div className={b('content')}>\n                            <h2 className={b('header')}>{header}</h2>\n                            <code className={b('error')}>{error}</code>\n                        </div>\n                    </div>\n                </div>\n            );\n        }\n\n        return this.props.children;\n    }\n}\n"]}

package/build/esm/editor/components/ErrorBoundary/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "error-block-header" | "error-page-header", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "error-block-header" | "error-page-header", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-ErrorBoundary": Record<"error-block-header" | "error-page-header", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/editor/components/ErrorBoundary/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ErrorBoundary`);
+//# sourceMappingURL=index.js.map

package/build/esm/editor/components/ErrorBoundary/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["editor/components/ErrorBoundary/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,eAAe,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}ErrorBoundary`);\n"]}

package/build/esm/editor/components/Layout/Layout.d.ts

@@ -1,17 +1,17 @@
-import React, { PropsWithChildren } from 'react';
-import { EditModeItem, ViewModeItem } from '../../types';
+import * as React from 'react';
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 import './Layout.css';
 export interface LayoutProps {
     editMode: EditModeItem;
     viewMode: ViewModeItem;
 }
 declare const Layout: {
-    ({ children, editMode, viewMode }: PropsWithChildren<LayoutProps>): JSX.Element;
+    ({ children, editMode, viewMode }: React.PropsWithChildren<LayoutProps>): import("react/jsx-runtime").JSX.Element;
     Left: React.FC<{
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     }>;
     Right: React.FC<{
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     }>;
 };
 export default Layout;

package/build/esm/editor/components/Layout/Layout.js

@@ -1,7 +1,8 @@
-import React, { Children, Fragment } from 'react';
-import { block } from '../../../utils';
-import { EditModeItem } from '../../types';
-import DeviceEmulation from '../DeviceEmulation/DeviceEmulation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { block } from "../../../utils/index.js";
+import { EditModeItem } from "../../types/index.js";
+import DeviceEmulation from "../DeviceEmulation/DeviceEmulation.js";
 import './Layout.css';
 const b = block('editor-layout');
 const Left = () => null;
@@ -21,14 +22,11 @@ const Layout = ({ children, editMode, viewMode }) => {
         }
     }
     if (React.Children.toArray(children).length) {
-        Children.forEach(children, handleChild);
+        React.Children.forEach(children, handleChild);
     }
-    return (React.createElement("div", { className: b('container') },
-        React.createElement(Fragment, null,
-            left && React.createElement("div", { className: b('left') }, left),
-            right && (React.createElement("div", { className: b('right', { editing: isEditingMode }) },
-                React.createElement(DeviceEmulation, { mode: viewMode }, right))))));
+    return (_jsx("div", { className: b('container'), children: _jsxs(React.Fragment, { children: [left && _jsx("div", { className: b('left'), children: left }), right && (_jsx("div", { className: b('right', { editing: isEditingMode }), children: _jsx(DeviceEmulation, { mode: viewMode, children: right }) }))] }) }));
 };
 Layout.Left = Left;
 Layout.Right = Right;
 export default Layout;
+//# sourceMappingURL=Layout.js.map

package/build/esm/editor/components/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,YAAY,EAAe,6BAAoB;AACvD,OAAO,eAAe,8CAA2C;AAEjE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,IAAI,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC3D,MAAM,KAAK,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAO5D,uGAAuG;AAEvG,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAuC,EAAE,EAAE;IACpF,IAAI,IAAI,EAAE,KAAK,CAAC;IAChB,MAAM,aAAa,GAAG,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC;IAErD,SAAS,WAAW,CAAC,KAAyB;QAC1C,QAAQ,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACL,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,QAAQ,CAAC;gBAC7B,MAAM;YACV,KAAK,KAAK;gBACN,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,QAAQ,CAAC;gBAC9B,MAAM;QACd,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAA8B,EAAE,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,YAAG,KAAK,GAAmB,GACxD,CACT,IACY,GACf,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../utils';\nimport {EditModeItem, ViewModeItem} from '../../types';\nimport DeviceEmulation from '../DeviceEmulation/DeviceEmulation';\n\nimport './Layout.scss';\n\nconst b = block('editor-layout');\n\nconst Left: React.FC<React.PropsWithChildren> = () => null;\nconst Right: React.FC<React.PropsWithChildren> = () => null;\n\nexport interface LayoutProps {\n    editMode: EditModeItem;\n    viewMode: ViewModeItem;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared\n\nconst Layout = ({children, editMode, viewMode}: React.PropsWithChildren<LayoutProps>) => {\n    let left, right;\n    const isEditingMode = editMode === EditModeItem.Form;\n\n    function handleChild(child: React.ReactElement) {\n        switch (child?.type) {\n            case Left:\n                left = child?.props.children;\n                break;\n            case Right:\n                right = child?.props.children;\n                break;\n        }\n    }\n\n    if (React.Children.toArray(children).length) {\n        React.Children.forEach(children as React.ReactElement, handleChild);\n    }\n\n    return (\n        <div className={b('container')}>\n            <React.Fragment>\n                {left && <div className={b('left')}>{left}</div>}\n                {right && (\n                    <div className={b('right', {editing: isEditingMode})}>\n                        <DeviceEmulation mode={viewMode}>{right}</DeviceEmulation>\n                    </div>\n                )}\n            </React.Fragment>\n        </div>\n    );\n};\n\nLayout.Left = Left;\nLayout.Right = Right;\n\nexport default Layout;\n"]}

package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.d.ts

@@ -1,3 +1,3 @@
-import { BlockDecorationProps } from '../../../models';
+import { BlockDecorationProps } from "../../../models/index.js";
 import './NotFoundBlock.css';
-export declare const NotFoundBlock: ({ type, children }: BlockDecorationProps) => JSX.Element;
+export declare const NotFoundBlock: ({ type, children }: BlockDecorationProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.js

@@ -1,8 +1,9 @@
-import React, { Fragment } from 'react';
-import { BlockBase } from '../../../components';
-import { block } from '../../../utils';
-import { i18n } from './i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { BlockBase } from "../../../components/index.js";
+import { block } from "../../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './NotFoundBlock.css';
 const b = block('not-found-block');
-export const NotFoundBlock = ({ type, children }) => children ? (React.createElement(Fragment, null, children)) : (React.createElement(BlockBase, null,
-    React.createElement("div", { className: b() }, i18n('message', { type }))));
+export const NotFoundBlock = ({ type, children }) => children ? (_jsx(React.Fragment, { children: children })) : (_jsx(BlockBase, { children: _jsx("div", { className: b(), children: i18n('message', { type }) }) }));
+//# sourceMappingURL=NotFoundBlock.js.map

package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/NotFoundBlock/NotFoundBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,qCAA4B;AAE9C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAuB,EAAE,EAAE,CACpE,QAAQ,CAAC,CAAC,CAAC,CACP,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAC9C,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,cACN,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,IAAI,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAO,GAC5C,CACf,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockBase} from '../../../components';\nimport {BlockDecorationProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './NotFoundBlock.scss';\n\nconst b = block('not-found-block');\n\nexport const NotFoundBlock = ({type, children}: BlockDecorationProps) =>\n    children ? (\n        <React.Fragment>{children}</React.Fragment>\n    ) : (\n        <BlockBase>\n            <div className={b()}>{i18n('message', {type})}</div>\n        </BlockBase>\n    );\n"]}

package/build/esm/editor/components/NotFoundBlock/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "message", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "message", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-NotFoundBlock": Record<"message", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/editor/components/NotFoundBlock/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}NotFoundBlock`);
+//# sourceMappingURL=index.js.map

package/build/esm/editor/components/NotFoundBlock/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["editor/components/NotFoundBlock/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,eAAe,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}NotFoundBlock`);\n"]}

package/build/esm/editor/components/PageSettings/PageSettings.d.ts

@@ -1,5 +1,5 @@
 import { JSONSchema4 } from 'json-schema';
-import { PageContent } from '../../../models';
+import { PageContent } from "../../../models/index.js";
 import './PageSettings.css';
 export interface PageSettingsProps {
     content: PageContent;
@@ -7,6 +7,6 @@ export interface PageSettingsProps {
     onChange: (content: PageContent) => void;
 }
 export declare const PageSettings: {
-    ({ schema, content, onChange }: PageSettingsProps): JSX.Element;
+    ({ schema, content, onChange }: PageSettingsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/build/esm/editor/components/PageSettings/PageSettings.js

@@ -1,27 +1,25 @@
 import { __rest } from "tslib";
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { DynamicField } from '@gravity-ui/dynamic-forms';
 import { Disclosure } from '@gravity-ui/uikit';
 import noop from 'lodash/noop';
 import { Form as FinalForm, FormSpy } from 'react-final-form';
-import { block } from '../../../utils';
-import { dynamicConfig } from '../../dynamic-forms-custom/config';
-import useFormSpec from '../../hooks/useFormSpec';
-import { i18n } from './i18n';
+import { block } from "../../../utils/index.js";
+import { dynamicConfig } from "../../dynamic-forms-custom/config.js";
+import useFormSpec from "../../hooks/useFormSpec.js";
+import { i18n } from "./i18n/index.js";
 import './PageSettings.css';
 const b = block('editor-page-settings');
 export const PageSettings = ({ schema, content, onChange }) => {
     const spec = useFormSpec(schema);
     const { page: pageSpec } = spec || {};
-    const initialPage = useMemo(() => {
+    const initialPage = React.useMemo(() => {
         const _a = content || {}, { blocks: _ } = _a, page = __rest(_a, ["blocks"]);
         return page;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React.createElement(Disclosure, { className: b('container'), summary: i18n('page-settings-title'), size: "l" },
-        React.createElement("div", { className: b('form') },
-            React.createElement(FinalForm, { initialValues: { content: initialPage }, onSubmit: noop }, () => (React.createElement("div", null,
-                React.createElement(FormSpy, { onChange: ({ values }) => onChange(Object.assign(Object.assign({}, content), values.content)), subscription: { values: true } }),
-                React.createElement(DynamicField, { name: "content", spec: pageSpec, config: dynamicConfig })))))));
+    return (_jsx(Disclosure, { className: b('container'), summary: i18n('page-settings-title'), size: "l", children: _jsx("div", { className: b('form'), children: _jsx(FinalForm, { initialValues: { content: initialPage }, onSubmit: noop, children: () => (_jsxs("div", { children: [_jsx(FormSpy, { onChange: ({ values }) => onChange(Object.assign(Object.assign({}, content), values.content)), subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: pageSpec, config: dynamicConfig })] })) }) }) }));
 };
 PageSettings.displayName = 'PageSettings';
+//# sourceMappingURL=PageSettings.js.map

package/build/esm/editor/components/PageSettings/PageSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSettings.js","sourceRoot":"../../../../../src","sources":["editor/components/PageSettings/PageSettings.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAO,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAChE,OAAO,WAAW,mCAAgC;AAElD,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAQxC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,KAAuB,OAAO,IAAI,EAAE,EAApC,EAAC,MAAM,EAAE,CAAC,OAA0B,EAArB,IAAI,cAAnB,UAAoB,CAAgB,CAAC;QAE3C,OAAO,IAAI,CAAC;QACZ,uDAAuD;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,GAAG,YACjF,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,SAAS,IAAC,aAAa,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,EAAE,QAAQ,EAAE,IAAI,YAC3D,GAAG,EAAE,CAAC,CACH,0BACI,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,iCAAK,OAAO,GAAK,MAAM,CAAC,OAAO,EAAE,EACjE,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,QAAgB,EACtB,MAAM,EAAE,aAAa,GACvB,IACA,CACT,GACO,GACV,GACG,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, Spec} from '@gravity-ui/dynamic-forms';\nimport {Disclosure} from '@gravity-ui/uikit';\nimport {JSONSchema4} from 'json-schema';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {PageContent} from '../../../models';\nimport {block} from '../../../utils';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport useFormSpec from '../../hooks/useFormSpec';\n\nimport {i18n} from './i18n';\n\nimport './PageSettings.scss';\n\nconst b = block('editor-page-settings');\n\nexport interface PageSettingsProps {\n    content: PageContent;\n    schema: JSONSchema4;\n    onChange: (content: PageContent) => void;\n}\n\nexport const PageSettings = ({schema, content, onChange}: PageSettingsProps) => {\n    const spec = useFormSpec(schema);\n    const {page: pageSpec} = spec || {};\n\n    const initialPage = React.useMemo(() => {\n        const {blocks: _, ...page} = content || {};\n\n        return page;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n        <Disclosure className={b('container')} summary={i18n('page-settings-title')} size=\"l\">\n            <div className={b('form')}>\n                <FinalForm initialValues={{content: initialPage}} onSubmit={noop}>\n                    {() => (\n                        <div>\n                            <FormSpy\n                                onChange={({values}) => onChange({...content, ...values.content})}\n                                subscription={{values: true}}\n                            />\n                            <DynamicField\n                                name=\"content\"\n                                spec={pageSpec as Spec}\n                                config={dynamicConfig}\n                            />\n                        </div>\n                    )}\n                </FinalForm>\n            </div>\n        </Disclosure>\n    );\n};\n\nPageSettings.displayName = 'PageSettings';\n"]}

package/build/esm/editor/components/PageSettings/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "page-settings-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "page-settings-title", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-PageSettings": Record<"page-settings-title", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/editor/components/PageSettings/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}PageSettings`);
+//# sourceMappingURL=index.js.map

package/build/esm/editor/components/PageSettings/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["editor/components/PageSettings/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,cAAc,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}PageSettings`);\n"]}

package/build/esm/editor/containers/Editor/Editor.d.ts

@@ -1,3 +1,3 @@
-import { EditorProps } from '../../types';
+import { EditorProps } from "../../types/index.js";
 import './Editor.css';
-export declare const Editor: (props: EditorProps) => JSX.Element;
+export declare const Editor: (props: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/editor/containers/Editor/Editor.js

@@ -1,30 +1,20 @@
-import React from 'react';
-import { PageConstructor, PageConstructorProvider } from '../../../containers/PageConstructor';
-import { block } from '../../../utils';
-import AddBlock from '../../components/AddBlock/AddBlock';
-import { CodeEditor } from '../../components/CodeEditor/CodeEditor';
-import ControlPanel from '../../components/ControlPanel/ControlPanel';
-import { ErrorBoundary } from '../../components/ErrorBoundary/ErrorBoundary';
-import Layout from '../../components/Layout/Layout';
-import { PageSettings } from '../../components/PageSettings/PageSettings';
-import { EditorContext } from '../../context';
-import { Form } from '../Form/Form';
-import { useEditorState } from './hooks/useEditorState';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageConstructor, PageConstructorProvider } from "../../../containers/PageConstructor/index.js";
+import { block } from "../../../utils/index.js";
+import AddBlock from "../../components/AddBlock/AddBlock.js";
+import { CodeEditor } from "../../components/CodeEditor/CodeEditor.js";
+import ControlPanel from "../../components/ControlPanel/ControlPanel.js";
+import { ErrorBoundary } from "../../components/ErrorBoundary/ErrorBoundary.js";
+import Layout from "../../components/Layout/Layout.js";
+import { PageSettings } from "../../components/PageSettings/PageSettings.js";
+import { EditorContext } from "../../context.js";
+import { Form } from "../Form/Form.js";
+import { useEditorState } from "./hooks/useEditorState.js";
 import './Editor.css';
 const b = block('editor');
 export const Editor = (props) => {
     const { providerProps } = props;
     const { context, viewMode, editMode, constructorTheme, onThemeUpdate, onViewModeUpdate, onEditModeUpdate, isCodeEditMode, isFormEditMode, isDesktopViewMode, content, schema, onContentUpdate, code, codeValidator, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, activeBlockIndex, onSelect, isCodeOnlyMode, errorBoundaryState, outgoingProps, onAdd, } = useEditorState(props);
-    return (React.createElement(EditorContext.Provider, { value: context },
-        React.createElement(ControlPanel, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }),
-        isFormEditMode && isDesktopViewMode && (React.createElement(PageSettings, { content: content, schema: schema, onChange: onContentUpdate })),
-        isCodeEditMode && (React.createElement(CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })),
-        React.createElement(Layout, { editMode: editMode, viewMode: viewMode },
-            isFormEditMode && isDesktopViewMode && (React.createElement(Layout.Left, null,
-                React.createElement(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }))),
-            !isCodeOnlyMode && (React.createElement(Layout.Right, null,
-                React.createElement(ErrorBoundary, { key: errorBoundaryState },
-                    React.createElement(PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme }),
-                        React.createElement(PageConstructor, Object.assign({}, outgoingProps)))),
-                isFormEditMode && React.createElement(AddBlock, { onAdd: onAdd }))))));
+    return (_jsxs(EditorContext.Provider, { value: context, children: [_jsx(ControlPanel, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && (_jsx(PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && (_jsx(CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), _jsxs(Layout, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && (_jsx(Layout.Left, { children: _jsx(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && (_jsxs(Layout.Right, { children: [_jsx(ErrorBoundary, { children: _jsx(PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme, children: _jsx(PageConstructor, Object.assign({}, outgoingProps)) })) }, errorBoundaryState), isFormEditMode && _jsx(AddBlock, { onAdd: onAdd })] }))] })] }));
 };
+//# sourceMappingURL=Editor.js.map

package/build/esm/editor/containers/Editor/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor/containers/Editor/Editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAE,uBAAuB,EAAC,qDAA4C;AAC7F,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,QAAQ,8CAA2C;AAC1D,OAAO,EAAC,UAAU,EAAC,kDAA+C;AAClE,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,aAAa,EAAC,wDAAqD;AAC3E,OAAO,MAAM,0CAAuC;AACpD,OAAO,EAAC,YAAY,EAAC,sDAAmD;AACxE,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAE5C,OAAO,EAAC,IAAI,EAAC,wBAAqB;AAElC,OAAO,EAAC,cAAc,EAAC,kCAA+B;AAEtD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC;IAE9B,MAAM,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,IAAI,EACJ,aAAa,EACb,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,KAAK,GACR,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE1B,OAAO,CACH,MAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,aAClC,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,aAAa,GAC9B,EACD,cAAc,IAAI,iBAAiB,IAAI,CACpC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAI,CAChF,EACA,cAAc,IAAI,CACf,KAAC,UAAU,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,wBAAwB,EAAE,2BAA2B,GACvD,CACL,EACD,MAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACzC,cAAc,IAAI,iBAAiB,IAAI,CACpC,KAAC,MAAM,CAAC,IAAI,cACR,KAAC,IAAI,IACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACpB,GACQ,CACjB,EACA,CAAC,cAAc,IAAI,CAChB,MAAC,MAAM,CAAC,KAAK,eACT,KAAC,aAAa,cACV,KAAC,uBAAuB,oBAAK,aAAa,IAAE,KAAK,EAAE,gBAAgB,YAC/D,KAAC,eAAe,oBAAK,aAAa,EAAI,IAChB,IAHV,kBAAkB,CAItB,EACf,cAAc,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IAClC,CAClB,IACI,IACY,CAC5B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {PageConstructor, PageConstructorProvider} from '../../../containers/PageConstructor';\nimport {block} from '../../../utils';\nimport AddBlock from '../../components/AddBlock/AddBlock';\nimport {CodeEditor} from '../../components/CodeEditor/CodeEditor';\nimport ControlPanel from '../../components/ControlPanel/ControlPanel';\nimport {ErrorBoundary} from '../../components/ErrorBoundary/ErrorBoundary';\nimport Layout from '../../components/Layout/Layout';\nimport {PageSettings} from '../../components/PageSettings/PageSettings';\nimport {EditorContext} from '../../context';\nimport {EditorProps} from '../../types';\nimport {Form} from '../Form/Form';\n\nimport {useEditorState} from './hooks/useEditorState';\n\nimport './Editor.scss';\n\nconst b = block('editor');\n\nexport const Editor = (props: EditorProps) => {\n    const {providerProps} = props;\n\n    const {\n        context,\n        viewMode,\n        editMode,\n        constructorTheme,\n        onThemeUpdate,\n        onViewModeUpdate,\n        onEditModeUpdate,\n        isCodeEditMode,\n        isFormEditMode,\n        isDesktopViewMode,\n        content,\n        schema,\n        onContentUpdate,\n        code,\n        codeValidator,\n        codeFullscreeModeOn,\n        onCodeFullscreeModeOnUpdate,\n        activeBlockIndex,\n        onSelect,\n        isCodeOnlyMode,\n        errorBoundaryState,\n        outgoingProps,\n        onAdd,\n    } = useEditorState(props);\n\n    return (\n        <EditorContext.Provider value={context}>\n            <ControlPanel\n                viewMode={viewMode}\n                onViewModeChange={onViewModeUpdate}\n                editMode={editMode}\n                onEditModeChange={onEditModeUpdate}\n                theme={constructorTheme}\n                className={b('panel')}\n                onThemeChange={onThemeUpdate}\n            />\n            {isFormEditMode && isDesktopViewMode && (\n                <PageSettings content={content} schema={schema} onChange={onContentUpdate} />\n            )}\n            {isCodeEditMode && (\n                <CodeEditor\n                    code={code}\n                    onChange={onContentUpdate}\n                    validator={codeValidator}\n                    fullscreenModeOn={codeFullscreeModeOn}\n                    onFullscreenModeOnUpdate={onCodeFullscreeModeOnUpdate}\n                />\n            )}\n            <Layout editMode={editMode} viewMode={viewMode}>\n                {isFormEditMode && isDesktopViewMode && (\n                    <Layout.Left>\n                        <Form\n                            content={content}\n                            onChange={onContentUpdate}\n                            activeBlockIndex={activeBlockIndex}\n                            schema={schema}\n                            onSelect={onSelect}\n                        />\n                    </Layout.Left>\n                )}\n                {!isCodeOnlyMode && (\n                    <Layout.Right>\n                        <ErrorBoundary key={errorBoundaryState}>\n                            <PageConstructorProvider {...providerProps} theme={constructorTheme}>\n                                <PageConstructor {...outgoingProps} />\n                            </PageConstructorProvider>\n                        </ErrorBoundary>\n                        {isFormEditMode && <AddBlock onAdd={onAdd} />}\n                    </Layout.Right>\n                )}\n            </Layout>\n        </EditorContext.Provider>\n    );\n};\n"]}

package/build/esm/editor/containers/Editor/hooks/useCode.d.ts

@@ -1,4 +1,4 @@
-import { PageContent } from '../../../../models';
+import { PageContent } from "../../../../models/index.js";
 type UseCodeProps = {
     content: PageContent;
     codeFullscreeModeOn: boolean;

package/build/esm/editor/containers/Editor/hooks/useCode.js

@@ -1,6 +1,6 @@
-import { useEffect, useState } from 'react';
+import * as React from 'react';
 import yaml from 'js-yaml';
-import usePreviousValue from '../../../hooks/usePreviousValue';
+import usePreviousValue from "../../../hooks/usePreviousValue.js";
 /**
  * Transorms PageConstructor content in JSON to YAML on code editor mode switching
  *
@@ -9,10 +9,10 @@ import usePreviousValue from '../../../hooks/usePreviousValue';
  */
 export function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
     var _a;
-    const [code, setCode] = useState('');
+    const [code, setCode] = React.useState('');
     const prevContentLength = usePreviousValue((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
     const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);
-    useEffect(() => {
+    React.useEffect(() => {
         var _a;
         const blocksCountChanged = prevContentLength !== ((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
         const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;
@@ -22,3 +22,4 @@ export function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
     }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);
     return code;
 }
+//# sourceMappingURL=useCode.js.map

package/build/esm/editor/containers/Editor/hooks/useCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCode.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useCode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,OAAO,gBAAgB,2CAAwC;AAQ/D;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAe;;IAChF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,MAAA,OAAO,CAAC,MAAM,0CAAE,MAAM,CAAC,CAAC;IACnE,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAEtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACjB,MAAM,kBAAkB,GAAG,iBAAiB,MAAK,MAAA,OAAO,CAAC,MAAM,0CAAE,MAAM,CAAA,CAAC;QACxE,MAAM,gBAAgB,GAAG,mBAAmB,KAAK,uBAAuB,CAAC;QAEzE,IAAI,kBAAkB,IAAI,cAAc,IAAI,gBAAgB,EAAE,CAAC;YAC3D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QACjD,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAE/F,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport yaml from 'js-yaml';\n\nimport {PageContent} from '../../../../models';\nimport usePreviousValue from '../../../hooks/usePreviousValue';\n\ntype UseCodeProps = {\n    content: PageContent;\n    codeFullscreeModeOn: boolean;\n    isCodeEditMode: boolean;\n};\n\n/**\n * Transorms PageConstructor content in JSON to YAML on code editor mode switching\n *\n * @param {Object} props - props parent from form\n * @returns {string} - updated code\n */\nexport function useCode({content, codeFullscreeModeOn, isCodeEditMode}: UseCodeProps) {\n    const [code, setCode] = React.useState('');\n\n    const prevContentLength = usePreviousValue(content.blocks?.length);\n    const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);\n\n    React.useEffect(() => {\n        const blocksCountChanged = prevContentLength !== content.blocks?.length;\n        const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;\n\n        if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {\n            setCode(yaml.dump(content, {lineWidth: -1}));\n        }\n    }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);\n\n    return code;\n}\n"]}

package/build/esm/editor/containers/Editor/hooks/useEditorState.d.ts

@@ -1,38 +1,38 @@
-import { EditModeItem, EditorProps, ViewModeItem } from '../../../types';
+import { EditModeItem, EditorProps, ViewModeItem } from "../../../types/index.js";
 export declare const useEditorState: ({ customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme, ...rest }: EditorProps) => {
     context: {
         constructorProps: {
-            content: import("../../../../models").PageContent;
-            custom: import("../../../../models").CustomConfig | undefined;
+            content: import("../../../../index.js").PageContent;
+            custom: import("../../../../index.js").CustomConfig | undefined;
         };
         providerProps: {
             isMobile: boolean;
-            theme: import("../../../../models").Theme;
-            locale?: import("../../../../context/localeContext").LocaleContextProps | undefined;
-            location?: import("../../../../context/locationContext").LocationContextProps | undefined;
-            ssrConfig?: import("../../../../context/ssrContext").SSRContextProps | undefined;
-            mapsContext?: import("../../../../context/mapsContext/mapsContext").MapsContextType | undefined;
-            projectSettings?: import("../../../../context/projectSettingsContext").ProjectSettingsContextProps | undefined;
-            analytics?: import("../../../..").AnalyticsContextProps | undefined;
-            forms?: import("../../../../context/formsContext").FormsContextProps | undefined;
-            image?: import("../../../../context/imageContext").ImageContextProps | undefined;
+            theme: import("../../../../index.js").Theme;
+            locale?: import("../../../../context/localeContext/index.js").LocaleContextProps;
+            location?: import("../../../../context/locationContext/index.js").LocationContextProps;
+            ssrConfig?: import("../../../../context/ssrContext/index.js").SSRContextProps;
+            mapsContext?: import("../../../../context/mapsContext/mapsContext.js").MapsContextType;
+            projectSettings?: import("../../../../context/projectSettingsContext/index.js").ProjectSettingsContextProps;
+            analytics?: import("../../../../index.js").AnalyticsContextProps;
+            forms?: import("../../../../context/formsContext/index.js").FormsContextProps;
+            image?: import("../../../../context/imageContext/index.js").ImageContextProps;
         };
-        deviceEmulationSettings: import("../../../types").DeviceEmulationSettings | undefined;
-        theme: import("../../../../models").Theme | undefined;
+        deviceEmulationSettings: import("../../../index.js").DeviceEmulationSettings | undefined;
+        theme: import("../../../../index.js").Theme | undefined;
     };
     viewMode: ViewModeItem;
     editMode: EditModeItem;
-    constructorTheme: import("../../../../models").Theme;
-    onThemeUpdate: (newTheme: import("../../../../models").Theme) => void;
+    constructorTheme: import("../../../../index.js").Theme;
+    onThemeUpdate: (newTheme: import("../../../../index.js").Theme) => void;
     onViewModeUpdate: (newViewMode: ViewModeItem) => void;
     onEditModeUpdate: (newEditMode: EditModeItem) => void;
     isCodeEditMode: boolean;
     isDesktopViewMode: boolean;
-    content: import("../../../../models").PageContent;
+    content: import("../../../../index.js").PageContent;
     schema: import("json-schema").JSONSchema4;
-    onContentUpdate: (newContent: import("../../../../models").PageContent) => void;
+    onContentUpdate: (newContent: import("../../../../index.js").PageContent) => void;
     code: string;
-    codeValidator: import("../../../hooks/useCodeValidator").CodeValidator;
+    codeValidator: import("../../../hooks/useCodeValidator.js").CodeValidator;
     codeFullscreeModeOn: boolean;
     onCodeFullscreeModeOnUpdate: (newCodeFullscreeModeOn: boolean) => void;
     activeBlockIndex: number;
@@ -40,10 +40,10 @@ export declare const useEditorState: ({ customSchema, onChange, providerProps, t
     isCodeOnlyMode: boolean;
     errorBoundaryState: number;
     outgoingProps: {
-        content: import("../../../../models").PageContent;
-        custom: import("../../../../models").CustomConfig | undefined;
+        content: import("../../../../index.js").PageContent;
+        custom: import("../../../../index.js").CustomConfig | undefined;
         viewMode: ViewModeItem;
     };
-    onAdd: (block: import("../../../../models").Block) => void;
+    onAdd: (block: import("../../../../index.js").Block) => void;
     isFormEditMode: boolean;
 };