@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../../utils/index.js");
-const context_1 = require("../../../context.js");
-const widget_1 = require("../../../widget/index.js");
-const b = (0, utils_1.block)('device-emulation-mobile');
+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 { block } from '../../../../utils';
+import { EditorContext } from '../../../context';
+import { DeviceIframe } from '../../../widget';
+const b = block('device-emulation-mobile');
 const DeviceEmulationMobile = ({ device, active }) => {
-    const _a = React.useContext(context_1.EditorContext), { deviceEmulationSettings } = _a, initialData = tslib_1.__rest(_a, ["deviceEmulationSettings"]);
+    const _a = React.useContext(EditorContext), { deviceEmulationSettings } = _a, initialData = tslib_1.__rest(_a, ["deviceEmulationSettings"]);
     const containerRef = React.useRef(null);
     const deviceIframeRef = React.useRef(null);
     React.useEffect(() => {
         let iframe;
         if (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) {
-            iframe = new widget_1.DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
+            iframe = new DeviceIframe(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, {
                 initialData,
                 className: b('frame', { device }),
                 settings: deviceEmulationSettings,
@@ -37,7 +37,6 @@ const DeviceEmulationMobile = ({ device, active }) => {
             deviceIframeRef.current.onDataUpdate(initialData);
         }
     }, [initialData]);
-    return (0, jsx_runtime_1.jsx)("div", { className: b({ active, device }), ref: containerRef });
+    return _jsx("div", { className: b({ active, device }), ref: containerRef });
 };
-exports.default = DeviceEmulationMobile;
-//# sourceMappingURL=DeviceEmulationMobile.js.map
+export default DeviceEmulationMobile;

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

@@ -1,4 +1,4 @@
-import { ViewModeItem } from "../../types/index.js";
+import { ViewModeItem } from '../../types';
 export type MobileDevice = ViewModeItem.Mobile | ViewModeItem.Tablet;
 export declare const mobileDevices: readonly [ViewModeItem.Tablet, ViewModeItem.Mobile];
 export declare const isMobileDevice: (mode: ViewModeItem) => mode is MobileDevice;

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

@@ -1,8 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMobileDevice = exports.mobileDevices = void 0;
-const types_1 = require("../../types/index.js");
-exports.mobileDevices = [types_1.ViewModeItem.Tablet, types_1.ViewModeItem.Mobile];
-const isMobileDevice = (mode) => [types_1.ViewModeItem.Tablet, types_1.ViewModeItem.Mobile].includes(mode);
-exports.isMobileDevice = isMobileDevice;
-//# sourceMappingURL=utils.js.map
+import { ViewModeItem } from '../../types';
+export const mobileDevices = [ViewModeItem.Tablet, ViewModeItem.Mobile];
+export const isMobileDevice = (mode) => [ViewModeItem.Tablet, ViewModeItem.Mobile].includes(mode);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EditBlockProps } from "../../types/index.js";
+import { EditBlockProps } from '../../types';
 export declare enum EditBlockControls {
     Up = "up",
     Down = "down",

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

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditBlockControls = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils/index.js");
-const b = (0, utils_1.block)('edit-block');
-var EditBlockControls;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin } from '@gravity-ui/icons';
+import { useActionHandlers } from '@gravity-ui/uikit';
+import { block } from '../../../utils';
+const b = block('edit-block');
+export var EditBlockControls;
 (function (EditBlockControls) {
     EditBlockControls["Up"] = "up";
     EditBlockControls["Down"] = "down";
     EditBlockControls["Copy"] = "copy";
     EditBlockControls["Delete"] = "delete";
-})(EditBlockControls || (exports.EditBlockControls = EditBlockControls = {}));
+})(EditBlockControls || (EditBlockControls = {}));
 const actionsOrder = [
     EditBlockControls.Up,
     EditBlockControls.Down,
@@ -22,29 +18,28 @@ const actionsOrder = [
     EditBlockControls.Delete,
 ];
 const editBlockControlsIcons = {
-    [EditBlockControls.Up]: icons_1.ChevronUp,
-    [EditBlockControls.Down]: icons_1.ChevronDown,
-    [EditBlockControls.Copy]: icons_1.Copy,
-    [EditBlockControls.Delete]: icons_1.TrashBin,
+    [EditBlockControls.Up]: ChevronUp,
+    [EditBlockControls.Down]: ChevronDown,
+    [EditBlockControls.Copy]: CopyIcon,
+    [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 { onKeyDown } = (0, uikit_1.useActionHandlers)(onSelect);
+    const { onKeyDown } = useActionHandlers(onSelect);
     React.useEffect(() => {
         if (isActive && ref.current) {
             //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support
             ref.current.scrollIntoView({ block: 'center' });
         }
     }, [isActive]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0, children: [(0, jsx_runtime_1.jsx)("div", { className: b('controls', {
+    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 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: b('controls-content') }, stopPropagationProps, { children: actionsOrder.map((action) => {
+                }), children: isActive && (_jsx("div", Object.assign({ className: b('controls-content') }, stopPropagationProps, { children: actionsOrder.map((action) => {
                         const Icon = editBlockControlsIcons[action];
-                        return actions[action] ? ((0, jsx_runtime_1.jsx)("button", { className: b('control'), onClick: actions[action], children: (0, jsx_runtime_1.jsx)(Icon, {}) }, action)) : null;
+                        return actions[action] ? (_jsx("button", { className: b('control'), onClick: actions[action], children: _jsx(Icon, {}) }, action)) : null;
                     }) }))) }), children] }));
 };
-exports.default = React.memo(EditBlock);
-//# sourceMappingURL=EditBlock.js.map
+export default React.memo(EditBlock);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BlockDecorationProps } from "../../../models/index.js";
+import { BlockDecorationProps } from '../../../models';
 interface ErrorBoundaryProps extends React.PropsWithChildren, Partial<BlockDecorationProps> {
 }
 interface ErrorBoundaryState {

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

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../utils/index.js");
-const utils_2 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('error-boundary');
-class ErrorBoundary extends React.Component {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { block } from '../../../utils';
+import { getBlockId } from '../../utils';
+import { i18n } from './i18n';
+const b = block('error-boundary');
+export class ErrorBoundary extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {};
@@ -20,13 +16,11 @@ class ErrorBoundary extends React.Component {
         const { type, index } = this.props;
         const { error } = this.state;
         const header = type
-            ? (0, i18n_1.i18n)('error-block-header', { id: (0, utils_2.getBlockId)({ type, index }) })
-            : (0, i18n_1.i18n)('error-page-header');
+            ? i18n('error-block-header', { id: getBlockId({ type, index }) })
+            : i18n('error-page-header');
         if (this.state.error) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('image') }), (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)("h2", { className: b('header'), children: header }), (0, jsx_runtime_1.jsx)("code", { className: b('error'), children: error })] })] }) }));
+            return (_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 this.props.children;
     }
 }
-exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map

package/build/cjs/editor/components/ErrorBoundary/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}ErrorBoundary`);
-//# 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}ErrorBoundary`);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EditModeItem, ViewModeItem } from "../../types/index.js";
+import { EditModeItem, ViewModeItem } from '../../types';
 export interface LayoutProps {
     editMode: EditModeItem;
     viewMode: ViewModeItem;

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

@@ -1,18 +1,15 @@
-"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 b = (0, utils_1.block)('editor-layout');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { block } from '../../../utils';
+import { EditModeItem } from '../../types';
+import DeviceEmulation from '../DeviceEmulation/DeviceEmulation';
+const b = block('editor-layout');
 const Left = () => null;
 const Right = () => null;
 // TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared
 const Layout = ({ children, editMode, viewMode }) => {
     let left, right;
-    const isEditingMode = editMode === types_1.EditModeItem.Form;
+    const isEditingMode = editMode === EditModeItem.Form;
     function handleChild(child) {
         switch (child === null || child === void 0 ? void 0 : child.type) {
             case Left:
@@ -26,9 +23,8 @@ const Layout = ({ children, editMode, viewMode }) => {
     if (React.Children.toArray(children).length) {
         React.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 (_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 }) }))] }) }));
 };
 Layout.Left = Left;
 Layout.Right = Right;
-exports.default = Layout;
-//# sourceMappingURL=Layout.js.map
+export default Layout;

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

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

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

@@ -1,13 +1,7 @@
-"use strict";
-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 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 }) }) }));
-exports.NotFoundBlock = NotFoundBlock;
-//# sourceMappingURL=NotFoundBlock.js.map
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { BlockBase } from '../../../components';
+import { block } from '../../../utils';
+import { i18n } from './i18n';
+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 }) }) }));

package/build/cjs/editor/components/NotFoundBlock/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}NotFoundBlock`);
-//# 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}NotFoundBlock`);

package/build/cjs/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';
 export interface PageSettingsProps {
     content: PageContent;
     schema: JSONSchema4;

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

@@ -1,28 +1,25 @@
-"use strict";
-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 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 b = (0, utils_1.block)('editor-page-settings');
-const PageSettings = ({ schema, content, onChange }) => {
-    const spec = (0, useFormSpec_1.default)(schema);
+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 } 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';
+import { dynamicConfig } from '../../dynamic-forms-custom/config';
+import useFormSpec from '../../hooks/useFormSpec';
+import { i18n } from './i18n';
+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 _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 (_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 })] })) }) }) }));
 };
-exports.PageSettings = PageSettings;
-exports.PageSettings.displayName = 'PageSettings';
-//# sourceMappingURL=PageSettings.js.map
+PageSettings.displayName = 'PageSettings';

package/build/cjs/editor/components/PageSettings/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}PageSettings`);
-//# 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}PageSettings`);

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

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

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

@@ -1,24 +1,18 @@
-"use strict";
-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 b = (0, utils_1.block)('editor');
-const Editor = (props) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageConstructor, PageConstructorProvider } from '../../../containers/PageConstructor';
+import { block } from '../../../utils';
+import AddBlock from '../../components/AddBlock/AddBlock';
+import { CodeEditor } from '../../components/CodeEditor/CodeEditor';
+import ControlPanel from '../../components/ControlPanel/ControlPanel';
+import { ErrorBoundary } from '../../components/ErrorBoundary/ErrorBoundary';
+import Layout from '../../components/Layout/Layout';
+import { PageSettings } from '../../components/PageSettings/PageSettings';
+import { EditorContext } from '../../context';
+import { Form } from '../Form/Form';
+import { useEditorState } from './hooks/useEditorState';
+const b = block('editor');
+export 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 })] }))] })] }));
+    const { context, viewMode, editMode, constructorTheme, onThemeUpdate, onViewModeUpdate, onEditModeUpdate, isCodeEditMode, isFormEditMode, isDesktopViewMode, content, schema, onContentUpdate, code, codeValidator, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, activeBlockIndex, onSelect, isCodeOnlyMode, errorBoundaryState, outgoingProps, onAdd, } = useEditorState(props);
+    return (_jsxs(EditorContext.Provider, { value: context, children: [_jsx(ControlPanel, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && (_jsx(PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && (_jsx(CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), _jsxs(Layout, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && (_jsx(Layout.Left, { children: _jsx(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && (_jsxs(Layout.Right, { children: [_jsx(ErrorBoundary, { children: _jsx(PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme, children: _jsx(PageConstructor, Object.assign({}, outgoingProps)) })) }, errorBoundaryState), isFormEditMode && _jsx(AddBlock, { 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,29 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCode = useCode;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
-const usePreviousValue_1 = tslib_1.__importDefault(require("../../../hooks/usePreviousValue.js"));
+import * as React from 'react';
+import yaml from 'js-yaml';
+import usePreviousValue from '../../../hooks/usePreviousValue';
 /**
  * Transorms PageConstructor content in JSON to YAML on code editor mode switching
  *
  * @param {Object} props - props parent from form
  * @returns {string} - updated code
  */
-function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
+export function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
     var _a;
     const [code, setCode] = React.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);
+    const prevContentLength = usePreviousValue((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+    const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);
     React.useEffect(() => {
         var _a;
         const blocksCountChanged = prevContentLength !== ((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
         const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;
         if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {
-            setCode(js_yaml_1.default.dump(content, { lineWidth: -1 }));
+            setCode(yaml.dump(content, { lineWidth: -1 }));
         }
     }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);
     return code;
 }
-//# sourceMappingURL=useCode.js.map

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;
+            location?: import("../../../../context/locationContext").LocationContextProps;
+            ssrConfig?: import("../../../../context/ssrContext").SSRContextProps;
+            mapsContext?: import("../../../../context/mapsContext/mapsContext").MapsContextType;
+            projectSettings?: import("../../../../context/projectSettingsContext").ProjectSettingsContextProps;
+            analytics?: import("../../../..").AnalyticsContextProps;
+            forms?: import("../../../../context/formsContext").FormsContextProps;
+            image?: import("../../../../context/imageContext").ImageContextProps;
         };
-        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;
 };