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

package/build/cjs/context/mobileContext/MobileContext.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.MobileContext = React.createContext(false);
-//# sourceMappingURL=MobileContext.js.map
+import * as React from 'react';
+export const MobileContext = React.createContext(false);

package/build/cjs/context/mobileContext/index.d.ts

@@ -1 +1 @@
-export * from "./MobileContext.js";
+export * from './MobileContext';

package/build/cjs/context/mobileContext/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./MobileContext.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './MobileContext';

package/build/cjs/context/projectSettingsContext/ProjectSettingsContext.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProjectSettingsContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.ProjectSettingsContext = React.createContext({});
-//# sourceMappingURL=ProjectSettingsContext.js.map
+import * as React from 'react';
+export const ProjectSettingsContext = React.createContext({});

package/build/cjs/context/projectSettingsContext/index.d.ts

@@ -1 +1 @@
-export * from "./ProjectSettingsContext.js";
+export * from './ProjectSettingsContext';

package/build/cjs/context/projectSettingsContext/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ProjectSettingsContext.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './ProjectSettingsContext';

package/build/cjs/context/ssrContext/SSRContext.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SSRContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.SSRContext = React.createContext({});
-//# sourceMappingURL=SSRContext.js.map
+import * as React from 'react';
+export const SSRContext = React.createContext({});

package/build/cjs/context/ssrContext/index.d.ts

@@ -1 +1 @@
-export * from "./SSRContext.js";
+export * from './SSRContext';

package/build/cjs/context/ssrContext/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SSRContext.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './SSRContext';

package/build/cjs/context/stylesContext/StylesContext.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StylesContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.StylesContext = React.createContext({ setStyles: () => { } });
-//# sourceMappingURL=StylesContext.js.map
+import * as React from 'react';
+export const StylesContext = React.createContext({ setStyles: () => { } });

package/build/cjs/context/stylesContext/index.d.ts

@@ -1 +1 @@
-export * from "./StylesContext.js";
+export * from './StylesContext';

package/build/cjs/context/stylesContext/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./StylesContext.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './StylesContext';

package/build/cjs/context/theme/ThemeContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Theme } from "../../models/index.js";
+import { Theme } from '../../models';
 export interface ThemeContextProps {
     theme: Theme;
 }

package/build/cjs/context/theme/ThemeContext.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeContext = exports.initialValue = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../components/constants.js");
-exports.initialValue = {
-    theme: constants_1.DEFAULT_THEME,
+import * as React from 'react';
+import { DEFAULT_THEME } from '../../components/constants';
+export const initialValue = {
+    theme: DEFAULT_THEME,
 };
-exports.ThemeContext = React.createContext(exports.initialValue);
-//# sourceMappingURL=ThemeContext.js.map
+export const ThemeContext = React.createContext(initialValue);

package/build/cjs/context/theme/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./ThemeContext.js";
-export * from "./useTheme.js";
-export * from "./withTheme.js";
+export * from './ThemeContext';
+export * from './useTheme';
+export * from './withTheme';

package/build/cjs/context/theme/index.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ThemeContext.js"), exports);
-tslib_1.__exportStar(require("./useTheme.js"), exports);
-tslib_1.__exportStar(require("./withTheme.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './ThemeContext';
+export * from './useTheme';
+export * from './withTheme';

package/build/cjs/context/theme/useTheme.d.ts

@@ -1,2 +1,2 @@
-import { ThemeContextProps } from "./ThemeContext.js";
+import { ThemeContextProps } from './ThemeContext';
 export declare function useTheme(): ThemeContextProps['theme'];

package/build/cjs/context/theme/useTheme.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = useTheme;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ThemeContext_1 = require("./ThemeContext.js");
-function useTheme() {
-    const { theme } = React.useContext(ThemeContext_1.ThemeContext);
+import * as React from 'react';
+import { ThemeContext } from './ThemeContext';
+export function useTheme() {
+    const { theme } = React.useContext(ThemeContext);
     return theme;
 }
-//# sourceMappingURL=useTheme.js.map

package/build/cjs/context/theme/withTheme.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Subtract } from 'utility-types';
-import { ThemeContextProps } from "./ThemeContext.js";
+import { ThemeContextProps } from './ThemeContext';
 export interface WithThemeProps extends ThemeContextProps {
 }
 export declare function withTheme<T extends WithThemeProps>(WrappedComponent: React.ComponentType<T>): React.ComponentType<Subtract<T, WithThemeProps>>;

package/build/cjs/context/theme/withTheme.js

@@ -1,20 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withTheme = withTheme;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const ThemeContext_1 = require("./ThemeContext.js");
-function withTheme(WrappedComponent) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { ThemeContext } from './ThemeContext';
+export function withTheme(WrappedComponent) {
     var _a;
     const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
     return _a = class WithThemeComponent extends React.Component {
             render() {
-                return (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
+                return _jsx(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
             }
         },
         _a.displayName = `withTheme(${componentName})`,
-        _a.contextType = ThemeContext_1.ThemeContext,
+        _a.contextType = ThemeContext,
         _a;
 }
-//# sourceMappingURL=withTheme.js.map

package/build/cjs/context/videoContext/VideoContext.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.VideoContext = React.createContext({ setProps: () => { } });
-//# sourceMappingURL=VideoContext.js.map
+import * as React from 'react';
+export const VideoContext = React.createContext({ setProps: () => { } });

package/build/cjs/context/videoContext/index.d.ts

@@ -1 +1 @@
-export * from "./VideoContext.js";
+export * from './VideoContext';

package/build/cjs/context/videoContext/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./VideoContext.js"), exports);
-//# sourceMappingURL=index.js.map
+export * from './VideoContext';

package/build/cjs/customization/BlockDecoration.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { BlockDecorationProps } from "../models/index.js";
+import { BlockDecorationProps } from '../models';
 export declare const BlockDecoration: ({ children: blockChildren, ...rest }: React.PropsWithChildren<BlockDecorationProps>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/customization/BlockDecoration.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockDecoration = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const innerContext_1 = require("../context/innerContext/index.js");
-const BlockDecoration = (_a) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { InnerContext } from '../context/innerContext';
+export const BlockDecoration = (_a) => {
     var _b, _c;
     var { children: blockChildren } = _a, rest = tslib_1.__rest(_a, ["children"]);
-    const blockDecorators = (_c = (_b = React.useContext(innerContext_1.InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
+    const blockDecorators = (_c = (_b = React.useContext(InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
     const content = blockDecorators
         ? blockDecorators.reduce((children, decorator) => decorator(Object.assign({ children }, rest)), blockChildren)
         : blockChildren;
-    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: content });
+    return _jsx(React.Fragment, { children: content });
 };
-exports.BlockDecoration = BlockDecoration;
-//# sourceMappingURL=BlockDecoration.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Block, ClassNameProps } from "../../../models/index.js";
+import { Block, ClassNameProps } from '../../../models';
 export interface AddBlockProps extends ClassNameProps {
     onAdd: (data: Block) => void;
 }

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

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const constructor_items_1 = require("../../../constructor-items.js");
-const utils_1 = require("../../../utils/index.js");
-const data_1 = require("../../data/index.js");
-const b = (0, utils_1.block)('add-block');
-const sortedBlockNames = Object.keys(constructor_items_1.blockMap).sort();
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Plus } from '@gravity-ui/icons';
+import { Popup, TextInput } from '@gravity-ui/uikit';
+import { blockMap } from '../../../constructor-items';
+import { block } from '../../../utils';
+import { getEditorBlocksData } from '../../data';
+const b = block('add-block');
+const sortedBlockNames = Object.keys(blockMap).sort();
 const AddBlock = ({ onAdd, className }) => {
     const [isOpened, setIsOpened] = React.useState(false);
     const [search, setSearch] = React.useState('');
@@ -26,26 +23,25 @@ const AddBlock = ({ onAdd, className }) => {
     }, [editorBlocksData, search]);
     React.useEffect(() => {
         const loadEditorBlocksData = async () => {
-            const data = await (0, data_1.getEditorBlocksData)();
+            const data = await 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: () => {
+    return (_jsxs("div", { className: b(null, className), ref: ref, children: [_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) => {
+                }, children: _jsx(Plus, { className: b('icon') }) }), isOpened && (_jsxs(Popup, { anchorRef: ref, open: isOpened, placement: "top", className: b('popup'), offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [_jsx("div", { className: b('search'), children: _jsx(TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), _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: () => {
+                            return (_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));
+                                }, children: [_jsx("div", { className: b('preview'), children: _jsx(Preview, {}) }), _jsxs("div", { className: b('info'), children: [_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) && (_jsx("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
                         }) })] }))] }));
 };
-exports.default = AddBlock;
-//# sourceMappingURL=AddBlock.js.map
+export default AddBlock;

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 { Block, ConstructorBlock } from '../../../models';
+import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
 interface BlockFormProps {
     data: ConstructorBlock;
     spec: CustomSpec;

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

@@ -1,29 +1,27 @@
-"use strict";
-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 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) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { DynamicField, SimpleVerticalAccordeon } from '@gravity-ui/dynamic-forms';
+import isEqual from 'lodash/isEqual';
+import noop from 'lodash/noop';
+import { Form as FinalForm, FormSpy } from 'react-final-form';
+import { dynamicConfig } from '../../dynamic-forms-custom/config';
+import usePreviousValue from '../../hooks/usePreviousValue';
+export const BlockForm = React.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 prevContent = (0, usePreviousValue_1.default)(content);
+    const prevContent = usePreviousValue(content);
     const spec = React.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 (_jsx(SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
     }
-    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 }) => {
+    return (_jsx(FinalForm, { initialValues: initialValues, onSubmit: noop, children: () => (_jsxs(React.Fragment, { children: [_jsx(FormSpy, { onChange: ({ values }) => {
                         // fix for FormSpy onChange called twice without content changes
-                        if (!(0, isEqual_1.default)(values.content, prevContent)) {
+                        if (!isEqual(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 })] })) }));
+                    }, subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: spec, config: dynamicConfig, withoutInsertFFDebounce: true })] })) }));
 });
-exports.BlockForm.displayName = 'BlockForm';
-//# sourceMappingURL=BlockForm.js.map
+BlockForm.displayName = 'BlockForm';

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 { PageContent } from '../../../models';
+import { CodeEditorMessageProps } from '../../utils/validation';
 interface CodeEditorProps {
     code: string;
     fullscreenModeOn: boolean;

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

@@ -1,30 +1,25 @@
-"use strict";
-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 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 b = (0, utils_1.block)('code-editor');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronsCollapseUpRight, ChevronsExpandUpRight } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
+import debounce from 'lodash/debounce';
+import MonacoEditor from 'react-monaco-editor';
+import { Theme } from '../../../models';
+import { block } from '../../../utils';
+import { EditorContext } from '../../context';
+import { parseCode } from '../../utils/code';
+import { options } from './constants';
+const b = block('code-editor');
 const ON_CHANGE_DEBOUNCE_TIMEOUT = 300;
-exports.CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
+export const 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);
+    const { theme = Theme.Light } = React.useContext(EditorContext);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onChangeWithValidation = React.useCallback((0, debounce_1.default)((newCode) => {
+    const onChangeWithValidation = React.useCallback(debounce((newCode) => {
         const validationResult = validator(newCode);
         setMessage(validationResult);
-        onChange((0, code_1.parseCode)(newCode));
+        onChange(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 (_jsxs("div", { className: b({ fullscreen: fullscreenModeOn }), children: [_jsx("div", { className: b('header'), children: _jsx(Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: _jsx(Icon, { data: fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight, size: 16 }) }) }), _jsx("div", { className: b('code'), children: _jsx(MonacoEditor, { defaultValue: code, value: code, language: "yaml", options: options, onChange: onChangeWithValidation, theme: theme === Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), _jsx("div", { className: b('footer'), children: message && (_jsx("div", { className: b('message-container'), children: _jsx("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
 });
-exports.CodeEditor.displayName = 'CodeEditor';
-//# sourceMappingURL=CodeEditor.js.map
+CodeEditor.displayName = 'CodeEditor';

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.options = void 0;
-exports.options = {
+export const options = {
     wordWrap: 'on',
     renderLineHighlight: 'none',
     selectOnLineNumbers: true,
@@ -18,4 +15,3 @@ exports.options = {
     overviewRulerBorder: false,
     readOnly: false,
 };
-//# sourceMappingURL=constants.js.map

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

@@ -14,7 +14,7 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
 }
-.pc-control-panel__radio-button .g-radio-button__option {
+.pc-control-panel__radio-button .g-segmented-radio-group__option {
   display: flex;
   align-items: center;
 }

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;

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

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

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

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

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

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

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

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const DeviceEmulationMobile_1 = tslib_1.__importDefault(require("./DeviceEmulationMobile/DeviceEmulationMobile.js"));
-const utils_1 = require("./utils.js");
-const DeviceEmulation = ({ children, mode }) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [!(0, utils_1.isMobileDevice)(mode) && children, utils_1.mobileDevices.map((device) => ((0, jsx_runtime_1.jsx)(DeviceEmulationMobile_1.default, { device: device, active: mode === device, children: children }, device)))] }));
-exports.default = DeviceEmulation;
-//# sourceMappingURL=DeviceEmulation.js.map
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import DeviceEmulationMobile from './DeviceEmulationMobile/DeviceEmulationMobile';
+import { isMobileDevice, mobileDevices } from './utils';
+const DeviceEmulation = ({ children, mode }) => (_jsxs(React.Fragment, { children: [!isMobileDevice(mode) && children, mobileDevices.map((device) => (_jsx(DeviceEmulationMobile, { device: device, active: mode === device, children: children }, device)))] }));
+export default DeviceEmulation;