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

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

@@ -1,26 +1,26 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { Fragment, memo, useMemo } 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.js";
-import usePreviousValue from "../../hooks/usePreviousValue.js";
-export const BlockForm = React.memo((_a) => {
+import { dynamicConfig } from '../../dynamic-forms-custom/config';
+import usePreviousValue from '../../hooks/usePreviousValue';
+export const BlockForm = memo((_a) => {
     var _b = _a.data, { type } = _b, content = __rest(_b, ["type"]), { onChange, onSelect, active, spec: specRaw } = _a;
-    const initialValues = React.useMemo(() => ({ content }), [content]);
+    const initialValues = useMemo(() => ({ content }), [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]);
+    const spec = useMemo(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
     if (!active) {
-        return (_jsx(SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
+        return (React.createElement(SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect }, ' '));
     }
-    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 (!isEqual(values.content, prevContent)) {
-                            onChange(Object.assign({ type }, values.content));
-                        }
-                    }, subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: spec, config: dynamicConfig, withoutInsertFFDebounce: true })] })) }));
+    return (React.createElement(FinalForm, { initialValues: initialValues, onSubmit: noop }, () => (React.createElement(Fragment, null,
+        React.createElement(FormSpy, { onChange: ({ values }) => {
+                // fix for FormSpy onChange called twice without content changes
+                if (!isEqual(values.content, prevContent)) {
+                    onChange(Object.assign({ type }, values.content));
+                }
+            }, subscription: { values: true } }),
+        React.createElement(DynamicField, { name: "content", spec: spec, config: dynamicConfig, withoutInsertFFDebounce: true })))));
 });
 BlockForm.displayName = 'BlockForm';
-//# sourceMappingURL=BlockForm.js.map

package/build/esm/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';
 import './CodeEditor.css';
 interface CodeEditorProps {
     code: string;
@@ -10,5 +10,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/esm/editor/components/CodeEditor/CodeEditor.js

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

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

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

package/build/esm/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';
 import './ControlPanel.css';
 export interface ControlPanelProps extends ClassNameProps {
     viewMode?: ViewModeItem;
@@ -9,5 +9,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/esm/editor/components/ControlPanel/ControlPanel.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Code, Display, Eye, Smartphone, SquareDashedText } from '@gravity-ui/icons';
-import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
-import { Theme, themeNames } from "../../../models/index.js";
-import { block } from "../../../utils/index.js";
-import { Tablet } from "../../icons/Tablet.js";
-import { EditModeItem, ViewModeItem } from "../../types/index.js";
-import { i18n } from "./i18n/index.js";
+import { RadioButton, 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';
 import './ControlPanel.css';
 const ICON_SIZE = 14;
 const b = block('control-panel');
@@ -19,12 +19,24 @@ const ControlPanelEditModeIcons = {
     [EditModeItem.Form]: SquareDashedText,
     [EditModeItem.Code]: Code,
 };
-const ControlPanel = ({ viewMode = ViewModeItem.Desktop, editMode = EditModeItem.Form, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }) => (_jsxs("div", { className: b(null, className), children: [_jsxs("div", { className: b('switch-container'), children: [_jsx("span", { children: i18n('edit_mode') }), _jsx(SegmentedRadioGroup, { className: b('radio-button'), value: editMode, onUpdate: (value) => onEditModeChange(value), children: Object.values(EditModeItem).map((item) => {
-                        const Icon = ControlPanelEditModeIcons[item];
-                        return (_jsx(SegmentedRadioGroup.Option, { value: item, children: _jsx("span", { className: b('icon'), children: _jsx(Icon, { width: ICON_SIZE, height: ICON_SIZE }) }) }, item));
-                    }) })] }), _jsxs("div", { className: b('switch-container'), children: [_jsx("span", { children: i18n('view_mode') }), _jsx(SegmentedRadioGroup, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value), children: Object.values(ViewModeItem).map((item) => {
-                        const Icon = ControlPanelViewModeIcons[item];
-                        return (_jsx(SegmentedRadioGroup.Option, { value: item, children: _jsx("span", { className: b('icon'), children: _jsx(Icon, { width: ICON_SIZE, height: ICON_SIZE }) }) }, item));
-                    }) })] }), _jsxs("div", { className: b('switch-container'), children: [_jsx("span", { children: i18n('theme') }), _jsx(Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]), children: Object.values(Theme).map((item) => (_jsx(Select.Option, { value: item, children: themeNames[item] }, item))) })] })] }));
+const ControlPanel = ({ viewMode = ViewModeItem.Desktop, editMode = EditModeItem.Form, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }) => (React.createElement("div", { className: b(null, className) },
+    React.createElement("div", { className: b('switch-container') },
+        React.createElement("span", null, i18n('edit_mode')),
+        React.createElement(RadioButton, { className: b('radio-button'), value: editMode, onUpdate: (value) => onEditModeChange(value) }, Object.values(EditModeItem).map((item) => {
+            const Icon = ControlPanelEditModeIcons[item];
+            return (React.createElement(RadioButton.Option, { key: item, value: item },
+                React.createElement("span", { className: b('icon') },
+                    React.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
+        }))),
+    React.createElement("div", { className: b('switch-container') },
+        React.createElement("span", null, i18n('view_mode')),
+        React.createElement(RadioButton, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value) }, Object.values(ViewModeItem).map((item) => {
+            const Icon = ControlPanelViewModeIcons[item];
+            return (React.createElement(RadioButton.Option, { key: item, value: item },
+                React.createElement("span", { className: b('icon') },
+                    React.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
+        }))),
+    React.createElement("div", { className: b('switch-container') },
+        React.createElement("span", null, i18n('theme')),
+        React.createElement(Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]) }, Object.values(Theme).map((item) => (React.createElement(Select.Option, { key: item, value: item }, themeNames[item])))))));
 export default ControlPanel;
-//# sourceMappingURL=ControlPanel.js.map

package/build/esm/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/esm/editor/components/ControlPanel/i18n/index.js

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

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import DeviceEmulationMobile from "./DeviceEmulationMobile/DeviceEmulationMobile.js";
-import { isMobileDevice, mobileDevices } from "./utils.js";
-const DeviceEmulation = ({ children, mode }) => (_jsxs(React.Fragment, { children: [!isMobileDevice(mode) && children, mobileDevices.map((device) => (_jsx(DeviceEmulationMobile, { device: device, active: mode === device, children: children }, device)))] }));
+import React, { Fragment } from 'react';
+import DeviceEmulationMobile from './DeviceEmulationMobile/DeviceEmulationMobile';
+import { isMobileDevice, mobileDevices } from './utils';
+const DeviceEmulation = ({ children, mode }) => (React.createElement(Fragment, null,
+    !isMobileDevice(mode) && children,
+    mobileDevices.map((device) => (React.createElement(DeviceEmulationMobile, { key: device, device: device, active: mode === device }, children)))));
 export default DeviceEmulation;
-//# sourceMappingURL=DeviceEmulation.js.map

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { MobileDevice } from "../utils.js";
+import { PropsWithChildren } from 'react';
+import { MobileDevice } from '../utils';
 import './DeviceEmulationMobile.css';
-interface DeviceEmulationMobileProps extends React.PropsWithChildren {
+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/esm/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.js

@@ -1,16 +1,15 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { block } from "../../../../utils/index.js";
-import { EditorContext } from "../../../context.js";
-import { DeviceIframe } from "../../../widget/index.js";
+import React, { useContext, useEffect, useRef } from 'react';
+import { block } from '../../../../utils';
+import { EditorContext } from '../../../context';
+import { DeviceIframe } from '../../../widget';
 import './DeviceEmulationMobile.css';
 const b = block('device-emulation-mobile');
 const DeviceEmulationMobile = ({ device, active }) => {
-    const _a = React.useContext(EditorContext), { deviceEmulationSettings } = _a, initialData = __rest(_a, ["deviceEmulationSettings"]);
-    const containerRef = React.useRef(null);
-    const deviceIframeRef = React.useRef(null);
-    React.useEffect(() => {
+    const _a = useContext(EditorContext), { deviceEmulationSettings } = _a, initialData = __rest(_a, ["deviceEmulationSettings"]);
+    const containerRef = useRef(null);
+    const deviceIframeRef = useRef(null);
+    useEffect(() => {
         let iframe;
         if (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) {
             iframe = new DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
@@ -26,17 +25,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(() => {
+    useEffect(() => {
         if (deviceIframeRef.current) {
             deviceIframeRef.current.onActivenessUpdate(active);
         }
     }, [active]);
-    React.useEffect(() => {
+    useEffect(() => {
         if (deviceIframeRef.current && initialData) {
             deviceIframeRef.current.onDataUpdate(initialData);
         }
     }, [initialData]);
-    return _jsx("div", { className: b({ active, device }), ref: containerRef });
+    return React.createElement("div", { className: b({ active, device }), ref: containerRef });
 };
 export default DeviceEmulationMobile;
-//# sourceMappingURL=DeviceEmulationMobile.js.map

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

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

package/build/esm/editor/components/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';
 import './EditBlock.css';
 export declare enum EditBlockControls {
     Up = "up",
@@ -10,5 +10,5 @@ export declare enum EditBlockControls {
 export type EditBlockActions = {
     [key in EditBlockControls]?: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ actions, isActive, onSelect, isHeader, children, resetPaddings, }: EditBlockProps) => 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/esm/editor/components/EditBlock/EditBlock.js

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

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

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { BlockDecorationProps } from "../../../models/index.js";
+import React, { ErrorInfo, PropsWithChildren } from 'react';
+import { BlockDecorationProps } from '../../../models';
 import './ErrorBoundary.css';
-interface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {
+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/esm/editor/components/ErrorBoundary/ErrorBoundary.js

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

package/build/esm/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/esm/editor/components/ErrorBoundary/i18n/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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