@gravity-ui/page-constructor 6.0.0-beta.11 → 6.0.0-beta.13

package/build/cjs/editor/components/ControlPanel/ControlPanel.js

@@ -1,28 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Code, Display, Eye, Smartphone, SquareDashedText } from '@gravity-ui/icons';
-import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
-import { Theme, themeNames } from '../../../models';
-import { block } from '../../../utils';
-import { Tablet } from '../../icons/Tablet';
-import { EditModeItem, ViewModeItem } from '../../types';
-import { i18n } from './i18n';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const Tablet_1 = require("../../icons/Tablet.js");
+const types_1 = require("../../types/index.js");
+const i18n_1 = require("./i18n/index.js");
 const ICON_SIZE = 14;
-const b = block('control-panel');
+const b = (0, utils_1.block)('control-panel');
 const ControlPanelViewModeIcons = {
-    [ViewModeItem.Desktop]: Display,
-    [ViewModeItem.Tablet]: Tablet,
-    [ViewModeItem.Mobile]: Smartphone,
+    [types_1.ViewModeItem.Desktop]: icons_1.Display,
+    [types_1.ViewModeItem.Tablet]: Tablet_1.Tablet,
+    [types_1.ViewModeItem.Mobile]: icons_1.Smartphone,
 };
 const ControlPanelEditModeIcons = {
-    [EditModeItem.View]: Eye,
-    [EditModeItem.Form]: SquareDashedText,
-    [EditModeItem.Code]: Code,
+    [types_1.EditModeItem.View]: icons_1.Eye,
+    [types_1.EditModeItem.Form]: icons_1.SquareDashedText,
+    [types_1.EditModeItem.Code]: icons_1.Code,
 };
-const ControlPanel = ({ viewMode = ViewModeItem.Desktop, editMode = EditModeItem.Form, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }) => (_jsxs("div", { className: b(null, className), children: [_jsxs("div", { className: b('switch-container'), children: [_jsx("span", { children: i18n('edit_mode') }), _jsx(SegmentedRadioGroup, { className: b('radio-button'), value: editMode, onUpdate: (value) => onEditModeChange(value), children: Object.values(EditModeItem).map((item) => {
+const ControlPanel = ({ viewMode = types_1.ViewModeItem.Desktop, editMode = types_1.EditModeItem.Form, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('switch-container'), children: [(0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.i18n)('edit_mode') }), (0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { className: b('radio-button'), value: editMode, onUpdate: (value) => onEditModeChange(value), children: Object.values(types_1.EditModeItem).map((item) => {
                         const Icon = ControlPanelEditModeIcons[item];
-                        return (_jsx(SegmentedRadioGroup.Option, { value: item, children: _jsx("span", { className: b('icon'), children: _jsx(Icon, { width: ICON_SIZE, height: ICON_SIZE }) }) }, item));
-                    }) })] }), _jsxs("div", { className: b('switch-container'), children: [_jsx("span", { children: i18n('view_mode') }), _jsx(SegmentedRadioGroup, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value), children: Object.values(ViewModeItem).map((item) => {
+                        return ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup.Option, { value: item, children: (0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(Icon, { width: ICON_SIZE, height: ICON_SIZE }) }) }, item));
+                    }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: b('switch-container'), children: [(0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.i18n)('view_mode') }), (0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value), children: Object.values(types_1.ViewModeItem).map((item) => {
                         const Icon = ControlPanelViewModeIcons[item];
-                        return (_jsx(SegmentedRadioGroup.Option, { value: item, children: _jsx("span", { className: b('icon'), children: _jsx(Icon, { width: ICON_SIZE, height: ICON_SIZE }) }) }, item));
-                    }) })] }), _jsxs("div", { className: b('switch-container'), children: [_jsx("span", { children: i18n('theme') }), _jsx(Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]), children: Object.values(Theme).map((item) => (_jsx(Select.Option, { value: item, children: themeNames[item] }, item))) })] })] }));
-export default ControlPanel;
+                        return ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup.Option, { value: item, children: (0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(Icon, { width: ICON_SIZE, height: ICON_SIZE }) }) }, item));
+                    }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: b('switch-container'), children: [(0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.i18n)('theme') }), (0, jsx_runtime_1.jsx)(uikit_1.Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]), children: Object.values(models_1.Theme).map((item) => ((0, jsx_runtime_1.jsx)(uikit_1.Select.Option, { value: item, children: models_1.themeNames[item] }, item))) })] })] }));
+exports.default = ControlPanel;
+//# sourceMappingURL=ControlPanel.js.map

package/build/cjs/editor/components/ControlPanel/ControlPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlPanel.js","sourceRoot":"../../../../../src","sources":["editor/components/ControlPanel/ControlPanel.tsx"],"names":[],"mappings":";;;AAAA,6CAAmF;AACnF,6CAA8D;AAE9D,qDAAkE;AAClE,mDAAqC;AACrC,kDAA0C;AAC1C,gDAAuD;AAEvD,0CAA4B;AAI5B,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,yBAAyB,GAAG;IAC9B,CAAC,oBAAY,CAAC,OAAO,CAAC,EAAE,eAAO;IAC/B,CAAC,oBAAY,CAAC,MAAM,CAAC,EAAE,eAAM;IAC7B,CAAC,oBAAY,CAAC,MAAM,CAAC,EAAE,kBAAU;CACpC,CAAC;AAEF,MAAM,yBAAyB,GAAG;IAC9B,CAAC,oBAAY,CAAC,IAAI,CAAC,EAAE,WAAG;IACxB,CAAC,oBAAY,CAAC,IAAI,CAAC,EAAE,wBAAgB;IACrC,CAAC,oBAAY,CAAC,IAAI,CAAC,EAAE,YAAI;CAC5B,CAAC;AAWF,MAAM,YAAY,GAAG,CAAC,EAClB,QAAQ,GAAG,oBAAY,CAAC,OAAO,EAC/B,QAAQ,GAAG,oBAAY,CAAC,IAAI,EAC5B,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,aAAa,GACG,EAAE,EAAE,CAAC,CACrB,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,aACjC,2CAAO,IAAA,WAAI,EAAC,WAAW,CAAC,GAAQ,EAChC,uBAAC,2BAAmB,IAChB,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAqB,CAAC,YAE3D,MAAM,CAAC,MAAM,CAAC,oBAAY,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACtC,MAAM,IAAI,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;wBAE7C,OAAO,CACH,uBAAC,2BAAmB,CAAC,MAAM,IAAY,KAAK,EAAE,IAAI,YAC9C,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAI,GAC1C,IAHsB,IAAI,CAIR,CAChC,CAAC;oBACN,CAAC,CAAC,GACgB,IACpB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,aACjC,2CAAO,IAAA,WAAI,EAAC,WAAW,CAAC,GAAQ,EAChC,uBAAC,2BAAmB,IAChB,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAqB,CAAC,YAE3D,MAAM,CAAC,MAAM,CAAC,oBAAY,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACtC,MAAM,IAAI,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;wBAE7C,OAAO,CACH,uBAAC,2BAAmB,CAAC,MAAM,IAAY,KAAK,EAAE,IAAI,YAC9C,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,GAAI,GAC1C,IAHsB,IAAI,CAIR,CAChC,CAAC;oBACN,CAAC,CAAC,GACgB,IACpB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,aACjC,2CAAO,IAAA,WAAI,EAAC,OAAO,CAAC,GAAQ,EAC5B,uBAAC,cAAM,IAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAU,CAAC,YACxE,MAAM,CAAC,MAAM,CAAC,cAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChC,uBAAC,cAAM,CAAC,MAAM,IAAY,KAAK,EAAE,IAAI,YAChC,mBAAU,CAAC,IAAI,CAAC,IADD,IAAI,CAER,CACnB,CAAC,GACG,IACP,IACJ,CACT,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["import {Code, Display, Eye, Smartphone, SquareDashedText} from '@gravity-ui/icons';\nimport {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {ClassNameProps, Theme, themeNames} from '../../../models';\nimport {block} from '../../../utils';\nimport {Tablet} from '../../icons/Tablet';\nimport {EditModeItem, ViewModeItem} from '../../types';\n\nimport {i18n} from './i18n';\n\nimport './ControlPanel.scss';\n\nconst ICON_SIZE = 14;\n\nconst b = block('control-panel');\n\nconst ControlPanelViewModeIcons = {\n    [ViewModeItem.Desktop]: Display,\n    [ViewModeItem.Tablet]: Tablet,\n    [ViewModeItem.Mobile]: Smartphone,\n};\n\nconst ControlPanelEditModeIcons = {\n    [EditModeItem.View]: Eye,\n    [EditModeItem.Form]: SquareDashedText,\n    [EditModeItem.Code]: Code,\n};\n\nexport interface ControlPanelProps extends ClassNameProps {\n    viewMode?: ViewModeItem;\n    editMode?: EditModeItem;\n    onViewModeChange: (viewMode: ViewModeItem) => void;\n    onEditModeChange: (editMode: EditModeItem) => void;\n    theme: Theme;\n    onThemeChange: (theme: Theme) => void;\n}\n\nconst ControlPanel = ({\n    viewMode = ViewModeItem.Desktop,\n    editMode = EditModeItem.Form,\n    onViewModeChange,\n    onEditModeChange,\n    className,\n    theme,\n    onThemeChange,\n}: ControlPanelProps) => (\n    <div className={b(null, className)}>\n        <div className={b('switch-container')}>\n            <span>{i18n('edit_mode')}</span>\n            <SegmentedRadioGroup\n                className={b('radio-button')}\n                value={editMode}\n                onUpdate={(value) => onEditModeChange(value as EditModeItem)}\n            >\n                {Object.values(EditModeItem).map((item) => {\n                    const Icon = ControlPanelEditModeIcons[item];\n\n                    return (\n                        <SegmentedRadioGroup.Option key={item} value={item}>\n                            <span className={b('icon')}>\n                                <Icon width={ICON_SIZE} height={ICON_SIZE} />\n                            </span>\n                        </SegmentedRadioGroup.Option>\n                    );\n                })}\n            </SegmentedRadioGroup>\n        </div>\n        <div className={b('switch-container')}>\n            <span>{i18n('view_mode')}</span>\n            <SegmentedRadioGroup\n                className={b('radio-button')}\n                value={viewMode}\n                onUpdate={(value) => onViewModeChange(value as ViewModeItem)}\n            >\n                {Object.values(ViewModeItem).map((item) => {\n                    const Icon = ControlPanelViewModeIcons[item];\n\n                    return (\n                        <SegmentedRadioGroup.Option key={item} value={item}>\n                            <span className={b('icon')}>\n                                <Icon width={ICON_SIZE} height={ICON_SIZE} />\n                            </span>\n                        </SegmentedRadioGroup.Option>\n                    );\n                })}\n            </SegmentedRadioGroup>\n        </div>\n        <div className={b('switch-container')}>\n            <span>{i18n('theme')}</span>\n            <Select value={[theme]} onUpdate={(value) => onThemeChange(value[0] as Theme)}>\n                {Object.values(Theme).map((item) => (\n                    <Select.Option key={item} value={item}>\n                        {themeNames[item]}\n                    </Select.Option>\n                ))}\n            </Select>\n        </div>\n    </div>\n);\n\nexport default ControlPanel;\n"]}

package/build/cjs/editor/components/ControlPanel/i18n/index.js

@@ -1,5 +1,10 @@
-import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
-export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ControlPanel`);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ControlPanel`);
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/components/ControlPanel/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["editor/components/ControlPanel/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,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}ControlPanel`);\n"]}

package/build/cjs/editor/components/DeviceEmulation/DeviceEmulation.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ViewModeItem } from '../../types';
+import { ViewModeItem } from "../../types/index.js";
 export interface DeviceEmulationProps extends React.PropsWithChildren {
     mode: ViewModeItem;
 }

package/build/cjs/editor/components/DeviceEmulation/DeviceEmulation.js

@@ -1,6 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import DeviceEmulationMobile from './DeviceEmulationMobile/DeviceEmulationMobile';
-import { isMobileDevice, mobileDevices } from './utils';
-const DeviceEmulation = ({ children, mode }) => (_jsxs(React.Fragment, { children: [!isMobileDevice(mode) && children, mobileDevices.map((device) => (_jsx(DeviceEmulationMobile, { device: device, active: mode === device, children: children }, device)))] }));
-export default DeviceEmulation;
+"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 DeviceEmulationMobile_1 = tslib_1.__importDefault(require("./DeviceEmulationMobile/DeviceEmulationMobile.js"));
+const utils_1 = require("./utils.js");
+const DeviceEmulation = ({ children, mode }) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [!(0, utils_1.isMobileDevice)(mode) && children, utils_1.mobileDevices.map((device) => ((0, jsx_runtime_1.jsx)(DeviceEmulationMobile_1.default, { device: device, active: mode === device, children: children }, device)))] }));
+exports.default = DeviceEmulation;
+//# sourceMappingURL=DeviceEmulation.js.map

package/build/cjs/editor/components/DeviceEmulation/DeviceEmulation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceEmulation.js","sourceRoot":"../../../../../src","sources":["editor/components/DeviceEmulation/DeviceEmulation.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,qHAAkF;AAClF,sCAAsD;AAMtD,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAuB,EAAE,EAAE,CAAC,CAChE,wBAAC,KAAK,CAAC,QAAQ,eACV,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,IAAI,QAAQ,EACjC,qBAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC3B,uBAAC,+BAAqB,IAAc,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,KAAK,MAAM,YACtE,QAAQ,IADe,MAAM,CAEV,CAC3B,CAAC,IACW,CACpB,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ViewModeItem} from '../../types';\n\nimport DeviceEmulationMobile from './DeviceEmulationMobile/DeviceEmulationMobile';\nimport {isMobileDevice, mobileDevices} from './utils';\n\nexport interface DeviceEmulationProps extends React.PropsWithChildren {\n    mode: ViewModeItem;\n}\n\nconst DeviceEmulation = ({children, mode}: DeviceEmulationProps) => (\n    <React.Fragment>\n        {!isMobileDevice(mode) && children}\n        {mobileDevices.map((device) => (\n            <DeviceEmulationMobile key={device} device={device} active={mode === device}>\n                {children}\n            </DeviceEmulationMobile>\n        ))}\n    </React.Fragment>\n);\n\nexport default DeviceEmulation;\n"]}

package/build/cjs/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MobileDevice } from '../utils';
+import { MobileDevice } from "../utils.js";
 interface DeviceEmulationMobileProps extends React.PropsWithChildren {
     device: MobileDevice;
     active: boolean;

package/build/cjs/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js

@@ -1,20 +1,20 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { block } from '../../../../utils';
-import { EditorContext } from '../../../context';
-import { DeviceIframe } from '../../../widget';
-const b = block('device-emulation-mobile');
+"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 utils_1 = require("../../../../utils/index.js");
+const context_1 = require("../../../context.js");
+const widget_1 = require("../../../widget/index.js");
+const b = (0, utils_1.block)('device-emulation-mobile');
 const DeviceEmulationMobile = ({ device, active }) => {
-    const _a = React.useContext(EditorContext), { deviceEmulationSettings } = _a, initialData = tslib_1.__rest(_a, ["deviceEmulationSettings"]);
+    const _a = React.useContext(context_1.EditorContext), { deviceEmulationSettings } = _a, initialData = tslib_1.__rest(_a, ["deviceEmulationSettings"]);
     const containerRef = React.useRef(null);
     const deviceIframeRef = React.useRef(null);
     React.useEffect(() => {
         let iframe;
         if (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) {
-            iframe = new DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
+            iframe = new widget_1.DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
                 initialData,
                 className: b('frame', { device }),
                 settings: deviceEmulationSettings,
@@ -37,6 +37,7 @@ const DeviceEmulationMobile = ({ device, active }) => {
             deviceIframeRef.current.onDataUpdate(initialData);
         }
     }, [initialData]);
-    return _jsx("div", { className: b({ active, device }), ref: containerRef });
+    return (0, jsx_runtime_1.jsx)("div", { className: b({ active, device }), ref: containerRef });
 };
-export default DeviceEmulationMobile;
+exports.default = DeviceEmulationMobile;
+//# sourceMappingURL=DeviceEmulationMobile.js.map

package/build/cjs/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceEmulationMobile.js","sourceRoot":"../../../../../../src","sources":["editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,sDAAwC;AACxC,iDAA+C;AAC/C,qDAA6C;AAK7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,yBAAyB,CAAC,CAAC;AAO3C,MAAM,qBAAqB,GAAG,CAAC,EAAC,MAAM,EAAE,MAAM,EAA6B,EAAE,EAAE;IAC3E,MAAM,KAA4C,KAAK,CAAC,UAAU,CAAC,uBAAa,CAAC,EAA3E,EAAC,uBAAuB,OAAmD,EAA9C,WAAW,sBAAxC,2BAAyC,CAAkC,CAAC;IAClF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,MAAoB,CAAC;QAEzB,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE,CAAC;YACxB,MAAM,GAAG,IAAI,qBAAY,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAE;gBAC7C,WAAW;gBACX,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC;gBAC/B,QAAQ,EAAE,uBAAuB;aACpC,CAAC,CAAC;YACH,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;QACF,kEAAkE;QAClE,uDAAuD;IAC3D,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,eAAe,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACvD,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,eAAe,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;YACzC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACtD,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC;AACtE,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\nimport {EditorContext} from '../../../context';\nimport {DeviceIframe} from '../../../widget';\nimport {MobileDevice} from '../utils';\n\nimport './DeviceEmulationMobile.scss';\n\nconst b = block('device-emulation-mobile');\n\ninterface DeviceEmulationMobileProps extends React.PropsWithChildren {\n    device: MobileDevice;\n    active: boolean;\n}\n\nconst DeviceEmulationMobile = ({device, active}: DeviceEmulationMobileProps) => {\n    const {deviceEmulationSettings, ...initialData} = React.useContext(EditorContext);\n    const containerRef = React.useRef<HTMLDivElement | null>(null);\n    const deviceIframeRef = React.useRef<DeviceIframe | null>(null);\n\n    React.useEffect(() => {\n        let iframe: DeviceIframe;\n\n        if (containerRef?.current) {\n            iframe = new DeviceIframe(containerRef?.current, {\n                initialData,\n                className: b('frame', {device}),\n                settings: deviceEmulationSettings,\n            });\n            deviceIframeRef.current = iframe;\n        }\n\n        return () => {\n            iframe?.destroy();\n        };\n        // render iframe only once, then update it's data with postMessage\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [device]);\n\n    React.useEffect(() => {\n        if (deviceIframeRef.current) {\n            deviceIframeRef.current.onActivenessUpdate(active);\n        }\n    }, [active]);\n\n    React.useEffect(() => {\n        if (deviceIframeRef.current && initialData) {\n            deviceIframeRef.current.onDataUpdate(initialData);\n        }\n    }, [initialData]);\n\n    return <div className={b({active, device})} ref={containerRef} />;\n};\n\nexport default DeviceEmulationMobile;\n"]}

package/build/cjs/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/cjs/editor/components/DeviceEmulation/utils.js

@@ -1,3 +1,8 @@
-import { ViewModeItem } from '../../types';
-export const mobileDevices = [ViewModeItem.Tablet, ViewModeItem.Mobile];
-export const isMobileDevice = (mode) => [ViewModeItem.Tablet, ViewModeItem.Mobile].includes(mode);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMobileDevice = exports.mobileDevices = void 0;
+const types_1 = require("../../types/index.js");
+exports.mobileDevices = [types_1.ViewModeItem.Tablet, types_1.ViewModeItem.Mobile];
+const isMobileDevice = (mode) => [types_1.ViewModeItem.Tablet, types_1.ViewModeItem.Mobile].includes(mode);
+exports.isMobileDevice = isMobileDevice;
+//# sourceMappingURL=utils.js.map

package/build/cjs/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,gDAAyC;AAI5B,QAAA,aAAa,GAAG,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAU,CAAC;AAE1E,MAAM,cAAc,GAAG,CAAC,IAAkB,EAAwB,EAAE,CACvE,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAoB,CAAC,CAAC;AADjE,QAAA,cAAc,kBACmD","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/cjs/editor/components/EditBlock/EditBlock.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EditBlockProps } from '../../types';
+import { EditBlockProps } from "../../types/index.js";
 export declare enum EditBlockControls {
     Up = "up",
     Down = "down",

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

@@ -1,16 +1,20 @@
-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';
-const b = block('edit-block');
-export var EditBlockControls;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditBlockControls = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('edit-block');
+var EditBlockControls;
 (function (EditBlockControls) {
     EditBlockControls["Up"] = "up";
     EditBlockControls["Down"] = "down";
     EditBlockControls["Copy"] = "copy";
     EditBlockControls["Delete"] = "delete";
-})(EditBlockControls || (EditBlockControls = {}));
+})(EditBlockControls || (exports.EditBlockControls = EditBlockControls = {}));
 const actionsOrder = [
     EditBlockControls.Up,
     EditBlockControls.Down,
@@ -18,28 +22,29 @@ const actionsOrder = [
     EditBlockControls.Delete,
 ];
 const editBlockControlsIcons = {
-    [EditBlockControls.Up]: ChevronUp,
-    [EditBlockControls.Down]: ChevronDown,
-    [EditBlockControls.Copy]: CopyIcon,
-    [EditBlockControls.Delete]: TrashBin,
+    [EditBlockControls.Up]: icons_1.ChevronUp,
+    [EditBlockControls.Down]: icons_1.ChevronDown,
+    [EditBlockControls.Copy]: icons_1.Copy,
+    [EditBlockControls.Delete]: icons_1.TrashBin,
 };
 const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddings, }) => {
     const ref = React.useRef(null);
     const stopPropagationProps = React.useMemo(() => ({ onClick: (e) => e.stopPropagation() }), []);
-    const { onKeyDown } = useActionHandlers(onSelect);
+    const { onKeyDown } = (0, uikit_1.useActionHandlers)(onSelect);
     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 (_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', {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0, children: [(0, jsx_runtime_1.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) => {
+                }), children: isActive && ((0, jsx_runtime_1.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;
+                        return actions[action] ? ((0, jsx_runtime_1.jsx)("button", { className: b('control'), onClick: actions[action], children: (0, jsx_runtime_1.jsx)(Icon, {}) }, action)) : null;
                     }) }))) }), children] }));
 };
-export default React.memo(EditBlock);
+exports.default = React.memo(EditBlock);
+//# sourceMappingURL=EditBlock.js.map

package/build/cjs/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,qDAA+B;AAE/B,6CAAqF;AACrF,6CAAoD;AAEpD,mDAAqC;AAKrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,IAAY,iBAKX;AALD,WAAY,iBAAiB;IACzB,8BAAS,CAAA;IACT,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;AACrB,CAAC,EALW,iBAAiB,iCAAjB,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,iBAAS;IACjC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,mBAAW;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,YAAQ;IAClC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,gBAAQ;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,IAAA,yBAAiB,EAAC,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,iCACI,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,gCACI,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE;oBACrB,MAAM,EAAE,QAAQ;oBAChB,QAAQ;oBACR,gBAAgB,EAAE,aAAa;iBAClC,CAAC,YAED,QAAQ,IAAI,CACT,8CAAK,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,mCAEI,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,YAExB,uBAAC,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,kBAAe,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/cjs/editor/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BlockDecorationProps } from '../../../models';
+import { BlockDecorationProps } from "../../../models/index.js";
 interface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {
 }
 interface ErrorBoundaryState {

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

@@ -1,10 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { block } from '../../../utils';
-import { getBlockId } from '../../utils';
-import { i18n } from './i18n';
-const b = block('error-boundary');
-export class ErrorBoundary extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../../utils/index.js");
+const utils_2 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('error-boundary');
+class ErrorBoundary extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {};
@@ -16,11 +20,13 @@ export class ErrorBoundary extends React.Component {
         const { type, index } = this.props;
         const { error } = this.state;
         const header = type
-            ? i18n('error-block-header', { id: getBlockId({ type, index }) })
-            : i18n('error-page-header');
+            ? (0, i18n_1.i18n)('error-block-header', { id: (0, utils_2.getBlockId)({ type, index }) })
+            : (0, i18n_1.i18n)('error-page-header');
         if (this.state.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 ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('image') }), (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)("h2", { className: b('header'), children: header }), (0, jsx_runtime_1.jsx)("code", { className: b('error'), children: error })] })] }) }));
         }
         return this.props.children;
     }
 }
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/build/cjs/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,qDAA+B;AAG/B,mDAAqC;AACrC,gDAAuC;AAEvC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAa,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,IAAA,WAAI,EAAC,oBAAoB,EAAE,EAAC,EAAE,EAAE,IAAA,kBAAU,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,EAAC,CAAC;YAC7D,CAAC,CAAC,IAAA,WAAI,EAAC,mBAAmB,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,EAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,+BAAI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,MAAM,GAAM,EACzC,iCAAM,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;AA9BD,sCA8BC","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/cjs/editor/components/ErrorBoundary/i18n/index.js

@@ -1,5 +1,10 @@
-import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
-export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ErrorBoundary`);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ErrorBoundary`);
+//# sourceMappingURL=index.js.map

package/build/cjs/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,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,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/cjs/editor/components/Layout/Layout.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EditModeItem, ViewModeItem } from '../../types';
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 export interface LayoutProps {
     editMode: EditModeItem;
     viewMode: ViewModeItem;

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

@@ -1,15 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { block } from '../../../utils';
-import { EditModeItem } from '../../types';
-import DeviceEmulation from '../DeviceEmulation/DeviceEmulation';
-const b = block('editor-layout');
+"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 utils_1 = require("../../../utils/index.js");
+const types_1 = require("../../types/index.js");
+const DeviceEmulation_1 = tslib_1.__importDefault(require("../DeviceEmulation/DeviceEmulation.js"));
+const b = (0, utils_1.block)('editor-layout');
 const Left = () => null;
 const Right = () => null;
 // TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared
 const Layout = ({ children, editMode, viewMode }) => {
     let left, right;
-    const isEditingMode = editMode === EditModeItem.Form;
+    const isEditingMode = editMode === types_1.EditModeItem.Form;
     function handleChild(child) {
         switch (child === null || child === void 0 ? void 0 : child.type) {
             case Left:
@@ -23,8 +26,9 @@ const Layout = ({ children, editMode, viewMode }) => {
     if (React.Children.toArray(children).length) {
         React.Children.forEach(children, handleChild);
     }
-    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 }) }))] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b('container'), children: (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [left && (0, jsx_runtime_1.jsx)("div", { className: b('left'), children: left }), right && ((0, jsx_runtime_1.jsx)("div", { className: b('right', { editing: isEditingMode }), children: (0, jsx_runtime_1.jsx)(DeviceEmulation_1.default, { mode: viewMode, children: right }) }))] }) }));
 };
 Layout.Left = Left;
 Layout.Right = Right;
-export default Layout;
+exports.default = Layout;
+//# sourceMappingURL=Layout.js.map

package/build/cjs/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,qDAA+B;AAE/B,mDAAqC;AACrC,gDAAuD;AACvD,oGAAiE;AAIjE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,oBAAY,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,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,uBAAC,yBAAe,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,kBAAe,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/cjs/editor/components/NotFoundBlock/NotFoundBlock.d.ts

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

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

@@ -1,7 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { BlockBase } from '../../../components';
-import { block } from '../../../utils';
-import { i18n } from './i18n';
-const b = block('not-found-block');
-export const NotFoundBlock = ({ type, children }) => children ? (_jsx(React.Fragment, { children: children })) : (_jsx(BlockBase, { children: _jsx("div", { className: b(), children: i18n('message', { type }) }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotFoundBlock = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components/index.js");
+const utils_1 = require("../../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('not-found-block');
+const NotFoundBlock = ({ type, children }) => children ? ((0, jsx_runtime_1.jsx)(React.Fragment, { children: children })) : ((0, jsx_runtime_1.jsx)(components_1.BlockBase, { children: (0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, i18n_1.i18n)('message', { type }) }) }));
+exports.NotFoundBlock = NotFoundBlock;
+//# sourceMappingURL=NotFoundBlock.js.map

package/build/cjs/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,qDAA+B;AAE/B,6DAA8C;AAE9C,mDAAqC;AAErC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAuB,EAAE,EAAE,CACpE,QAAQ,CAAC,CAAC,CAAC,CACP,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAC9C,CAAC,CAAC,CAAC,CACA,uBAAC,sBAAS,cACN,gCAAK,SAAS,EAAE,CAAC,EAAE,YAAG,IAAA,WAAI,EAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAO,GAC5C,CACf,CAAC;AAPO,QAAA,aAAa,iBAOpB","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/cjs/editor/components/NotFoundBlock/i18n/index.js

@@ -1,5 +1,10 @@
-import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
-export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}NotFoundBlock`);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}NotFoundBlock`);
+//# sourceMappingURL=index.js.map

package/build/cjs/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,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,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/cjs/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";
 export interface PageSettingsProps {
     content: PageContent;
     schema: JSONSchema4;

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

@@ -1,25 +1,28 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-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';
-const b = block('editor-page-settings');
-export const PageSettings = ({ schema, content, onChange }) => {
-    const spec = useFormSpec(schema);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageSettings = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
+const uikit_1 = require("@gravity-ui/uikit");
+const noop_1 = tslib_1.__importDefault(require("lodash/noop.js"));
+const react_final_form_1 = require("react-final-form");
+const utils_1 = require("../../../utils/index.js");
+const config_1 = require("../../dynamic-forms-custom/config.js");
+const useFormSpec_1 = tslib_1.__importDefault(require("../../hooks/useFormSpec.js"));
+const i18n_1 = require("./i18n/index.js");
+const b = (0, utils_1.block)('editor-page-settings');
+const PageSettings = ({ schema, content, onChange }) => {
+    const spec = (0, useFormSpec_1.default)(schema);
     const { page: pageSpec } = spec || {};
     const initialPage = React.useMemo(() => {
         const _a = content || {}, { blocks: _ } = _a, page = tslib_1.__rest(_a, ["blocks"]);
         return page;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    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 })] })) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Disclosure, { className: b('container'), summary: (0, i18n_1.i18n)('page-settings-title'), size: "l", children: (0, jsx_runtime_1.jsx)("div", { className: b('form'), children: (0, jsx_runtime_1.jsx)(react_final_form_1.Form, { initialValues: { content: initialPage }, onSubmit: noop_1.default, children: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_final_form_1.FormSpy, { onChange: ({ values }) => onChange(Object.assign(Object.assign({}, content), values.content)), subscription: { values: true } }), (0, jsx_runtime_1.jsx)(dynamic_forms_1.DynamicField, { name: "content", spec: pageSpec, config: config_1.dynamicConfig })] })) }) }) }));
 };
-PageSettings.displayName = 'PageSettings';
+exports.PageSettings = PageSettings;
+exports.PageSettings.displayName = 'PageSettings';
+//# sourceMappingURL=PageSettings.js.map

package/build/cjs/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,qDAA+B;AAE/B,6DAA6D;AAC7D,6CAA6C;AAE7C,kEAA+B;AAC/B,uDAA4D;AAG5D,mDAAqC;AACrC,iEAAgE;AAChE,qFAAkD;AAElD,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,sBAAsB,CAAC,CAAC;AAQjC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,IAAA,qBAAW,EAAC,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,sBAAnB,UAAoB,CAAgB,CAAC;QAE3C,OAAO,IAAI,CAAC;QACZ,uDAAuD;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uBAAC,kBAAU,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAA,WAAI,EAAC,qBAAqB,CAAC,EAAE,IAAI,EAAC,GAAG,YACjF,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,uBAAS,IAAC,aAAa,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,EAAE,QAAQ,EAAE,cAAI,YAC3D,GAAG,EAAE,CAAC,CACH,4CACI,uBAAC,0BAAO,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,uBAAC,4BAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,QAAgB,EACtB,MAAM,EAAE,sBAAa,GACvB,IACA,CACT,GACO,GACV,GACG,CAChB,CAAC;AACN,CAAC,CAAC;AAhCW,QAAA,YAAY,gBAgCvB;AAEF,oBAAY,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"]}