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

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("../../..").Menu;
-    background?: import("../../..").ThemedMediaProps;
+    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

@@ -1,4 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep';
+import cloneDeep from "lodash/cloneDeep.js";
 export const changeBlocksOrder = (array, oldIndex, newIndex) => {
     const result = [...array];
     const element = result.splice(oldIndex, 1)[0];
@@ -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,4BAAyB;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,5 +1,5 @@
 import * as React from 'react';
-import { UPDATE_CODE_FULLSCREEN_MODE_ON, UPDATE_EDIT_MODE, UPDATE_THEME, UPDATE_VIEW_MODE, initialState, reducer, } from './reducer';
+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] = React.useReducer(reducer, initialState);
     return React.useMemo(() => {
@@ -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("../..").ConstructorBlock[];
-    menu?: import("../..").Menu;
-    background?: import("../..").ThemedMediaProps;
+    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) => React.ReactElement)[];
     };
-    blocks?: import("../..").CustomItems;
-    subBlocks?: import("../..").CustomItems;
-    headers?: import("../..").CustomItems;
-    navigation?: import("../..").CustomItems;
-    loadable?: import("../..").LoadableConfig;
+    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 capitalize from "lodash/capitalize.js";
+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,6BAA0B;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

@@ -2,7 +2,7 @@ import Ajv from 'ajv';
 import ajvKeywords from 'ajv-keywords';
 import yaml from 'js-yaml';
 import SourceMap from 'js-yaml-source-map';
-import isArray from 'lodash/isArray';
+import isArray from "lodash/isArray.js";
 const SUCCESS_MESSAGE = 'Valid';
 export var CodeEditorMessageStatus;
 (function (CodeEditorMessageStatus) {
@@ -50,3 +50,4 @@ export function validate(content, validator) {
     }
     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.js

@@ -1,2 +1,3 @@
 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,6 +1,6 @@
 import * as React from 'react';
-import { QAProps, Refable, Roleable } from '../../models';
-import { GridColumnClassParams } from '../types';
+import { QAProps, Refable, Roleable } from "../../models/index.js";
+import { GridColumnClassParams } from "../types.js";
 export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps, Roleable {
     style?: React.CSSProperties;
     children?: React.ReactNode;

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

@@ -1,9 +1,10 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { getColClass } from '../utils';
+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 (_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.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { block } from '../../utils';
+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 = '', }) => (_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 * as React from 'react';
-import { Refable } from '../../models/common';
-import { GridAlignItems, GridJustifyContent } from '../types';
+import { Refable } from "../../models/common.js";
+import { GridAlignItems, GridJustifyContent } from "../types.js";
 export interface RowProps extends Refable<HTMLDivElement> {
     className?: string;
     justifyContent?: GridJustifyContent;

package/build/esm/grid/Row/Row.js

@@ -10,3 +10,4 @@ export const Row = React.forwardRef((props, ref) => {
     return (_jsx("div", { ref: ref, className: getClassName(), style: style, children: children }));
 });
 Row.displayName = 'Row';
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"../../../../src","sources":["grid/Row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,CAAC,MAAM,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,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,YACjD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,GAAG,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/esm/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/esm/grid/index.js

@@ -1,6 +1,7 @@
-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";
+//# sourceMappingURL=index.js.map

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

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

package/build/esm/grid/types.js

@@ -42,3 +42,4 @@ export var GridColumnOrderClasses;
     GridColumnOrderClasses["First"] = "first";
     GridColumnOrderClasses["Last"] = "last";
 })(GridColumnOrderClasses || (GridColumnOrderClasses = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["grid/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,qDAA+B,CAAA;IAC/B,uDAAiC,CAAA;IACjC,iDAA2B,CAAA;IAC3B,uDAAiC,CAAA;IACjC,yDAAmC,CAAA;AACvC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AAED,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC","sourcesContent":["export enum GridJustifyContent {\n    Start = 'justify-content-start',\n    Center = 'justify-content-center',\n    End = 'justify-content-end',\n    Around = 'justify-content-around',\n    Between = 'justify-content-between',\n}\n\nexport enum GridAlignItems {\n    Start = 'align-items-start',\n    Center = 'align-items-center',\n    End = 'align-items-end',\n}\n\nexport enum GridColumnSize {\n    Sm = 'sm',\n    Md = 'md',\n    Lg = 'lg',\n    Xl = 'xl',\n    All = 'all',\n}\n\nexport enum GridColumnAlignSelf {\n    Start = 'align-self-start',\n    Center = 'align-self-center',\n    End = 'align-self-end',\n}\n\nexport enum GridColumnClassPrefix {\n    Col = 'col',\n    Offset = 'offset',\n    Order = 'order',\n}\n\nexport enum GridColumnVisibilityClass {\n    None = 'none',\n    Block = 'block',\n}\n\nexport enum GridColumnOrderClasses {\n    First = 'first',\n    Last = 'last',\n}\n\nexport type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;\nexport type GridColumnOrderSizesType = Partial<\n    Record<GridColumnSize, number | GridColumnOrderClasses>\n>;\n\nexport interface GridColumnClassParams {\n    className?: string;\n    sizes?: GridColumnSizesType | number;\n    offsets?: GridColumnSizesType;\n    orders?: GridColumnOrderSizesType;\n    hidden?: GridColumnSize;\n    visible?: GridColumnSize;\n    alignSelf?: GridColumnAlignSelf;\n    justifyContent?: GridJustifyContent;\n    reset?: boolean;\n}\n\nexport type IndentValue = '0' | 'xs' | 's' | 'm' | 'l' | 'xl';\n"]}

package/build/esm/grid/utils.d.ts

@@ -1,4 +1,4 @@
-import { GridColumnClassParams, GridColumnClassPrefix, GridColumnOrderSizesType, GridColumnSize, GridColumnSizesType, GridColumnVisibilityClass, GridJustifyContent } from './types';
+import { GridColumnClassParams, GridColumnClassPrefix, GridColumnOrderSizesType, GridColumnSize, GridColumnSizesType, GridColumnVisibilityClass, GridJustifyContent } from "./types.js";
 export declare function getClasses(items: GridColumnSizesType | GridColumnOrderSizesType, prefix: GridColumnClassPrefix): string;
 export declare function getOffsetClass(offsets: GridColumnSizesType): string;
 export declare function getOrderClass(orders: GridColumnOrderSizesType): string;

package/build/esm/grid/utils.js

@@ -1,4 +1,4 @@
-import { GridColumnClassPrefix, GridColumnSize, GridColumnVisibilityClass, } from './types';
+import { GridColumnClassPrefix, GridColumnSize, GridColumnVisibilityClass, } from "./types.js";
 function getVisibilityClass(visibility, size) {
     return `d${size ? `-${size}` : ''}-${visibility}`;
 }
@@ -51,3 +51,4 @@ export function getColClass(params) {
         .filter(Boolean)
         .join(' ');
 }
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["grid/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    GridColumnClassParams,\n    GridColumnClassPrefix,\n    GridColumnOrderSizesType,\n    GridColumnSize,\n    GridColumnSizesType,\n    GridColumnVisibilityClass,\n    GridJustifyContent,\n} from './types';\n\nfunction getVisibilityClass(visibility: GridColumnVisibilityClass, size?: GridColumnSize) {\n    return `d${size ? `-${size}` : ''}-${visibility}`;\n}\n\nexport function getClasses(\n    items: GridColumnSizesType | GridColumnOrderSizesType,\n    prefix: GridColumnClassPrefix,\n) {\n    return Object.keys(items).reduce((result, size) => {\n        const sizeName = size === GridColumnSize.All ? '' : `-${size}`;\n        const itemSize = items[size as keyof GridColumnSizesType];\n        const sizeValue = !itemSize && prefix === GridColumnClassPrefix.Col ? '' : `-${itemSize}`;\n\n        return result + ` ${prefix}${sizeName}${sizeValue}`;\n    }, '');\n}\n\nexport function getOffsetClass(offsets: GridColumnSizesType) {\n    return getClasses(offsets, GridColumnClassPrefix.Offset);\n}\n\nexport function getOrderClass(orders: GridColumnOrderSizesType) {\n    return getClasses(orders, GridColumnClassPrefix.Order);\n}\n\nexport function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass) {\n    const [oppositeClass, mainClass] =\n        type === GridColumnVisibilityClass.None\n            ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]\n            : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];\n\n    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;\n}\n\nexport function getSizeClass(sizes: GridColumnSizesType | number): string {\n    if (typeof sizes === 'number') {\n        return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;\n    }\n\n    return getClasses(sizes, GridColumnClassPrefix.Col);\n}\n\nexport function getJustifyClass(justifyContent: GridJustifyContent): string {\n    return `d-flex ${justifyContent}`;\n}\n\nexport function getResetClass() {\n    return 'col-reset';\n}\n\nexport function getColClass(params: GridColumnClassParams) {\n    const {\n        className = '',\n        sizes,\n        offsets,\n        orders,\n        hidden,\n        visible,\n        alignSelf,\n        justifyContent,\n        reset,\n    } = params;\n    return [\n        GridColumnClassPrefix.Col,\n        alignSelf,\n        justifyContent && getJustifyClass(justifyContent),\n        sizes && getSizeClass(sizes),\n        offsets && getOffsetClass(offsets),\n        orders && getOrderClass(orders),\n        hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),\n        visible && getVisibilityClasses(visible, GridColumnVisibilityClass.Block),\n        reset && getResetClass(),\n        className,\n    ]\n        .filter(Boolean)\n        .join(' ');\n}\n"]}

package/build/esm/hooks/hubspot.d.ts

@@ -1,4 +1,4 @@
-import { HubspotEventHandlers } from '../utils/hubspot';
+import { HubspotEventHandlers } from "../utils/hubspot.js";
 /**
  * @param {string} formId
  * @returns {void}

package/build/esm/hooks/hubspot.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { handleHubspotEvents, loopBackHabspotEvents } from '../utils/hubspot';
+import { handleHubspotEvents, loopBackHabspotEvents } from "../utils/hubspot.js";
 /**
  * @param {string} formId
  * @returns {void}
@@ -31,3 +31,4 @@ export function useHandleHubspotEvents(handlers, formId) {
         };
     }, [handlers, formId]);
 }
+//# sourceMappingURL=hubspot.js.map

package/build/esm/hooks/hubspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hubspot.js","sourceRoot":"../../../src","sources":["hooks/hubspot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,mBAAmB,EAAE,qBAAqB,EAAC,4BAAyB;AAElG;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAc;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAEjD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAA8B,EAAE,MAAc;IACjF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEzD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {HubspotEventHandlers, handleHubspotEvents, loopBackHabspotEvents} from '../utils/hubspot';\n\n/**\n * @param {string} formId\n * @returns {void}\n *\n * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame\n */\nexport function useLoopBackHubspotEvents(formId: string): void {\n    React.useEffect(() => {\n        const topHandler = loopBackHabspotEvents(formId);\n\n        window.addEventListener('message', topHandler, {passive: true});\n\n        return () => {\n            window.removeEventListener('message', topHandler);\n        };\n    }, [formId]);\n}\n\n/**\n * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders\n * @param {string} formId\n * @returns {void}\n *\n * @description Use this hook in any frame to handle hubspot forms events\n */\nexport function useHandleHubspotEvents(handlers: HubspotEventHandlers, formId: string): void {\n    React.useEffect(() => {\n        const topHandler = handleHubspotEvents(handlers, formId);\n\n        window.addEventListener('message', topHandler, {passive: true});\n\n        return () => {\n            window.removeEventListener('message', topHandler);\n        };\n    }, [handlers, formId]);\n}\n"]}

package/build/esm/hooks/index.d.ts

@@ -1,6 +1,6 @@
-export { default as useFocus } from './useFocus';
-export { default as useWindowBreakpoint } from './useWindowBreakpoint';
-export { default as useMount } from './useMount';
-export { default as useHeightCalculator } from './useHeightCalculator';
-export * from './useAnalytics';
-export * from './hubspot';
+export { default as useFocus } from "./useFocus.js";
+export { default as useWindowBreakpoint } from "./useWindowBreakpoint.js";
+export { default as useMount } from "./useMount.js";
+export { default as useHeightCalculator } from "./useHeightCalculator.js";
+export * from "./useAnalytics.js";
+export * from "./hubspot.js";

package/build/esm/hooks/index.js

@@ -1,6 +1,7 @@
-export { default as useFocus } from './useFocus';
-export { default as useWindowBreakpoint } from './useWindowBreakpoint';
-export { default as useMount } from './useMount';
-export { default as useHeightCalculator } from './useHeightCalculator';
-export * from './useAnalytics';
-export * from './hubspot';
+export { default as useFocus } from "./useFocus.js";
+export { default as useWindowBreakpoint } from "./useWindowBreakpoint.js";
+export { default as useMount } from "./useMount.js";
+export { default as useHeightCalculator } from "./useHeightCalculator.js";
+export * from "./useAnalytics.js";
+export * from "./hubspot.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,sBAAmB;AAC/C,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,iCAA8B;AACrE,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,sBAAmB;AAC/C,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,iCAA8B;AACrE,kCAA+B;AAC/B,6BAA0B","sourcesContent":["export {default as useFocus} from './useFocus';\nexport {default as useWindowBreakpoint} from './useWindowBreakpoint';\nexport {default as useMount} from './useMount';\nexport {default as useHeightCalculator} from './useHeightCalculator';\nexport * from './useAnalytics';\nexport * from './hubspot';\n"]}

package/build/esm/hooks/useAnalytics.d.ts

@@ -1,2 +1,2 @@
-import { AnalyticsEventsProp } from '../models';
+import { AnalyticsEventsProp } from "../models/index.js";
 export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => void;

package/build/esm/hooks/useAnalytics.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { AnalyticsContext } from '../context/analyticsContext';
-import { BlockIdContext } from '../context/blockIdContext';
-import { PredefinedEventTypes } from '../models';
+import { AnalyticsContext } from "../context/analyticsContext/index.js";
+import { BlockIdContext } from "../context/blockIdContext/index.js";
+import { PredefinedEventTypes } from "../models/index.js";
 export const useAnalytics = (name = '', target) => {
     const { sendEvents, autoEvents } = React.useContext(AnalyticsContext);
     const context = React.useContext(BlockIdContext);
@@ -31,3 +31,4 @@ export const useAnalytics = (name = '', target) => {
         sendEvents(preparedEvents);
     };
 };
+//# sourceMappingURL=useAnalytics.js.map

package/build/esm/hooks/useAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnalytics.js","sourceRoot":"../../../src","sources":["hooks/useAnalytics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAC,6CAAoC;AAC7D,OAAO,EAAC,cAAc,EAAC,2CAAkC;AACzD,OAAO,EAAsC,oBAAoB,EAAC,2BAAkB;AAEpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,MAAe,EAAE,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC;YACI,IAAI;YACJ,OAAO;YACP,IAAI,EAAE,oBAAoB,CAAC,OAAO;YAClC,MAAM,EAAE,MAAM;SACjB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CAAC,CAA8B,EAAE,iBAA0C,EAAE,EAAE;QAClF,IAAI,MAAM,GAAqB,aAAa,CAAC;QAE7C,IAAI,CAAC,EAAE,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB;YACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACf,KAAK,GACL,iBAAiB,EACtB,CAAC;YACL,CAAC,CAAC,MAAM,CAAC;QAEb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsContext} from '../context/analyticsContext';\nimport {BlockIdContext} from '../context/blockIdContext';\nimport {AnalyticsEvent, AnalyticsEventsProp, PredefinedEventTypes} from '../models';\n\nexport const useAnalytics = (name = '', target?: string) => {\n    const {sendEvents, autoEvents} = React.useContext(AnalyticsContext);\n    const context = React.useContext(BlockIdContext);\n    const defaultEvent = React.useMemo(\n        () =>\n            name\n                ? {\n                      name,\n                      context,\n                      type: PredefinedEventTypes.Default,\n                      target: target,\n                  }\n                : undefined,\n        [context, name, target],\n    );\n\n    if (!sendEvents) {\n        return () => {};\n    }\n\n    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];\n\n    return (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => {\n        let events: AnalyticsEvent[] = defaultEvents;\n\n        if (e) {\n            events = Array.isArray(e) ? [...events, ...e] : [...events, e];\n        }\n\n        if (!events) {\n            return;\n        }\n\n        const preparedEvents = additionalContext\n            ? events.map((event) => ({\n                  ...event,\n                  ...additionalContext,\n              }))\n            : events;\n\n        sendEvents(preparedEvents);\n    };\n};\n"]}