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

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,7 +1,7 @@
 "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");
+const utils_1 = require("./utils.js");
 // actions
 exports.SELECT_BLOCK = 'SELECT_BLOCK';
 exports.DELETE_BLOCK = 'DELETE_BLOCK';
@@ -40,3 +40,4 @@ const reducer = (state, action) => {
     }
 };
 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 | undefined;
-    background?: import("../../../models").ThemedMediaProps | undefined;
+    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

@@ -36,3 +36,4 @@ const addEditorProps = (content) => {
 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,yEAAyC;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,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSettingsState = void 0;
-const react_1 = require("react");
-const reducer_1 = require("./reducer");
+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] = (0, react_1.useReducer)(reducer_1.reducer, reducer_1.initialState);
-    return (0, react_1.useMemo)(() => {
+    const [{ viewMode, editMode, theme, codeFullscreeModeOn }, dispatch] = React.useReducer(reducer_1.reducer, reducer_1.initialState);
+    return React.useMemo(() => {
         return {
             viewMode,
             editMode,
@@ -18,4 +19,4 @@ function useSettingsState() {
         };
     }, [viewMode, theme, codeFullscreeModeOn, editMode]);
 }
-exports.useSettingsState = useSettingsState;
+//# 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,8 +1,8 @@
 "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");
-const types_1 = require("../../types");
+const constants_1 = require("../../../components/constants.js");
+const types_1 = require("../../types/index.js");
 // actions
 exports.UPDATE_CODE_FULLSCREEN_MODE_ON = 'UPDATE_CODE_FULLSCREEN_MODE_ON';
 exports.UPDATE_VIEW_MODE = 'UPDATE_VIEW_MODE';
@@ -30,3 +30,4 @@ exports.initialState = {
     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

@@ -6,10 +6,11 @@ var ViewModeItem;
     ViewModeItem["Desktop"] = "desktop";
     ViewModeItem["Tablet"] = "tablet";
     ViewModeItem["Mobile"] = "mobile";
-})(ViewModeItem = exports.ViewModeItem || (exports.ViewModeItem = {}));
+})(ViewModeItem || (exports.ViewModeItem = ViewModeItem = {}));
 var EditModeItem;
 (function (EditModeItem) {
     EditModeItem["View"] = "view";
     EditModeItem["Form"] = "form";
     EditModeItem["Code"] = "code";
-})(EditModeItem = exports.EditModeItem || (exports.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 | undefined;
-    background?: import("../../models").ThemedMediaProps | undefined;
-    animated?: boolean | undefined;
+    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,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseCode = void 0;
+exports.parseCode = parseCode;
 const tslib_1 = require("tslib");
 const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
 function parseCode(code) {
@@ -8,4 +8,4 @@ function parseCode(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) });
 }
-exports.parseCode = parseCode;
+//# 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) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)[];
+        block: ((props: BlockDecorationProps) => React.ReactElement)[];
     };
-    blocks?: import("../../models").CustomItems | undefined;
-    subBlocks?: import("../../models").CustomItems | undefined;
-    headers?: import("../../models").CustomItems | undefined;
-    navigation?: import("../../models").CustomItems | undefined;
-    loadable?: import("../../models").LoadableConfig | undefined;
+    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

@@ -3,7 +3,7 @@ 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"));
-const types_1 = require("../types");
+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 = {}) => {
@@ -15,3 +15,4 @@ const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-$
 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,2EAA2C;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"]}

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

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validate = exports.createValidator = exports.CodeEditorMessageStatus = void 0;
+exports.CodeEditorMessageStatus = void 0;
+exports.createValidator = createValidator;
+exports.validate = validate;
 const tslib_1 = require("tslib");
 const ajv_1 = tslib_1.__importDefault(require("ajv"));
 const ajv_keywords_1 = tslib_1.__importDefault(require("ajv-keywords"));
@@ -13,7 +15,7 @@ var CodeEditorMessageStatus;
     CodeEditorMessageStatus["SUCCESS"] = "success";
     CodeEditorMessageStatus["WARNING"] = "warning";
     CodeEditorMessageStatus["ERROR"] = "error";
-})(CodeEditorMessageStatus = exports.CodeEditorMessageStatus || (exports.CodeEditorMessageStatus = {}));
+})(CodeEditorMessageStatus || (exports.CodeEditorMessageStatus = CodeEditorMessageStatus = {}));
 function createValidator(schema) {
     const ajv = new ajv_1.default({ $data: true, allErrors: true, schemas: [schema], strict: false });
     // TODO: select is deprecated, replace with discriminator:
@@ -21,7 +23,6 @@ function createValidator(schema) {
     (0, ajv_keywords_1.default)(ajv, 'select');
     return ajv.compile(schema);
 }
-exports.createValidator = createValidator;
 function validate(content, validator) {
     let result;
     if (!content) {
@@ -49,9 +50,10 @@ function validate(content, validator) {
             result = { status: CodeEditorMessageStatus.SUCCESS, text: SUCCESS_MESSAGE };
         }
     }
-    catch ({ message }) {
+    catch (e) {
+        const { message } = e;
         result = { status: CodeEditorMessageStatus.ERROR, text: message };
     }
     return result;
 }
-exports.validate = validate;
+//# sourceMappingURL=validation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"../../../../src","sources":["editor/utils/validation.ts"],"names":[],"mappings":"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","sourcesContent":["import Ajv, {ErrorObject, ValidateFunction} from 'ajv';\nimport ajvKeywords from 'ajv-keywords';\nimport yaml from 'js-yaml';\nimport SourceMap from 'js-yaml-source-map';\nimport {JSONSchema4} from 'json-schema';\nimport isArray from 'lodash/isArray';\n\nconst SUCCESS_MESSAGE = 'Valid';\nexport interface CodeEditorMessageProps {\n    text: string;\n    status: CodeEditorMessageStatus;\n}\n\nexport enum CodeEditorMessageStatus {\n    SUCCESS = 'success',\n    WARNING = 'warning',\n    ERROR = 'error',\n}\n\nexport function createValidator(schema: JSONSchema4) {\n    const ajv = new Ajv({$data: true, allErrors: true, schemas: [schema], strict: false});\n    // TODO: select is deprecated, replace with discriminator:\n    // https://github.com/ajv-validator/ajv-keywords#selectselectcasesselectdefault\n    ajvKeywords(ajv, 'select');\n\n    return ajv.compile(schema);\n}\n\nexport function validate(content: string, validator: ValidateFunction) {\n    let result: CodeEditorMessageProps;\n\n    if (!content) {\n        return {status: CodeEditorMessageStatus.SUCCESS, text: SUCCESS_MESSAGE};\n    }\n\n    try {\n        const jsYamlMap = new SourceMap();\n        const data = yaml.load(content, {listener: jsYamlMap.listen()});\n\n        validator(data);\n\n        if (validator.errors) {\n            const messages = validator.errors.map(\n                ({instancePath, schemaPath, message, params}: ErrorObject) => {\n                    const pointer = jsYamlMap.lookup(instancePath.split('/').filter(Boolean));\n                    const stringParams = Object.entries(params).map(([key, value]) => {\n                        if (isArray(value)) {\n                            return `${key}: ${value.join(' | ')}`;\n                        }\n                        return `${key}: ${value}`;\n                    });\n                    const ref = pointer ? `${pointer.line}: ` : '';\n                    return `${ref}${instancePath || schemaPath}: ${message}\\n${stringParams.join(\n                        '\\n',\n                    )}`;\n                },\n            );\n            result = {status: CodeEditorMessageStatus.WARNING, text: messages.join('\\n\\n')};\n        } else {\n            result = {status: CodeEditorMessageStatus.SUCCESS, text: SUCCESS_MESSAGE};\n        }\n    } catch (e) {\n        const {message} = e as {message: string};\n        result = {status: CodeEditorMessageStatus.ERROR, text: message as string};\n    }\n\n    return result;\n}\n"]}

package/build/cjs/editor/widget/constants.js

@@ -6,3 +6,4 @@ exports.DeviceFrameMessageType = {
     Ready: `${prefix}_MESSAGE_READY`,
     Update: `${prefix}_MESSAGE_UPDATE`,
 };
+//# sourceMappingURL=constants.js.map

package/build/cjs/editor/widget/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../src","sources":["editor/widget/constants.ts"],"names":[],"mappings":";;;AAAA,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAErB,QAAA,sBAAsB,GAAG;IAClC,KAAK,EAAE,GAAG,MAAM,gBAAgB;IAChC,MAAM,EAAE,GAAG,MAAM,iBAAiB;CACrC,CAAC","sourcesContent":["const prefix = 'PC_EDITOR_DEVICE';\n\nexport const DeviceFrameMessageType = {\n    Ready: `${prefix}_MESSAGE_READY`,\n    Update: `${prefix}_MESSAGE_UPDATE`,\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { EditorContextType } from '../context';
-import { DeviceEmulationSettings } from '../types';
+import { EditorContextType } from "../context.js";
+import { DeviceEmulationSettings } from "../types/index.js";
 interface DeviceIframeParams {
     initialData?: EditorContextType;
     className?: string;

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

@@ -4,9 +4,9 @@ exports.DeviceIframe = void 0;
 const tslib_1 = require("tslib");
 //widget bundle available after build only
 //@ts-ignore
-const widget_1 = tslib_1.__importDefault(require("../../../../widget"));
-const constants_1 = require("./constants");
-const utils_1 = require("./utils");
+const widget_1 = tslib_1.__importDefault(require("widget"));
+const constants_1 = require("./constants.js");
+const utils_1 = require("./utils.js");
 class DeviceIframe {
     constructor(parentElement, { className = '', initialData, settings }) {
         const iframe = document.createElement('iframe');
@@ -74,3 +74,4 @@ class DeviceIframe {
     }
 }
 exports.DeviceIframe = DeviceIframe;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/widget/index.ts"],"names":[],"mappings":"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","sourcesContent":["//widget bundle available after build only\n//@ts-ignore\nimport bundle from 'widget';\n\nimport {EditorContextType} from '../context';\nimport {DeviceEmulationSettings} from '../types';\n\nimport {DeviceFrameMessageType} from './constants';\nimport {getHostStyles} from './utils';\n\ninterface DeviceIframeParams {\n    initialData?: EditorContextType;\n    className?: string;\n    settings?: DeviceEmulationSettings;\n}\n\ntype InitialData = EditorContextType;\n\nexport class DeviceIframe {\n    iframeElement?: HTMLIFrameElement;\n    private initialData?: DeviceIframeParams['initialData'];\n    private settings?: DeviceIframeParams['settings'];\n\n    constructor(\n        parentElement: HTMLDivElement,\n        {className = '', initialData, settings}: DeviceIframeParams,\n    ) {\n        const iframe = document.createElement('iframe');\n        parentElement.appendChild(iframe);\n\n        if (iframe.contentWindow) {\n            const frameDoc = iframe.contentWindow.document;\n\n            iframe.className = className;\n            frameDoc.body.classList.add(...document.body.classList, ...className.split(' '));\n            iframe.style.visibility = 'hidden';\n\n            this.iframeElement = iframe;\n            this.initialData = initialData;\n            this.settings = settings;\n\n            window.addEventListener('message', this.onInit.bind(this));\n\n            this.addWidgetScript();\n            this.addCustomStyles();\n        }\n    }\n\n    onDataUpdate(data: InitialData) {\n        this.iframeElement?.contentWindow?.postMessage(\n            {\n                type: DeviceFrameMessageType.Update,\n                data,\n            },\n            window.origin,\n        );\n    }\n\n    onActivenessUpdate(active: boolean) {\n        if (this.iframeElement) {\n            this.iframeElement.style.visibility = active ? 'visible' : 'hidden';\n        }\n    }\n\n    destroy() {\n        window.removeEventListener('message', this.onInit.bind(this));\n    }\n\n    private addWidgetScript() {\n        const frameDoc = this.iframeElement?.contentWindow?.document;\n\n        if (frameDoc) {\n            const head = frameDoc?.getElementsByTagName('head')[0];\n            const script = frameDoc.createElement('script');\n\n            script.appendChild(document.createTextNode(bundle));\n            head.appendChild(script);\n        }\n    }\n\n    private addCustomStyles() {\n        const {applyHostStyles, customStyles} = this.settings || {};\n        const frameDoc = this.iframeElement?.contentWindow?.document;\n\n        if (frameDoc) {\n            const head = frameDoc?.getElementsByTagName('head')[0];\n            let styles = applyHostStyles ? getHostStyles() : '';\n\n            if (customStyles) {\n                styles += `\\n${customStyles}`;\n            }\n\n            if (styles) {\n                const style = frameDoc.createElement('style');\n\n                style.appendChild(document.createTextNode(styles));\n                head.appendChild(style);\n            }\n        }\n    }\n\n    private onInit(event: MessageEvent) {\n        const {type} = event.data;\n\n        if (type === DeviceFrameMessageType.Ready && this.initialData) {\n            this.onDataUpdate(this.initialData);\n        }\n    }\n}\n"]}

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

@@ -17,3 +17,4 @@ const getHostStyles = () => {
         .join('\n');
 };
 exports.getHostStyles = getHostStyles;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["editor/widget/utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;SAC3B,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QAChB,IAAI,CAAC;YACD,OAAO,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACzE,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,qCAAqC;YACrC,OAAO,CAAC,GAAG,CAAC,yBAAyB,UAAU,CAAC,IAAI,yBAAyB,CAAC,CAAC;YAE/E,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AAdW,QAAA,aAAa,iBAcxB","sourcesContent":["export const getHostStyles = () => {\n    return [...document.styleSheets]\n        .map((styleSheet) => {\n            try {\n                return [...styleSheet.cssRules].map((rule) => rule.cssText).join('');\n            } catch (e) {\n                //eslint-disable-next-line no-console\n                console.log(`Access to stylesheet  ${styleSheet.href} is denied. Ignoring...`);\n\n                return '';\n            }\n        })\n        .filter(Boolean)\n        .join('\\n');\n};\n"]}

package/build/cjs/grid/Break/Break.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export declare const Break: React.FunctionComponent;

package/build/cjs/grid/Break/Break.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Break = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const Break = () => react_1.default.createElement("div", { className: "w-100" });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Break = () => (0, jsx_runtime_1.jsx)("div", { className: "w-100" });
 exports.Break = Break;
+//# sourceMappingURL=Break.js.map

package/build/cjs/grid/Break/Break.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Break.js","sourceRoot":"../../../../src","sources":["grid/Break/Break.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,KAAK,GAA4B,GAAG,EAAE,CAAC,gCAAK,SAAS,EAAC,OAAO,GAAO,CAAC;AAArE,QAAA,KAAK,SAAgE","sourcesContent":["import * as React from 'react';\n\nexport const Break: React.FunctionComponent = () => <div className=\"w-100\"></div>;\n"]}

package/build/cjs/grid/Col/Col.d.ts

@@ -1,8 +1,8 @@
-import React, { CSSProperties } from 'react';
-import { QAProps, Refable, Roleable } from '../../models';
-import { GridColumnClassParams } from '../types';
+import * as React from 'react';
+import { QAProps, Refable, Roleable } from "../../models/index.js";
+import { GridColumnClassParams } from "../types.js";
 export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps, Roleable {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "offsets" | "orders" | "visible" | "alignSelf" | "justifyContent" | "reset"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<GridColumnProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Col/Col.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Col = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../utils");
-exports.Col = (0, react_1.forwardRef)((props, ref) => {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const utils_1 = require("../utils.js");
+exports.Col = React.forwardRef((props, ref) => {
     const { children, style, qa, role } = props, rest = tslib_1.__rest(props, ["children", "style", "qa", "role"]);
-    return (react_1.default.createElement("div", { ref: ref, className: (0, utils_1.getColClass)(rest), style: style, "data-qa": qa, role: role }, children));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.getColClass)(rest), style: style, "data-qa": qa, role: role, children: children }));
 });
 exports.Col.displayName = 'Col';
+//# sourceMappingURL=Col.js.map

package/build/cjs/grid/Col/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"../../../../src","sources":["grid/Col/Col.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,uCAAqC;AAWxB,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,KAAa,KAAK,EAAb,IAAI,kBAAI,KAAK,EAA5C,mCAAoC,CAAQ,CAAC;IAEnD,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,mBAAW,EAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,EAAE,IAAI,EAAE,IAAI,YAC7E,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {QAProps, Refable, Roleable} from '../../models';\nimport {GridColumnClassParams} from '../types';\nimport {getColClass} from '../utils';\n\nexport interface GridColumnProps\n    extends GridColumnClassParams,\n        Refable<HTMLDivElement>,\n        QAProps,\n        Roleable {\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Col = React.forwardRef<HTMLDivElement, React.PropsWithChildren<GridColumnProps>>(\n    (props, ref) => {\n        const {children, style, qa, role, ...rest} = props;\n\n        return (\n            <div ref={ref} className={getColClass(rest)} style={style} data-qa={qa} role={role}>\n                {children}\n            </div>\n        );\n    },\n);\n\nCol.displayName = 'Col';\n"]}

package/build/cjs/grid/Grid/Grid.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import * as React from 'react';
 export interface GridProps {
     debug?: boolean;
     className?: string;
     containerClass?: string;
     style?: React.CSSProperties;
 }
-export declare const Grid: ({ debug, children, className, style, containerClass, }: React.PropsWithChildren<GridProps>) => JSX.Element;
+export declare const Grid: ({ debug, children, className, style, containerClass, }: React.PropsWithChildren<GridProps>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/grid/Grid/Grid.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('Grid');
-const Grid = ({ debug, children, className, style, containerClass = '', }) => (react_1.default.createElement("div", { style: style, className: b({ debug }, className) },
-    react_1.default.createElement("div", { className: `container-fluid ${containerClass}` }, children)));
+const Grid = ({ debug, children, className, style, containerClass = '', }) => ((0, jsx_runtime_1.jsx)("div", { style: style, className: b({ debug }, className), children: (0, jsx_runtime_1.jsx)("div", { className: `container-fluid ${containerClass}`, children: children }) }));
 exports.Grid = Grid;
+//# sourceMappingURL=Grid.js.map

package/build/cjs/grid/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"../../../../src","sources":["grid/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAEA,gDAAkC;AAKlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AASjB,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GAAG,EAAE,GACc,EAAE,EAAE,CAAC,CACtC,gCAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAC/C,gCAAK,SAAS,EAAE,mBAAmB,cAAc,EAAE,YAAG,QAAQ,GAAO,GACnE,CACT,CAAC;AAVW,QAAA,IAAI,QAUf","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nimport '../styles/bootstrap.scss';\nimport './Grid.scss';\n\nconst b = block('Grid');\n\nexport interface GridProps {\n    debug?: boolean;\n    className?: string;\n    containerClass?: string;\n    style?: React.CSSProperties;\n}\n\nexport const Grid = ({\n    debug,\n    children,\n    className,\n    style,\n    containerClass = '',\n}: React.PropsWithChildren<GridProps>) => (\n    <div style={style} className={b({debug}, className)}>\n        <div className={`container-fluid ${containerClass}`}>{children}</div>\n    </div>\n);\n"]}

package/build/cjs/grid/Row/Row.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Refable } from '../../models/common';
-import { GridAlignItems, GridJustifyContent } from '../types';
+import * as React from 'react';
+import { Refable } from "../../models/common.js";
+import { GridAlignItems, GridJustifyContent } from "../types.js";
 export interface RowProps extends Refable<HTMLDivElement> {
     className?: string;
     justifyContent?: GridJustifyContent;
@@ -9,4 +9,4 @@ export interface RowProps extends Refable<HTMLDivElement> {
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Row: React.ForwardRefExoticComponent<Pick<RowProps, "style" | "children" | "className" | "justifyContent" | "alignItems" | "noGutter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Row: React.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Row/Row.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Row = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-exports.Row = (0, react_1.forwardRef)((props, ref) => {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+exports.Row = React.forwardRef((props, ref) => {
     const { className, justifyContent, alignItems, noGutter, style, children } = props;
-    const getClassName = (0, react_1.useCallback)(() => {
+    const getClassName = React.useCallback(() => {
         return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']
             .filter(Boolean)
             .join(' ');
     }, [className, justifyContent, alignItems, noGutter]);
-    return (react_1.default.createElement("div", { ref: ref, className: getClassName(), style: style }, children));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: getClassName(), style: style, children: children }));
 });
 exports.Row.displayName = 'Row';
+//# sourceMappingURL=Row.js.map

package/build/cjs/grid/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"../../../../src","sources":["grid/Row/Row.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAclB,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEjF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,IAAI,WAAW,CAAC;aACzE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,YACjD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Refable} from '../../models/common';\nimport {GridAlignItems, GridJustifyContent} from '../types';\n\nexport interface RowProps extends Refable<HTMLDivElement> {\n    className?: string;\n    justifyContent?: GridJustifyContent;\n    alignItems?: GridAlignItems;\n    noGutter?: boolean;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n    const {className, justifyContent, alignItems, noGutter, style, children} = props;\n\n    const getClassName = React.useCallback(() => {\n        return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']\n            .filter(Boolean)\n            .join(' ');\n    }, [className, justifyContent, alignItems, noGutter]);\n\n    return (\n        <div ref={ref} className={getClassName()} style={style}>\n            {children}\n        </div>\n    );\n});\n\nRow.displayName = 'Row';\n"]}

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

@@ -1,6 +1,6 @@
-export * from './Col/Col';
-export * from './Row/Row';
-export * from './Break/Break';
-export * from './Grid/Grid';
-export * from './types';
-export * from './utils';
+export * from "./Col/Col.js";
+export * from "./Row/Row.js";
+export * from "./Break/Break.js";
+export * from "./Grid/Grid.js";
+export * from "./types.js";
+export * from "./utils.js";

package/build/cjs/grid/index.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Col/Col"), exports);
-tslib_1.__exportStar(require("./Row/Row"), exports);
-tslib_1.__exportStar(require("./Break/Break"), exports);
-tslib_1.__exportStar(require("./Grid/Grid"), exports);
-tslib_1.__exportStar(require("./types"), exports);
-tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./Col/Col.js"), exports);
+tslib_1.__exportStar(require("./Row/Row.js"), exports);
+tslib_1.__exportStar(require("./Break/Break.js"), exports);
+tslib_1.__exportStar(require("./Grid/Grid.js"), exports);
+tslib_1.__exportStar(require("./types.js"), exports);
+tslib_1.__exportStar(require("./utils.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["grid/index.ts"],"names":[],"mappings":";;;AAAA,uDAA0B;AAC1B,uDAA0B;AAC1B,2DAA8B;AAC9B,yDAA4B;AAC5B,qDAAwB;AACxB,qDAAwB","sourcesContent":["export * from './Col/Col';\nexport * from './Row/Row';\nexport * from './Break/Break';\nexport * from './Grid/Grid';\nexport * from './types';\nexport * from './utils';\n"]}