@gravity-ui/page-constructor 6.0.1-beta.0 → 6.2.0-beta.1

package/build/esm/editor/dynamic-forms-custom/parser/views.js.map

@@ -1 +1 @@
-{"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/views.ts"],"names":[],"mappings":";AAgBA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,KAAK;QACb,WAAW;QACX,WAAW,EAAE;YACT,OAAO,EAAE,QAAiB;SAC7B;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,GAAG,WAAW,GACE,EAAE,EAAE;IAC1B,OAAO;QACH,WAAW;QACX,IAAI,EAAE,MAAM;QACZ,MAAM;QACN,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE;QACnD,QAAQ;KACX,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW;IACX,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAkD,EAAE,EAAE;QAAtD,EAAC,WAAW,OAAsC,EAAjC,IAAI,cAArB,eAAsB,CAAD;IACtD,IAAI,IAAI,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,CAAC;IAErC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO;QACH,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,WAAW;KACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Schema} from '../../../schema';\n\nimport {CustomObjectSpec, CustomSpec} from './types';\n\ninterface BaseParams {\n    layoutTitle?: string;\n}\n\ninterface GetObjectViewSpecParams\n    extends BaseParams,\n        Partial<Extract<CustomSpec, CustomObjectSpec>> {\n    layout?: string;\n}\n\ntype GetPrimitiveViewSpecParams = BaseParams & Schema;\n\nexport const getOneOfViewSpec = ({layoutTitle}: BaseParams) => {\n    return {\n        type: 'oneof_custom',\n        layout: 'row',\n        layoutTitle,\n        oneOfParams: {\n            toggler: 'select' as const,\n        },\n    };\n};\n\nexport const getObjectViewSpec = ({\n    properties,\n    disabled,\n    layoutTitle,\n    layout = 'accordeon',\n}: GetObjectViewSpecParams) => {\n    return {\n        layoutTitle,\n        type: 'base',\n        layout,\n        order: properties && Object.keys(properties).sort(),\n        disabled,\n    };\n};\n\nexport const getArrayViewSpec = ({layoutTitle}: BaseParams) => ({\n    layoutTitle,\n    type: 'base',\n    layout: 'accordeon',\n    layoutOpen: true,\n    itemLabel: 'Add Item',\n});\n\nexport const getPrimitiveViewSpec = ({layoutTitle, ...data}: GetPrimitiveViewSpecParams) => {\n    let type = data?.inputType || 'base';\n\n    if (data && 'enum' in data && data.enum) {\n        type = 'select';\n    }\n    return {\n        layout: 'row',\n        type,\n        layoutTitle,\n    };\n};\n"]}
+{"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/views.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,KAAK;QACb,WAAW;QACX,WAAW,EAAE;YACT,OAAO,EAAE,QAAiB;SAC7B;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,GAAG,WAAW,GACE,EAAE,EAAE;IAC1B,OAAO;QACH,WAAW;QACX,IAAI,EAAE,MAAM;QACZ,MAAM;QACN,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE;QACnD,QAAQ;KACX,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW;IACX,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAC,WAAW,EAAE,GAAG,IAAI,EAA6B,EAAE,EAAE;IACvF,IAAI,IAAI,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAErC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO;QACH,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,WAAW;KACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Schema} from '../../../schema';\n\nimport {CustomObjectSpec, CustomSpec} from './types';\n\ninterface BaseParams {\n    layoutTitle?: string;\n}\n\ninterface GetObjectViewSpecParams\n    extends BaseParams,\n        Partial<Extract<CustomSpec, CustomObjectSpec>> {\n    layout?: string;\n}\n\ntype GetPrimitiveViewSpecParams = BaseParams & Schema;\n\nexport const getOneOfViewSpec = ({layoutTitle}: BaseParams) => {\n    return {\n        type: 'oneof_custom',\n        layout: 'row',\n        layoutTitle,\n        oneOfParams: {\n            toggler: 'select' as const,\n        },\n    };\n};\n\nexport const getObjectViewSpec = ({\n    properties,\n    disabled,\n    layoutTitle,\n    layout = 'accordeon',\n}: GetObjectViewSpecParams) => {\n    return {\n        layoutTitle,\n        type: 'base',\n        layout,\n        order: properties && Object.keys(properties).sort(),\n        disabled,\n    };\n};\n\nexport const getArrayViewSpec = ({layoutTitle}: BaseParams) => ({\n    layoutTitle,\n    type: 'base',\n    layout: 'accordeon',\n    layoutOpen: true,\n    itemLabel: 'Add Item',\n});\n\nexport const getPrimitiveViewSpec = ({layoutTitle, ...data}: GetPrimitiveViewSpecParams) => {\n    let type = data?.inputType || 'base';\n\n    if (data && 'enum' in data && data.enum) {\n        type = 'select';\n    }\n    return {\n        layout: 'row',\n        type,\n        layoutTitle,\n    };\n};\n"]}

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

@@ -1,4 +1,4 @@
 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" }) })));
+export const Tablet = (props) => (_jsx("svg", { 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

@@ -1 +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"]}
+{"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,cACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,kBAAkB,KAClB,KAAK,YAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,MAAM,GACpB,GACA,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/store/main/index.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import * as React from 'react';
 import { DEFAULT_THEME } from "../../../components/constants.js";
 import { HeaderBlockTypes } from "../../../models/index.js";
@@ -35,8 +34,7 @@ export function useMainState({ content: intialContent, custom }) {
         };
         const onSelect = (index) => dispatch({ type: SELECT_BLOCK, payload: index });
         const onContentUpdate = (newContent) => dispatch({ type: UPDATE_CONTENT, payload: newContent });
-        const injectEditBlockProps = (_a) => {
-            var { type, index: relativeIndex = 0, children } = _a, rest = __rest(_a, ["type", "index", "children"]);
+        const injectEditBlockProps = ({ type, index: relativeIndex = 0, children, ...rest }) => {
             const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;
             const isHeader = checkIsHeader(type);
             const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;
@@ -59,10 +57,14 @@ export function useMainState({ content: intialContent, custom }) {
                     });
                 }
             }
-            return Object.assign({ children,
+            return {
+                children,
                 isHeader,
                 isActive,
-                actions, onSelect: () => onSelect(index) }, rest);
+                actions,
+                onSelect: () => onSelect(index),
+                ...rest,
+            };
         };
         return {
             activeBlockIndex,

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

@@ -1 +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"]}
+{"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.js

@@ -10,12 +10,26 @@ export const UPDATE_CONTENT = 'UPDATE_CONTENT';
 // reducer
 export const reducer = (state, action) => {
     const { content } = state;
-    const getNewState = (blocks, activeBlockIndex) => (Object.assign(Object.assign({}, state), { content: Object.assign(Object.assign({}, content), { blocks }), activeBlockIndex }));
+    const getNewState = (blocks, activeBlockIndex) => ({
+        ...state,
+        content: {
+            ...content,
+            blocks,
+        },
+        activeBlockIndex,
+    });
     switch (action.type) {
         case UPDATE_CONTENT:
-            return Object.assign(Object.assign({}, state), { content: action.payload, errorBoundaryState: getErrorBoundaryState(state.errorBoundaryState) });
+            return {
+                ...state,
+                content: action.payload,
+                errorBoundaryState: getErrorBoundaryState(state.errorBoundaryState),
+            };
         case SELECT_BLOCK:
-            return Object.assign(Object.assign({}, state), { activeBlockIndex: action.payload });
+            return {
+                ...state,
+                activeBlockIndex: action.payload,
+            };
         case DELETE_BLOCK: {
             const blockId = action.payload;
             return getNewState(content.blocks.filter((_block, index) => index !== blockId), -1);

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

@@ -1 +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"]}
+{"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,CAAC;QAC3E,GAAG,KAAK;QACR,OAAO,EAAE;YACL,GAAG,OAAO;YACV,MAAM;SACT;QACD,gBAAgB;KACnB,CAAC,CAAC;IAEH,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,cAAc;YACf,OAAO;gBACH,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,CAAC,kBAAkB,CAAC;aACtE,CAAC;QACN,KAAK,YAAY;YACb,OAAO;gBACH,GAAG,KAAK;gBACR,gBAAgB,EAAE,MAAM,CAAC,OAAO;aACnC,CAAC;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.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];
@@ -23,7 +23,7 @@ export const addBlock = (array, block, index) => {
     return result;
 };
 export const addEditorProps = (content) => {
-    return Object.assign(Object.assign({}, content), { animated: false });
+    return { ...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

@@ -1 +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"]}
+{"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,OAAO,EAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC;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/reducer.js

@@ -9,13 +9,25 @@ export const UPDATE_THEME = 'UPDATE_THEME';
 export const reducer = (state, action) => {
     switch (action.type) {
         case UPDATE_VIEW_MODE:
-            return Object.assign(Object.assign({}, state), { viewMode: action.payload });
+            return {
+                ...state,
+                viewMode: action.payload,
+            };
         case UPDATE_EDIT_MODE:
-            return Object.assign(Object.assign({}, state), { editMode: action.payload });
+            return {
+                ...state,
+                editMode: action.payload,
+            };
         case UPDATE_THEME:
-            return Object.assign(Object.assign({}, state), { theme: action.payload });
+            return {
+                ...state,
+                theme: action.payload,
+            };
         case UPDATE_CODE_FULLSCREEN_MODE_ON:
-            return Object.assign(Object.assign({}, state), { codeFullscreeModeOn: action.payload });
+            return {
+                ...state,
+                codeFullscreeModeOn: action.payload,
+            };
         default:
             return state;
     }

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

@@ -1 +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"]}
+{"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,OAAO;gBACH,GAAG,KAAK;gBACR,QAAQ,EAAE,MAAM,CAAC,OAAO;aAC3B,CAAC;QACN,KAAK,gBAAgB;YACjB,OAAO;gBACH,GAAG,KAAK;gBACR,QAAQ,EAAE,MAAM,CAAC,OAAO;aAC3B,CAAC;QACN,KAAK,YAAY;YACb,OAAO;gBACH,GAAG,KAAK;gBACR,KAAK,EAAE,MAAM,CAAC,OAAO;aACxB,CAAC;QACN,KAAK,8BAA8B;YAC/B,OAAO;gBACH,GAAG,KAAK;gBACR,mBAAmB,EAAE,MAAM,CAAC,OAAO;aACtC,CAAC;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/utils/code.js

@@ -1,7 +1,9 @@
 import yaml from 'js-yaml';
 export function parseCode(code) {
-    var _a;
     const pageContent = yaml.load(code);
-    return Object.assign(Object.assign({}, pageContent), { blocks: (_a = pageContent.blocks) === null || _a === void 0 ? void 0 : _a.filter(Boolean) });
+    return {
+        ...pageContent,
+        blocks: pageContent.blocks?.filter(Boolean),
+    };
 }
 //# sourceMappingURL=code.js.map

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

@@ -1 +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"]}
+{"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,OAAO;QACH,GAAG,WAAW;QACd,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC;KAC9C,CAAC;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.js

@@ -1,9 +1,15 @@
-import capitalize from 'lodash/capitalize';
+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 || {};
-    return Object.assign(Object.assign({}, custom), { decorators: Object.assign(Object.assign({}, customDecorators), { block: [...(customDecorators.block || []), ...decorators] }) });
+    return {
+        ...custom,
+        decorators: {
+            ...customDecorators,
+            block: [...(customDecorators.block || []), ...decorators],
+        },
+    };
 };
 export const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
 export const checkIsMobile = (viewMode) => [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);

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

@@ -1 +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"]}
+{"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,OAAO;QACH,GAAG,MAAM;QACT,UAAU,EAAE;YACR,GAAG,gBAAgB;YACnB,KAAK,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC;SAC5D;KACJ,CAAC;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) {

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

@@ -1 +1 @@
-{"version":3,"file":"validation.js","sourceRoot":"../../../../src","sources":["editor/utils/validation.ts"],"names":[],"mappings":"AAAA,OAAO,GAAoC,MAAM,KAAK,CAAC;AACvD,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,MAAM,eAAe,GAAG,OAAO,CAAC;AAMhC,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IAC/B,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,0CAAe,CAAA;AACnB,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC;AAED,MAAM,UAAU,eAAe,CAAC,MAAmB;IAC/C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;IACtF,0DAA0D;IAC1D,+EAA+E;IAC/E,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE3B,OAAO,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,OAAe,EAAE,SAA2B;IACjE,IAAI,MAA8B,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,EAAC,MAAM,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC;QACD,MAAM,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,SAAS,CAAC,MAAM,EAAE,EAAC,CAAC,CAAC;QAEhE,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CACjC,CAAC,EAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAc,EAAE,EAAE;gBACzD,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC1E,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;oBAC7D,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;wBACjB,OAAO,GAAG,GAAG,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC1C,CAAC;oBACD,OAAO,GAAG,GAAG,KAAK,KAAK,EAAE,CAAC;gBAC9B,CAAC,CAAC,CAAC;gBACH,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC/C,OAAO,GAAG,GAAG,GAAG,YAAY,IAAI,UAAU,KAAK,OAAO,KAAK,YAAY,CAAC,IAAI,CACxE,IAAI,CACP,EAAE,CAAC;YACR,CAAC,CACJ,CAAC;YACF,MAAM,GAAG,EAAC,MAAM,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAC,CAAC;QACpF,CAAC;aAAM,CAAC;YACJ,MAAM,GAAG,EAAC,MAAM,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAC,CAAC;QAC9E,CAAC;IACL,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,MAAM,EAAC,OAAO,EAAC,GAAG,CAAsB,CAAC;QACzC,MAAM,GAAG,EAAC,MAAM,EAAE,uBAAuB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAiB,EAAC,CAAC;IAC9E,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC","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"]}
+{"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/index.js

@@ -4,6 +4,9 @@ import bundle from 'widget';
 import { DeviceFrameMessageType } from "./constants.js";
 import { getHostStyles } from "./utils.js";
 export class DeviceIframe {
+    iframeElement;
+    initialData;
+    settings;
     constructor(parentElement, { className = '', initialData, settings }) {
         const iframe = document.createElement('iframe');
         parentElement.appendChild(iframe);
@@ -21,8 +24,7 @@ export class DeviceIframe {
         }
     }
     onDataUpdate(data) {
-        var _a, _b;
-        (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage({
+        this.iframeElement?.contentWindow?.postMessage({
             type: DeviceFrameMessageType.Update,
             data,
         }, window.origin);
@@ -36,21 +38,19 @@ export class DeviceIframe {
         window.removeEventListener('message', this.onInit.bind(this));
     }
     addWidgetScript() {
-        var _a, _b;
-        const frameDoc = (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.document;
+        const frameDoc = this.iframeElement?.contentWindow?.document;
         if (frameDoc) {
-            const head = frameDoc === null || frameDoc === void 0 ? void 0 : frameDoc.getElementsByTagName('head')[0];
+            const head = frameDoc?.getElementsByTagName('head')[0];
             const script = frameDoc.createElement('script');
             script.appendChild(document.createTextNode(bundle));
             head.appendChild(script);
         }
     }
     addCustomStyles() {
-        var _a, _b;
         const { applyHostStyles, customStyles } = this.settings || {};
-        const frameDoc = (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.document;
+        const frameDoc = this.iframeElement?.contentWindow?.document;
         if (frameDoc) {
-            const head = frameDoc === null || frameDoc === void 0 ? void 0 : frameDoc.getElementsByTagName('head')[0];
+            const head = frameDoc?.getElementsByTagName('head')[0];
             let styles = applyHostStyles ? getHostStyles() : '';
             if (customStyles) {
                 styles += `\n${customStyles}`;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/widget/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,YAAY;AACZ,OAAO,MAAM,MAAM,QAAQ,CAAC;AAK5B,OAAO,EAAC,sBAAsB,EAAC,uBAAoB;AACnD,OAAO,EAAC,aAAa,EAAC,mBAAgB;AAUtC,MAAM,OAAO,YAAY;IAKrB,YACI,aAA6B,EAC7B,EAAC,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAqB;QAE3D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAElC,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;YACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;YAE/C,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;YAC7B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;YACjF,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAEnC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;YAC5B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;YAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAEzB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAE3D,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3B,CAAC;IACL,CAAC;IAED,YAAY,CAAC,IAAiB;;QAC1B,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,aAAa,0CAAE,WAAW,CAC1C;YACI,IAAI,EAAE,sBAAsB,CAAC,MAAM;YACnC,IAAI;SACP,EACD,MAAM,CAAC,MAAM,CAChB,CAAC;IACN,CAAC;IAED,kBAAkB,CAAC,MAAe;QAC9B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACxE,CAAC;IACL,CAAC;IAED,OAAO;QACH,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC;IAEO,eAAe;;QACnB,MAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,aAAa,0CAAE,QAAQ,CAAC;QAE7D,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YACvD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAEhD,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;YACpD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;IAEO,eAAe;;QACnB,MAAM,EAAC,eAAe,EAAE,YAAY,EAAC,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;QAC5D,MAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,aAAa,0CAAE,QAAQ,CAAC;QAE7D,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YACvD,IAAI,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAEpD,IAAI,YAAY,EAAE,CAAC;gBACf,MAAM,IAAI,KAAK,YAAY,EAAE,CAAC;YAClC,CAAC;YAED,IAAI,MAAM,EAAE,CAAC;gBACT,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAE9C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;gBACnD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACL,CAAC;IACL,CAAC;IAEO,MAAM,CAAC,KAAmB;QAC9B,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,IAAI,CAAC;QAE1B,IAAI,IAAI,KAAK,sBAAsB,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;CACJ","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"]}
+{"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/grid/Col/Col.js

@@ -1,9 +1,8 @@
-import { __rest } from "tslib";
 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"]);
+    const { children, style, qa, role, ...rest } = props;
     return (_jsx("div", { ref: ref, className: getColClass(rest), style: style, "data-qa": qa, role: role, children: children }));
 });
 Col.displayName = 'Col';

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

@@ -1 +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"]}
+{"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,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,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/hooks/useAnalytics.js

@@ -26,7 +26,10 @@ export const useAnalytics = (name = '', target) => {
             return;
         }
         const preparedEvents = additionalContext
-            ? events.map((event) => (Object.assign(Object.assign({}, event), additionalContext)))
+            ? events.map((event) => ({
+                ...event,
+                ...additionalContext,
+            }))
             : events;
         sendEvents(preparedEvents);
     };

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

@@ -1 +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"]}
+{"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,CAAC;gBACnB,GAAG,KAAK;gBACR,GAAG,iBAAiB;aACvB,CAAC,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"]}

package/build/esm/hooks/useFocus.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import noop from 'lodash/noop';
+import noop from "lodash/noop.js";
 import { MobileContext } from "../context/mobileContext/index.js";
 export default function useFocus(element) {
     const isMobile = React.useContext(MobileContext);

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

@@ -1 +1 @@
-{"version":3,"file":"useFocus.js","sourceRoot":"../../../src","sources":["hooks/useFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,0CAAiC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAqB;IAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,QAAQ,EAAE,CAAC;gBACX,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;gBAClE,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;YACxE,CAAC;YAED,OAAO,GAAG,EAAE;gBACR,IAAI,QAAQ,EAAE,CAAC;oBACX,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;gBACzD,CAAC;qBAAM,CAAC;oBACJ,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;oBACpD,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBAC1D,CAAC;YACL,CAAC,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9C,OAAO;QACH,QAAQ;QACR,QAAQ;QACR,UAAU;KACb,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport noop from 'lodash/noop';\n\nimport {MobileContext} from '../context/mobileContext';\n\nexport default function useFocus(element?: HTMLElement) {\n    const isMobile = React.useContext(MobileContext);\n\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const setFocus = React.useCallback(() => setHasFocus(true), []);\n    const unsetFocus = React.useCallback(() => setHasFocus(false), []);\n\n    React.useEffect(() => {\n        if (element) {\n            if (isMobile) {\n                element.addEventListener('pointerdown', setFocus, {passive: true});\n            } else {\n                element.addEventListener('mouseenter', setFocus, {passive: true});\n                element.addEventListener('mouseleave', unsetFocus, {passive: true});\n            }\n\n            return () => {\n                if (isMobile) {\n                    element.removeEventListener('pointerdown', setFocus);\n                } else {\n                    element.removeEventListener('mouseenter', setFocus);\n                    element.removeEventListener('mouseleave', unsetFocus);\n                }\n            };\n        }\n\n        return noop;\n    }, [element, isMobile, setFocus, unsetFocus]);\n\n    return {\n        hasFocus,\n        setFocus,\n        unsetFocus,\n    };\n}\n"]}
+{"version":3,"file":"useFocus.js","sourceRoot":"../../../src","sources":["hooks/useFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,aAAa,EAAC,0CAAiC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAqB;IAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,QAAQ,EAAE,CAAC;gBACX,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;gBAClE,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;YACxE,CAAC;YAED,OAAO,GAAG,EAAE;gBACR,IAAI,QAAQ,EAAE,CAAC;oBACX,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;gBACzD,CAAC;qBAAM,CAAC;oBACJ,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;oBACpD,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBAC1D,CAAC;YACL,CAAC,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9C,OAAO;QACH,QAAQ;QACR,QAAQ;QACR,UAAU;KACb,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport noop from 'lodash/noop';\n\nimport {MobileContext} from '../context/mobileContext';\n\nexport default function useFocus(element?: HTMLElement) {\n    const isMobile = React.useContext(MobileContext);\n\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const setFocus = React.useCallback(() => setHasFocus(true), []);\n    const unsetFocus = React.useCallback(() => setHasFocus(false), []);\n\n    React.useEffect(() => {\n        if (element) {\n            if (isMobile) {\n                element.addEventListener('pointerdown', setFocus, {passive: true});\n            } else {\n                element.addEventListener('mouseenter', setFocus, {passive: true});\n                element.addEventListener('mouseleave', unsetFocus, {passive: true});\n            }\n\n            return () => {\n                if (isMobile) {\n                    element.removeEventListener('pointerdown', setFocus);\n                } else {\n                    element.removeEventListener('mouseenter', setFocus);\n                    element.removeEventListener('mouseleave', unsetFocus);\n                }\n            };\n        }\n\n        return noop;\n    }, [element, isMobile, setFocus, unsetFocus]);\n\n    return {\n        hasFocus,\n        setFocus,\n        unsetFocus,\n    };\n}\n"]}

package/build/esm/hooks/useHeightCalculator.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import debounce from 'lodash/debounce';
+import debounce from "lodash/debounce.js";
 const DEFAULT_RECALCULATE_ON_RESIZE_DELAY = 1000;
 const DEFAULT_OPTIONS = {
     recalculateOnResizeDelay: DEFAULT_RECALCULATE_ON_RESIZE_DELAY,

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

@@ -1 +1 @@
-{"version":3,"file":"useHeightCalculator.js","sourceRoot":"../../../src","sources":["hooks/useHeightCalculator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAMvC,MAAM,mCAAmC,GAAG,IAAI,CAAC;AACjD,MAAM,eAAe,GAAG;IACpB,wBAAwB,EAAE,mCAAmC;CAChE,CAAC;AAEF,MAAM,mBAAmB,GAGC,CAAC,YAAY,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE;IAClE,MAAM,wBAAwB,GAAG,OAAO,CAAC,wBAAwB,CAAC;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE5F,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,YAAY,KAAK,eAAe;YAC7E,kBAAkB,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,YAAY,GAAG,QAAQ,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC;QAElF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEzD,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\ntype HeightCalculatorOptions = {\n    recalculateOnResizeDelay: number;\n};\n\nconst DEFAULT_RECALCULATE_ON_RESIZE_DELAY = 1000;\nconst DEFAULT_OPTIONS = {\n    recalculateOnResizeDelay: DEFAULT_RECALCULATE_ON_RESIZE_DELAY,\n};\n\nconst useHeightCalculator: (\n    containerRef: React.RefObject<HTMLElement>,\n    options?: HeightCalculatorOptions,\n) => number | undefined = (containerRef, options = DEFAULT_OPTIONS) => {\n    const recalculateOnResizeDelay = options.recalculateOnResizeDelay;\n    const [containerHeight, setContainerHeight] = React.useState<number | undefined>(undefined);\n\n    const calculateContainerHeight = React.useCallback(() => {\n        if (containerRef.current && containerRef.current.offsetHeight !== containerHeight)\n            setContainerHeight(containerRef.current.offsetHeight);\n    }, [containerRef, containerHeight, setContainerHeight]);\n\n    React.useEffect(() => {\n        const handleResize = debounce(calculateContainerHeight, recalculateOnResizeDelay);\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [calculateContainerHeight, recalculateOnResizeDelay]);\n\n    return containerHeight;\n};\n\nexport default useHeightCalculator;\n"]}
+{"version":3,"file":"useHeightCalculator.js","sourceRoot":"../../../src","sources":["hooks/useHeightCalculator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,2BAAwB;AAMvC,MAAM,mCAAmC,GAAG,IAAI,CAAC;AACjD,MAAM,eAAe,GAAG;IACpB,wBAAwB,EAAE,mCAAmC;CAChE,CAAC;AAEF,MAAM,mBAAmB,GAGC,CAAC,YAAY,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE;IAClE,MAAM,wBAAwB,GAAG,OAAO,CAAC,wBAAwB,CAAC;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE5F,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,YAAY,KAAK,eAAe;YAC7E,kBAAkB,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,YAAY,GAAG,QAAQ,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC;QAElF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEzD,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\ntype HeightCalculatorOptions = {\n    recalculateOnResizeDelay: number;\n};\n\nconst DEFAULT_RECALCULATE_ON_RESIZE_DELAY = 1000;\nconst DEFAULT_OPTIONS = {\n    recalculateOnResizeDelay: DEFAULT_RECALCULATE_ON_RESIZE_DELAY,\n};\n\nconst useHeightCalculator: (\n    containerRef: React.RefObject<HTMLElement>,\n    options?: HeightCalculatorOptions,\n) => number | undefined = (containerRef, options = DEFAULT_OPTIONS) => {\n    const recalculateOnResizeDelay = options.recalculateOnResizeDelay;\n    const [containerHeight, setContainerHeight] = React.useState<number | undefined>(undefined);\n\n    const calculateContainerHeight = React.useCallback(() => {\n        if (containerRef.current && containerRef.current.offsetHeight !== containerHeight)\n            setContainerHeight(containerRef.current.offsetHeight);\n    }, [containerRef, containerHeight, setContainerHeight]);\n\n    React.useEffect(() => {\n        const handleResize = debounce(calculateContainerHeight, recalculateOnResizeDelay);\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [calculateContainerHeight, recalculateOnResizeDelay]);\n\n    return containerHeight;\n};\n\nexport default useHeightCalculator;\n"]}

package/build/esm/hooks/useWindowBreakpoint.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import debounce from 'lodash/debounce';
+import debounce from "lodash/debounce.js";
 import { BREAKPOINTS } from "../constants.js";
 function calculate(windowWidth) {
     const breakpointsSorted = Object.values(BREAKPOINTS).sort((b1, b2) => b1 - b2);

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowBreakpoint.js","sourceRoot":"../../../src","sources":["hooks/useWindowBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAC,WAAW,EAAC,wBAAqB;AAEzC,SAAS,SAAS,CAAC,WAAmB;IAClC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAE/E,IAAI,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAElC,KAAK,MAAM,UAAU,IAAI,iBAAiB,EAAE,CAAC;QACzC,IAAI,WAAW,IAAI,UAAU,EAAE,CAAC;YAC5B,MAAM,GAAG,UAAU,CAAC;QACxB,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC;QAClB,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YACzB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,MAAM,EAAE,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {BREAKPOINTS} from '../constants';\n\nfunction calculate(windowWidth: number) {\n    const breakpointsSorted = Object.values(BREAKPOINTS).sort((b1, b2) => b1 - b2);\n\n    let result = breakpointsSorted[0];\n\n    for (const breakpoint of breakpointsSorted) {\n        if (windowWidth >= breakpoint) {\n            result = breakpoint;\n        } else {\n            return result;\n        }\n    }\n\n    return result;\n}\n\nexport default function useWindowBreakpoint() {\n    const [breakpoint, setBreakpoint] = React.useState(BREAKPOINTS.sm);\n\n    React.useEffect(() => {\n        setBreakpoint(calculate(window.innerWidth));\n\n        const detect = debounce(() => {\n            setBreakpoint(calculate(window.innerWidth));\n        }, 100);\n\n        detect();\n\n        window.addEventListener('resize', detect, {passive: true});\n\n        return () => window.removeEventListener('resize', detect);\n    }, []);\n\n    return breakpoint;\n}\n"]}
+{"version":3,"file":"useWindowBreakpoint.js","sourceRoot":"../../../src","sources":["hooks/useWindowBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,2BAAwB;AAEvC,OAAO,EAAC,WAAW,EAAC,wBAAqB;AAEzC,SAAS,SAAS,CAAC,WAAmB;IAClC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAE/E,IAAI,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAElC,KAAK,MAAM,UAAU,IAAI,iBAAiB,EAAE,CAAC;QACzC,IAAI,WAAW,IAAI,UAAU,EAAE,CAAC;YAC5B,MAAM,GAAG,UAAU,CAAC;QACxB,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC;QAClB,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YACzB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,MAAM,EAAE,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\n\nimport {BREAKPOINTS} from '../constants';\n\nfunction calculate(windowWidth: number) {\n    const breakpointsSorted = Object.values(BREAKPOINTS).sort((b1, b2) => b1 - b2);\n\n    let result = breakpointsSorted[0];\n\n    for (const breakpoint of breakpointsSorted) {\n        if (windowWidth >= breakpoint) {\n            result = breakpoint;\n        } else {\n            return result;\n        }\n    }\n\n    return result;\n}\n\nexport default function useWindowBreakpoint() {\n    const [breakpoint, setBreakpoint] = React.useState(BREAKPOINTS.sm);\n\n    React.useEffect(() => {\n        setBreakpoint(calculate(window.innerWidth));\n\n        const detect = debounce(() => {\n            setBreakpoint(calculate(window.innerWidth));\n        }, 100);\n\n        detect();\n\n        window.addEventListener('resize', detect, {passive: true});\n\n        return () => window.removeEventListener('resize', detect);\n    }, []);\n\n    return breakpoint;\n}\n"]}

package/build/esm/icons/BrandIconDark.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const BrandIconDark = (props) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, a11yHiddenSvgProps, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.8424 19.8433C24.3958 15.2896 24.3958 7.90683 19.8424 3.35327L16.5682 6.6277C19.244 9.40598 19.2329 13.8068 16.5192 16.5207C13.8055 19.2345 9.4048 19.2457 6.62664 16.5697L3.35327 19.8433C7.90663 24.3967 15.2891 24.3967 19.8424 19.8433Z", fill: "url(#paint0_radial_6_104)" }), _jsx("mask", { id: "mask0_6_104", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z", fill: "#FF3377" }) }), _jsxs("g", { mask: "url(#mask0_6_104)", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z", fill: "#FF3377" }), _jsx("g", { filter: "url(#filter0_f_6_104)", children: _jsx("path", { d: "M3.66425 16.9431C1.23717 13.223 1.65507 8.18643 4.91797 4.91963C8.18443 1.64924 13.2224 1.2335 16.9393 3.67239C17.2067 3.84045 17.3423 3.92521 17.4693 3.97423C17.7646 4.08818 18.008 4.10447 18.3158 4.03088C18.4503 3.99874 18.6311 3.91633 18.9928 3.75149C20.1947 3.20385 21.8808 2.02762 22.4725 2.62002C23.3813 3.52987 20.6464 8.26011 14.4508 14.4631C8.25521 20.666 3.53061 23.5804 2.62184 22.6706C2.03011 22.0781 3.20502 20.2137 3.75214 19.0102C3.91609 18.6497 3.99806 18.4693 4.03013 18.3355C4.10438 18.0256 4.08784 17.7804 3.97268 17.4833C3.92291 17.355 3.83661 17.2178 3.66402 16.9433L3.66425 16.9431Z", fill: "#FFFF00" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_f_6_104", x: "-1.54024", y: "-1.54195", width: "27.8346", height: "28.0273", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), _jsx("feGaussianBlur", { stdDeviation: "1.82578", result: "effect1_foregroundBlur_6_104" })] }), _jsxs("radialGradient", { id: "paint0_radial_6_104", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.5717 11.7474) rotate(45.0013) scale(11.5058)", children: [_jsx("stop", { offset: "0.646153", stopColor: "#FFFF00" }), _jsx("stop", { offset: "1", stopColor: "#FF3377" })] })] })] })));
+export const BrandIconDark = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...a11yHiddenSvgProps, ...props, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.8424 19.8433C24.3958 15.2896 24.3958 7.90683 19.8424 3.35327L16.5682 6.6277C19.244 9.40598 19.2329 13.8068 16.5192 16.5207C13.8055 19.2345 9.4048 19.2457 6.62664 16.5697L3.35327 19.8433C7.90663 24.3967 15.2891 24.3967 19.8424 19.8433Z", fill: "url(#paint0_radial_6_104)" }), _jsx("mask", { id: "mask0_6_104", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z", fill: "#FF3377" }) }), _jsxs("g", { mask: "url(#mask0_6_104)", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z", fill: "#FF3377" }), _jsx("g", { filter: "url(#filter0_f_6_104)", children: _jsx("path", { d: "M3.66425 16.9431C1.23717 13.223 1.65507 8.18643 4.91797 4.91963C8.18443 1.64924 13.2224 1.2335 16.9393 3.67239C17.2067 3.84045 17.3423 3.92521 17.4693 3.97423C17.7646 4.08818 18.008 4.10447 18.3158 4.03088C18.4503 3.99874 18.6311 3.91633 18.9928 3.75149C20.1947 3.20385 21.8808 2.02762 22.4725 2.62002C23.3813 3.52987 20.6464 8.26011 14.4508 14.4631C8.25521 20.666 3.53061 23.5804 2.62184 22.6706C2.03011 22.0781 3.20502 20.2137 3.75214 19.0102C3.91609 18.6497 3.99806 18.4693 4.03013 18.3355C4.10438 18.0256 4.08784 17.7804 3.97268 17.4833C3.92291 17.355 3.83661 17.2178 3.66402 16.9433L3.66425 16.9431Z", fill: "#FFFF00" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_f_6_104", x: "-1.54024", y: "-1.54195", width: "27.8346", height: "28.0273", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), _jsx("feGaussianBlur", { stdDeviation: "1.82578", result: "effect1_foregroundBlur_6_104" })] }), _jsxs("radialGradient", { id: "paint0_radial_6_104", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.5717 11.7474) rotate(45.0013) scale(11.5058)", children: [_jsx("stop", { offset: "0.646153", stopColor: "#FFFF00" }), _jsx("stop", { offset: "1", stopColor: "#FF3377" })] })] })] }));
 //# sourceMappingURL=BrandIconDark.js.map