@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

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

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+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");
-const utils_1 = require("../../../utils");
-const Tablet_1 = require("../../icons/Tablet");
-const types_1 = require("../../types");
-const i18n_1 = require("./i18n");
+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 = (0, utils_1.block)('control-panel');
 const ControlPanelViewModeIcons = {
@@ -21,24 +20,12 @@ const ControlPanelEditModeIcons = {
     [types_1.EditModeItem.Form]: icons_1.SquareDashedText,
     [types_1.EditModeItem.Code]: icons_1.Code,
 };
-const ControlPanel = ({ viewMode = types_1.ViewModeItem.Desktop, editMode = types_1.EditModeItem.Form, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }) => (react_1.default.createElement("div", { className: b(null, className) },
-    react_1.default.createElement("div", { className: b('switch-container') },
-        react_1.default.createElement("span", null, (0, i18n_1.i18n)('edit_mode')),
-        react_1.default.createElement(uikit_1.RadioButton, { className: b('radio-button'), value: editMode, onUpdate: (value) => onEditModeChange(value) }, Object.values(types_1.EditModeItem).map((item) => {
-            const Icon = ControlPanelEditModeIcons[item];
-            return (react_1.default.createElement(uikit_1.RadioButton.Option, { key: item, value: item },
-                react_1.default.createElement("span", { className: b('icon') },
-                    react_1.default.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
-        }))),
-    react_1.default.createElement("div", { className: b('switch-container') },
-        react_1.default.createElement("span", null, (0, i18n_1.i18n)('view_mode')),
-        react_1.default.createElement(uikit_1.RadioButton, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value) }, Object.values(types_1.ViewModeItem).map((item) => {
-            const Icon = ControlPanelViewModeIcons[item];
-            return (react_1.default.createElement(uikit_1.RadioButton.Option, { key: item, value: item },
-                react_1.default.createElement("span", { className: b('icon') },
-                    react_1.default.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
-        }))),
-    react_1.default.createElement("div", { className: b('switch-container') },
-        react_1.default.createElement("span", null, (0, i18n_1.i18n)('theme')),
-        react_1.default.createElement(uikit_1.Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]) }, Object.values(models_1.Theme).map((item) => (react_1.default.createElement(uikit_1.Select.Option, { key: item, value: item }, models_1.themeNames[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 ((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 ((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":"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","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.d.ts

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

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

@@ -3,7 +3,8 @@ 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");
+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,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-import { ViewModeItem } from '../../types';
-export interface DeviceEmulationProps extends PropsWithChildren {
+import * as React from 'react';
+import { ViewModeItem } from "../../types/index.js";
+export interface DeviceEmulationProps extends React.PropsWithChildren {
     mode: ViewModeItem;
 }
-declare const DeviceEmulation: ({ children, mode }: DeviceEmulationProps) => JSX.Element;
+declare const DeviceEmulation: ({ children, mode }: DeviceEmulationProps) => import("react/jsx-runtime").JSX.Element;
 export default DeviceEmulation;

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const DeviceEmulationMobile_1 = tslib_1.__importDefault(require("./DeviceEmulationMobile/DeviceEmulationMobile"));
-const utils_1 = require("./utils");
-const DeviceEmulation = ({ children, mode }) => (react_1.default.createElement(react_1.Fragment, null,
-    !(0, utils_1.isMobileDevice)(mode) && children,
-    utils_1.mobileDevices.map((device) => (react_1.default.createElement(DeviceEmulationMobile_1.default, { key: device, device: device, active: mode === device }, children)))));
+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,8 +1,8 @@
-import { PropsWithChildren } from 'react';
-import { MobileDevice } from '../utils';
-interface DeviceEmulationMobileProps extends PropsWithChildren {
+import * as React from 'react';
+import { MobileDevice } from "../utils.js";
+interface DeviceEmulationMobileProps extends React.PropsWithChildren {
     device: MobileDevice;
     active: boolean;
 }
-declare const DeviceEmulationMobile: ({ device, active }: DeviceEmulationMobileProps) => JSX.Element;
+declare const DeviceEmulationMobile: ({ device, active }: DeviceEmulationMobileProps) => import("react/jsx-runtime").JSX.Element;
 export default DeviceEmulationMobile;

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

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../../utils");
-const context_1 = require("../../../context");
-const widget_1 = require("../../../widget");
+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 = (0, react_1.useContext)(context_1.EditorContext), { deviceEmulationSettings } = _a, initialData = tslib_1.__rest(_a, ["deviceEmulationSettings"]);
-    const containerRef = (0, react_1.useRef)(null);
-    const deviceIframeRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    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 widget_1.DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
@@ -26,16 +27,17 @@ const DeviceEmulationMobile = ({ device, active }) => {
         // render iframe only once, then update it's data with postMessage
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [device]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         if (deviceIframeRef.current) {
             deviceIframeRef.current.onActivenessUpdate(active);
         }
     }, [active]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         if (deviceIframeRef.current && initialData) {
             deviceIframeRef.current.onDataUpdate(initialData);
         }
     }, [initialData]);
-    return react_1.default.createElement("div", { className: b({ active, device }), ref: containerRef });
+    return (0, jsx_runtime_1.jsx)("div", { className: b({ active, device }), ref: containerRef });
 };
 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,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isMobileDevice = exports.mobileDevices = void 0;
-const types_1 = require("../../types");
+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 React from 'react';
-import { EditBlockProps } from '../../types';
+import * as React from 'react';
+import { EditBlockProps } from "../../types/index.js";
 export declare enum EditBlockControls {
     Up = "up",
     Down = "down",
@@ -9,5 +9,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/cjs/editor/components/EditBlock/EditBlock.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditBlockControls = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+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");
+const utils_1 = require("../../../utils/index.js");
 const b = (0, utils_1.block)('edit-block');
 var EditBlockControls;
 (function (EditBlockControls) {
@@ -13,7 +14,7 @@ var EditBlockControls;
     EditBlockControls["Down"] = "down";
     EditBlockControls["Copy"] = "copy";
     EditBlockControls["Delete"] = "delete";
-})(EditBlockControls = exports.EditBlockControls || (exports.EditBlockControls = {}));
+})(EditBlockControls || (exports.EditBlockControls = EditBlockControls = {}));
 const actionsOrder = [
     EditBlockControls.Up,
     EditBlockControls.Down,
@@ -27,25 +28,23 @@ const editBlockControlsIcons = {
     [EditBlockControls.Delete]: icons_1.TrashBin,
 };
 const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddings, }) => {
-    const ref = (0, react_1.useRef)(null);
-    const stopPropagationProps = (0, react_1.useMemo)(() => ({ onClick: (e) => e.stopPropagation() }), []);
+    const ref = React.useRef(null);
+    const stopPropagationProps = React.useMemo(() => ({ onClick: (e) => e.stopPropagation() }), []);
     const { onKeyDown } = (0, uikit_1.useActionHandlers)(onSelect);
-    (0, react_1.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_1.default.createElement("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0 },
-        react_1.default.createElement("div", { className: b('controls', {
-                active: isActive,
-                isHeader,
-                'reset-paddings': resetPaddings,
-            }) }, isActive && (react_1.default.createElement("div", Object.assign({ className: b('controls-content') }, stopPropagationProps), actionsOrder.map((action) => {
-            const Icon = editBlockControlsIcons[action];
-            return actions[action] ? (react_1.default.createElement("button", { key: action, className: b('control'), onClick: actions[action] },
-                react_1.default.createElement(Icon, null))) : null;
-        })))),
-        children));
+    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 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: b('controls-content') }, stopPropagationProps, { children: actionsOrder.map((action) => {
+                        const Icon = editBlockControlsIcons[action];
+                        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] }));
 };
-exports.default = react_1.default.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,13 +1,13 @@
-import React, { ErrorInfo, PropsWithChildren } from 'react';
-import { BlockDecorationProps } from '../../../models';
-interface ErrorBoundaryProps extends PropsWithChildren, Partial<BlockDecorationProps> {
+import * as React from 'react';
+import { BlockDecorationProps } from "../../../models/index.js";
+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/cjs/editor/components/ErrorBoundary/ErrorBoundary.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundary = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../../utils");
-const utils_2 = require("../../utils");
-const i18n_1 = require("./i18n");
+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_1.default.Component {
+class ErrorBoundary extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {};
@@ -22,14 +23,10 @@ class ErrorBoundary extends react_1.default.Component {
             ? (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 (react_1.default.createElement("div", { className: b() },
-                react_1.default.createElement("div", { className: b('container') },
-                    react_1.default.createElement("div", { className: b('image') }),
-                    react_1.default.createElement("div", { className: b('content') },
-                        react_1.default.createElement("h2", { className: b('header') }, header),
-                        react_1.default.createElement("code", { className: b('error') }, 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.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/cjs/editor/components/ErrorBoundary/i18n/index.js

@@ -3,7 +3,8 @@ 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");
+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,16 +1,16 @@
-import React, { PropsWithChildren } from 'react';
-import { EditModeItem, ViewModeItem } from '../../types';
+import * as React from 'react';
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 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/cjs/editor/components/Layout/Layout.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../utils");
-const types_1 = require("../../types");
-const DeviceEmulation_1 = tslib_1.__importDefault(require("../DeviceEmulation/DeviceEmulation"));
+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;
@@ -22,15 +23,12 @@ const Layout = ({ children, editMode, viewMode }) => {
                 break;
         }
     }
-    if (react_1.default.Children.toArray(children).length) {
-        react_1.Children.forEach(children, handleChild);
+    if (React.Children.toArray(children).length) {
+        React.Children.forEach(children, handleChild);
     }
-    return (react_1.default.createElement("div", { className: b('container') },
-        react_1.default.createElement(react_1.Fragment, null,
-            left && react_1.default.createElement("div", { className: b('left') }, left),
-            right && (react_1.default.createElement("div", { className: b('right', { editing: isEditingMode }) },
-                react_1.default.createElement(DeviceEmulation_1.default, { mode: viewMode }, 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;
 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';
-export declare const NotFoundBlock: ({ type, children }: BlockDecorationProps) => JSX.Element;
+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

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotFoundBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../components");
-const utils_1 = require("../../../utils");
-const i18n_1 = require("./i18n");
+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 ? (react_1.default.createElement(react_1.Fragment, null, children)) : (react_1.default.createElement(components_1.BlockBase, null,
-    react_1.default.createElement("div", { className: b() }, (0, i18n_1.i18n)('message', { type }))));
+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.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/cjs/editor/components/NotFoundBlock/i18n/index.js

@@ -3,7 +3,8 @@ 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");
+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,11 +1,11 @@
 import { JSONSchema4 } from 'json-schema';
-import { PageContent } from '../../../models';
+import { PageContent } from "../../../models/index.js";
 export interface PageSettingsProps {
     content: PageContent;
     schema: JSONSchema4;
     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;
 };