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

package/build/cjs/editor/hooks/usePreviousValue.js

@@ -1,8 +1,13 @@
-import * as React from 'react';
-export default function usePreviousValue(value) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = usePreviousValue;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function usePreviousValue(value) {
     const ref = React.useRef();
     React.useEffect(() => {
         ref.current = value;
     }, [value]);
     return ref.current;
 }
+//# sourceMappingURL=usePreviousValue.js.map

package/build/cjs/editor/hooks/usePreviousValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviousValue.js","sourceRoot":"../../../../src","sources":["editor/hooks/usePreviousValue.ts"],"names":[],"mappings":";;AAEA,mCAQC;;AAVD,qDAA+B;AAE/B,SAAwB,gBAAgB,CAAI,KAAQ;IAChD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAK,CAAC;IAE9B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC","sourcesContent":["import * as React from 'react';\n\nexport default function usePreviousValue<T>(value: T) {\n    const ref = React.useRef<T>();\n\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref.current;\n}\n"]}

package/build/cjs/editor/icons/Tablet.js

@@ -1,3 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from '../../utils/svg';
-export const Tablet = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "14", viewBox: "0 0 12 14", fill: "none" }, a11yHiddenSvgProps, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z", fill: "currentColor", fillOpacity: "0.85" }) })));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tablet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../../utils/svg.js");
+const Tablet = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "14", viewBox: "0 0 12 14", fill: "none" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z", fill: "currentColor", fillOpacity: "0.85" }) })));
+exports.Tablet = Tablet;
+//# sourceMappingURL=Tablet.js.map

package/build/cjs/editor/icons/Tablet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tablet.js","sourceRoot":"../../../../src","sources":["editor/icons/Tablet.tsx"],"names":[],"mappings":";;;;AAEA,4CAAmD;AAE5C,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACtE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,MAAM,GACpB,IACA,CACT,CAAC;AAlBW,QAAA,MAAM,UAkBjB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../utils/svg';\n\nexport const Tablet: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"14\"\n        viewBox=\"0 0 12 14\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z\"\n            fill=\"currentColor\"\n            fillOpacity=\"0.85\"\n        />\n    </svg>\n);\n"]}

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

@@ -1,2 +1,2 @@
-export { Editor } from './containers/Editor/Editor';
-export * from './types';
+export { Editor } from "./containers/Editor/Editor.js";
+export * from "./types/index.js";

package/build/cjs/editor/index.js

@@ -1,2 +1,8 @@
-export { Editor } from './containers/Editor/Editor';
-export * from './types';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = void 0;
+const tslib_1 = require("tslib");
+var Editor_1 = require("./containers/Editor/Editor.js");
+Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return Editor_1.Editor; } });
+tslib_1.__exportStar(require("./types/index.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["editor/index.ts"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAA1C,gGAAA,MAAM,OAAA;AACd,2DAAwB","sourcesContent":["export {Editor} from './containers/Editor/Editor';\nexport * from './types';\n"]}

package/build/cjs/editor/store/main/index.d.ts

@@ -1,5 +1,5 @@
-import { Block, BlockDecorationProps, PageContent } from '../../../models';
-import { EditBlockProps, EditorProps } from '../../types';
+import { Block, BlockDecorationProps, PageContent } from "../../../models/index.js";
+import { EditBlockProps, EditorProps } from "../../types/index.js";
 export type EditorBlockId = number | string;
 export declare function useMainState({ content: intialContent, custom }: Omit<EditorProps, 'children'>): {
     activeBlockIndex: number;

package/build/cjs/editor/store/main/index.js

@@ -1,25 +1,26 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import * as React from 'react';
-import { DEFAULT_THEME } from '../../../components/constants';
-import { HeaderBlockTypes } from '../../../models';
-import { getCustomTypes, getHeaderBlock } from '../../../utils';
-import { EditBlockControls } from '../../components/EditBlock/EditBlock';
-import { ViewModeItem } from '../../types';
-import { ADD_BLOCK, COPY_BLOCK, DELETE_BLOCK, ORDER_BLOCK, SELECT_BLOCK, UPDATE_CONTENT, reducer, } from './reducer';
-import { addEditorProps } from './utils';
-export function useMainState({ content: intialContent, custom }) {
-    const [{ activeBlockIndex, content, errorBoundaryState }, dispatch] = React.useReducer(reducer, {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMainState = useMainState;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../../components/constants.js");
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const EditBlock_1 = require("../../components/EditBlock/EditBlock.js");
+const types_1 = require("../../types/index.js");
+const reducer_1 = require("./reducer.js");
+const utils_2 = require("./utils.js");
+function useMainState({ content: intialContent, custom }) {
+    const [{ activeBlockIndex, content, errorBoundaryState }, dispatch] = React.useReducer(reducer_1.reducer, {
         activeBlockIndex: 0,
         errorBoundaryState: 0,
-        content: addEditorProps(intialContent),
-        viewMode: ViewModeItem.Desktop,
-        theme: DEFAULT_THEME,
+        content: (0, utils_2.addEditorProps)(intialContent),
+        viewMode: types_1.ViewModeItem.Desktop,
+        theme: constants_1.DEFAULT_THEME,
     });
     return React.useMemo(() => {
-        const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];
-        const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));
+        const headerBlockTypes = [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomTypes)(['headers'], custom)];
+        const contentHasHeader = Boolean((0, utils_1.getHeaderBlock)(content.blocks, headerBlockTypes));
         const checkIsHeader = (type) => headerBlockTypes.includes(type);
         const onAdd = (block) => {
             const isHeader = checkIsHeader(block.type);
@@ -33,10 +34,10 @@ export function useMainState({ content: intialContent, custom }) {
                 : activeBlockIndex === -1
                     ? content.blocks.length
                     : activeBlockIndex + 1;
-            dispatch({ type: ADD_BLOCK, payload: { block, index } });
+            dispatch({ type: reducer_1.ADD_BLOCK, payload: { block, index } });
         };
-        const onSelect = (index) => dispatch({ type: SELECT_BLOCK, payload: index });
-        const onContentUpdate = (newContent) => dispatch({ type: UPDATE_CONTENT, payload: newContent });
+        const onSelect = (index) => dispatch({ type: reducer_1.SELECT_BLOCK, payload: index });
+        const onContentUpdate = (newContent) => dispatch({ type: reducer_1.UPDATE_CONTENT, payload: newContent });
         const injectEditBlockProps = (_a) => {
             var { type, index: relativeIndex = 0, children } = _a, rest = tslib_1.__rest(_a, ["type", "index", "children"]);
             const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;
@@ -44,19 +45,19 @@ export function useMainState({ content: intialContent, custom }) {
             const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;
             const isActive = activeBlockIndex === index;
             const actions = {
-                [EditBlockControls.Delete]: () => dispatch({ type: DELETE_BLOCK, payload: index }),
+                [EditBlock_1.EditBlockControls.Delete]: () => dispatch({ type: reducer_1.DELETE_BLOCK, payload: index }),
             };
             if (!isHeader) {
-                actions[EditBlockControls.Copy] = () => dispatch({ type: COPY_BLOCK, payload: index });
+                actions[EditBlock_1.EditBlockControls.Copy] = () => dispatch({ type: reducer_1.COPY_BLOCK, payload: index });
                 if (index > orderedBlocksStartIndex) {
-                    actions[EditBlockControls.Up] = () => dispatch({
-                        type: ORDER_BLOCK,
+                    actions[EditBlock_1.EditBlockControls.Up] = () => dispatch({
+                        type: reducer_1.ORDER_BLOCK,
                         payload: { oldIndex: index, newIndex: index - 1 },
                     });
                 }
                 if (index < content.blocks.length - 1) {
-                    actions[EditBlockControls.Down] = () => dispatch({
-                        type: ORDER_BLOCK,
+                    actions[EditBlock_1.EditBlockControls.Down] = () => dispatch({
+                        type: reducer_1.ORDER_BLOCK,
                         payload: { oldIndex: index, newIndex: index + 1 },
                     });
                 }
@@ -77,3 +78,4 @@ export function useMainState({ content: intialContent, custom }) {
         };
     }, [content, activeBlockIndex, errorBoundaryState, custom]);
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/store/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/main/index.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../../components/constants';\nimport {Block, BlockDecorationProps, HeaderBlockTypes, PageContent} from '../../../models';\nimport {getCustomTypes, getHeaderBlock} from '../../../utils';\nimport {EditBlockActions, EditBlockControls} from '../../components/EditBlock/EditBlock';\nimport {EditBlockProps, EditorProps, ViewModeItem} from '../../types';\n\nimport {\n    ADD_BLOCK,\n    COPY_BLOCK,\n    DELETE_BLOCK,\n    ORDER_BLOCK,\n    SELECT_BLOCK,\n    UPDATE_CONTENT,\n    reducer,\n} from './reducer';\nimport {addEditorProps} from './utils';\n\nexport type EditorBlockId = number | string;\n\nexport function useMainState({content: intialContent, custom}: Omit<EditorProps, 'children'>) {\n    const [{activeBlockIndex, content, errorBoundaryState}, dispatch] = React.useReducer(reducer, {\n        activeBlockIndex: 0,\n        errorBoundaryState: 0,\n        content: addEditorProps(intialContent),\n        viewMode: ViewModeItem.Desktop,\n        theme: DEFAULT_THEME,\n    });\n\n    return React.useMemo(() => {\n        const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];\n        const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));\n        const checkIsHeader = (type: string) => headerBlockTypes.includes(type);\n\n        const onAdd = (block: Block) => {\n            const isHeader = checkIsHeader(block.type);\n\n            if (contentHasHeader && isHeader) {\n                //TODO: add warning that it should be only one header block\n                return;\n            }\n\n            // eslint-disable-next-line no-nested-ternary\n            const index = isHeader\n                ? 0\n                : activeBlockIndex === -1\n                  ? content.blocks.length\n                  : activeBlockIndex + 1;\n\n            dispatch({type: ADD_BLOCK, payload: {block, index}});\n        };\n        const onSelect = (index: number) => dispatch({type: SELECT_BLOCK, payload: index});\n        const onContentUpdate = (newContent: PageContent) =>\n            dispatch({type: UPDATE_CONTENT, payload: newContent});\n        const injectEditBlockProps = ({\n            type,\n            index: relativeIndex = 0,\n            children,\n            ...rest\n        }: BlockDecorationProps) => {\n            const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;\n            const isHeader = checkIsHeader(type);\n            const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;\n            const isActive = activeBlockIndex === index;\n            const actions: EditBlockActions = {\n                [EditBlockControls.Delete]: () => dispatch({type: DELETE_BLOCK, payload: index}),\n            };\n\n            if (!isHeader) {\n                actions[EditBlockControls.Copy] = () =>\n                    dispatch({type: COPY_BLOCK, payload: index});\n\n                if (index > orderedBlocksStartIndex) {\n                    actions[EditBlockControls.Up] = () =>\n                        dispatch({\n                            type: ORDER_BLOCK,\n                            payload: {oldIndex: index, newIndex: index - 1},\n                        });\n                }\n\n                if (index < content.blocks.length - 1) {\n                    actions[EditBlockControls.Down] = () =>\n                        dispatch({\n                            type: ORDER_BLOCK,\n                            payload: {oldIndex: index, newIndex: index + 1},\n                        });\n                }\n            }\n\n            return {\n                children,\n                isHeader,\n                isActive,\n                actions,\n                onSelect: () => onSelect(index),\n                ...rest,\n            } as EditBlockProps;\n        };\n\n        return {\n            activeBlockIndex,\n            content,\n            errorBoundaryState,\n            injectEditBlockProps,\n            onAdd,\n            onSelect,\n            onContentUpdate,\n        };\n    }, [content, activeBlockIndex, errorBoundaryState, custom]);\n}\n"]}

package/build/cjs/editor/store/main/reducer.d.ts

@@ -1,5 +1,5 @@
-import { ConstructorBlock, PageContent, Theme } from '../../../models';
-import { ViewModeItem } from '../../types';
+import { ConstructorBlock, PageContent, Theme } from "../../../models/index.js";
+import { ViewModeItem } from "../../types/index.js";
 export type EditorBlockId = number | string;
 interface MainState {
     content: PageContent;

package/build/cjs/editor/store/main/reducer.js

@@ -1,38 +1,43 @@
-import { addBlock, changeBlocksOrder, duplicateBlock, getErrorBoundaryState } from './utils';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reducer = exports.UPDATE_CONTENT = exports.ORDER_BLOCK = exports.SET_REGION = exports.ADD_BLOCK = exports.COPY_BLOCK = exports.DELETE_BLOCK = exports.SELECT_BLOCK = void 0;
+const utils_1 = require("./utils.js");
 // actions
-export const SELECT_BLOCK = 'SELECT_BLOCK';
-export const DELETE_BLOCK = 'DELETE_BLOCK';
-export const COPY_BLOCK = 'COPY_BLOCK';
-export const ADD_BLOCK = 'ADD_BLOCK';
-export const SET_REGION = 'SET_REGION';
-export const ORDER_BLOCK = 'ORDER_BLOCK';
-export const UPDATE_CONTENT = 'UPDATE_CONTENT';
+exports.SELECT_BLOCK = 'SELECT_BLOCK';
+exports.DELETE_BLOCK = 'DELETE_BLOCK';
+exports.COPY_BLOCK = 'COPY_BLOCK';
+exports.ADD_BLOCK = 'ADD_BLOCK';
+exports.SET_REGION = 'SET_REGION';
+exports.ORDER_BLOCK = 'ORDER_BLOCK';
+exports.UPDATE_CONTENT = 'UPDATE_CONTENT';
 // reducer
-export const reducer = (state, action) => {
+const reducer = (state, action) => {
     const { content } = state;
     const getNewState = (blocks, activeBlockIndex) => (Object.assign(Object.assign({}, state), { content: Object.assign(Object.assign({}, content), { blocks }), activeBlockIndex }));
     switch (action.type) {
-        case UPDATE_CONTENT:
-            return Object.assign(Object.assign({}, state), { content: action.payload, errorBoundaryState: getErrorBoundaryState(state.errorBoundaryState) });
-        case SELECT_BLOCK:
+        case exports.UPDATE_CONTENT:
+            return Object.assign(Object.assign({}, state), { content: action.payload, errorBoundaryState: (0, utils_1.getErrorBoundaryState)(state.errorBoundaryState) });
+        case exports.SELECT_BLOCK:
             return Object.assign(Object.assign({}, state), { activeBlockIndex: action.payload });
-        case DELETE_BLOCK: {
+        case exports.DELETE_BLOCK: {
             const blockId = action.payload;
             return getNewState(content.blocks.filter((_block, index) => index !== blockId), -1);
         }
-        case COPY_BLOCK: {
+        case exports.COPY_BLOCK: {
             const index = action.payload;
-            return getNewState(duplicateBlock(content.blocks, index), index + 1);
+            return getNewState((0, utils_1.duplicateBlock)(content.blocks, index), index + 1);
         }
-        case ADD_BLOCK: {
+        case exports.ADD_BLOCK: {
             const { block, index } = action.payload;
-            return getNewState(addBlock(content.blocks, block, index), index);
+            return getNewState((0, utils_1.addBlock)(content.blocks, block, index), index);
         }
-        case ORDER_BLOCK: {
+        case exports.ORDER_BLOCK: {
             const { oldIndex, newIndex } = action.payload;
-            return getNewState(changeBlocksOrder(content.blocks, oldIndex, newIndex), newIndex);
+            return getNewState((0, utils_1.changeBlocksOrder)(content.blocks, oldIndex, newIndex), newIndex);
         }
         default:
             return state;
     }
 };
+exports.reducer = reducer;
+//# sourceMappingURL=reducer.js.map

package/build/cjs/editor/store/main/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sourceRoot":"../../../../../src","sources":["editor/store/main/reducer.ts"],"names":[],"mappings":";;;AAGA,sCAA2F;AAsB3F,UAAU;AACG,QAAA,YAAY,GAAG,cAAc,CAAC;AAC9B,QAAA,YAAY,GAAG,cAAc,CAAC;AAC9B,QAAA,UAAU,GAAG,YAAY,CAAC;AAC1B,QAAA,SAAS,GAAG,WAAW,CAAC;AACxB,QAAA,UAAU,GAAG,YAAY,CAAC;AAC1B,QAAA,WAAW,GAAG,aAAa,CAAC;AAC5B,QAAA,cAAc,GAAG,gBAAgB,CAAC;AAwC/C,UAAU;AACH,MAAM,OAAO,GAAG,CAAC,KAAgB,EAAE,MAAoB,EAAa,EAAE;IACzE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC;IACxB,MAAM,WAAW,GAAG,CAAC,MAA0B,EAAE,gBAAwB,EAAE,EAAE,CAAC,iCACvE,KAAK,KACR,OAAO,kCACA,OAAO,KACV,MAAM,KAEV,gBAAgB,IAClB,CAAC;IAEH,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,sBAAc;YACf,uCACO,KAAK,KACR,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,kBAAkB,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,kBAAkB,CAAC,IACrE;QACN,KAAK,oBAAY;YACb,uCACO,KAAK,KACR,gBAAgB,EAAE,MAAM,CAAC,OAAO,IAClC;QACN,KAAK,oBAAY,CAAC,CAAC,CAAC;YAChB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAE/B,OAAO,WAAW,CACd,OAAO,CAAC,MAAM,CAAC,MAAM,CACjB,CAAC,MAAwB,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,CACjE,EACD,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QACD,KAAK,kBAAU,CAAC,CAAC,CAAC;YACd,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC;YAE7B,OAAO,WAAW,CAAC,IAAA,sBAAc,EAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACzE,CAAC;QACD,KAAK,iBAAS,CAAC,CAAC,CAAC;YACb,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,OAAO,WAAW,CAAC,IAAA,gBAAQ,EAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QACtE,CAAC;QACD,KAAK,mBAAW,CAAC,CAAC,CAAC;YACf,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAE5C,OAAO,WAAW,CAAC,IAAA,yBAAiB,EAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC;QACxF,CAAC;QACD;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAnDW,QAAA,OAAO,WAmDlB","sourcesContent":["import {ConstructorBlock, PageContent, Theme} from '../../../models';\nimport {ViewModeItem} from '../../types';\n\nimport {addBlock, changeBlocksOrder, duplicateBlock, getErrorBoundaryState} from './utils';\n\nexport type EditorBlockId = number | string;\n\ninterface MainState {\n    content: PageContent;\n    activeBlockIndex: number;\n    errorBoundaryState: number;\n    viewMode: ViewModeItem;\n    theme: Theme;\n}\n\ninterface OrderBlockParams {\n    oldIndex: number;\n    newIndex: number;\n}\n\ninterface AddBlockParams {\n    block: ConstructorBlock;\n    index: number;\n}\n\n// actions\nexport const SELECT_BLOCK = 'SELECT_BLOCK';\nexport const DELETE_BLOCK = 'DELETE_BLOCK';\nexport const COPY_BLOCK = 'COPY_BLOCK';\nexport const ADD_BLOCK = 'ADD_BLOCK';\nexport const SET_REGION = 'SET_REGION';\nexport const ORDER_BLOCK = 'ORDER_BLOCK';\nexport const UPDATE_CONTENT = 'UPDATE_CONTENT';\n\ninterface SelectBlock {\n    type: typeof SELECT_BLOCK;\n    payload: number;\n}\n\ninterface DeleteBlock {\n    type: typeof DELETE_BLOCK;\n    payload: number;\n}\n\ninterface CopyBlock {\n    type: typeof COPY_BLOCK;\n    payload: number;\n}\n\ninterface AddBlock {\n    type: typeof ADD_BLOCK;\n    payload: AddBlockParams;\n}\n\ninterface OrderBlock {\n    type: typeof ORDER_BLOCK;\n    payload: OrderBlockParams;\n}\n\ninterface UpdateContent {\n    type: typeof UPDATE_CONTENT;\n    payload: PageContent;\n}\n\nexport type EditorAction =\n    | SelectBlock\n    | DeleteBlock\n    | CopyBlock\n    | AddBlock\n    | OrderBlock\n    | UpdateContent;\n\n// reducer\nexport const reducer = (state: MainState, action: EditorAction): MainState => {\n    const {content} = state;\n    const getNewState = (blocks: ConstructorBlock[], activeBlockIndex: number) => ({\n        ...state,\n        content: {\n            ...content,\n            blocks,\n        },\n        activeBlockIndex,\n    });\n\n    switch (action.type) {\n        case UPDATE_CONTENT:\n            return {\n                ...state,\n                content: action.payload,\n                errorBoundaryState: getErrorBoundaryState(state.errorBoundaryState),\n            };\n        case SELECT_BLOCK:\n            return {\n                ...state,\n                activeBlockIndex: action.payload,\n            };\n        case DELETE_BLOCK: {\n            const blockId = action.payload;\n\n            return getNewState(\n                content.blocks.filter(\n                    (_block: ConstructorBlock, index: number) => index !== blockId,\n                ),\n                -1,\n            );\n        }\n        case COPY_BLOCK: {\n            const index = action.payload;\n\n            return getNewState(duplicateBlock(content.blocks, index), index + 1);\n        }\n        case ADD_BLOCK: {\n            const {block, index} = action.payload;\n\n            return getNewState(addBlock(content.blocks, block, index), index);\n        }\n        case ORDER_BLOCK: {\n            const {oldIndex, newIndex} = action.payload;\n\n            return getNewState(changeBlocksOrder(content.blocks, oldIndex, newIndex), newIndex);\n        }\n        default:\n            return state;\n    }\n};\n"]}

package/build/cjs/editor/store/main/utils.d.ts

@@ -1,5 +1,5 @@
-import { ConstructorBlock, PageContent } from '../../../models';
-import { EditorBlockId } from './reducer';
+import { ConstructorBlock, PageContent } from "../../../models/index.js";
+import { EditorBlockId } from "./reducer.js";
 export declare const changeBlocksOrder: (array: ConstructorBlock[], oldIndex: number, newIndex: number) => ConstructorBlock[];
 export declare const duplicateBlock: (array: ConstructorBlock[], index: number) => ConstructorBlock[];
 export declare const getNewBlockIndex: (id: EditorBlockId, orderedBlocksCount: number) => number;
@@ -7,7 +7,7 @@ export declare const addBlock: (array: ConstructorBlock[], block: ConstructorBlo
 export declare const addEditorProps: (content: PageContent) => {
     animated: boolean;
     blocks: ConstructorBlock[];
-    menu?: import("../../../models").Menu;
-    background?: import("../../../models").ThemedMediaProps;
+    menu?: import("../../../models/index.js").Menu;
+    background?: import("../../../models/index.js").ThemedMediaProps;
 };
 export declare const getErrorBoundaryState: (prevState: number) => number;

package/build/cjs/editor/store/main/utils.js

@@ -1,28 +1,39 @@
-import cloneDeep from 'lodash/cloneDeep';
-export const changeBlocksOrder = (array, oldIndex, newIndex) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getErrorBoundaryState = exports.addEditorProps = exports.addBlock = exports.getNewBlockIndex = exports.duplicateBlock = exports.changeBlocksOrder = void 0;
+const tslib_1 = require("tslib");
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep.js"));
+const changeBlocksOrder = (array, oldIndex, newIndex) => {
     const result = [...array];
     const element = result.splice(oldIndex, 1)[0];
     result.splice(newIndex, 0, element);
     return result;
 };
-export const duplicateBlock = (array, index) => {
+exports.changeBlocksOrder = changeBlocksOrder;
+const duplicateBlock = (array, index) => {
     const result = [...array];
-    result.splice(index + 1, 0, cloneDeep(result[index]));
+    result.splice(index + 1, 0, (0, cloneDeep_1.default)(result[index]));
     return result;
 };
-export const getNewBlockIndex = (id, orderedBlocksCount) => {
+exports.duplicateBlock = duplicateBlock;
+const getNewBlockIndex = (id, orderedBlocksCount) => {
     if (id === -1) {
         return orderedBlocksCount;
     }
     // id === 'string' - header block
     return typeof id === 'string' ? 0 : id + 1;
 };
-export const addBlock = (array, block, index) => {
+exports.getNewBlockIndex = getNewBlockIndex;
+const addBlock = (array, block, index) => {
     const result = [...array];
     result.splice(index, 0, block);
     return result;
 };
-export const addEditorProps = (content) => {
+exports.addBlock = addBlock;
+const addEditorProps = (content) => {
     return Object.assign(Object.assign({}, content), { animated: false });
 };
-export const getErrorBoundaryState = (prevState) => prevState === Number.MAX_SAFE_INTEGER ? 0 : prevState + 1;
+exports.addEditorProps = addEditorProps;
+const getErrorBoundaryState = (prevState) => prevState === Number.MAX_SAFE_INTEGER ? 0 : prevState + 1;
+exports.getErrorBoundaryState = getErrorBoundaryState;
+//# sourceMappingURL=utils.js.map

package/build/cjs/editor/store/main/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor/store/main/utils.ts"],"names":[],"mappings":";;;;AAAA,4EAAyC;AAMlC,MAAM,iBAAiB,GAAG,CAC7B,KAAyB,EACzB,QAAgB,EAChB,QAAgB,EAClB,EAAE;IACA,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;IAEpC,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAVW,QAAA,iBAAiB,qBAU5B;AAEK,MAAM,cAAc,GAAG,CAAC,KAAyB,EAAE,KAAa,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC1B,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,IAAA,mBAAS,EAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEtD,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAAiB,EAAE,kBAA0B,EAAE,EAAE;IAC9E,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;QACZ,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED,iCAAiC;IACjC,OAAO,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC;AAPW,QAAA,gBAAgB,oBAO3B;AAEK,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,KAAuB,EAAE,KAAa,EAAE,EAAE;IAC1F,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC1B,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IAE/B,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AALW,QAAA,QAAQ,YAKnB;AAEK,MAAM,cAAc,GAAG,CAAC,OAAoB,EAAE,EAAE;IACnD,uCAAW,OAAO,KAAE,QAAQ,EAAE,KAAK,IAAE;AACzC,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB;AAEK,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACvD,SAAS,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;AADjD,QAAA,qBAAqB,yBAC4B","sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\n\nimport {ConstructorBlock, PageContent} from '../../../models';\n\nimport {EditorBlockId} from './reducer';\n\nexport const changeBlocksOrder = (\n    array: ConstructorBlock[],\n    oldIndex: number,\n    newIndex: number,\n) => {\n    const result = [...array];\n    const element = result.splice(oldIndex, 1)[0];\n    result.splice(newIndex, 0, element);\n\n    return result;\n};\n\nexport const duplicateBlock = (array: ConstructorBlock[], index: number) => {\n    const result = [...array];\n    result.splice(index + 1, 0, cloneDeep(result[index]));\n\n    return result;\n};\n\nexport const getNewBlockIndex = (id: EditorBlockId, orderedBlocksCount: number) => {\n    if (id === -1) {\n        return orderedBlocksCount;\n    }\n\n    // id === 'string' - header block\n    return typeof id === 'string' ? 0 : id + 1;\n};\n\nexport const addBlock = (array: ConstructorBlock[], block: ConstructorBlock, index: number) => {\n    const result = [...array];\n    result.splice(index, 0, block);\n\n    return result;\n};\n\nexport const addEditorProps = (content: PageContent) => {\n    return {...content, animated: false};\n};\n\nexport const getErrorBoundaryState = (prevState: number) =>\n    prevState === Number.MAX_SAFE_INTEGER ? 0 : prevState + 1;\n"]}

package/build/cjs/editor/store/settings/index.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../../models';
-import { EditModeItem, ViewModeItem } from '../../types';
+import { Theme } from "../../../models/index.js";
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 export declare function useSettingsState(): {
     viewMode: ViewModeItem;
     editMode: EditModeItem;

package/build/cjs/editor/store/settings/index.js

@@ -1,17 +1,22 @@
-import * as React from 'react';
-import { UPDATE_CODE_FULLSCREEN_MODE_ON, UPDATE_EDIT_MODE, UPDATE_THEME, UPDATE_VIEW_MODE, initialState, reducer, } from './reducer';
-export function useSettingsState() {
-    const [{ viewMode, editMode, theme, codeFullscreeModeOn }, dispatch] = React.useReducer(reducer, initialState);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettingsState = useSettingsState;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const reducer_1 = require("./reducer.js");
+function useSettingsState() {
+    const [{ viewMode, editMode, theme, codeFullscreeModeOn }, dispatch] = React.useReducer(reducer_1.reducer, reducer_1.initialState);
     return React.useMemo(() => {
         return {
             viewMode,
             editMode,
             theme,
             codeFullscreeModeOn,
-            onViewModeUpdate: (newViewMode) => dispatch({ type: UPDATE_VIEW_MODE, payload: newViewMode }),
-            onEditModeUpdate: (newEditMode) => dispatch({ type: UPDATE_EDIT_MODE, payload: newEditMode }),
-            onThemeUpdate: (newTheme) => dispatch({ type: UPDATE_THEME, payload: newTheme }),
-            onCodeFullscreeModeOnUpdate: (newCodeFullscreeModeOn) => dispatch({ type: UPDATE_CODE_FULLSCREEN_MODE_ON, payload: newCodeFullscreeModeOn }),
+            onViewModeUpdate: (newViewMode) => dispatch({ type: reducer_1.UPDATE_VIEW_MODE, payload: newViewMode }),
+            onEditModeUpdate: (newEditMode) => dispatch({ type: reducer_1.UPDATE_EDIT_MODE, payload: newEditMode }),
+            onThemeUpdate: (newTheme) => dispatch({ type: reducer_1.UPDATE_THEME, payload: newTheme }),
+            onCodeFullscreeModeOnUpdate: (newCodeFullscreeModeOn) => dispatch({ type: reducer_1.UPDATE_CODE_FULLSCREEN_MODE_ON, payload: newCodeFullscreeModeOn }),
         };
     }, [viewMode, theme, codeFullscreeModeOn, editMode]);
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/store/settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/settings/index.ts"],"names":[],"mappings":";;AAcA,4CAqBC;;AAnCD,qDAA+B;AAK/B,0CAOmB;AAEnB,SAAgB,gBAAgB;IAC5B,MAAM,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CACjF,iBAAO,EACP,sBAAY,CACf,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,OAAO;YACH,QAAQ;YACR,QAAQ;YACR,KAAK;YACL,mBAAmB;YACnB,gBAAgB,EAAE,CAAC,WAAyB,EAAE,EAAE,CAC5C,QAAQ,CAAC,EAAC,IAAI,EAAE,0BAAgB,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC;YAC5D,gBAAgB,EAAE,CAAC,WAAyB,EAAE,EAAE,CAC5C,QAAQ,CAAC,EAAC,IAAI,EAAE,0BAAgB,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC;YAC5D,aAAa,EAAE,CAAC,QAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,sBAAY,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC;YACrF,2BAA2B,EAAE,CAAC,sBAA+B,EAAE,EAAE,CAC7D,QAAQ,CAAC,EAAC,IAAI,EAAE,wCAA8B,EAAE,OAAO,EAAE,sBAAsB,EAAC,CAAC;SACxF,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Theme} from '../../../models';\nimport {EditModeItem, ViewModeItem} from '../../types';\n\nimport {\n    UPDATE_CODE_FULLSCREEN_MODE_ON,\n    UPDATE_EDIT_MODE,\n    UPDATE_THEME,\n    UPDATE_VIEW_MODE,\n    initialState,\n    reducer,\n} from './reducer';\n\nexport function useSettingsState() {\n    const [{viewMode, editMode, theme, codeFullscreeModeOn}, dispatch] = React.useReducer(\n        reducer,\n        initialState,\n    );\n\n    return React.useMemo(() => {\n        return {\n            viewMode,\n            editMode,\n            theme,\n            codeFullscreeModeOn,\n            onViewModeUpdate: (newViewMode: ViewModeItem) =>\n                dispatch({type: UPDATE_VIEW_MODE, payload: newViewMode}),\n            onEditModeUpdate: (newEditMode: EditModeItem) =>\n                dispatch({type: UPDATE_EDIT_MODE, payload: newEditMode}),\n            onThemeUpdate: (newTheme: Theme) => dispatch({type: UPDATE_THEME, payload: newTheme}),\n            onCodeFullscreeModeOnUpdate: (newCodeFullscreeModeOn: boolean) =>\n                dispatch({type: UPDATE_CODE_FULLSCREEN_MODE_ON, payload: newCodeFullscreeModeOn}),\n        };\n    }, [viewMode, theme, codeFullscreeModeOn, editMode]);\n}\n"]}

package/build/cjs/editor/store/settings/reducer.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../../models';
-import { EditModeItem, ViewModeItem } from '../../types';
+import { Theme } from "../../../models/index.js";
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 export declare const UPDATE_CODE_FULLSCREEN_MODE_ON = "UPDATE_CODE_FULLSCREEN_MODE_ON";
 export declare const UPDATE_VIEW_MODE = "UPDATE_VIEW_MODE";
 export declare const UPDATE_EDIT_MODE = "UPDATE_EDIT_MODE";

package/build/cjs/editor/store/settings/reducer.js

@@ -1,28 +1,33 @@
-import { DEFAULT_THEME } from '../../../components/constants';
-import { EditModeItem, ViewModeItem } from '../../types';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialState = exports.reducer = exports.UPDATE_THEME = exports.UPDATE_EDIT_MODE = exports.UPDATE_VIEW_MODE = exports.UPDATE_CODE_FULLSCREEN_MODE_ON = void 0;
+const constants_1 = require("../../../components/constants.js");
+const types_1 = require("../../types/index.js");
 // actions
-export const UPDATE_CODE_FULLSCREEN_MODE_ON = 'UPDATE_CODE_FULLSCREEN_MODE_ON';
-export const UPDATE_VIEW_MODE = 'UPDATE_VIEW_MODE';
-export const UPDATE_EDIT_MODE = 'UPDATE_EDIT_MODE';
-export const UPDATE_THEME = 'UPDATE_THEME';
+exports.UPDATE_CODE_FULLSCREEN_MODE_ON = 'UPDATE_CODE_FULLSCREEN_MODE_ON';
+exports.UPDATE_VIEW_MODE = 'UPDATE_VIEW_MODE';
+exports.UPDATE_EDIT_MODE = 'UPDATE_EDIT_MODE';
+exports.UPDATE_THEME = 'UPDATE_THEME';
 // reducer
-export const reducer = (state, action) => {
+const reducer = (state, action) => {
     switch (action.type) {
-        case UPDATE_VIEW_MODE:
+        case exports.UPDATE_VIEW_MODE:
             return Object.assign(Object.assign({}, state), { viewMode: action.payload });
-        case UPDATE_EDIT_MODE:
+        case exports.UPDATE_EDIT_MODE:
             return Object.assign(Object.assign({}, state), { editMode: action.payload });
-        case UPDATE_THEME:
+        case exports.UPDATE_THEME:
             return Object.assign(Object.assign({}, state), { theme: action.payload });
-        case UPDATE_CODE_FULLSCREEN_MODE_ON:
+        case exports.UPDATE_CODE_FULLSCREEN_MODE_ON:
             return Object.assign(Object.assign({}, state), { codeFullscreeModeOn: action.payload });
         default:
             return state;
     }
 };
-export const initialState = {
-    viewMode: ViewModeItem.Desktop,
-    editMode: EditModeItem.Form,
-    theme: DEFAULT_THEME,
+exports.reducer = reducer;
+exports.initialState = {
+    viewMode: types_1.ViewModeItem.Desktop,
+    editMode: types_1.EditModeItem.Form,
+    theme: constants_1.DEFAULT_THEME,
     codeFullscreeModeOn: false,
 };
+//# sourceMappingURL=reducer.js.map

package/build/cjs/editor/store/settings/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sourceRoot":"../../../../../src","sources":["editor/store/settings/reducer.ts"],"names":[],"mappings":";;;AAAA,gEAA4D;AAE5D,gDAAuD;AAEvD,UAAU;AACG,QAAA,8BAA8B,GAAG,gCAAgC,CAAC;AAClE,QAAA,gBAAgB,GAAG,kBAAkB,CAAC;AACtC,QAAA,gBAAgB,GAAG,kBAAkB,CAAC;AACtC,QAAA,YAAY,GAAG,cAAc,CAAC;AAmC3C,UAAU;AACH,MAAM,OAAO,GAAG,CACnB,KAA0B,EAC1B,MAA4B,EACT,EAAE;IACrB,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,wBAAgB;YACjB,uCACO,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IAC1B;QACN,KAAK,wBAAgB;YACjB,uCACO,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IAC1B;QACN,KAAK,oBAAY;YACb,uCACO,KAAK,KACR,KAAK,EAAE,MAAM,CAAC,OAAO,IACvB;QACN,KAAK,sCAA8B;YAC/B,uCACO,KAAK,KACR,mBAAmB,EAAE,MAAM,CAAC,OAAO,IACrC;QACN;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AA5BW,QAAA,OAAO,WA4BlB;AAEW,QAAA,YAAY,GAAG;IACxB,QAAQ,EAAE,oBAAY,CAAC,OAAO;IAC9B,QAAQ,EAAE,oBAAY,CAAC,IAAI;IAC3B,KAAK,EAAE,yBAAa;IACpB,mBAAmB,EAAE,KAAK;CAC7B,CAAC","sourcesContent":["import {DEFAULT_THEME} from '../../../components/constants';\nimport {Theme} from '../../../models';\nimport {EditModeItem, ViewModeItem} from '../../types';\n\n// actions\nexport const UPDATE_CODE_FULLSCREEN_MODE_ON = 'UPDATE_CODE_FULLSCREEN_MODE_ON';\nexport const UPDATE_VIEW_MODE = 'UPDATE_VIEW_MODE';\nexport const UPDATE_EDIT_MODE = 'UPDATE_EDIT_MODE';\nexport const UPDATE_THEME = 'UPDATE_THEME';\n\ninterface EditorSettingsState {\n    theme: Theme;\n    viewMode: ViewModeItem;\n    editMode: EditModeItem;\n    codeFullscreeModeOn: boolean;\n}\n\ninterface UpdateViewMode {\n    type: typeof UPDATE_VIEW_MODE;\n    payload: ViewModeItem;\n}\n\ninterface UpdateEditMode {\n    type: typeof UPDATE_EDIT_MODE;\n    payload: EditModeItem;\n}\n\ninterface UpdateTheme {\n    type: typeof UPDATE_THEME;\n    payload: Theme;\n}\n\ninterface UpdateCodeFullscreenModeOn {\n    type: typeof UPDATE_CODE_FULLSCREEN_MODE_ON;\n    payload: boolean;\n}\n\nexport type EditorSettingsAction =\n    | UpdateViewMode\n    | UpdateEditMode\n    | UpdateTheme\n    | UpdateCodeFullscreenModeOn;\n\n// reducer\nexport const reducer = (\n    state: EditorSettingsState,\n    action: EditorSettingsAction,\n): EditorSettingsState => {\n    switch (action.type) {\n        case UPDATE_VIEW_MODE:\n            return {\n                ...state,\n                viewMode: action.payload,\n            };\n        case UPDATE_EDIT_MODE:\n            return {\n                ...state,\n                editMode: action.payload,\n            };\n        case UPDATE_THEME:\n            return {\n                ...state,\n                theme: action.payload,\n            };\n        case UPDATE_CODE_FULLSCREEN_MODE_ON:\n            return {\n                ...state,\n                codeFullscreeModeOn: action.payload,\n            };\n        default:\n            return state;\n    }\n};\n\nexport const initialState = {\n    viewMode: ViewModeItem.Desktop,\n    editMode: EditModeItem.Form,\n    theme: DEFAULT_THEME,\n    codeFullscreeModeOn: false,\n};\n"]}

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

@@ -1,8 +1,8 @@
-import { PageConstructorProps, PageConstructorProviderProps } from '../../containers/PageConstructor';
-import { BlockDecorationProps, PageContent } from '../../models';
-import { Theme } from '../../models/common';
-import { SchemaCustomConfig } from '../../schema';
-import { EditBlockActions } from '../components/EditBlock/EditBlock';
+import { PageConstructorProps, PageConstructorProviderProps } from "../../containers/PageConstructor/index.js";
+import { BlockDecorationProps, PageContent } from "../../models/index.js";
+import { Theme } from "../../models/common.js";
+import { SchemaCustomConfig } from "../../schema/index.js";
+import { EditBlockActions } from "../components/EditBlock/EditBlock.js";
 export type EditorBlockId = number | string;
 interface ContentTransformersOptions {
     viewMode?: ViewModeItem;

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

@@ -1,12 +1,16 @@
-export var ViewModeItem;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditModeItem = exports.ViewModeItem = void 0;
+var ViewModeItem;
 (function (ViewModeItem) {
     ViewModeItem["Desktop"] = "desktop";
     ViewModeItem["Tablet"] = "tablet";
     ViewModeItem["Mobile"] = "mobile";
-})(ViewModeItem || (ViewModeItem = {}));
-export var EditModeItem;
+})(ViewModeItem || (exports.ViewModeItem = ViewModeItem = {}));
+var EditModeItem;
 (function (EditModeItem) {
     EditModeItem["View"] = "view";
     EditModeItem["Form"] = "form";
     EditModeItem["Code"] = "code";
-})(EditModeItem || (EditModeItem = {}));
+})(EditModeItem || (exports.EditModeItem = EditModeItem = {}));
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":";;;AA4CA,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB","sourcesContent":["import {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {BlockDecorationProps, PageContent} from '../../models';\nimport {Theme} from '../../models/common';\nimport {SchemaCustomConfig} from '../../schema';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number | string;\n\ninterface ContentTransformersOptions {\n    viewMode?: ViewModeItem;\n    editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n    content: PageContent,\n    options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n    customStyles?: string;\n    applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n    extends Required<Pick<PageConstructorProps, 'content'>>,\n        Partial<Omit<PageConstructorProps, 'content'>> {\n    providerProps?: PageConstructorProviderProps;\n    onChange?: (data: PageContent) => void;\n    transformContent?: ContentTransformer;\n    customSchema?: SchemaCustomConfig;\n    deviceEmulationSettings?: DeviceEmulationSettings;\n    theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n    isActive?: boolean;\n    onSelect: () => void;\n    actions: EditBlockActions;\n}\n\nexport interface EditBlockProps extends EditBlockEditorProps, BlockDecorationProps {\n    isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n    Desktop = 'desktop',\n    Tablet = 'tablet',\n    Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n    View = 'view',\n    Form = 'form',\n    Code = 'code',\n}\n"]}

package/build/cjs/editor/utils/code.d.ts

@@ -1,6 +1,6 @@
 export declare function parseCode(code: string): {
-    blocks: import("../../models").ConstructorBlock[];
-    menu?: import("../../models").Menu;
-    background?: import("../../models").ThemedMediaProps;
+    blocks: import("../../models/index.js").ConstructorBlock[];
+    menu?: import("../../models/index.js").Menu;
+    background?: import("../../models/index.js").ThemedMediaProps;
     animated?: boolean;
 };

package/build/cjs/editor/utils/code.js

@@ -1,6 +1,11 @@
-import yaml from 'js-yaml';
-export function parseCode(code) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseCode = parseCode;
+const tslib_1 = require("tslib");
+const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
+function parseCode(code) {
     var _a;
-    const pageContent = yaml.load(code);
+    const pageContent = js_yaml_1.default.load(code);
     return Object.assign(Object.assign({}, pageContent), { blocks: (_a = pageContent.blocks) === null || _a === void 0 ? void 0 : _a.filter(Boolean) });
 }
+//# sourceMappingURL=code.js.map

package/build/cjs/editor/utils/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"../../../../src","sources":["editor/utils/code.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAXD,8DAA2B;AAI3B,SAAgB,SAAS,CAAC,IAAY;;IAClC,MAAM,WAAW,GAAG,iBAAI,CAAC,IAAI,CAAC,IAAI,CAAgB,CAAC;IAEnD,uCACO,WAAW,KACd,MAAM,EAAE,MAAA,WAAW,CAAC,MAAM,0CAAE,MAAM,CAAC,OAAO,CAAC,IAC7C;AACN,CAAC","sourcesContent":["import yaml from 'js-yaml';\n\nimport {PageContent} from '../../models';\n\nexport function parseCode(code: string) {\n    const pageContent = yaml.load(code) as PageContent;\n\n    return {\n        ...pageContent,\n        blocks: pageContent.blocks?.filter(Boolean),\n    };\n}\n"]}

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

@@ -1,15 +1,15 @@
-import { BlockDecorationProps, BlockDecorator, CustomConfig } from '../../models';
-import { ViewModeItem } from '../types';
+import { BlockDecorationProps, BlockDecorator, CustomConfig } from "../../models/index.js";
+import { ViewModeItem } from "../types/index.js";
 export declare const formatBlockName: (name: string) => string;
 export declare const addCustomDecorator: (decorators: BlockDecorator[], custom?: CustomConfig) => {
     decorators: {
         block: ((props: BlockDecorationProps) => React.ReactElement)[];
     };
-    blocks?: import("../../models").CustomItems;
-    subBlocks?: import("../../models").CustomItems;
-    headers?: import("../../models").CustomItems;
-    navigation?: import("../../models").CustomItems;
-    loadable?: import("../../models").LoadableConfig;
+    blocks?: import("../../models/index.js").CustomItems;
+    subBlocks?: import("../../models/index.js").CustomItems;
+    headers?: import("../../models/index.js").CustomItems;
+    navigation?: import("../../models/index.js").CustomItems;
+    loadable?: import("../../models/index.js").LoadableConfig;
 };
 export declare const getBlockId: ({ index, type }: BlockDecorationProps) => string;
 export declare const checkIsMobile: (viewMode: ViewModeItem) => boolean;

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

@@ -1,9 +1,18 @@
-import capitalize from 'lodash/capitalize';
-import { ViewModeItem } from '../types';
-export const formatBlockName = (name) => capitalize(name).replace(/(block|-)/g, ' ');
-export const addCustomDecorator = (decorators, custom = {}) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsMobile = exports.getBlockId = exports.addCustomDecorator = exports.formatBlockName = void 0;
+const tslib_1 = require("tslib");
+const capitalize_1 = tslib_1.__importDefault(require("lodash/capitalize.js"));
+const types_1 = require("../types/index.js");
+const formatBlockName = (name) => (0, capitalize_1.default)(name).replace(/(block|-)/g, ' ');
+exports.formatBlockName = formatBlockName;
+const addCustomDecorator = (decorators, custom = {}) => {
     const customDecorators = custom.decorators || {};
     return Object.assign(Object.assign({}, custom), { decorators: Object.assign(Object.assign({}, customDecorators), { block: [...(customDecorators.block || []), ...decorators] }) });
 };
-export const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
-export const checkIsMobile = (viewMode) => [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);
+exports.addCustomDecorator = addCustomDecorator;
+const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
+exports.getBlockId = getBlockId;
+const checkIsMobile = (viewMode) => [types_1.ViewModeItem.Mobile, types_1.ViewModeItem.Tablet].includes(viewMode);
+exports.checkIsMobile = checkIsMobile;
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA2C;AAG3C,6CAAsC;AAE/B,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAAhF,QAAA,eAAe,mBAAiE;AAEtF,MAAM,kBAAkB,GAAG,CAAC,UAA4B,EAAE,SAAS,EAAkB,EAAE,EAAE;IAC5F,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAEjD,uCACO,MAAM,KACT,UAAU,kCACH,gBAAgB,KACnB,KAAK,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,OAE/D;AACN,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAuB,EAAE,EAAE,CAC9D,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAD1C,QAAA,UAAU,cACgC;AAEhD,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AADrD,QAAA,aAAa,iBACwC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {BlockDecorationProps, BlockDecorator, CustomConfig} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block|-)/g, ' ');\n\nexport const addCustomDecorator = (decorators: BlockDecorator[], custom = {} as CustomConfig) => {\n    const customDecorators = custom.decorators || {};\n\n    return {\n        ...custom,\n        decorators: {\n            ...customDecorators,\n            block: [...(customDecorators.block || []), ...decorators],\n        },\n    };\n};\n\nexport const getBlockId = ({index, type}: BlockDecorationProps) =>\n    `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n    [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}