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

package/build/esm/components/YandexForm/schema.js

@@ -2,10 +2,14 @@ import { BaseProps } from "../../schema/validators/common.js";
 export const YandexFormProps = {
     type: 'object',
     required: ['id'],
-    properties: Object.assign(Object.assign({}, BaseProps), { id: {
+    properties: {
+        ...BaseProps,
+        id: {
             type: 'string',
-        }, containerId: {
+        },
+        containerId: {
             type: 'string',
-        } }),
+        },
+    },
 };
 //# sourceMappingURL=schema.js.map

package/build/esm/components/YandexForm/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/YandexForm/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,0CAAuC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,kCACH,SAAS,KACZ,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB,EACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;SACjB,GACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const YandexFormProps = {\n    type: 'object',\n    required: ['id'],\n    properties: {\n        ...BaseProps,\n        id: {\n            type: 'string',\n        },\n        containerId: {\n            type: 'string',\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/YandexForm/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,0CAAuC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE;QACR,GAAG,SAAS;QACZ,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,WAAW,EAAE;YACT,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../schema/validators/common';\n\nexport const YandexFormProps = {\n    type: 'object',\n    required: ['id'],\n    properties: {\n        ...BaseProps,\n        id: {\n            type: 'string',\n        },\n        containerId: {\n            type: 'string',\n        },\n    },\n};\n"]}

package/build/esm/containers/Loadable/Loadable.js

@@ -22,7 +22,7 @@ const Loadable = (props) => {
             setDataState({ loading: true, error: false });
             let data, error;
             try {
-                data = await fetch(Object.assign({ blockKey, serviceId }, (params !== null && params !== void 0 ? params : {})));
+                data = await fetch({ blockKey, serviceId, ...(params ?? {}) });
                 error = false;
                 setDataState({ data, loading: false, error });
             }
@@ -37,8 +37,8 @@ const Loadable = (props) => {
     if (loading) {
         return (_jsx("div", { className: b('loader'), children: _jsx(Spin, { size: "xl" }) }));
     }
-    return (_jsx(ErrorWrapper, { isError: error, text: i18n('loadable-load-error'), buttonText: i18n('loadable-try-again'), handler: onTryAgain, children: _jsx(Component, Object.assign({}, block, { children: data &&
-                (Array.isArray(data) ? (data.map((componentData, index) => (_jsx(ChildComponent, Object.assign({}, componentData), componentData.id || index)))) : (_jsx(ChildComponent, Object.assign({}, data)))) })) }));
+    return (_jsx(ErrorWrapper, { isError: error, text: i18n('loadable-load-error'), buttonText: i18n('loadable-try-again'), handler: onTryAgain, children: _jsx(Component, { ...block, children: data &&
+                (Array.isArray(data) ? (data.map((componentData, index) => (_jsx(ChildComponent, { ...componentData }, componentData.id || index)))) : (_jsx(ChildComponent, { ...data }))) }) }));
 };
 export default Loadable;
 //# sourceMappingURL=Loadable.js.map

package/build/esm/containers/Loadable/Loadable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loadable.js","sourceRoot":"../../../../src","sources":["containers/Loadable/Loadable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Spin} from '@gravity-ui/uikit';\n\nimport ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';\nimport {\n    ConstructorBlock,\n    CustomItem,\n    FetchLoadableData,\n    LoadableData,\n    LoadableProps,\n} from '../../models';\nimport {block as blockCn} from '../../utils/cn';\n\nimport {i18n} from './i18n';\n\nimport './Loadable.scss';\n\nconst b = blockCn('loadable-block');\n\nexport interface LoadableState {\n    loading: boolean;\n    error: boolean;\n    data?: LoadableData;\n}\n\nexport interface LoadableComponentsProps\n    extends Omit<React.PropsWithChildren<LoadableProps>, 'source'> {\n    Component: CustomItem;\n    ChildComponent: CustomItem;\n    block: ConstructorBlock;\n    blockKey: string;\n    fetch: FetchLoadableData;\n}\n\nconst initData = {\n    loading: false,\n    error: false,\n};\n\nconst Loadable = (props: LoadableComponentsProps) => {\n    const {Component, ChildComponent, fetch, block, blockKey, serviceId, params} = props;\n    const [dataState, setDataState] = React.useState<LoadableState>(initData);\n    const [refetchIndex, setRefetchIndex] = React.useState<number>(0);\n    const onTryAgain = React.useCallback(() => {\n        setRefetchIndex(refetchIndex + 1);\n    }, [refetchIndex]);\n\n    React.useEffect(() => {\n        async function processData() {\n            setDataState({loading: true, error: false});\n\n            let data, error;\n\n            try {\n                data = await fetch({blockKey, serviceId, ...(params ?? {})});\n                error = false;\n\n                setDataState({data, loading: false, error});\n            } catch (ex) {\n                error = true;\n                setDataState({loading: false, error});\n            }\n        }\n\n        processData();\n    }, [refetchIndex, fetch, blockKey, serviceId, params]);\n\n    const {error, loading, data} = dataState;\n\n    if (loading) {\n        return (\n            <div className={b('loader')}>\n                <Spin size=\"xl\" />\n            </div>\n        );\n    }\n\n    return (\n        <ErrorWrapper\n            isError={error}\n            text={i18n('loadable-load-error')}\n            buttonText={i18n('loadable-try-again')}\n            handler={onTryAgain}\n        >\n            <Component {...block}>\n                {data &&\n                    (Array.isArray(data) ? (\n                        data.map((componentData: LoadableData, index: number) => (\n                            <ChildComponent key={componentData.id || index} {...componentData} />\n                        ))\n                    ) : (\n                        <ChildComponent {...data} />\n                    ))}\n            </Component>\n        </ErrorWrapper>\n    );\n};\n\nexport default Loadable;\n"]}
+{"version":3,"file":"Loadable.js","sourceRoot":"../../../../src","sources":["containers/Loadable/Loadable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Spin} from '@gravity-ui/uikit';\n\nimport ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';\nimport {\n    ConstructorBlock,\n    CustomItem,\n    FetchLoadableData,\n    LoadableData,\n    LoadableProps,\n} from '../../models';\nimport {block as blockCn} from '../../utils/cn';\n\nimport {i18n} from './i18n';\n\nimport './Loadable.scss';\n\nconst b = blockCn('loadable-block');\n\nexport interface LoadableState {\n    loading: boolean;\n    error: boolean;\n    data?: LoadableData;\n}\n\nexport interface LoadableComponentsProps\n    extends Omit<React.PropsWithChildren<LoadableProps>, 'source'> {\n    Component: CustomItem;\n    ChildComponent: CustomItem;\n    block: ConstructorBlock;\n    blockKey: string;\n    fetch: FetchLoadableData;\n}\n\nconst initData = {\n    loading: false,\n    error: false,\n};\n\nconst Loadable = (props: LoadableComponentsProps) => {\n    const {Component, ChildComponent, fetch, block, blockKey, serviceId, params} = props;\n    const [dataState, setDataState] = React.useState<LoadableState>(initData);\n    const [refetchIndex, setRefetchIndex] = React.useState<number>(0);\n    const onTryAgain = React.useCallback(() => {\n        setRefetchIndex(refetchIndex + 1);\n    }, [refetchIndex]);\n\n    React.useEffect(() => {\n        async function processData() {\n            setDataState({loading: true, error: false});\n\n            let data, error;\n\n            try {\n                data = await fetch({blockKey, serviceId, ...(params ?? {})});\n                error = false;\n\n                setDataState({data, loading: false, error});\n            } catch (ex) {\n                error = true;\n                setDataState({loading: false, error});\n            }\n        }\n\n        processData();\n    }, [refetchIndex, fetch, blockKey, serviceId, params]);\n\n    const {error, loading, data} = dataState;\n\n    if (loading) {\n        return (\n            <div className={b('loader')}>\n                <Spin size=\"xl\" />\n            </div>\n        );\n    }\n\n    return (\n        <ErrorWrapper\n            isError={error}\n            text={i18n('loadable-load-error')}\n            buttonText={i18n('loadable-try-again')}\n            handler={onTryAgain}\n        >\n            <Component {...block}>\n                {data &&\n                    (Array.isArray(data) ? (\n                        data.map((componentData: LoadableData, index: number) => (\n                            <ChildComponent key={componentData.id || index} {...componentData} />\n                        ))\n                    ) : (\n                        <ChildComponent {...data} />\n                    ))}\n            </Component>\n        </ErrorWrapper>\n    );\n};\n\nexport default Loadable;\n"]}

package/build/esm/containers/PageConstructor/PageConstructor.css

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap");
 @import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */

package/build/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import '@diplodoc/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/yfm.js';
 import { blockMap, navItemMap, subBlockMap } from "../../constructor-items.js";
 import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from "../../models/index.js";
 import './PageConstructor.css';

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -1,7 +1,6 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import '@diplodoc/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/yfm.js';
 import BackgroundMedia from "../../components/BackgroundMedia/BackgroundMedia.js";
 import BrandFooter from "../../components/BrandFooter/BrandFooter.js";
 import RootCn from "../../components/RootCn/index.js";
@@ -30,12 +29,19 @@ export const Constructor = (props) => {
                 ...NavigationItemTypes,
                 ...getCustomTypes(['navigation'], custom),
             ],
-            itemMap: Object.assign(Object.assign(Object.assign({}, blockMap), subBlockMap), getCustomItems(['blocks', 'headers', 'subBlocks'], custom)),
-            navItemMap: Object.assign(Object.assign({}, navItemMap), getCustomItems(['navigation'], custom)),
-            loadables: custom === null || custom === void 0 ? void 0 : custom.loadable,
+            itemMap: {
+                ...blockMap,
+                ...subBlockMap,
+                ...getCustomItems(['blocks', 'headers', 'subBlocks'], custom),
+            },
+            navItemMap: {
+                ...navItemMap,
+                ...getCustomItems(['navigation'], custom),
+            },
+            loadables: custom?.loadable,
             shouldRenderBlock,
             customization: {
-                decorators: custom === null || custom === void 0 ? void 0 : custom.decorators,
+                decorators: custom?.decorators,
             },
             microdata,
         },
@@ -44,11 +50,11 @@ export const Constructor = (props) => {
     const header = getHeaderBlock(blocks, context.headerBlockTypes);
     const restBlocks = getOrderedBlocks(blocks, context.headerBlockTypes);
     const themedBackground = getThemedValue(background, theme);
-    return (_jsx(InnerContext.Provider, { value: context, children: _jsx(RootCn, { className: b(), children: _jsxs("div", { className: b('wrapper'), children: [themedBackground && (_jsx(BackgroundMedia, Object.assign({}, themedBackground, { className: b('background') }))), _jsxs(Layout, { navigation: navigation, children: [renderMenu && renderMenu(), header && (_jsx(ConstructorHeader, { data: header, blockKey: BlockType.HeaderBlock })), _jsx(Grid, { children: restBlocks && (_jsx(ConstructorRow, { children: _jsx(ConstructorBlocks, { items: restBlocks }) })) })] }), isBranded && _jsx(BrandFooter, {})] }) }) }));
+    return (_jsx(InnerContext.Provider, { value: context, children: _jsx(RootCn, { className: b(), children: _jsxs("div", { className: b('wrapper'), children: [themedBackground && (_jsx(BackgroundMedia, { ...themedBackground, className: b('background') })), _jsxs(Layout, { navigation: navigation, children: [renderMenu && renderMenu(), header && (_jsx(ConstructorHeader, { data: header, blockKey: BlockType.HeaderBlock })), _jsx(Grid, { children: restBlocks && (_jsx(ConstructorRow, { children: _jsx(ConstructorBlocks, { items: restBlocks }) })) })] }), isBranded && _jsx(BrandFooter, {})] }) }) }));
 };
 export const PageConstructor = (props) => {
     const { isAnimationEnabled = true } = React.useContext(ProjectSettingsContext);
-    const { content: { animated = isAnimationEnabled } = {} } = props, rest = __rest(props, ["content"]);
-    return (_jsx(AnimateContext.Provider, { value: { animated }, children: _jsx(Constructor, Object.assign({ content: props.content }, rest)) }));
+    const { content: { animated = isAnimationEnabled } = {}, ...rest } = props;
+    return (_jsx(AnimateContext.Provider, { value: { animated }, children: _jsx(Constructor, { content: props.content, ...rest }) }));
 };
 //# sourceMappingURL=PageConstructor.js.map

package/build/esm/containers/PageConstructor/PageConstructor.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport '@diplodoc/transform/dist/js/yfm';\n\nimport BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport RootCn from '../../components/RootCn';\nimport {blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {AnimateContext} from '../../context/animateContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useTheme} from '../../context/theme';\nimport {Grid} from '../../grid';\nimport {\n    BlockType,\n    BlockTypes,\n    CustomConfig,\n    CustomItems,\n    HeaderBlockTypes,\n    NavigationData,\n    NavigationItemTypes,\n    PageContent,\n    ShouldRenderBlock,\n    SubBlockTypes,\n} from '../../models';\nimport Layout from '../../navigation/containers/Layout/Layout';\nimport {\n    block as cnBlock,\n    getCustomItems,\n    getCustomTypes,\n    getHeaderBlock,\n    getOrderedBlocks,\n    getThemedValue,\n} from '../../utils';\n\nimport {ConstructorBlocks} from './components/ConstructorBlocks';\nimport {ConstructorHeader} from './components/ConstructorItem';\nimport {ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n    content?: PageContent;\n    shouldRenderBlock?: ShouldRenderBlock;\n    custom?: CustomConfig;\n    renderMenu?: () => React.ReactNode;\n    navigation?: NavigationData;\n    isBranded?: boolean;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport const Constructor = (props: PageConstructorProps) => {\n    const {\n        content: {blocks = [], background} = {},\n        renderMenu,\n        shouldRenderBlock,\n        navigation,\n        custom,\n        isBranded,\n        microdata,\n    } = props;\n\n    const {context} = React.useMemo(\n        () => ({\n            context: {\n                blockTypes: [...BlockTypes, ...getCustomTypes(['blocks', 'headers'], custom)],\n                subBlockTypes: [...SubBlockTypes, ...getCustomTypes(['subBlocks'], custom)],\n                headerBlockTypes: [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)],\n                navigationBlockTypes: [\n                    ...NavigationItemTypes,\n                    ...getCustomTypes(['navigation'], custom),\n                ],\n                itemMap: {\n                    ...blockMap,\n                    ...subBlockMap,\n                    ...getCustomItems(['blocks', 'headers', 'subBlocks'], custom),\n                },\n                navItemMap: {\n                    ...navItemMap,\n                    ...getCustomItems(['navigation'], custom),\n                },\n                loadables: custom?.loadable,\n                shouldRenderBlock,\n                customization: {\n                    decorators: custom?.decorators,\n                },\n                microdata,\n            },\n        }),\n        [custom, shouldRenderBlock, microdata],\n    );\n\n    const theme = useTheme();\n\n    const header = getHeaderBlock(blocks, context.headerBlockTypes);\n    const restBlocks = getOrderedBlocks(blocks, context.headerBlockTypes);\n    const themedBackground = getThemedValue(background, theme);\n\n    return (\n        <InnerContext.Provider value={context}>\n            <RootCn className={b()}>\n                <div className={b('wrapper')}>\n                    {themedBackground && (\n                        <BackgroundMedia {...themedBackground} className={b('background')} />\n                    )}\n                    <Layout navigation={navigation}>\n                        {renderMenu && renderMenu()}\n                        {header && (\n                            <ConstructorHeader data={header} blockKey={BlockType.HeaderBlock} />\n                        )}\n                        <Grid>\n                            {restBlocks && (\n                                <ConstructorRow>\n                                    <ConstructorBlocks items={restBlocks} />\n                                </ConstructorRow>\n                            )}\n                        </Grid>\n                    </Layout>\n                    {isBranded && <BrandFooter />}\n                </div>\n            </RootCn>\n        </InnerContext.Provider>\n    );\n};\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n    const {isAnimationEnabled = true} = React.useContext(ProjectSettingsContext);\n    const {content: {animated = isAnimationEnabled} = {}, ...rest} = props;\n\n    return (\n        <AnimateContext.Provider value={{animated}}>\n            <Constructor content={props.content} {...rest} />\n        </AnimateContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport '@diplodoc/transform/dist/js/yfm.js';\n\nimport BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport RootCn from '../../components/RootCn';\nimport {blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {AnimateContext} from '../../context/animateContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useTheme} from '../../context/theme';\nimport {Grid} from '../../grid';\nimport {\n    BlockType,\n    BlockTypes,\n    CustomConfig,\n    CustomItems,\n    HeaderBlockTypes,\n    NavigationData,\n    NavigationItemTypes,\n    PageContent,\n    ShouldRenderBlock,\n    SubBlockTypes,\n} from '../../models';\nimport Layout from '../../navigation/containers/Layout/Layout';\nimport {\n    block as cnBlock,\n    getCustomItems,\n    getCustomTypes,\n    getHeaderBlock,\n    getOrderedBlocks,\n    getThemedValue,\n} from '../../utils';\n\nimport {ConstructorBlocks} from './components/ConstructorBlocks';\nimport {ConstructorHeader} from './components/ConstructorItem';\nimport {ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n    content?: PageContent;\n    shouldRenderBlock?: ShouldRenderBlock;\n    custom?: CustomConfig;\n    renderMenu?: () => React.ReactNode;\n    navigation?: NavigationData;\n    isBranded?: boolean;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport const Constructor = (props: PageConstructorProps) => {\n    const {\n        content: {blocks = [], background} = {},\n        renderMenu,\n        shouldRenderBlock,\n        navigation,\n        custom,\n        isBranded,\n        microdata,\n    } = props;\n\n    const {context} = React.useMemo(\n        () => ({\n            context: {\n                blockTypes: [...BlockTypes, ...getCustomTypes(['blocks', 'headers'], custom)],\n                subBlockTypes: [...SubBlockTypes, ...getCustomTypes(['subBlocks'], custom)],\n                headerBlockTypes: [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)],\n                navigationBlockTypes: [\n                    ...NavigationItemTypes,\n                    ...getCustomTypes(['navigation'], custom),\n                ],\n                itemMap: {\n                    ...blockMap,\n                    ...subBlockMap,\n                    ...getCustomItems(['blocks', 'headers', 'subBlocks'], custom),\n                },\n                navItemMap: {\n                    ...navItemMap,\n                    ...getCustomItems(['navigation'], custom),\n                },\n                loadables: custom?.loadable,\n                shouldRenderBlock,\n                customization: {\n                    decorators: custom?.decorators,\n                },\n                microdata,\n            },\n        }),\n        [custom, shouldRenderBlock, microdata],\n    );\n\n    const theme = useTheme();\n\n    const header = getHeaderBlock(blocks, context.headerBlockTypes);\n    const restBlocks = getOrderedBlocks(blocks, context.headerBlockTypes);\n    const themedBackground = getThemedValue(background, theme);\n\n    return (\n        <InnerContext.Provider value={context}>\n            <RootCn className={b()}>\n                <div className={b('wrapper')}>\n                    {themedBackground && (\n                        <BackgroundMedia {...themedBackground} className={b('background')} />\n                    )}\n                    <Layout navigation={navigation}>\n                        {renderMenu && renderMenu()}\n                        {header && (\n                            <ConstructorHeader data={header} blockKey={BlockType.HeaderBlock} />\n                        )}\n                        <Grid>\n                            {restBlocks && (\n                                <ConstructorRow>\n                                    <ConstructorBlocks items={restBlocks} />\n                                </ConstructorRow>\n                            )}\n                        </Grid>\n                    </Layout>\n                    {isBranded && <BrandFooter />}\n                </div>\n            </RootCn>\n        </InnerContext.Provider>\n    );\n};\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n    const {isAnimationEnabled = true} = React.useContext(ProjectSettingsContext);\n    const {content: {animated = isAnimationEnabled} = {}, ...rest} = props;\n\n    return (\n        <AnimateContext.Provider value={{animated}}>\n            <Constructor content={props.content} {...rest} />\n        </AnimateContext.Provider>\n    );\n};\n"]}

package/build/esm/containers/PageConstructor/Provider.js

@@ -24,7 +24,7 @@ export const PageConstructorProvider = (props) => {
         _jsx(MapsContext.Provider, { value: mapsContext }),
         _jsx(AnalyticsContext.Provider, { value: analytics }),
         _jsx(FormsContext.Provider, { value: forms }),
-        _jsx(SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
+        _jsx(SSRContext.Provider, { value: { isServer: ssrConfig?.isServer } }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     /* eslint-enable react/jsx-key */
     return _jsx(React.Fragment, { children: context });

package/build/esm/containers/PageConstructor/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,sCAAmC;AACzD,OAAO,EAAC,gBAAgB,EAAwB,gDAAuC;AACvF,OAAO,EACH,2BAA2B,EAC3B,YAAY,GAEf,mDAAgD;AACjD,OAAO,EAAC,YAAY,EAAoB,4CAAmC;AAC3E,OAAO,EAAC,aAAa,EAAqB,6CAAoC;AAC9E,OAAO,EAAC,eAAe,EAAuB,+CAAsC;AACpF,OAAO,EAAC,WAAW,EAAmB,eAAe,EAAC,iDAA8C;AACpG,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAC1D,OAAO,EACH,sBAAsB,GAEzB,sDAA6C;AAC9C,OAAO,EAAC,UAAU,EAAkB,0CAAiC;AACrE,OAAO,EAAC,YAAY,EAAC,qCAA4B;AAgBjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,KAA4D,EAC9D,EAAE;IACA,MAAM,EACF,QAAQ,EACR,WAAW,GAAG,eAAe,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,KAAK,GAAG,aAAa,EACrB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,2BAA2B,GACtC,GAAG,KAAK,CAAC;IAEV,kCAAkC;IAClC,MAAM,OAAO,GAAG;QACZ,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAC,GAAI;QACzC,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;QAC3D,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,GAAI;QACzC,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAI;QAC7C,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAI;QACpD,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,GAAI;QAC5C,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI;QAC/C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAC,GAAI;KAClE,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpF,iCAAiC;IAEjC,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {AnalyticsContext, AnalyticsContextProps} from '../../context/analyticsContext';\nimport {\n    DEFAULT_FORMS_CONTEXT_VALUE,\n    FormsContext,\n    FormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {ImageContext, ImageContextProps} from '../../context/imageContext';\nimport {LocaleContext, LocaleContextProps} from '../../context/localeContext';\nimport {LocationContext, LocationContextProps} from '../../context/locationContext';\nimport {MapsContext, MapsContextType, initialMapValue} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {\n    ProjectSettingsContext,\n    ProjectSettingsContextProps,\n} from '../../context/projectSettingsContext';\nimport {SSRContext, SSRContextProps} from '../../context/ssrContext';\nimport {ThemeContext} from '../../context/theme';\nimport {Theme} from '../../models';\n\nexport interface PageConstructorProviderProps {\n    isMobile?: boolean;\n    locale?: LocaleContextProps;\n    location?: LocationContextProps;\n    ssrConfig?: SSRContextProps;\n    theme?: Theme;\n    mapsContext?: MapsContextType;\n    projectSettings?: ProjectSettingsContextProps;\n    analytics?: AnalyticsContextProps;\n    forms?: FormsContextProps;\n    image?: ImageContextProps;\n}\n\nexport const PageConstructorProvider = (\n    props: React.PropsWithChildren<PageConstructorProviderProps>,\n) => {\n    const {\n        isMobile,\n        mapsContext = initialMapValue,\n        locale = {},\n        location = {},\n        analytics = {},\n        ssrConfig = {},\n        projectSettings = {},\n        theme = DEFAULT_THEME,\n        children,\n        image = {},\n        forms = DEFAULT_FORMS_CONTEXT_VALUE,\n    } = props;\n\n    /* eslint-disable react/jsx-key */\n    const context = [\n        <ThemeContext.Provider value={{theme}} />,\n        <ProjectSettingsContext.Provider value={projectSettings} />,\n        <LocaleContext.Provider value={locale} />,\n        <ImageContext.Provider value={image} />,\n        <LocationContext.Provider value={location} />,\n        <MobileContext.Provider value={Boolean(isMobile)} />,\n        <MapsContext.Provider value={mapsContext} />,\n        <AnalyticsContext.Provider value={analytics} />,\n        <FormsContext.Provider value={forms} />,\n        <SSRContext.Provider value={{isServer: ssrConfig?.isServer}} />,\n    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);\n    /* eslint-enable react/jsx-key */\n\n    return <React.Fragment>{context}</React.Fragment>;\n};\n"]}
+{"version":3,"file":"Provider.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,sCAAmC;AACzD,OAAO,EAAC,gBAAgB,EAAwB,gDAAuC;AACvF,OAAO,EACH,2BAA2B,EAC3B,YAAY,GAEf,mDAAgD;AACjD,OAAO,EAAC,YAAY,EAAoB,4CAAmC;AAC3E,OAAO,EAAC,aAAa,EAAqB,6CAAoC;AAC9E,OAAO,EAAC,eAAe,EAAuB,+CAAsC;AACpF,OAAO,EAAC,WAAW,EAAmB,eAAe,EAAC,iDAA8C;AACpG,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAC1D,OAAO,EACH,sBAAsB,GAEzB,sDAA6C;AAC9C,OAAO,EAAC,UAAU,EAAkB,0CAAiC;AACrE,OAAO,EAAC,YAAY,EAAC,qCAA4B;AAgBjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,KAA4D,EAC9D,EAAE;IACA,MAAM,EACF,QAAQ,EACR,WAAW,GAAG,eAAe,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,KAAK,GAAG,aAAa,EACrB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,2BAA2B,GACtC,GAAG,KAAK,CAAC;IAEV,kCAAkC;IAClC,MAAM,OAAO,GAAG;QACZ,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAC,GAAI;QACzC,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;QAC3D,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,GAAI;QACzC,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAI;QAC7C,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAI;QACpD,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,GAAI;QAC5C,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI;QAC/C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAC,GAAI;KAClE,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpF,iCAAiC;IAEjC,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {AnalyticsContext, AnalyticsContextProps} from '../../context/analyticsContext';\nimport {\n    DEFAULT_FORMS_CONTEXT_VALUE,\n    FormsContext,\n    FormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {ImageContext, ImageContextProps} from '../../context/imageContext';\nimport {LocaleContext, LocaleContextProps} from '../../context/localeContext';\nimport {LocationContext, LocationContextProps} from '../../context/locationContext';\nimport {MapsContext, MapsContextType, initialMapValue} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {\n    ProjectSettingsContext,\n    ProjectSettingsContextProps,\n} from '../../context/projectSettingsContext';\nimport {SSRContext, SSRContextProps} from '../../context/ssrContext';\nimport {ThemeContext} from '../../context/theme';\nimport {Theme} from '../../models';\n\nexport interface PageConstructorProviderProps {\n    isMobile?: boolean;\n    locale?: LocaleContextProps;\n    location?: LocationContextProps;\n    ssrConfig?: SSRContextProps;\n    theme?: Theme;\n    mapsContext?: MapsContextType;\n    projectSettings?: ProjectSettingsContextProps;\n    analytics?: AnalyticsContextProps;\n    forms?: FormsContextProps;\n    image?: ImageContextProps;\n}\n\nexport const PageConstructorProvider = (\n    props: React.PropsWithChildren<PageConstructorProviderProps>,\n) => {\n    const {\n        isMobile,\n        mapsContext = initialMapValue,\n        locale = {},\n        location = {},\n        analytics = {},\n        ssrConfig = {},\n        projectSettings = {},\n        theme = DEFAULT_THEME,\n        children,\n        image = {},\n        forms = DEFAULT_FORMS_CONTEXT_VALUE,\n    } = props;\n\n    /* eslint-disable react/jsx-key */\n    const context = [\n        <ThemeContext.Provider value={{theme}} />,\n        <ProjectSettingsContext.Provider value={projectSettings} />,\n        <LocaleContext.Provider value={locale} />,\n        <ImageContext.Provider value={image} />,\n        <LocationContext.Provider value={location} />,\n        <MobileContext.Provider value={Boolean(isMobile)} />,\n        <MapsContext.Provider value={mapsContext} />,\n        <AnalyticsContext.Provider value={analytics} />,\n        <FormsContext.Provider value={forms} />,\n        <SSRContext.Provider value={{isServer: ssrConfig?.isServer}} />,\n    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);\n    /* eslint-enable react/jsx-key */\n\n    return <React.Fragment>{context}</React.Fragment>;\n};\n"]}

package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import pick from 'lodash/pick';
+import pick from "lodash/pick.js";
 import BlockBase from "../../../../components/BlockBase/BlockBase.js";
 import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
 import { block } from "../../../../utils/index.js";
@@ -9,6 +9,6 @@ const b = block('constructor-block');
 export const ConstructorBlock = ({ index = 0, data, children, }) => {
     const { type } = data;
     const blockBaseProps = React.useMemo(() => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']), [data]);
-    return (_jsx(BlockDecoration, Object.assign({ type: type, index: index }, blockBaseProps, { children: _jsx(BlockBase, Object.assign({ className: b({ type }) }, blockBaseProps, { children: children })) })));
+    return (_jsx(BlockDecoration, { type: type, index: index, ...blockBaseProps, children: _jsx(BlockBase, { className: b({ type }), ...blockBaseProps, children: children }) }));
 };
 //# sourceMappingURL=ConstructorBlock.js.map

package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,SAAS,sDAAmD;AACnE,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAE1E,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,wBAAwB,CAAC;AAMhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,GACqC,EAAE,EAAE;IACjD,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IACpB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,EAClE,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,kBAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,cAAc,cACzD,KAAC,SAAS,kBAAC,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,IAAM,cAAc,cAC9C,QAAQ,IACD,IACE,CACrB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport pick from 'lodash/pick';\n\nimport BlockBase from '../../../../components/BlockBase/BlockBase';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockDecorationProps, ConstructorBlock as ConstructorBlockType} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './ConstructorBlock.scss';\n\ninterface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {\n    data: ConstructorBlockType;\n}\n\nconst b = block('constructor-block');\n\nexport const ConstructorBlock = ({\n    index = 0,\n    data,\n    children,\n}: React.PropsWithChildren<ConstructorBlockProps>) => {\n    const {type} = data;\n    const blockBaseProps = React.useMemo(\n        () => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']),\n        [data],\n    );\n\n    return (\n        <BlockDecoration type={type} index={index} {...blockBaseProps}>\n            <BlockBase className={b({type})} {...blockBaseProps}>\n                {children}\n            </BlockBase>\n        </BlockDecoration>\n    );\n};\n"]}
+{"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,uBAAoB;AAE/B,OAAO,SAAS,sDAAmD;AACnE,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAE1E,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,wBAAwB,CAAC;AAMhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,GACqC,EAAE,EAAE;IACjD,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IACpB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,EAClE,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,cAAc,YACzD,KAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,KAAM,cAAc,YAC9C,QAAQ,GACD,GACE,CACrB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport pick from 'lodash/pick';\n\nimport BlockBase from '../../../../components/BlockBase/BlockBase';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockDecorationProps, ConstructorBlock as ConstructorBlockType} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './ConstructorBlock.scss';\n\ninterface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {\n    data: ConstructorBlockType;\n}\n\nconst b = block('constructor-block');\n\nexport const ConstructorBlock = ({\n    index = 0,\n    data,\n    children,\n}: React.PropsWithChildren<ConstructorBlockProps>) => {\n    const {type} = data;\n    const blockBaseProps = React.useMemo(\n        () => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']),\n        [data],\n    );\n\n    return (\n        <BlockDecoration type={type} index={index} {...blockBaseProps}>\n            <BlockBase className={b({type})} {...blockBaseProps}>\n                {children}\n            </BlockBase>\n        </BlockDecoration>\n    );\n};\n"]}

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import get from 'lodash/get';
+import get from "lodash/get.js";
 import { InnerContext } from "../../../../context/innerContext/index.js";
 import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
 import { getBlockKey } from "../../../../utils/index.js";

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n    BlockType,\n    ConstructorBlock as ConstructorBlockType,\n    LoadableProps,\n    SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n    items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n    const {blockTypes, loadables, itemMap, shouldRenderBlock} = React.useContext(InnerContext);\n\n    const renderer = (\n        parentId = '',\n        item: ConstructorBlockType,\n        index: number,\n    ): React.ReactElement | null => {\n        if (!itemMap[item.type]) {\n            return parentId ? null : (\n                <BlockDecoration type={item.type as BlockType} index={index}>\n                    {null}\n                </BlockDecoration>\n            );\n        }\n\n        let itemElement;\n        const key = getBlockKey(item, index);\n        const blockId = parentId ? `${parentId}_${key}` : key;\n        if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n            return null;\n        }\n\n        if ('loadable' in item && item.loadable) {\n            const {source, serviceId, params} = item.loadable as LoadableProps;\n            const config = get(loadables, source);\n\n            if (!config) {\n                return null;\n            }\n\n            itemElement = (\n                <ConstructorLoadable\n                    block={item}\n                    key={blockId}\n                    blockKey={blockId}\n                    config={config}\n                    serviceId={serviceId}\n                    params={params}\n                />\n            );\n        } else {\n            let children;\n            if ('children' in item && item.children) {\n                children = (item.children as SubBlock[]).map(renderer.bind(null, blockId));\n            }\n\n            itemElement = (\n                <ConstructorItem data={item} key={blockId} blockKey={blockId}>\n                    {children}\n                </ConstructorItem>\n            );\n        }\n\n        return blockTypes.includes(item.type) ? (\n            //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n            // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n            <ConstructorBlock data={item} key={blockId} index={index}>\n                {itemElement}\n            </ConstructorBlock>\n        ) : (\n            itemElement\n        );\n    };\n\n    return <React.Fragment>{items.map(renderer.bind(null, ''))}</React.Fragment>;\n};\n"]}
+{"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n    BlockType,\n    ConstructorBlock as ConstructorBlockType,\n    LoadableProps,\n    SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n    items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n    const {blockTypes, loadables, itemMap, shouldRenderBlock} = React.useContext(InnerContext);\n\n    const renderer = (\n        parentId = '',\n        item: ConstructorBlockType,\n        index: number,\n    ): React.ReactElement | null => {\n        if (!itemMap[item.type]) {\n            return parentId ? null : (\n                <BlockDecoration type={item.type as BlockType} index={index}>\n                    {null}\n                </BlockDecoration>\n            );\n        }\n\n        let itemElement;\n        const key = getBlockKey(item, index);\n        const blockId = parentId ? `${parentId}_${key}` : key;\n        if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n            return null;\n        }\n\n        if ('loadable' in item && item.loadable) {\n            const {source, serviceId, params} = item.loadable as LoadableProps;\n            const config = get(loadables, source);\n\n            if (!config) {\n                return null;\n            }\n\n            itemElement = (\n                <ConstructorLoadable\n                    block={item}\n                    key={blockId}\n                    blockKey={blockId}\n                    config={config}\n                    serviceId={serviceId}\n                    params={params}\n                />\n            );\n        } else {\n            let children;\n            if ('children' in item && item.children) {\n                children = (item.children as SubBlock[]).map(renderer.bind(null, blockId));\n            }\n\n            itemElement = (\n                <ConstructorItem data={item} key={blockId} blockKey={blockId}>\n                    {children}\n                </ConstructorItem>\n            );\n        }\n\n        return blockTypes.includes(item.type) ? (\n            //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n            // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n            <ConstructorBlock data={item} key={blockId} index={index}>\n                {itemElement}\n            </ConstructorBlock>\n        ) : (\n            itemElement\n        );\n    };\n\n    return <React.Fragment>{items.map(renderer.bind(null, ''))}</React.Fragment>;\n};\n"]}

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { BlockIdContext } from "../../../../context/blockIdContext/index.js";
@@ -6,9 +5,9 @@ import { InnerContext } from "../../../../context/innerContext/index.js";
 import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
 export const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = React.useContext(InnerContext);
-    const { type } = data, rest = __rest(data, ["type"]);
+    const { type, ...rest } = data;
     const Component = itemMap[type];
-    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, Object.assign({}, rest, { children: children })) }));
+    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, { ...rest, children: children }) }));
 };
 export const ConstructorHeader = ({ data, blockKey, }) => (_jsx(BlockDecoration, { type: data.type, children: _jsx(ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
 //# sourceMappingURL=ConstructorItem.js.map

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,KAAa,IAAI,EAAZ,IAAI,UAAI,IAAI,EAAtB,QAAe,CAAO,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,oBAAK,IAAI,cAAG,QAAQ,IAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => (\n    <BlockDecoration type={data.type as BlockType}>\n        <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n    </BlockDecoration>\n);\n"]}
+{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => (\n    <BlockDecoration type={data.type as BlockType}>\n        <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n    </BlockDecoration>\n);\n"]}

package/build/esm/context/theme/withTheme.js

@@ -2,15 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ThemeContext } from "./ThemeContext.js";
 export function withTheme(WrappedComponent) {
-    var _a;
     const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    return _a = class WithThemeComponent extends React.Component {
-            render() {
-                return _jsx(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
-            }
-        },
-        _a.displayName = `withTheme(${componentName})`,
-        _a.contextType = ThemeContext,
-        _a;
+    return class WithThemeComponent extends React.Component {
+        static displayName = `withTheme(${componentName})`;
+        static contextType = ThemeContext;
+        render() {
+            return _jsx(WrappedComponent, { ...this.props, theme: this.context.theme });
+        }
+    };
 }
 //# sourceMappingURL=withTheme.js.map

package/build/esm/context/theme/withTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,YAAY,EAAoB,0BAAuB;AAI/D,MAAM,UAAU,SAAS,CACrB,gBAAwC;;IAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAE3F,YAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAsC;YAKhF,MAAM;gBACF,OAAO,KAAC,gBAAgB,oBAAM,IAAI,CAAC,KAAW,IAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;YAClF,CAAC;SACJ;QAPU,cAAW,GAAG,aAAa,aAAa,GAAI;QAC5C,cAAW,GAAG,YAAa;WAMpC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Subtract} from 'utility-types';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport interface WithThemeProps extends ThemeContextProps {}\n\nexport function withTheme<T extends WithThemeProps>(\n    WrappedComponent: React.ComponentType<T>,\n): React.ComponentType<Subtract<T, WithThemeProps>> {\n    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n    return class WithThemeComponent extends React.Component<Subtract<T, WithThemeProps>> {\n        static displayName = `withTheme(${componentName})`;\n        static contextType = ThemeContext;\n        context!: ThemeContextProps;\n\n        render() {\n            return <WrappedComponent {...(this.props as T)} theme={this.context.theme} />;\n        }\n    };\n}\n"]}
+{"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,YAAY,EAAoB,0BAAuB;AAI/D,MAAM,UAAU,SAAS,CACrB,gBAAwC;IAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAE3F,OAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAsC;QAChF,MAAM,CAAC,WAAW,GAAG,aAAa,aAAa,GAAG,CAAC;QACnD,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC;QAGlC,MAAM;YACF,OAAO,KAAC,gBAAgB,OAAM,IAAI,CAAC,KAAW,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAI,CAAC;QAClF,CAAC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Subtract} from 'utility-types';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport interface WithThemeProps extends ThemeContextProps {}\n\nexport function withTheme<T extends WithThemeProps>(\n    WrappedComponent: React.ComponentType<T>,\n): React.ComponentType<Subtract<T, WithThemeProps>> {\n    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n    return class WithThemeComponent extends React.Component<Subtract<T, WithThemeProps>> {\n        static displayName = `withTheme(${componentName})`;\n        static contextType = ThemeContext;\n        declare context: ThemeContextProps;\n\n        render() {\n            return <WrappedComponent {...(this.props as T)} theme={this.context.theme} />;\n        }\n    };\n}\n"]}

package/build/esm/customization/BlockDecoration.js

@@ -1,13 +1,10 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { InnerContext } from "../context/innerContext/index.js";
-export const BlockDecoration = (_a) => {
-    var _b, _c;
-    var { children: blockChildren } = _a, rest = __rest(_a, ["children"]);
-    const blockDecorators = (_c = (_b = React.useContext(InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
+export const BlockDecoration = ({ children: blockChildren, ...rest }) => {
+    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;
     const content = blockDecorators
-        ? blockDecorators.reduce((children, decorator) => decorator(Object.assign({ children }, rest)), blockChildren)
+        ? blockDecorators.reduce((children, decorator) => decorator({ children, ...rest }), blockChildren)
         : blockChildren;
     return _jsx(React.Fragment, { children: content });
 };

package/build/esm/customization/BlockDecoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,yCAAgC;AAGrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAGgB,EAAE,EAAE;;QAHpB,EAC5B,QAAQ,EAAE,aAAa,OAEqB,EADzC,IAAI,cAFqB,YAG/B,CADU;IAEP,MAAM,eAAe,GAAG,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,aAAa,0CAAE,UAAU,0CAAE,KAAK,CAAC;IAExF,MAAM,OAAO,GAAG,eAAe;QAC3B,CAAC,CAAC,eAAe,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,iBAAE,QAAQ,IAAK,IAAI,EAAE,EACvD,aAAa,CAChB;QACH,CAAC,CAAC,aAAa,CAAC;IAEpB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../context/innerContext';\nimport {BlockDecorationProps} from '../models';\n\nexport const BlockDecoration = ({\n    children: blockChildren,\n    ...rest\n}: React.PropsWithChildren<BlockDecorationProps>) => {\n    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;\n\n    const content = blockDecorators\n        ? blockDecorators.reduce(\n              (children, decorator) => decorator({children, ...rest}),\n              blockChildren,\n          )\n        : blockChildren;\n\n    return <React.Fragment>{content}</React.Fragment>;\n};\n"]}
+{"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,yCAAgC;AAGrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EAAE,aAAa,EACvB,GAAG,IAAI,EACqC,EAAE,EAAE;IAChD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC;IAExF,MAAM,OAAO,GAAG,eAAe;QAC3B,CAAC,CAAC,eAAe,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,CAAC,EACvD,aAAa,CAChB;QACH,CAAC,CAAC,aAAa,CAAC;IAEpB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../context/innerContext';\nimport {BlockDecorationProps} from '../models';\n\nexport const BlockDecoration = ({\n    children: blockChildren,\n    ...rest\n}: React.PropsWithChildren<BlockDecorationProps>) => {\n    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;\n\n    const content = blockDecorators\n        ? blockDecorators.reduce(\n              (children, decorator) => decorator({children, ...rest}),\n              blockChildren,\n          )\n        : blockChildren;\n\n    return <React.Fragment>{content}</React.Fragment>;\n};\n"]}

package/build/esm/editor/components/AddBlock/AddBlock.js

@@ -17,10 +17,9 @@ const AddBlock = ({ onAdd, className }) => {
         if (!editorBlocksData) {
             return [];
         }
-        return sortedBlockNames.filter((blockName) => {
-            var _a;
-            return (_a = editorBlocksData[blockName]) === null || _a === void 0 ? void 0 : _a.meta.title.toLocaleLowerCase().startsWith(search.toLocaleLowerCase());
-        });
+        return sortedBlockNames.filter((blockName) => editorBlocksData[blockName]?.meta.title
+            .toLocaleLowerCase()
+            .startsWith(search.toLocaleLowerCase()));
     }, [editorBlocksData, search]);
     React.useEffect(() => {
         const loadEditorBlocksData = async () => {
@@ -32,17 +31,16 @@ const AddBlock = ({ onAdd, className }) => {
     return (_jsxs("div", { className: b(null, className), ref: ref, children: [_jsx("button", { className: b('button'), type: "button", onClick: () => {
                     setIsOpened(!isOpened);
                     setSearch('');
-                }, children: _jsx(Plus, { className: b('icon') }) }), isOpened && (_jsxs(Popup, { anchorRef: ref, open: isOpened, placement: "top", offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [_jsx("div", { className: b('search'), children: _jsx(TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), _jsx("div", { className: b('blocks'), children: blocks.map((blockName) => {
-                            var _a;
-                            const blockData = editorBlocksData === null || editorBlocksData === void 0 ? void 0 : editorBlocksData[blockName];
+                }, children: _jsx(Plus, { className: b('icon') }) }), isOpened && (_jsxs(Popup, { anchorRef: ref, open: isOpened, placement: "top", className: b('popup'), offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [_jsx("div", { className: b('search'), children: _jsx(TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), _jsx("div", { className: b('blocks'), children: blocks.map((blockName) => {
+                            const blockData = editorBlocksData?.[blockName];
                             if (!blockData) {
                                 return null;
                             }
                             const Preview = blockData.preview;
                             return (_jsxs("button", { className: b('block'), onClick: () => {
-                                    onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
+                                    onAdd(blockData?.template);
                                     setIsOpened(false);
-                                }, children: [_jsx("div", { className: b('preview'), children: _jsx(Preview, {}) }), _jsxs("div", { className: b('info'), children: [_jsx("h4", { className: b('title'), children: blockData.meta.title }), ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && (_jsx("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
+                                }, children: [_jsx("div", { className: b('preview'), children: _jsx(Preview, {}) }), _jsxs("div", { className: b('info'), children: [_jsx("h4", { className: b('title'), children: blockData.meta.title }), blockData?.meta?.description && (_jsx("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
                         }) })] }))] }));
 };
 export default AddBlock;

package/build/esm/editor/components/AddBlock/AddBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Plus} from '@gravity-ui/icons';\nimport {Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {blockMap} from '../../../constructor-items';\nimport {Block, BlockType, ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorBlocksData, getEditorBlocksData} from '../../data';\n\nimport './AddBlock.scss';\n\nconst b = block('add-block');\n\nexport interface AddBlockProps extends ClassNameProps {\n    onAdd: (data: Block) => void;\n}\n\nconst sortedBlockNames = Object.keys(blockMap).sort();\n\nconst AddBlock = ({onAdd, className}: React.PropsWithChildren<AddBlockProps>) => {\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [search, setSearch] = React.useState('');\n    const [editorBlocksData, setEditorBlocksData] = React.useState<EditorBlocksData | null>(null);\n\n    const ref = React.useRef(null);\n    const blocks = React.useMemo(() => {\n        if (!editorBlocksData) {\n            return [];\n        }\n\n        return sortedBlockNames.filter((blockName) =>\n            editorBlocksData[blockName as BlockType]?.meta.title\n                .toLocaleLowerCase()\n                .startsWith(search.toLocaleLowerCase()),\n        );\n    }, [editorBlocksData, search]);\n\n    React.useEffect(() => {\n        const loadEditorBlocksData = async () => {\n            const data = await getEditorBlocksData();\n            setEditorBlocksData(data);\n        };\n\n        loadEditorBlocksData();\n    }, []);\n\n    return (\n        <div className={b(null, className)} ref={ref}>\n            <button\n                className={b('button')}\n                type=\"button\"\n                onClick={() => {\n                    setIsOpened(!isOpened);\n                    setSearch('');\n                }}\n            >\n                <Plus className={b('icon')} />\n            </button>\n            {isOpened && (\n                <Popup\n                    anchorRef={ref}\n                    open={isOpened}\n                    placement=\"top\"\n                    offset={{mainAxis: 0, crossAxis: 24}}\n                    onOutsideClick={() => setIsOpened(false)}\n                >\n                    <div className={b('search')}>\n                        <TextInput\n                            placeholder=\"search\"\n                            type=\"text\"\n                            value={search}\n                            size=\"l\"\n                            onUpdate={(value) => setSearch(value)}\n                        />\n                    </div>\n                    <div className={b('blocks')}>\n                        {blocks.map((blockName) => {\n                            const blockData = editorBlocksData?.[blockName as BlockType];\n\n                            if (!blockData) {\n                                return null;\n                            }\n\n                            const Preview: React.FC<React.SVGProps<SVGSVGElement>> =\n                                blockData.preview;\n\n                            return (\n                                <button\n                                    key={blockName}\n                                    className={b('block')}\n                                    onClick={() => {\n                                        onAdd(blockData?.template as Block);\n                                        setIsOpened(false);\n                                    }}\n                                >\n                                    <div className={b('preview')}>\n                                        <Preview />\n                                    </div>\n                                    <div className={b('info')}>\n                                        <h4 className={b('title')}>{blockData.meta.title}</h4>\n                                        {blockData?.meta?.description && (\n                                            <p className={b('description')}>\n                                                {blockData.meta.description}\n                                            </p>\n                                        )}\n                                    </div>\n                                </button>\n                            );\n                        })}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n};\n\nexport default AddBlock;\n"]}
+{"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Plus} from '@gravity-ui/icons';\nimport {Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {blockMap} from '../../../constructor-items';\nimport {Block, BlockType, ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorBlocksData, getEditorBlocksData} from '../../data';\n\nimport './AddBlock.scss';\n\nconst b = block('add-block');\n\nexport interface AddBlockProps extends ClassNameProps {\n    onAdd: (data: Block) => void;\n}\n\nconst sortedBlockNames = Object.keys(blockMap).sort();\n\nconst AddBlock = ({onAdd, className}: React.PropsWithChildren<AddBlockProps>) => {\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [search, setSearch] = React.useState('');\n    const [editorBlocksData, setEditorBlocksData] = React.useState<EditorBlocksData | null>(null);\n\n    const ref = React.useRef(null);\n    const blocks = React.useMemo(() => {\n        if (!editorBlocksData) {\n            return [];\n        }\n\n        return sortedBlockNames.filter((blockName) =>\n            editorBlocksData[blockName as BlockType]?.meta.title\n                .toLocaleLowerCase()\n                .startsWith(search.toLocaleLowerCase()),\n        );\n    }, [editorBlocksData, search]);\n\n    React.useEffect(() => {\n        const loadEditorBlocksData = async () => {\n            const data = await getEditorBlocksData();\n            setEditorBlocksData(data);\n        };\n\n        loadEditorBlocksData();\n    }, []);\n\n    return (\n        <div className={b(null, className)} ref={ref}>\n            <button\n                className={b('button')}\n                type=\"button\"\n                onClick={() => {\n                    setIsOpened(!isOpened);\n                    setSearch('');\n                }}\n            >\n                <Plus className={b('icon')} />\n            </button>\n            {isOpened && (\n                <Popup\n                    anchorRef={ref}\n                    open={isOpened}\n                    placement=\"top\"\n                    className={b('popup')}\n                    offset={{mainAxis: 0, crossAxis: 24}}\n                    onOutsideClick={() => setIsOpened(false)}\n                >\n                    <div className={b('search')}>\n                        <TextInput\n                            placeholder=\"search\"\n                            type=\"text\"\n                            value={search}\n                            size=\"l\"\n                            onUpdate={(value) => setSearch(value)}\n                        />\n                    </div>\n                    <div className={b('blocks')}>\n                        {blocks.map((blockName) => {\n                            const blockData = editorBlocksData?.[blockName as BlockType];\n\n                            if (!blockData) {\n                                return null;\n                            }\n\n                            const Preview: React.FC<React.SVGProps<SVGSVGElement>> =\n                                blockData.preview;\n\n                            return (\n                                <button\n                                    key={blockName}\n                                    className={b('block')}\n                                    onClick={() => {\n                                        onAdd(blockData?.template as Block);\n                                        setIsOpened(false);\n                                    }}\n                                >\n                                    <div className={b('preview')}>\n                                        <Preview />\n                                    </div>\n                                    <div className={b('info')}>\n                                        <h4 className={b('title')}>{blockData.meta.title}</h4>\n                                        {blockData?.meta?.description && (\n                                            <p className={b('description')}>\n                                                {blockData.meta.description}\n                                            </p>\n                                        )}\n                                    </div>\n                                </button>\n                            );\n                        })}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n};\n\nexport default AddBlock;\n"]}

package/build/esm/editor/components/BlockForm/BlockForm.js

@@ -1,24 +1,28 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { DynamicField, SimpleVerticalAccordeon } from '@gravity-ui/dynamic-forms';
-import isEqual from 'lodash/isEqual';
-import noop from 'lodash/noop';
+import isEqual from "lodash/isEqual.js";
+import noop from "lodash/noop.js";
 import { Form as FinalForm, FormSpy } from 'react-final-form';
 import { dynamicConfig } from "../../dynamic-forms-custom/config.js";
 import usePreviousValue from "../../hooks/usePreviousValue.js";
-export const BlockForm = React.memo((_a) => {
-    var _b = _a.data, { type } = _b, content = __rest(_b, ["type"]), { onChange, onSelect, active, spec: specRaw } = _a;
+export const BlockForm = React.memo(({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }) => {
     const initialValues = React.useMemo(() => ({ content }), [content]);
     const prevContent = usePreviousValue(content);
-    const spec = React.useMemo(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
+    const spec = React.useMemo(() => ({
+        ...specRaw,
+        viewSpec: {
+            ...specRaw.viewSpec,
+            layoutOpen: active,
+        },
+    }), [specRaw, active]);
     if (!active) {
         return (_jsx(SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
     }
     return (_jsx(FinalForm, { initialValues: initialValues, onSubmit: noop, children: () => (_jsxs(React.Fragment, { children: [_jsx(FormSpy, { onChange: ({ values }) => {
                         // fix for FormSpy onChange called twice without content changes
                         if (!isEqual(values.content, prevContent)) {
-                            onChange(Object.assign({ type }, values.content));
+                            onChange({ type, ...values.content });
                         }
                     }, subscription: { values: true } }), _jsx(DynamicField, { name: "content", spec: spec, config: dynamicConfig, withoutInsertFFDebounce: true })] })) }));
 });

package/build/esm/editor/components/BlockForm/BlockForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAE,uBAAuB,EAAO,MAAM,2BAA2B,CAAC;AACtF,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAEhE,OAAO,gBAAgB,wCAAqC;AAU5D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,EAAqF,EAAE,EAAE;QAAxF,YAAwB,EAAxB,EAAO,IAAI,OAAa,EAAR,OAAO,cAAjB,QAAkB,CAAD,EAAxB,EAA2B,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,OAAiB;IAClF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,iCACC,OAAO,KACV,QAAQ,kCACD,OAAO,CAAC,QAAQ,KACnB,UAAU,EAAE,MAAM,OAExB,EACF,CAAC,OAAO,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CACH,KAAC,uBAAuB,IACpB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,EACxC,YAAY,EAAE,QAAQ,YAE4C,GAAG,GAC/C,CAC7B,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,SAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,YAClD,GAAG,EAAE,CAAC,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;4BACxC,QAAQ,iBAAE,IAAI,IAAK,MAAM,CAAC,OAAO,EAAE,CAAC;wBACxC,CAAC;oBACL,CAAC,EACD,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,aAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, SimpleVerticalAccordeon, Spec} from '@gravity-ui/dynamic-forms';\nimport isEqual from 'lodash/isEqual';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {Block, ConstructorBlock} from '../../../models';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport {CustomSpec} from '../../dynamic-forms-custom/parser/types';\nimport usePreviousValue from '../../hooks/usePreviousValue';\n\ninterface BlockFormProps {\n    data: ConstructorBlock;\n    spec: CustomSpec;\n    onChange: (data: Block) => void;\n    onSelect: () => void;\n    active?: boolean;\n}\n\nexport const BlockForm = React.memo(\n    ({data: {type, ...content}, onChange, onSelect, active, spec: specRaw}: BlockFormProps) => {\n        const initialValues = React.useMemo(() => ({content}), [content]);\n        const prevContent = usePreviousValue(content);\n        const spec = React.useMemo(\n            () => ({\n                ...specRaw,\n                viewSpec: {\n                    ...specRaw.viewSpec,\n                    layoutOpen: active,\n                },\n            }),\n            [specRaw, active],\n        );\n\n        if (!active) {\n            return (\n                <SimpleVerticalAccordeon\n                    open={false}\n                    name={type}\n                    title={spec.viewSpec.layoutTitle || type}\n                    onOpenChange={onSelect}\n                >\n                    {/* SimpleVerticalAccordeon requires children, put dummy value*/}{' '}\n                </SimpleVerticalAccordeon>\n            );\n        }\n\n        return (\n            <FinalForm initialValues={initialValues} onSubmit={noop}>\n                {() => (\n                    <React.Fragment>\n                        <FormSpy\n                            onChange={({values}) => {\n                                // fix for FormSpy onChange called twice without content changes\n                                if (!isEqual(values.content, prevContent)) {\n                                    onChange({type, ...values.content});\n                                }\n                            }}\n                            subscription={{values: true}}\n                        />\n                        <DynamicField\n                            name=\"content\"\n                            spec={spec as Spec}\n                            config={dynamicConfig}\n                            withoutInsertFFDebounce\n                        />\n                    </React.Fragment>\n                )}\n            </FinalForm>\n        );\n    },\n);\n\nBlockForm.displayName = 'BlockForm';\n"]}
+{"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAE,uBAAuB,EAAO,MAAM,2BAA2B,CAAC;AACtF,OAAO,OAAO,0BAAuB;AACrC,OAAO,IAAI,uBAAoB;AAC/B,OAAO,EAAC,IAAI,IAAI,SAAS,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAC,aAAa,EAAC,6CAA0C;AAEhE,OAAO,gBAAgB,wCAAqC;AAU5D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,EAAC,IAAI,EAAE,EAAC,IAAI,EAAE,GAAG,OAAO,EAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAiB,EAAE,EAAE;IACtF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,GAAG,OAAO;QACV,QAAQ,EAAE;YACN,GAAG,OAAO,CAAC,QAAQ;YACnB,UAAU,EAAE,MAAM;SACrB;KACJ,CAAC,EACF,CAAC,OAAO,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CACH,KAAC,uBAAuB,IACpB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,EACxC,YAAY,EAAE,QAAQ,YAE4C,GAAG,GAC/C,CAC7B,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,SAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,YAClD,GAAG,EAAE,CAAC,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,OAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;4BACxC,QAAQ,CAAC,EAAC,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,EAAC,CAAC,CAAC;wBACxC,CAAC;oBACL,CAAC,EACD,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,KAAC,YAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,aAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, SimpleVerticalAccordeon, Spec} from '@gravity-ui/dynamic-forms';\nimport isEqual from 'lodash/isEqual';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {Block, ConstructorBlock} from '../../../models';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport {CustomSpec} from '../../dynamic-forms-custom/parser/types';\nimport usePreviousValue from '../../hooks/usePreviousValue';\n\ninterface BlockFormProps {\n    data: ConstructorBlock;\n    spec: CustomSpec;\n    onChange: (data: Block) => void;\n    onSelect: () => void;\n    active?: boolean;\n}\n\nexport const BlockForm = React.memo(\n    ({data: {type, ...content}, onChange, onSelect, active, spec: specRaw}: BlockFormProps) => {\n        const initialValues = React.useMemo(() => ({content}), [content]);\n        const prevContent = usePreviousValue(content);\n        const spec = React.useMemo(\n            () => ({\n                ...specRaw,\n                viewSpec: {\n                    ...specRaw.viewSpec,\n                    layoutOpen: active,\n                },\n            }),\n            [specRaw, active],\n        );\n\n        if (!active) {\n            return (\n                <SimpleVerticalAccordeon\n                    open={false}\n                    name={type}\n                    title={spec.viewSpec.layoutTitle || type}\n                    onOpenChange={onSelect}\n                >\n                    {/* SimpleVerticalAccordeon requires children, put dummy value*/}{' '}\n                </SimpleVerticalAccordeon>\n            );\n        }\n\n        return (\n            <FinalForm initialValues={initialValues} onSubmit={noop}>\n                {() => (\n                    <React.Fragment>\n                        <FormSpy\n                            onChange={({values}) => {\n                                // fix for FormSpy onChange called twice without content changes\n                                if (!isEqual(values.content, prevContent)) {\n                                    onChange({type, ...values.content});\n                                }\n                            }}\n                            subscription={{values: true}}\n                        />\n                        <DynamicField\n                            name=\"content\"\n                            spec={spec as Spec}\n                            config={dynamicConfig}\n                            withoutInsertFFDebounce\n                        />\n                    </React.Fragment>\n                )}\n            </FinalForm>\n        );\n    },\n);\n\nBlockForm.displayName = 'BlockForm';\n"]}

package/build/esm/editor/components/CodeEditor/CodeEditor.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { ChevronsCollapseUpRight, ChevronsExpandUpRight } from '@gravity-ui/icons';
 import { Button, Icon } from '@gravity-ui/uikit';
-import debounce from 'lodash/debounce';
+import debounce from "lodash/debounce.js";
 import MonacoEditor from 'react-monaco-editor';
 import { Theme } from "../../../models/index.js";
 import { block } from "../../../utils/index.js";

package/build/esm/editor/components/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAc,KAAK,EAAC,iCAAwB;AACnD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAC5C,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAG3C,OAAO,EAAC,OAAO,EAAC,uBAAoB;AAEpC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAWvC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,EAAkB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,QAAQ,CAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,0BAA0B,CAAC,EAC9B,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,KAAC,IAAI,IACD,IAAI,EACA,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB,EAEtE,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IAET,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IANzC,MAAM,CAAC,gBAAgB,CAAC,CAO/B,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,YACjD,OAAO,CAAC,IAAI,GACX,GACJ,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\nconst ON_CHANGE_DEBOUNCE_TIMEOUT = 300;\n\ninterface CodeEditorProps {\n    code: string;\n    fullscreenModeOn: boolean;\n    validator: (code: string) => CodeEditorMessageProps;\n    onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n    onChange: (content: PageContent) => void;\n    message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = React.memo(\n    ({onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code}: CodeEditorProps) => {\n        const [message, setMessage] = React.useState(() => validator(code));\n        const {theme = Theme.Light} = React.useContext(EditorContext);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        const onChangeWithValidation = React.useCallback(\n            debounce((newCode: string) => {\n                const validationResult = validator(newCode);\n\n                setMessage(validationResult);\n                onChange(parseCode(newCode));\n            }, ON_CHANGE_DEBOUNCE_TIMEOUT),\n            [onChange, validator],\n        );\n\n        return (\n            <div className={b({fullscreen: fullscreenModeOn})}>\n                <div className={b('header')}>\n                    <Button\n                        view=\"flat-secondary\"\n                        onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n                    >\n                        <Icon\n                            data={\n                                fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight\n                            }\n                            size={16}\n                        />\n                    </Button>\n                </div>\n                <div className={b('code')}>\n                    <MonacoEditor\n                        key={String(fullscreenModeOn)}\n                        defaultValue={code}\n                        value={code}\n                        language=\"yaml\"\n                        options={options}\n                        onChange={onChangeWithValidation}\n                        theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n                    />\n                </div>\n                <div className={b('footer')}>\n                    {message && (\n                        <div className={b('message-container')}>\n                            <div className={b('message', {status: message.status})}>\n                                {message.text}\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n"]}
+{"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,QAAQ,2BAAwB;AACvC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAc,KAAK,EAAC,iCAAwB;AACnD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAC5C,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAG3C,OAAO,EAAC,OAAO,EAAC,uBAAoB;AAEpC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAWvC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,EAAkB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,QAAQ,CAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,0BAA0B,CAAC,EAC9B,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,KAAC,IAAI,IACD,IAAI,EACA,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB,EAEtE,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IAET,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IANzC,MAAM,CAAC,gBAAgB,CAAC,CAO/B,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,YACjD,OAAO,CAAC,IAAI,GACX,GACJ,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\nconst ON_CHANGE_DEBOUNCE_TIMEOUT = 300;\n\ninterface CodeEditorProps {\n    code: string;\n    fullscreenModeOn: boolean;\n    validator: (code: string) => CodeEditorMessageProps;\n    onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n    onChange: (content: PageContent) => void;\n    message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = React.memo(\n    ({onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code}: CodeEditorProps) => {\n        const [message, setMessage] = React.useState(() => validator(code));\n        const {theme = Theme.Light} = React.useContext(EditorContext);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        const onChangeWithValidation = React.useCallback(\n            debounce((newCode: string) => {\n                const validationResult = validator(newCode);\n\n                setMessage(validationResult);\n                onChange(parseCode(newCode));\n            }, ON_CHANGE_DEBOUNCE_TIMEOUT),\n            [onChange, validator],\n        );\n\n        return (\n            <div className={b({fullscreen: fullscreenModeOn})}>\n                <div className={b('header')}>\n                    <Button\n                        view=\"flat-secondary\"\n                        onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n                    >\n                        <Icon\n                            data={\n                                fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight\n                            }\n                            size={16}\n                        />\n                    </Button>\n                </div>\n                <div className={b('code')}>\n                    <MonacoEditor\n                        key={String(fullscreenModeOn)}\n                        defaultValue={code}\n                        value={code}\n                        language=\"yaml\"\n                        options={options}\n                        onChange={onChangeWithValidation}\n                        theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n                    />\n                </div>\n                <div className={b('footer')}>\n                    {message && (\n                        <div className={b('message-container')}>\n                            <div className={b('message', {status: message.status})}>\n                                {message.text}\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n"]}

package/build/esm/editor/components/ControlPanel/ControlPanel.css

@@ -14,7 +14,7 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
 }
-.pc-control-panel__radio-button .g-radio-button__option {
+.pc-control-panel__radio-button .g-segmented-radio-group__option {
   display: flex;
   align-items: center;
 }