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

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

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

@@ -1,11 +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 utils_1 = require("../../../utils/index.js");
-const types_1 = require("../../types/index.js");
-const DeviceEmulation_1 = tslib_1.__importDefault(require("../DeviceEmulation/DeviceEmulation.js"));
+const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../../utils");
+const types_1 = require("../../types");
+const DeviceEmulation_1 = tslib_1.__importDefault(require("../DeviceEmulation/DeviceEmulation"));
 const b = (0, utils_1.block)('editor-layout');
 const Left = () => null;
 const Right = () => null;
@@ -23,12 +22,15 @@ const Layout = ({ children, editMode, viewMode }) => {
                 break;
         }
     }
-    if (React.Children.toArray(children).length) {
-        React.Children.forEach(children, handleChild);
+    if (react_1.default.Children.toArray(children).length) {
+        react_1.Children.forEach(children, handleChild);
     }
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('container'), children: (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [left && (0, jsx_runtime_1.jsx)("div", { className: b('left'), children: left }), right && ((0, jsx_runtime_1.jsx)("div", { className: b('right', { editing: isEditingMode }), children: (0, jsx_runtime_1.jsx)(DeviceEmulation_1.default, { mode: viewMode, children: right }) }))] }) }));
+    return (react_1.default.createElement("div", { className: b('container') },
+        react_1.default.createElement(react_1.Fragment, null,
+            left && react_1.default.createElement("div", { className: b('left') }, left),
+            right && (react_1.default.createElement("div", { className: b('right', { editing: isEditingMode }) },
+                react_1.default.createElement(DeviceEmulation_1.default, { mode: viewMode }, right))))));
 };
 Layout.Left = Left;
 Layout.Right = Right;
 exports.default = Layout;
-//# sourceMappingURL=Layout.js.map

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

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

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

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotFoundBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../components/index.js");
-const utils_1 = require("../../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components");
+const utils_1 = require("../../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('not-found-block');
-const NotFoundBlock = ({ type, children }) => children ? ((0, jsx_runtime_1.jsx)(React.Fragment, { children: children })) : ((0, jsx_runtime_1.jsx)(components_1.BlockBase, { children: (0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, i18n_1.i18n)('message', { type }) }) }));
+const NotFoundBlock = ({ type, children }) => children ? (react_1.default.createElement(react_1.Fragment, null, children)) : (react_1.default.createElement(components_1.BlockBase, null,
+    react_1.default.createElement("div", { className: b() }, (0, i18n_1.i18n)('message', { type }))));
 exports.NotFoundBlock = NotFoundBlock;
-//# sourceMappingURL=NotFoundBlock.js.map

package/build/cjs/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/cjs/editor/components/NotFoundBlock/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}NotFoundBlock`);
-//# sourceMappingURL=index.js.map

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

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

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

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

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

package/build/cjs/editor/components/PageSettings/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}PageSettings`);
-//# sourceMappingURL=index.js.map

package/build/cjs/editor/containers/Editor/Editor.d.ts

@@ -1,2 +1,2 @@
-import { EditorProps } from "../../types/index.js";
-export declare const Editor: (props: EditorProps) => import("react/jsx-runtime").JSX.Element;
+import { EditorProps } from '../../types';
+export declare const Editor: (props: EditorProps) => JSX.Element;

package/build/cjs/editor/containers/Editor/Editor.js

@@ -2,23 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Editor = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const PageConstructor_1 = require("../../../containers/PageConstructor/index.js");
-const utils_1 = require("../../../utils/index.js");
-const AddBlock_1 = tslib_1.__importDefault(require("../../components/AddBlock/AddBlock.js"));
-const CodeEditor_1 = require("../../components/CodeEditor/CodeEditor.js");
-const ControlPanel_1 = tslib_1.__importDefault(require("../../components/ControlPanel/ControlPanel.js"));
-const ErrorBoundary_1 = require("../../components/ErrorBoundary/ErrorBoundary.js");
-const Layout_1 = tslib_1.__importDefault(require("../../components/Layout/Layout.js"));
-const PageSettings_1 = require("../../components/PageSettings/PageSettings.js");
-const context_1 = require("../../context.js");
-const Form_1 = require("../Form/Form.js");
-const useEditorState_1 = require("./hooks/useEditorState.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const PageConstructor_1 = require("../../../containers/PageConstructor");
+const utils_1 = require("../../../utils");
+const AddBlock_1 = tslib_1.__importDefault(require("../../components/AddBlock/AddBlock"));
+const CodeEditor_1 = require("../../components/CodeEditor/CodeEditor");
+const ControlPanel_1 = tslib_1.__importDefault(require("../../components/ControlPanel/ControlPanel"));
+const ErrorBoundary_1 = require("../../components/ErrorBoundary/ErrorBoundary");
+const Layout_1 = tslib_1.__importDefault(require("../../components/Layout/Layout"));
+const PageSettings_1 = require("../../components/PageSettings/PageSettings");
+const context_1 = require("../../context");
+const Form_1 = require("../Form/Form");
+const useEditorState_1 = require("./hooks/useEditorState");
 const b = (0, utils_1.block)('editor');
 const Editor = (props) => {
     const { providerProps } = props;
     const { context, viewMode, editMode, constructorTheme, onThemeUpdate, onViewModeUpdate, onEditModeUpdate, isCodeEditMode, isFormEditMode, isDesktopViewMode, content, schema, onContentUpdate, code, codeValidator, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, activeBlockIndex, onSelect, isCodeOnlyMode, errorBoundaryState, outgoingProps, onAdd, } = (0, useEditorState_1.useEditorState)(props);
-    return ((0, jsx_runtime_1.jsxs)(context_1.EditorContext.Provider, { value: context, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(PageSettings_1.PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && ((0, jsx_runtime_1.jsx)(CodeEditor_1.CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(Layout_1.default.Left, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && ((0, jsx_runtime_1.jsxs)(Layout_1.default.Right, { children: [(0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme, children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, Object.assign({}, outgoingProps)) })) }, errorBoundaryState), isFormEditMode && (0, jsx_runtime_1.jsx)(AddBlock_1.default, { onAdd: onAdd })] }))] })] }));
+    return (react_1.default.createElement(context_1.EditorContext.Provider, { value: context },
+        react_1.default.createElement(ControlPanel_1.default, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }),
+        isFormEditMode && isDesktopViewMode && (react_1.default.createElement(PageSettings_1.PageSettings, { content: content, schema: schema, onChange: onContentUpdate })),
+        isCodeEditMode && (react_1.default.createElement(CodeEditor_1.CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })),
+        react_1.default.createElement(Layout_1.default, { editMode: editMode, viewMode: viewMode },
+            isFormEditMode && isDesktopViewMode && (react_1.default.createElement(Layout_1.default.Left, null,
+                react_1.default.createElement(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }))),
+            !isCodeOnlyMode && (react_1.default.createElement(Layout_1.default.Right, null,
+                react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { key: errorBoundaryState },
+                    react_1.default.createElement(PageConstructor_1.PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme }),
+                        react_1.default.createElement(PageConstructor_1.PageConstructor, Object.assign({}, outgoingProps)))),
+                isFormEditMode && react_1.default.createElement(AddBlock_1.default, { onAdd: onAdd }))))));
 };
 exports.Editor = Editor;
-//# sourceMappingURL=Editor.js.map

package/build/cjs/editor/containers/Editor/hooks/useCode.d.ts

@@ -1,4 +1,4 @@
-import { PageContent } from "../../../../models/index.js";
+import { PageContent } from '../../../../models';
 type UseCodeProps = {
     content: PageContent;
     codeFullscreeModeOn: boolean;

package/build/cjs/editor/containers/Editor/hooks/useCode.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCode = useCode;
+exports.useCode = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
-const usePreviousValue_1 = tslib_1.__importDefault(require("../../../hooks/usePreviousValue.js"));
+const usePreviousValue_1 = tslib_1.__importDefault(require("../../../hooks/usePreviousValue"));
 /**
  * Transorms PageConstructor content in JSON to YAML on code editor mode switching
  *
@@ -13,10 +13,10 @@ const usePreviousValue_1 = tslib_1.__importDefault(require("../../../hooks/usePr
  */
 function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
     var _a;
-    const [code, setCode] = React.useState('');
+    const [code, setCode] = (0, react_1.useState)('');
     const prevContentLength = (0, usePreviousValue_1.default)((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
     const prevCodeFullscreeModeOn = (0, usePreviousValue_1.default)(codeFullscreeModeOn);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         const blocksCountChanged = prevContentLength !== ((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
         const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;
@@ -26,4 +26,4 @@ function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
     }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);
     return code;
 }
-//# sourceMappingURL=useCode.js.map
+exports.useCode = useCode;

package/build/cjs/editor/containers/Editor/hooks/useEditorState.d.ts

@@ -1,38 +1,38 @@
-import { EditModeItem, EditorProps, ViewModeItem } from "../../../types/index.js";
+import { EditModeItem, EditorProps, ViewModeItem } from '../../../types';
 export declare const useEditorState: ({ customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme, ...rest }: EditorProps) => {
     context: {
         constructorProps: {
-            content: import("../../../../models/index.js").PageContent;
-            custom: import("../../../../models/index.js").CustomConfig | undefined;
+            content: import("../../../../models").PageContent;
+            custom: import("../../../../models").CustomConfig | undefined;
         };
         providerProps: {
             isMobile: boolean;
-            theme: import("../../../../models/index.js").Theme;
-            locale?: import("../../../../context/localeContext/index.js").LocaleContextProps;
-            location?: import("../../../../context/locationContext/index.js").LocationContextProps;
-            ssrConfig?: import("../../../../context/ssrContext/index.js").SSRContextProps;
-            mapsContext?: import("../../../../context/mapsContext/mapsContext.js").MapsContextType;
-            projectSettings?: import("../../../../context/projectSettingsContext/index.js").ProjectSettingsContextProps;
-            analytics?: import("../../../../index.js").AnalyticsContextProps;
-            forms?: import("../../../../context/formsContext/index.js").FormsContextProps;
-            image?: import("../../../../context/imageContext/index.js").ImageContextProps;
+            theme: import("../../../../models").Theme;
+            locale?: import("../../../../context/localeContext").LocaleContextProps | undefined;
+            location?: import("../../../../context/locationContext").LocationContextProps | undefined;
+            ssrConfig?: import("../../../../context/ssrContext").SSRContextProps | undefined;
+            mapsContext?: import("../../../../context/mapsContext/mapsContext").MapsContextType | undefined;
+            projectSettings?: import("../../../../context/projectSettingsContext").ProjectSettingsContextProps | undefined;
+            analytics?: import("../../../..").AnalyticsContextProps | undefined;
+            forms?: import("../../../../context/formsContext").FormsContextProps | undefined;
+            image?: import("../../../../context/imageContext").ImageContextProps | undefined;
         };
-        deviceEmulationSettings: import("../../../types/index.js").DeviceEmulationSettings | undefined;
-        theme: import("../../../../models/index.js").Theme | undefined;
+        deviceEmulationSettings: import("../../../types").DeviceEmulationSettings | undefined;
+        theme: import("../../../../models").Theme | undefined;
     };
     viewMode: ViewModeItem;
     editMode: EditModeItem;
-    constructorTheme: import("../../../../models/index.js").Theme;
-    onThemeUpdate: (newTheme: import("../../../../models/index.js").Theme) => void;
+    constructorTheme: import("../../../../models").Theme;
+    onThemeUpdate: (newTheme: import("../../../../models").Theme) => void;
     onViewModeUpdate: (newViewMode: ViewModeItem) => void;
     onEditModeUpdate: (newEditMode: EditModeItem) => void;
     isCodeEditMode: boolean;
     isDesktopViewMode: boolean;
-    content: import("../../../../models/index.js").PageContent;
+    content: import("../../../../models").PageContent;
     schema: import("json-schema").JSONSchema4;
-    onContentUpdate: (newContent: import("../../../../models/index.js").PageContent) => void;
+    onContentUpdate: (newContent: import("../../../../models").PageContent) => void;
     code: string;
-    codeValidator: import("../../../hooks/useCodeValidator.js").CodeValidator;
+    codeValidator: import("../../../hooks/useCodeValidator").CodeValidator;
     codeFullscreeModeOn: boolean;
     onCodeFullscreeModeOnUpdate: (newCodeFullscreeModeOn: boolean) => void;
     activeBlockIndex: number;
@@ -40,10 +40,10 @@ export declare const useEditorState: ({ customSchema, onChange, providerProps, t
     isCodeOnlyMode: boolean;
     errorBoundaryState: number;
     outgoingProps: {
-        content: import("../../../../models/index.js").PageContent;
-        custom: import("../../../../models/index.js").CustomConfig | undefined;
+        content: import("../../../../models").PageContent;
+        custom: import("../../../../models").CustomConfig | undefined;
         viewMode: ViewModeItem;
     };
-    onAdd: (block: import("../../../../models/index.js").Block) => void;
+    onAdd: (block: import("../../../../models").Block) => void;
     isFormEditMode: boolean;
 };

package/build/cjs/editor/containers/Editor/hooks/useEditorState.js

@@ -2,19 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEditorState = void 0;
 const tslib_1 = require("tslib");
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const schema_1 = require("../../../../schema/index.js");
-const EditBlock_1 = tslib_1.__importDefault(require("../../../components/EditBlock/EditBlock.js"));
-const ErrorBoundary_1 = require("../../../components/ErrorBoundary/ErrorBoundary.js");
-const NotFoundBlock_1 = require("../../../components/NotFoundBlock/NotFoundBlock.js");
-const useCodeValidator_1 = require("../../../hooks/useCodeValidator.js");
-const main_1 = require("../../../store/main/index.js");
-const settings_1 = require("../../../store/settings/index.js");
-const types_1 = require("../../../types/index.js");
-const utils_1 = require("../../../utils/index.js");
-const useCode_1 = require("./useCode.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const schema_1 = require("../../../../schema");
+const EditBlock_1 = tslib_1.__importDefault(require("../../../components/EditBlock/EditBlock"));
+const ErrorBoundary_1 = require("../../../components/ErrorBoundary/ErrorBoundary");
+const NotFoundBlock_1 = require("../../../components/NotFoundBlock/NotFoundBlock");
+const useCodeValidator_1 = require("../../../hooks/useCodeValidator");
+const main_1 = require("../../../store/main");
+const settings_1 = require("../../../store/settings");
+const types_1 = require("../../../types");
+const utils_1 = require("../../../utils");
+const useCode_1 = require("./useCode");
 // Editor business logic
 const useEditorState = (_a) => {
     var { customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme } = _a, rest = tslib_1.__rest(_a, ["customSchema", "onChange", "providerProps", "transformContent", "deviceEmulationSettings", "theme"]);
@@ -25,17 +23,17 @@ const useEditorState = (_a) => {
     const isFormEditMode = editMode === types_1.EditModeItem.Form;
     const isDesktopViewMode = viewMode === types_1.ViewModeItem.Desktop;
     const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;
-    const transformedContent = React.useMemo(() => (transformContent ? transformContent(content, { viewMode, editMode }) : content), [content, transformContent, viewMode, editMode]);
-    const schema = React.useMemo(() => (0, schema_1.generateDefaultSchema)(customSchema), [customSchema]);
+    const transformedContent = (0, react_1.useMemo)(() => (transformContent ? transformContent(content, { viewMode, editMode }) : content), [content, transformContent, viewMode, editMode]);
+    const schema = (0, react_1.useMemo)(() => (0, schema_1.generateDefaultSchema)(customSchema), [customSchema]);
     const codeValidator = (0, useCodeValidator_1.useCodeValidator)(schema);
-    const outgoingProps = React.useMemo(() => {
+    const outgoingProps = (0, react_1.useMemo)(() => {
         const custom = isCodeEditMode || isViewEditMode
             ? rest.custom
             : (0, utils_1.addCustomDecorator)([
-                (props) => (0, jsx_runtime_1.jsx)(NotFoundBlock_1.NotFoundBlock, Object.assign({}, props)),
-                (props) => ((0, jsx_runtime_1.jsx)(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
+                (props) => react_1.default.createElement(NotFoundBlock_1.NotFoundBlock, Object.assign({}, props)),
+                (props) => (react_1.default.createElement(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
                 // need errorBoundaryState flag to reset error on content update
-                (props) => ((0, react_1.createElement)(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
+                (props) => (react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
             ], rest.custom);
         return {
             content: transformedContent,
@@ -51,7 +49,7 @@ const useEditorState = (_a) => {
         isCodeEditMode,
         isViewEditMode,
     ]);
-    const context = React.useMemo(() => ({
+    const context = (0, react_1.useMemo)(() => ({
         constructorProps: {
             content: transformedContent,
             custom: rest.custom,
@@ -68,7 +66,7 @@ const useEditorState = (_a) => {
         constructorTheme,
         editorTheme,
     ]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(content);
     }, [content, onChange]);
     const code = (0, useCode_1.useCode)({ isCodeEditMode, content, codeFullscreeModeOn });
@@ -99,4 +97,3 @@ const useEditorState = (_a) => {
     };
 };
 exports.useEditorState = useEditorState;
-//# sourceMappingURL=useEditorState.js.map

package/build/cjs/editor/containers/Form/Form.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import { JSONSchema4 } from 'json-schema';
-import { PageContent } from "../../../models/index.js";
+import { PageContent } from '../../../models';
 export interface FormProps {
     content: PageContent;
     schema: JSONSchema4;
@@ -8,4 +8,4 @@ export interface FormProps {
     onChange: (content: PageContent) => void;
     onSelect: (index: number) => void;
 }
-export declare const Form: React.MemoExoticComponent<({ content, onChange, activeBlockIndex, onSelect, schema }: FormProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Form: React.MemoExoticComponent<({ content, onChange, activeBlockIndex, onSelect, schema }: FormProps) => JSX.Element>;

package/build/cjs/editor/containers/Form/Form.js

@@ -2,25 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = 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 uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils/index.js");
-const BlockForm_1 = require("../../components/BlockForm/BlockForm.js");
-const useFormSpec_1 = tslib_1.__importDefault(require("../../hooks/useFormSpec.js"));
+const utils_1 = require("../../../utils");
+const BlockForm_1 = require("../../components/BlockForm/BlockForm");
+const useFormSpec_1 = tslib_1.__importDefault(require("../../hooks/useFormSpec"));
 const b = (0, utils_1.block)('editor-form');
 // TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be extremely refactor
-exports.Form = React.memo(({ content, onChange, activeBlockIndex, onSelect, schema }) => {
+exports.Form = (0, react_1.memo)(({ content, onChange, activeBlockIndex, onSelect, schema }) => {
     const { blocks } = content || {};
     const spec = (0, useFormSpec_1.default)(schema);
     const { blocks: blocksSpec } = spec || {};
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-2", children: 'Blocks' }), blocks.map((blockData, index) => blocksSpec[blockData.type] ? ((0, jsx_runtime_1.jsx)("div", { className: b('block-form'), children: (0, jsx_runtime_1.jsx)(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
-                        onChange(Object.assign(Object.assign({}, content), { blocks: [
-                                ...blocks.slice(0, index),
-                                data,
-                                ...blocks.slice(index + 1),
-                            ] }));
-                    }, onSelect: () => onSelect(index) }) }, (0, utils_1.getBlockKey)(blockData, index))) : null)] }));
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement(uikit_1.Text, { variant: "body-2" }, 'Blocks'),
+        blocks.map((blockData, index) => blocksSpec[blockData.type] ? (react_1.default.createElement("div", { className: b('block-form'), key: (0, utils_1.getBlockKey)(blockData, index) },
+            react_1.default.createElement(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
+                    onChange(Object.assign(Object.assign({}, content), { blocks: [
+                            ...blocks.slice(0, index),
+                            data,
+                            ...blocks.slice(index + 1),
+                        ] }));
+                }, onSelect: () => onSelect(index) }))) : null)));
 });
 exports.Form.displayName = 'Form';
-//# sourceMappingURL=Form.js.map

package/build/cjs/editor/context.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { PageConstructorProps, PageConstructorProviderProps } from "../containers/PageConstructor/index.js";
-import { Theme } from "../models/common.js";
-import { EditorProps } from "./types/index.js";
+import React from 'react';
+import { PageConstructorProps, PageConstructorProviderProps } from '../containers/PageConstructor';
+import { Theme } from '../models/common';
+import { EditorProps } from './types';
 export interface EditorContextType {
     constructorProps?: PageConstructorProps;
     providerProps?: PageConstructorProviderProps;

package/build/cjs/editor/context.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.EditorContext = React.createContext({});
-//# sourceMappingURL=context.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.EditorContext = react_1.default.createContext({});

package/build/cjs/editor/data/index.d.ts

@@ -1,4 +1,5 @@
-import { Block, BlockType } from "../../models/index.js";
+/// <reference types="react" />
+import { Block, BlockType } from '../../models';
 export type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
 export interface EdiorBlockData {
     template: Block;

package/build/cjs/editor/data/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEditorBlocksData = getEditorBlocksData;
+exports.getEditorBlocksData = void 0;
 const tslib_1 = require("tslib");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../utils/index.js");
-const default_preview_1 = tslib_1.__importDefault(require("./previews/default-preview.js"));
-const header_block_1 = tslib_1.__importDefault(require("./previews/header-block.js"));
-const getBlockTemplate = (blockType) => import(`./templates/${blockType}.json`).then((data) => data.default);
+const models_1 = require("../../models");
+const utils_1 = require("../utils");
+const default_preview_1 = tslib_1.__importDefault(require("./previews/default-preview"));
+const header_block_1 = tslib_1.__importDefault(require("./previews/header-block"));
+const getBlockTemplate = (blockType) => { var _a; return (_a = `./templates/${blockType}.json`, Promise.resolve().then(() => tslib_1.__importStar(require(_a)))).then((data) => data.default); };
 const getBlockPreview = (blockType) => {
     try {
         if (blockType === models_1.BlockType.HeaderBlock) {
@@ -31,4 +31,4 @@ async function getEditorBlocksData() {
     }
     return EdiorBlockData;
 }
-//# sourceMappingURL=index.js.map
+exports.getEditorBlocksData = getEditorBlocksData;

package/build/cjs/editor/data/previews/default-preview.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 declare const DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>>;
 export default DefaultPreview;

package/build/cjs/editor/data/previews/default-preview.js

@@ -1,7 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../../../utils/svg.js");
-const DefaultPreview = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../../../utils/svg");
+const DefaultPreview = (props) => (react_1.default.createElement("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }),
+    react_1.default.createElement("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }),
+    react_1.default.createElement("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }),
+    react_1.default.createElement("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }),
+    react_1.default.createElement("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }),
+    react_1.default.createElement("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }),
+    react_1.default.createElement("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }),
+    react_1.default.createElement("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }),
+    react_1.default.createElement("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }),
+    react_1.default.createElement("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }),
+    react_1.default.createElement("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })));
 exports.default = DefaultPreview;
-//# sourceMappingURL=default-preview.js.map

package/build/cjs/editor/data/previews/header-block.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 declare const Header: React.FC<React.SVGProps<SVGSVGElement>>;
 export default Header;