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

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

@@ -1,21 +1,20 @@
 "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 react_1 = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const constructor_items_1 = require("../../../constructor-items.js");
-const utils_1 = require("../../../utils/index.js");
-const data_1 = require("../../data/index.js");
+const constructor_items_1 = require("../../../constructor-items");
+const utils_1 = require("../../../utils");
+const data_1 = require("../../data");
 const b = (0, utils_1.block)('add-block');
 const sortedBlockNames = Object.keys(constructor_items_1.blockMap).sort();
 const AddBlock = ({ onAdd, className }) => {
-    const [isOpened, setIsOpened] = React.useState(false);
-    const [search, setSearch] = React.useState('');
-    const [editorBlocksData, setEditorBlocksData] = React.useState(null);
-    const ref = React.useRef(null);
-    const blocks = React.useMemo(() => {
+    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [editorBlocksData, setEditorBlocksData] = (0, react_1.useState)(null);
+    const ref = (0, react_1.useRef)(null);
+    const blocks = (0, react_1.useMemo)(() => {
         if (!editorBlocksData) {
             return [];
         }
@@ -24,28 +23,38 @@ const AddBlock = ({ onAdd, className }) => {
             return (_a = editorBlocksData[blockName]) === null || _a === void 0 ? void 0 : _a.meta.title.toLocaleLowerCase().startsWith(search.toLocaleLowerCase());
         });
     }, [editorBlocksData, search]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const loadEditorBlocksData = async () => {
             const data = await (0, data_1.getEditorBlocksData)();
             setEditorBlocksData(data);
         };
         loadEditorBlocksData();
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), ref: ref, children: [(0, jsx_runtime_1.jsx)("button", { className: b('button'), type: "button", onClick: () => {
-                    setIsOpened(!isOpened);
-                    setSearch('');
-                }, children: (0, jsx_runtime_1.jsx)(icons_1.Plus, { className: b('icon') }) }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Popup, { anchorRef: ref, open: isOpened, placement: "top", offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [(0, jsx_runtime_1.jsx)("div", { className: b('search'), children: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), (0, jsx_runtime_1.jsx)("div", { className: b('blocks'), children: blocks.map((blockName) => {
-                            var _a;
-                            const blockData = editorBlocksData === null || editorBlocksData === void 0 ? void 0 : editorBlocksData[blockName];
-                            if (!blockData) {
-                                return null;
-                            }
-                            const Preview = blockData.preview;
-                            return ((0, jsx_runtime_1.jsxs)("button", { className: b('block'), onClick: () => {
-                                    onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
-                                    setIsOpened(false);
-                                }, children: [(0, jsx_runtime_1.jsx)("div", { className: b('preview'), children: (0, jsx_runtime_1.jsx)(Preview, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)("h4", { className: b('title'), children: blockData.meta.title }), ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && ((0, jsx_runtime_1.jsx)("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
-                        }) })] }))] }));
+    return (react_1.default.createElement("div", { className: b(null, className), ref: ref },
+        react_1.default.createElement("button", { className: b('button'), type: "button", onClick: () => {
+                setIsOpened(!isOpened);
+                setSearch('');
+            } },
+            react_1.default.createElement(icons_1.Plus, { className: b('icon') })),
+        isOpened && (react_1.default.createElement(uikit_1.Popup, { anchorRef: ref, open: isOpened, contentClassName: b('popup'), placement: "top", offset: [0, 24], onOutsideClick: () => setIsOpened(false) },
+            react_1.default.createElement("div", { className: b('search') },
+                react_1.default.createElement(uikit_1.TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) })),
+            react_1.default.createElement("div", { className: b('blocks') }, blocks.map((blockName) => {
+                var _a;
+                const blockData = editorBlocksData === null || editorBlocksData === void 0 ? void 0 : editorBlocksData[blockName];
+                if (!blockData) {
+                    return null;
+                }
+                const Preview = blockData.preview;
+                return (react_1.default.createElement("button", { key: blockName, className: b('block'), onClick: () => {
+                        onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
+                        setIsOpened(false);
+                    } },
+                    react_1.default.createElement("div", { className: b('preview') },
+                        react_1.default.createElement(Preview, null)),
+                    react_1.default.createElement("div", { className: b('info') },
+                        react_1.default.createElement("h4", { className: b('title') }, blockData.meta.title),
+                        ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && (react_1.default.createElement("p", { className: b('description') }, blockData.meta.description)))));
+            }))))));
 };
 exports.default = AddBlock;
-//# sourceMappingURL=AddBlock.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { Block, ConstructorBlock } from "../../../models/index.js";
-import { CustomSpec } from "../../dynamic-forms-custom/parser/types.js";
+import React from 'react';
+import { Block, ConstructorBlock } from '../../../models';
+import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
 interface BlockFormProps {
     data: ConstructorBlock;
     spec: CustomSpec;
@@ -8,5 +8,5 @@ interface BlockFormProps {
     onSelect: () => void;
     active?: boolean;
 }
-export declare const BlockForm: React.MemoExoticComponent<({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }: BlockFormProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const BlockForm: React.MemoExoticComponent<({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }: BlockFormProps) => JSX.Element>;
 export {};

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

@@ -2,28 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockForm = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_final_form_1 = require("react-final-form");
-const config_1 = require("../../dynamic-forms-custom/config.js");
-const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue.js"));
-exports.BlockForm = React.memo((_a) => {
+const config_1 = require("../../dynamic-forms-custom/config");
+const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue"));
+exports.BlockForm = (0, react_1.memo)((_a) => {
     var _b = _a.data, { type } = _b, content = tslib_1.__rest(_b, ["type"]), { onChange, onSelect, active, spec: specRaw } = _a;
-    const initialValues = React.useMemo(() => ({ content }), [content]);
+    const initialValues = (0, react_1.useMemo)(() => ({ content }), [content]);
     const prevContent = (0, usePreviousValue_1.default)(content);
-    const spec = React.useMemo(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
+    const spec = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
     if (!active) {
-        return ((0, jsx_runtime_1.jsx)(dynamic_forms_1.SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
+        return (react_1.default.createElement(dynamic_forms_1.SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect }, ' '));
     }
-    return ((0, jsx_runtime_1.jsx)(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default, children: () => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_final_form_1.FormSpy, { onChange: ({ values }) => {
-                        // fix for FormSpy onChange called twice without content changes
-                        if (!(0, isEqual_1.default)(values.content, prevContent)) {
-                            onChange(Object.assign({ type }, values.content));
-                        }
-                    }, subscription: { values: true } }), (0, jsx_runtime_1.jsx)(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig, withoutInsertFFDebounce: true })] })) }));
+    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default }, () => (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(react_final_form_1.FormSpy, { onChange: ({ values }) => {
+                // fix for FormSpy onChange called twice without content changes
+                if (!(0, isEqual_1.default)(values.content, prevContent)) {
+                    onChange(Object.assign({ type }, values.content));
+                }
+            }, subscription: { values: true } }),
+        react_1.default.createElement(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig, withoutInsertFFDebounce: true })))));
 });
 exports.BlockForm.displayName = 'BlockForm';
-//# sourceMappingURL=BlockForm.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { PageContent } from "../../../models/index.js";
-import { CodeEditorMessageProps } from "../../utils/validation.js";
+import React from 'react';
+import { PageContent } from '../../../models';
+import { CodeEditorMessageProps } from '../../utils/validation';
 interface CodeEditorProps {
     code: string;
     fullscreenModeOn: boolean;
@@ -9,5 +9,5 @@ interface CodeEditorProps {
     onChange: (content: PageContent) => void;
     message?: CodeEditorMessageProps;
 }
-export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => JSX.Element>;
 export {};

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

@@ -2,29 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeEditor = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const react_monaco_editor_1 = tslib_1.__importDefault(require("react-monaco-editor"));
-const models_1 = require("../../../models/index.js");
-const utils_1 = require("../../../utils/index.js");
-const context_1 = require("../../context.js");
-const code_1 = require("../../utils/code.js");
-const constants_1 = require("./constants.js");
+const models_1 = require("../../../models");
+const utils_1 = require("../../../utils");
+const context_1 = require("../../context");
+const code_1 = require("../../utils/code");
+const constants_1 = require("./constants");
 const b = (0, utils_1.block)('code-editor');
 const ON_CHANGE_DEBOUNCE_TIMEOUT = 300;
-exports.CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
-    const [message, setMessage] = React.useState(() => validator(code));
-    const { theme = models_1.Theme.Light } = React.useContext(context_1.EditorContext);
+exports.CodeEditor = react_1.default.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
+    const [message, setMessage] = (0, react_1.useState)(() => validator(code));
+    const { theme = models_1.Theme.Light } = (0, react_1.useContext)(context_1.EditorContext);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onChangeWithValidation = React.useCallback((0, debounce_1.default)((newCode) => {
+    const onChangeWithValidation = (0, react_1.useCallback)((0, debounce_1.default)((newCode) => {
         const validationResult = validator(newCode);
         setMessage(validationResult);
         onChange((0, code_1.parseCode)(newCode));
     }, ON_CHANGE_DEBOUNCE_TIMEOUT), [onChange, validator]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ fullscreen: fullscreenModeOn }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('header'), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: fullscreenModeOn ? icons_1.ChevronsCollapseUpRight : icons_1.ChevronsExpandUpRight, size: 16 }) }) }), (0, jsx_runtime_1.jsx)("div", { className: b('code'), children: (0, jsx_runtime_1.jsx)(react_monaco_editor_1.default, { defaultValue: code, value: code, language: "yaml", options: constants_1.options, onChange: onChangeWithValidation, theme: theme === models_1.Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: message && ((0, jsx_runtime_1.jsx)("div", { className: b('message-container'), children: (0, jsx_runtime_1.jsx)("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
+    return (react_1.default.createElement("div", { className: b({ fullscreen: fullscreenModeOn }) },
+        react_1.default.createElement("div", { className: b('header') },
+            react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn) },
+                react_1.default.createElement(uikit_1.Icon, { data: fullscreenModeOn ? icons_1.ChevronsCollapseUpRight : icons_1.ChevronsExpandUpRight, size: 16 }))),
+        react_1.default.createElement("div", { className: b('code') },
+            react_1.default.createElement(react_monaco_editor_1.default, { key: String(fullscreenModeOn), defaultValue: code, value: code, language: "yaml", options: constants_1.options, onChange: onChangeWithValidation, theme: theme === models_1.Theme.Dark ? 'vs-dark' : 'vs' })),
+        react_1.default.createElement("div", { className: b('footer') }, message && (react_1.default.createElement("div", { className: b('message-container') },
+            react_1.default.createElement("div", { className: b('message', { status: message.status }) }, message.text))))));
 });
 exports.CodeEditor.displayName = 'CodeEditor';
-//# sourceMappingURL=CodeEditor.js.map

package/build/cjs/editor/components/CodeEditor/constants.js

@@ -18,4 +18,3 @@ exports.options = {
     overviewRulerBorder: false,
     readOnly: false,
 };
-//# sourceMappingURL=constants.js.map

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

@@ -1,5 +1,5 @@
-import { ClassNameProps, Theme } from "../../../models/index.js";
-import { EditModeItem, ViewModeItem } from "../../types/index.js";
+import { ClassNameProps, Theme } from '../../../models';
+import { EditModeItem, ViewModeItem } from '../../types';
 export interface ControlPanelProps extends ClassNameProps {
     viewMode?: ViewModeItem;
     editMode?: EditModeItem;
@@ -8,5 +8,5 @@ export interface ControlPanelProps extends ClassNameProps {
     theme: Theme;
     onThemeChange: (theme: Theme) => void;
 }
-declare const ControlPanel: ({ viewMode, editMode, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }: ControlPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const ControlPanel: ({ viewMode, editMode, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }: ControlPanelProps) => JSX.Element;
 export default ControlPanel;

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 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 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 ICON_SIZE = 14;
 const b = (0, utils_1.block)('control-panel');
 const ControlPanelViewModeIcons = {
@@ -20,12 +21,24 @@ 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, }) => ((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))) })] })] }));
+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])))))));
 exports.default = ControlPanel;
-//# sourceMappingURL=ControlPanel.js.map

package/build/cjs/editor/components/ControlPanel/i18n/index.d.ts

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "theme" | "view_mode" | "edit_mode", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ 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 cn_1 = require("../../../../utils/cn");
 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/DeviceEmulation/DeviceEmulation.d.ts

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

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { MobileDevice } from "../utils.js";
-interface DeviceEmulationMobileProps extends React.PropsWithChildren {
+import { PropsWithChildren } from 'react';
+import { MobileDevice } from '../utils';
+interface DeviceEmulationMobileProps extends PropsWithChildren {
     device: MobileDevice;
     active: boolean;
 }
-declare const DeviceEmulationMobile: ({ device, active }: DeviceEmulationMobileProps) => import("react/jsx-runtime").JSX.Element;
+declare const DeviceEmulationMobile: ({ device, active }: DeviceEmulationMobileProps) => JSX.Element;
 export default DeviceEmulationMobile;

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

@@ -1,17 +1,16 @@
 "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 react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../../../utils");
+const context_1 = require("../../../context");
+const widget_1 = require("../../../widget");
 const b = (0, utils_1.block)('device-emulation-mobile');
 const DeviceEmulationMobile = ({ device, active }) => {
-    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(() => {
+    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)(() => {
         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, {
@@ -27,17 +26,16 @@ const DeviceEmulationMobile = ({ device, active }) => {
         // render iframe only once, then update it's data with postMessage
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [device]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (deviceIframeRef.current) {
             deviceIframeRef.current.onActivenessUpdate(active);
         }
     }, [active]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (deviceIframeRef.current && initialData) {
             deviceIframeRef.current.onDataUpdate(initialData);
         }
     }, [initialData]);
-    return (0, jsx_runtime_1.jsx)("div", { className: b({ active, device }), ref: containerRef });
+    return react_1.default.createElement("div", { className: b({ active, device }), ref: containerRef });
 };
 exports.default = DeviceEmulationMobile;
-//# sourceMappingURL=DeviceEmulationMobile.js.map

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

@@ -1,4 +1,4 @@
-import { ViewModeItem } from "../../types/index.js";
+import { ViewModeItem } from '../../types';
 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,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isMobileDevice = exports.mobileDevices = void 0;
-const types_1 = require("../../types/index.js");
+const types_1 = require("../../types");
 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/EditBlock/EditBlock.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { EditBlockProps } from "../../types/index.js";
+import React from 'react';
+import { EditBlockProps } from '../../types';
 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actions, isActive, onSelect, isHeader, children, resetPaddings, }: EditBlockProps) => JSX.Element>;
 export default _default;

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

@@ -2,11 +2,10 @@
 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 react_1 = 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 utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('edit-block');
 var EditBlockControls;
 (function (EditBlockControls) {
@@ -14,7 +13,7 @@ var EditBlockControls;
     EditBlockControls["Down"] = "down";
     EditBlockControls["Copy"] = "copy";
     EditBlockControls["Delete"] = "delete";
-})(EditBlockControls || (exports.EditBlockControls = EditBlockControls = {}));
+})(EditBlockControls = exports.EditBlockControls || (exports.EditBlockControls = {}));
 const actionsOrder = [
     EditBlockControls.Up,
     EditBlockControls.Down,
@@ -28,23 +27,25 @@ const editBlockControlsIcons = {
     [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 ref = (0, react_1.useRef)(null);
+    const stopPropagationProps = (0, react_1.useMemo)(() => ({ onClick: (e) => e.stopPropagation() }), []);
     const { onKeyDown } = (0, uikit_1.useActionHandlers)(onSelect);
-    React.useEffect(() => {
+    (0, react_1.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 ((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] }));
+    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));
 };
-exports.default = React.memo(EditBlock);
-//# sourceMappingURL=EditBlock.js.map
+exports.default = react_1.default.memo(EditBlock);

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

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

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

@@ -2,13 +2,12 @@
 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 react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../../utils");
+const utils_2 = require("../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('error-boundary');
-class ErrorBoundary extends React.Component {
+class ErrorBoundary extends react_1.default.Component {
     constructor() {
         super(...arguments);
         this.state = {};
@@ -23,10 +22,14 @@ class ErrorBoundary extends React.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 ((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 (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 this.props.children;
     }
 }
 exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "error-block-header" | "error-page-header", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ 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 cn_1 = require("../../../../utils/cn");
 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