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

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

@@ -1,8 +1,9 @@
-import { useEffect, useRef } from 'react';
+import * as React from 'react';
 export default function usePreviousValue(value) {
-    const ref = useRef();
-    useEffect(() => {
+    const ref = React.useRef();
+    React.useEffect(() => {
         ref.current = value;
     }, [value]);
     return ref.current;
 }
+//# sourceMappingURL=usePreviousValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviousValue.js","sourceRoot":"../../../../src","sources":["editor/hooks/usePreviousValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,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/esm/editor/icons/Tablet.d.ts

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { a11yHiddenSvgProps } from '../../utils/svg';
-export const Tablet = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "14", viewBox: "0 0 12 14", fill: "none" }, a11yHiddenSvgProps, props),
-    React.createElement("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" })));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { a11yHiddenSvgProps } from "../../utils/svg.js";
+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" }) })));
+//# sourceMappingURL=Tablet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tablet.js","sourceRoot":"../../../../src","sources":["editor/icons/Tablet.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,2BAAwB;AAEnD,MAAM,CAAC,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACtE,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,kBAAkB,EAClB,KAAK,cAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,MAAM,GACpB,IACA,CACT,CAAC","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/esm/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/esm/editor/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,sCAAmC;AAClD,iCAAwB","sourcesContent":["export {Editor} from './containers/Editor/Editor';\nexport * from './types';\n"]}

package/build/esm/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/esm/editor/store/main/index.js

@@ -1,21 +1,21 @@
 import { __rest } from "tslib";
-import { useMemo, useReducer } 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';
+import * as React from 'react';
+import { DEFAULT_THEME } from "../../../components/constants.js";
+import { HeaderBlockTypes } from "../../../models/index.js";
+import { getCustomTypes, getHeaderBlock } from "../../../utils/index.js";
+import { EditBlockControls } from "../../components/EditBlock/EditBlock.js";
+import { ViewModeItem } from "../../types/index.js";
+import { ADD_BLOCK, COPY_BLOCK, DELETE_BLOCK, ORDER_BLOCK, SELECT_BLOCK, UPDATE_CONTENT, reducer, } from "./reducer.js";
+import { addEditorProps } from "./utils.js";
 export function useMainState({ content: intialContent, custom }) {
-    const [{ activeBlockIndex, content, errorBoundaryState }, dispatch] = useReducer(reducer, {
+    const [{ activeBlockIndex, content, errorBoundaryState }, dispatch] = React.useReducer(reducer, {
         activeBlockIndex: 0,
         errorBoundaryState: 0,
         content: addEditorProps(intialContent),
         viewMode: ViewModeItem.Desktop,
         theme: DEFAULT_THEME,
     });
-    return useMemo(() => {
+    return React.useMemo(() => {
         const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];
         const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));
         const checkIsHeader = (type) => headerBlockTypes.includes(type);
@@ -75,3 +75,4 @@ export function useMainState({ content: intialContent, custom }) {
         };
     }, [content, activeBlockIndex, errorBoundaryState, custom]);
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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/esm/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/esm/editor/store/main/reducer.js

@@ -1,4 +1,4 @@
-import { addBlock, changeBlocksOrder, duplicateBlock, getErrorBoundaryState } from './utils';
+import { addBlock, changeBlocksOrder, duplicateBlock, getErrorBoundaryState } from "./utils.js";
 // actions
 export const SELECT_BLOCK = 'SELECT_BLOCK';
 export const DELETE_BLOCK = 'DELETE_BLOCK';
@@ -36,3 +36,4 @@ export const reducer = (state, action) => {
             return state;
     }
 };
+//# sourceMappingURL=reducer.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,qBAAqB,EAAC,mBAAgB;AAsB3F,UAAU;AACV,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAC3C,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAC3C,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC;AACvC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAwC/C,UAAU;AACV,MAAM,CAAC,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,cAAc;YACf,uCACO,KAAK,KACR,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,CAAC,kBAAkB,CAAC,IACrE;QACN,KAAK,YAAY;YACb,uCACO,KAAK,KACR,gBAAgB,EAAE,MAAM,CAAC,OAAO,IAClC;QACN,KAAK,YAAY,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,UAAU,CAAC,CAAC,CAAC;YACd,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC;YAE7B,OAAO,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACzE,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACb,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAEtC,OAAO,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QACtE,CAAC;QACD,KAAK,WAAW,CAAC,CAAC,CAAC;YACf,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAE5C,OAAO,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC;QACxF,CAAC;QACD;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC","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/esm/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("../../../index.js").Menu;
+    background?: import("../../../index.js").ThemedMediaProps;
 };
 export declare const getErrorBoundaryState: (prevState: number) => number;

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

@@ -26,3 +26,4 @@ export const addEditorProps = (content) => {
     return Object.assign(Object.assign({}, content), { animated: false });
 };
 export const getErrorBoundaryState = (prevState) => prevState === Number.MAX_SAFE_INTEGER ? 0 : prevState + 1;
+//# sourceMappingURL=utils.js.map

package/build/esm/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,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAMzC,MAAM,CAAC,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;AAEF,MAAM,CAAC,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,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEtD,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,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;AAEF,MAAM,CAAC,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;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAoB,EAAE,EAAE;IACnD,uCAAW,OAAO,KAAE,QAAQ,EAAE,KAAK,IAAE;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACvD,SAAS,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC","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/esm/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/esm/editor/store/settings/index.js

@@ -1,8 +1,8 @@
-import { useMemo, useReducer } from 'react';
-import { UPDATE_CODE_FULLSCREEN_MODE_ON, UPDATE_EDIT_MODE, UPDATE_THEME, UPDATE_VIEW_MODE, initialState, reducer, } from './reducer';
+import * as React from 'react';
+import { UPDATE_CODE_FULLSCREEN_MODE_ON, UPDATE_EDIT_MODE, UPDATE_THEME, UPDATE_VIEW_MODE, initialState, reducer, } from "./reducer.js";
 export function useSettingsState() {
-    const [{ viewMode, editMode, theme, codeFullscreeModeOn }, dispatch] = useReducer(reducer, initialState);
-    return useMemo(() => {
+    const [{ viewMode, editMode, theme, codeFullscreeModeOn }, dispatch] = React.useReducer(reducer, initialState);
+    return React.useMemo(() => {
         return {
             viewMode,
             editMode,
@@ -15,3 +15,4 @@ export function useSettingsState() {
         };
     }, [viewMode, theme, codeFullscreeModeOn, editMode]);
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACH,8BAA8B,EAC9B,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,OAAO,GACV,qBAAkB;AAEnB,MAAM,UAAU,gBAAgB;IAC5B,MAAM,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CACjF,OAAO,EACP,YAAY,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,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC;YAC5D,gBAAgB,EAAE,CAAC,WAAyB,EAAE,EAAE,CAC5C,QAAQ,CAAC,EAAC,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC;YAC5D,aAAa,EAAE,CAAC,QAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC;YACrF,2BAA2B,EAAE,CAAC,sBAA+B,EAAE,EAAE,CAC7D,QAAQ,CAAC,EAAC,IAAI,EAAE,8BAA8B,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/esm/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/esm/editor/store/settings/reducer.js

@@ -1,5 +1,5 @@
-import { DEFAULT_THEME } from '../../../components/constants';
-import { EditModeItem, ViewModeItem } from '../../types';
+import { DEFAULT_THEME } from "../../../components/constants.js";
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 // actions
 export const UPDATE_CODE_FULLSCREEN_MODE_ON = 'UPDATE_CODE_FULLSCREEN_MODE_ON';
 export const UPDATE_VIEW_MODE = 'UPDATE_VIEW_MODE';
@@ -26,3 +26,4 @@ export const initialState = {
     theme: DEFAULT_THEME,
     codeFullscreeModeOn: false,
 };
+//# sourceMappingURL=reducer.js.map

package/build/esm/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,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,6BAAoB;AAEvD,UAAU;AACV,MAAM,CAAC,MAAM,8BAA8B,GAAG,gCAAgC,CAAC;AAC/E,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AACnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AACnD,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAmC3C,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,KAA0B,EAC1B,MAA4B,EACT,EAAE;IACrB,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,gBAAgB;YACjB,uCACO,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IAC1B;QACN,KAAK,gBAAgB;YACjB,uCACO,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IAC1B;QACN,KAAK,YAAY;YACb,uCACO,KAAK,KACR,KAAK,EAAE,MAAM,CAAC,OAAO,IACvB;QACN,KAAK,8BAA8B;YAC/B,uCACO,KAAK,KACR,mBAAmB,EAAE,MAAM,CAAC,OAAO,IACrC;QACN;YACI,OAAO,KAAK,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,QAAQ,EAAE,YAAY,CAAC,OAAO;IAC9B,QAAQ,EAAE,YAAY,CAAC,IAAI;IAC3B,KAAK,EAAE,aAAa;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/esm/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/esm/editor/types/index.js

@@ -10,3 +10,4 @@ export var EditModeItem;
     EditModeItem["Form"] = "form";
     EditModeItem["Code"] = "code";
 })(EditModeItem || (EditModeItem = {}));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":"AA4CA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,KAAZ,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/esm/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("../../index.js").ConstructorBlock[];
+    menu?: import("../../index.js").Menu;
+    background?: import("../../index.js").ThemedMediaProps;
+    animated?: boolean;
 };

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

@@ -4,3 +4,4 @@ export function parseCode(code) {
     const pageContent = yaml.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/esm/editor/utils/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"../../../../src","sources":["editor/utils/code.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAI3B,MAAM,UAAU,SAAS,CAAC,IAAY;;IAClC,MAAM,WAAW,GAAG,IAAI,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/esm/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("../../index.js").CustomItems;
+    subBlocks?: import("../../index.js").CustomItems;
+    headers?: import("../../index.js").CustomItems;
+    navigation?: import("../../index.js").CustomItems;
+    loadable?: import("../../index.js").LoadableConfig;
 };
 export declare const getBlockId: ({ index, type }: BlockDecorationProps) => string;
 export declare const checkIsMobile: (viewMode: ViewModeItem) => boolean;

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

@@ -1,5 +1,5 @@
 import capitalize from 'lodash/capitalize';
-import { ViewModeItem } from '../types';
+import { ViewModeItem } from "../types/index.js";
 export const formatBlockName = (name) => capitalize(name).replace(/(block|-)/g, ' ');
 export const addCustomDecorator = (decorators, custom = {}) => {
     const customDecorators = custom.decorators || {};
@@ -7,3 +7,4 @@ export const addCustomDecorator = (decorators, custom = {}) => {
 };
 export const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
 export const checkIsMobile = (viewMode) => [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAC,YAAY,EAAC,0BAAiB;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAE7F,MAAM,CAAC,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;AAEF,MAAM,CAAC,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;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC","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/esm/editor/utils/validation.js

@@ -44,8 +44,10 @@ export 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;
 }
+//# sourceMappingURL=validation.js.map

package/build/esm/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/esm/editor/widget/constants.js

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

package/build/esm/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;AAElC,MAAM,CAAC,MAAM,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/esm/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/esm/editor/widget/index.js

@@ -1,8 +1,8 @@
 //widget bundle available after build only
 //@ts-ignore
-import bundle from '../../../../widget';
-import { DeviceFrameMessageType } from './constants';
-import { getHostStyles } from './utils';
+import bundle from 'widget';
+import { DeviceFrameMessageType } from "./constants.js";
+import { getHostStyles } from "./utils.js";
 export class DeviceIframe {
     constructor(parentElement, { className = '', initialData, settings }) {
         const iframe = document.createElement('iframe');
@@ -69,3 +69,4 @@ export class DeviceIframe {
         }
     }
 }
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["editor/widget/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,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","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/esm/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/esm/grid/Break/Break.js

@@ -1,2 +1,3 @@
-import React from 'react';
-export const Break = () => React.createElement("div", { className: "w-100" });
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Break = () => _jsx("div", { className: "w-100" });
+//# sourceMappingURL=Break.js.map

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

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

package/build/esm/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/esm/grid/Col/Col.js

@@ -1,8 +1,10 @@
 import { __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { getColClass } from '../utils';
-export const Col = forwardRef((props, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { getColClass } from "../utils.js";
+export const Col = React.forwardRef((props, ref) => {
     const { children, style, qa, role } = props, rest = __rest(props, ["children", "style", "qa", "role"]);
-    return (React.createElement("div", { ref: ref, className: getColClass(rest), style: style, "data-qa": qa, role: role }, children));
+    return (_jsx("div", { ref: ref, className: getColClass(rest), style: style, "data-qa": qa, role: role, children: children }));
 });
 Col.displayName = 'Col';
+//# sourceMappingURL=Col.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"../../../../src","sources":["grid/Col/Col.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,WAAW,EAAC,oBAAiB;AAWrC,MAAM,CAAC,MAAM,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,UAAI,KAAK,EAA5C,mCAAoC,CAAQ,CAAC;IAEnD,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,EAAE,IAAI,EAAE,IAAI,YAC7E,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,GAAG,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/esm/grid/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '../styles/bootstrap.css';
 import './Grid.css';
 export interface GridProps {
@@ -7,4 +7,4 @@ export interface GridProps {
     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/esm/grid/Grid/Grid.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { block } from '../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from "../../utils/index.js";
 import '../styles/bootstrap.css';
 import './Grid.css';
 const b = block('Grid');
-export const Grid = ({ debug, children, className, style, containerClass = '', }) => (React.createElement("div", { style: style, className: b({ debug }, className) },
-    React.createElement("div", { className: `container-fluid ${containerClass}` }, children)));
+export const Grid = ({ debug, children, className, style, containerClass = '', }) => (_jsx("div", { style: style, className: b({ debug }, className), children: _jsx("div", { className: `container-fluid ${containerClass}`, children: children }) }));
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"../../../../src","sources":["grid/Grid/Grid.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,yBAAyB,CAAC;AACjC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AASxB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GAAG,EAAE,GACc,EAAE,EAAE,CAAC,CACtC,cAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAC/C,cAAK,SAAS,EAAE,mBAAmB,cAAc,EAAE,YAAG,QAAQ,GAAO,GACnE,CACT,CAAC","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/esm/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/esm/grid/Row/Row.js

@@ -1,11 +1,13 @@
-import React, { forwardRef, useCallback } from 'react';
-export const Row = forwardRef((props, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const Row = React.forwardRef((props, ref) => {
     const { className, justifyContent, alignItems, noGutter, style, children } = props;
-    const getClassName = useCallback(() => {
+    const getClassName = React.useCallback(() => {
         return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']
             .filter(Boolean)
             .join(' ');
     }, [className, justifyContent, alignItems, noGutter]);
-    return (React.createElement("div", { ref: ref, className: getClassName(), style: style }, children));
+    return (_jsx("div", { ref: ref, className: getClassName(), style: style, children: children }));
 });
 Row.displayName = 'Row';
+//# sourceMappingURL=Row.js.map