@gravity-ui/page-constructor 8.0.0-beta.2 → 8.1.0

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

@@ -11,6 +11,7 @@ import { MobileContext } from "../../context/mobileContext/index.js";
 import { ProjectSettingsContext, } from "../../context/projectSettingsContext/index.js";
 import { SSRContext } from "../../context/ssrContext/index.js";
 import { ThemeContext } from "../../context/theme/index.js";
+import { WindowWidthProvider } from "../../context/windowWidthContext/index.js";
 export const PageConstructorProvider = (props) => {
     const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, forms = DEFAULT_FORMS_CONTEXT_VALUE, } = props;
     /* eslint-disable react/jsx-key */
@@ -25,6 +26,7 @@ export const PageConstructorProvider = (props) => {
         _jsx(AnalyticsContext.Provider, { value: analytics }),
         _jsx(FormsContext.Provider, { value: forms }),
         _jsx(SSRContext.Provider, { value: { isServer: ssrConfig?.isServer } }),
+        _jsx(WindowWidthProvider, {}),
     ].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,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"]}
+{"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;AACjD,OAAO,EAAC,mBAAmB,EAAC,kDAAyC;AAgBrE,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;QAC/D,KAAC,mBAAmB,KAAG;KAC1B,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 {WindowWidthProvider} from '../../context/windowWidthContext';\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        <WindowWidthProvider />,\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/ConstructorBlocks/ConstructorBlocks.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { ConstructorBlock as ConstructorBlockType } from "../../../../models/index.js";
 export interface ConstructorBlocksProps {
     items: ConstructorBlockType[];
 }
-export declare const ConstructorBlocks: React.FC<ConstructorBlocksProps>;
+export declare const ConstructorBlocks: ({ items }: ConstructorBlocksProps) => import("react/jsx-runtime").JSX.Element;

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 = ({items}: ConstructorBlocksProps) => {\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/context/locationContext/locationContext.d.ts

@@ -7,7 +7,7 @@ export interface History {
     goBack(): void;
     length: number;
 }
-export type RouterLink = React.ComponentClass<RouterLinkProps> | React.FC<React.PropsWithChildren<RouterLinkProps>>;
+export type RouterLink = React.ComponentClass<RouterLinkProps> | ((props: RouterLinkProps) => React.ReactNode);
 export type LocationContextProps = {
     history?: History;
     search?: string;

package/build/esm/context/locationContext/locationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"locationContext.js","sourceRoot":"../../../../src","sources":["context/locationContext/locationContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {RouterLinkProps} from '../../components/RouterLink/RouterLink';\n\nexport interface History {\n    action: 'PUSH' | 'POP' | 'REPLACE' | '';\n\n    replace(location: Partial<Location>): void;\n\n    push(location: Partial<Location>): void;\n\n    goBack(): void;\n\n    length: number;\n}\n\nexport type RouterLink =\n    | React.ComponentClass<RouterLinkProps>\n    | React.FC<React.PropsWithChildren<RouterLinkProps>>;\n\nexport type LocationContextProps = {\n    history?: History;\n    search?: string;\n    hash?: string;\n    pathname?: string;\n    hostname?: string;\n    Link?: RouterLink;\n    asPath?: string;\n};\n\nexport const LocationContext = React.createContext<LocationContextProps>({});\n"]}
+{"version":3,"file":"locationContext.js","sourceRoot":"../../../../src","sources":["context/locationContext/locationContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {RouterLinkProps} from '../../components/RouterLink/RouterLink';\n\nexport interface History {\n    action: 'PUSH' | 'POP' | 'REPLACE' | '';\n\n    replace(location: Partial<Location>): void;\n\n    push(location: Partial<Location>): void;\n\n    goBack(): void;\n\n    length: number;\n}\n\nexport type RouterLink =\n    | React.ComponentClass<RouterLinkProps>\n    | ((props: RouterLinkProps) => React.ReactNode);\n\nexport type LocationContextProps = {\n    history?: History;\n    search?: string;\n    hash?: string;\n    pathname?: string;\n    hostname?: string;\n    Link?: RouterLink;\n    asPath?: string;\n};\n\nexport const LocationContext = React.createContext<LocationContextProps>({});\n"]}

package/build/esm/context/mapsContext/mapsProvider.d.ts

@@ -6,5 +6,5 @@ interface MapProviderProps {
     apiKey?: string;
 }
 export declare const gmapApiKeyIdInLS = "gmap-api-key";
-export declare const MapProvider: React.FC<React.PropsWithChildren<MapProviderProps>>;
+export declare const MapProvider: (props: React.PropsWithChildren<MapProviderProps>) => React.ReactNode;
 export {};

package/build/esm/context/mapsContext/mapsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapsProvider.js","sourceRoot":"../../../../src","sources":["context/mapsContext/mapsProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,yBAAsB;AAQnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAwD,CAAC,EAC7E,IAAI,GAAG,OAAO,CAAC,MAAM,EACrB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,eAAe,GACjB,IAAI,KAAK,OAAO,CAAC,MAAM;QACnB,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE;QACxD,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEhE,OAAO,CACH,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAC,YACxE,QAAQ,GACU,CAC1B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from './mapsContext';\n\ninterface MapProviderProps {\n    type: MapType;\n    scriptSrc: string;\n    apiKey?: string;\n}\n\nexport const gmapApiKeyIdInLS = 'gmap-api-key';\n\nexport const MapProvider: React.FC<React.PropsWithChildren<MapProviderProps>> = ({\n    type = MapType.Yandex,\n    scriptSrc,\n    apiKey,\n    children,\n}) => {\n    const initialKeyValue =\n        type === MapType.Google\n            ? apiKey || localStorage.getItem(gmapApiKeyIdInLS) || ''\n            : apiKey || '';\n    const [currentApiKey, setKey] = React.useState(initialKeyValue);\n\n    return (\n        <MapsContext.Provider value={{apiKey: currentApiKey, setKey, scriptSrc, type}}>\n            {children}\n        </MapsContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"mapsProvider.js","sourceRoot":"../../../../src","sources":["context/mapsContext/mapsProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,yBAAsB;AAQnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAA0E,CAAC,EAC/F,IAAI,GAAG,OAAO,CAAC,MAAM,EACrB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,eAAe,GACjB,IAAI,KAAK,OAAO,CAAC,MAAM;QACnB,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE;QACxD,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEhE,OAAO,CACH,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAC,YACxE,QAAQ,GACU,CAC1B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from './mapsContext';\n\ninterface MapProviderProps {\n    type: MapType;\n    scriptSrc: string;\n    apiKey?: string;\n}\n\nexport const gmapApiKeyIdInLS = 'gmap-api-key';\n\nexport const MapProvider: (props: React.PropsWithChildren<MapProviderProps>) => React.ReactNode = ({\n    type = MapType.Yandex,\n    scriptSrc,\n    apiKey,\n    children,\n}) => {\n    const initialKeyValue =\n        type === MapType.Google\n            ? apiKey || localStorage.getItem(gmapApiKeyIdInLS) || ''\n            : apiKey || '';\n    const [currentApiKey, setKey] = React.useState(initialKeyValue);\n\n    return (\n        <MapsContext.Provider value={{apiKey: currentApiKey, setKey, scriptSrc, type}}>\n            {children}\n        </MapsContext.Provider>\n    );\n};\n"]}

package/build/esm/context/windowWidthContext/WindowWidthContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const WindowWidthContext: React.Context<number>;
+export declare const WindowWidthProvider: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const useWindowWidth: () => number;

package/build/esm/context/windowWidthContext/WindowWidthContext.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import throttle from "lodash/throttle.js";
+import { BREAKPOINTS } from "../../constants.js";
+const DEFAULT_WIDTH = BREAKPOINTS.xl;
+const UPDATE_FREQUENCY_MS = 100;
+export const WindowWidthContext = React.createContext(DEFAULT_WIDTH);
+export const WindowWidthProvider = ({ children }) => {
+    const [windowWidth, setWindowWidth] = React.useState(DEFAULT_WIDTH);
+    React.useEffect(() => {
+        const handleResize = throttle(() => {
+            setWindowWidth(window.innerWidth);
+        }, UPDATE_FREQUENCY_MS, { leading: true });
+        handleResize();
+        window.addEventListener('resize', handleResize, { passive: true });
+        // eslint-disable-next-line consistent-return
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return (_jsx(WindowWidthContext.Provider, { value: windowWidth, children: children }));
+};
+export const useWindowWidth = () => React.useContext(WindowWidthContext);
+//# sourceMappingURL=WindowWidthContext.js.map

package/build/esm/context/windowWidthContext/WindowWidthContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowWidthContext.js","sourceRoot":"../../../../src","sources":["context/windowWidthContext/WindowWidthContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,2BAAwB;AAEvC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAE5C,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC;AACrC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAS,aAAa,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,QAAQ,EAA0B,EAAE,EAAE;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,YAAY,GAAG,QAAQ,CACzB,GAAG,EAAE;YACD,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC,EACD,mBAAmB,EACnB,EAAC,OAAO,EAAE,IAAI,EAAC,CAClB,CAAC;QAEF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEjE,6CAA6C;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAAG,QAAQ,GAA+B,CAC5F,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport throttle from 'lodash/throttle';\n\nimport {BREAKPOINTS} from '../../constants';\n\nconst DEFAULT_WIDTH = BREAKPOINTS.xl;\nconst UPDATE_FREQUENCY_MS = 100;\n\nexport const WindowWidthContext = React.createContext<number>(DEFAULT_WIDTH);\n\nexport const WindowWidthProvider = ({children}: React.PropsWithChildren) => {\n    const [windowWidth, setWindowWidth] = React.useState(DEFAULT_WIDTH);\n\n    React.useEffect(() => {\n        const handleResize = throttle(\n            () => {\n                setWindowWidth(window.innerWidth);\n            },\n            UPDATE_FREQUENCY_MS,\n            {leading: true},\n        );\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n\n        // eslint-disable-next-line consistent-return\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n\n    return (\n        <WindowWidthContext.Provider value={windowWidth}>{children}</WindowWidthContext.Provider>\n    );\n};\n\nexport const useWindowWidth = () => React.useContext(WindowWidthContext);\n"]}

package/build/esm/context/windowWidthContext/index.d.ts

@@ -0,0 +1 @@
+export * from "./WindowWidthContext.js";

package/build/esm/context/windowWidthContext/index.js

@@ -0,0 +1,2 @@
+export * from "./WindowWidthContext.js";
+//# sourceMappingURL=index.js.map

package/build/esm/context/windowWidthContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/windowWidthContext/index.ts"],"names":[],"mappings":"AAAA,wCAAqC","sourcesContent":["export * from './WindowWidthContext';\n"]}

package/build/esm/editor/components/AddBlock/AddBlock.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { Block, ClassNameProps } from "../../../models/index.js";
 import './AddBlock.css';
 export interface AddBlockProps extends ClassNameProps {
     onAdd: (data: Block) => void;
 }
-declare const AddBlock: ({ onAdd, className }: React.PropsWithChildren<AddBlockProps>) => import("react/jsx-runtime").JSX.Element;
+declare const AddBlock: ({ onAdd, className }: AddBlockProps) => import("react/jsx-runtime").JSX.Element;
 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                    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"]}
+{"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,QAAQ,EAAC,sCAAmC;AAEpD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAmB,mBAAmB,EAAC,4BAAmB;AAEjE,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtD,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAgB,EAAE,EAAE;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA0B,IAAI,CAAC,CAAC;IAE9F,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CACzC,gBAAgB,CAAC,SAAsB,CAAC,EAAE,IAAI,CAAC,KAAK;aAC/C,iBAAiB,EAAE;aACnB,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAC9C,CAAC;IACN,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,oBAAoB,GAAG,KAAK,IAAI,EAAE;YACpC,MAAM,IAAI,GAAG,MAAM,mBAAmB,EAAE,CAAC;YACzC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,oBAAoB,EAAE,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aACxC,iBACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACV,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;oBACvB,SAAS,CAAC,EAAE,CAAC,CAAC;gBAClB,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACzB,EACR,QAAQ,IAAI,CACT,MAAC,KAAK,IACF,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,MAAM,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAC,EACpC,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAExC,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,SAAS,IACN,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GACvC,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;4BACtB,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC,SAAsB,CAAC,CAAC;4BAE7D,IAAI,CAAC,SAAS,EAAE,CAAC;gCACb,OAAO,IAAI,CAAC;4BAChB,CAAC;4BAED,MAAM,OAAO,GAEU,SAAS,CAAC,OAAO,CAAC;4BAEzC,OAAO,CACH,kBAEI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE;oCACV,KAAK,CAAC,SAAS,EAAE,QAAiB,CAAC,CAAC;oCACpC,WAAW,CAAC,KAAK,CAAC,CAAC;gCACvB,CAAC,aAED,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,KAAC,OAAO,KAAG,GACT,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,SAAS,CAAC,IAAI,CAAC,KAAK,GAAM,EACrD,SAAS,EAAE,IAAI,EAAE,WAAW,IAAI,CAC7B,YAAG,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YACzB,SAAS,CAAC,IAAI,CAAC,WAAW,GAC3B,CACP,IACC,KAjBD,SAAS,CAkBT,CACZ,CAAC;wBACN,CAAC,CAAC,GACA,IACF,CACX,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","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}: 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: (\n                                props: React.SVGProps<SVGSVGElement>,\n                            ) => React.ReactNode = 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/Layout/Layout.d.ts

@@ -7,11 +7,7 @@ export interface LayoutProps {
 }
 declare const Layout: {
     ({ children, editMode, viewMode }: React.PropsWithChildren<LayoutProps>): import("react/jsx-runtime").JSX.Element;
-    Left: React.FC<{
-        children?: React.ReactNode | undefined;
-    }>;
-    Right: React.FC<{
-        children?: React.ReactNode | undefined;
-    }>;
+    Left: (props: React.PropsWithChildren) => React.ReactNode;
+    Right: (props: React.PropsWithChildren) => React.ReactNode;
 };
 export default Layout;

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,YAAY,EAAe,6BAAoB;AACvD,OAAO,eAAe,8CAA2C;AAEjE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,IAAI,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC3D,MAAM,KAAK,GAAsC,GAAG,EAAE,CAAC,IAAI,CAAC;AAO5D,uGAAuG;AAEvG,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAuC,EAAE,EAAE;IACpF,IAAI,IAAI,EAAE,KAAK,CAAC;IAChB,MAAM,aAAa,GAAG,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC;IAErD,SAAS,WAAW,CAAC,KAAyB;QAC1C,QAAQ,KAAK,EAAE,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACL,IAAI,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;gBAC7B,MAAM;YACV,KAAK,KAAK;gBACN,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;gBAC9B,MAAM;QACd,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAA8B,EAAE,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,YAAG,KAAK,GAAmB,GACxD,CACT,IACY,GACf,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../utils';\nimport {EditModeItem, ViewModeItem} from '../../types';\nimport DeviceEmulation from '../DeviceEmulation/DeviceEmulation';\n\nimport './Layout.scss';\n\nconst b = block('editor-layout');\n\nconst Left: React.FC<React.PropsWithChildren> = () => null;\nconst Right: React.FC<React.PropsWithChildren> = () => null;\n\nexport interface LayoutProps {\n    editMode: EditModeItem;\n    viewMode: ViewModeItem;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared\n\nconst Layout = ({children, editMode, viewMode}: React.PropsWithChildren<LayoutProps>) => {\n    let left, right;\n    const isEditingMode = editMode === EditModeItem.Form;\n\n    function handleChild(child: React.ReactElement) {\n        switch (child?.type) {\n            case Left:\n                left = child?.props.children;\n                break;\n            case Right:\n                right = child?.props.children;\n                break;\n        }\n    }\n\n    if (React.Children.toArray(children).length) {\n        React.Children.forEach(children as React.ReactElement, handleChild);\n    }\n\n    return (\n        <div className={b('container')}>\n            <React.Fragment>\n                {left && <div className={b('left')}>{left}</div>}\n                {right && (\n                    <div className={b('right', {editing: isEditingMode})}>\n                        <DeviceEmulation mode={viewMode}>{right}</DeviceEmulation>\n                    </div>\n                )}\n            </React.Fragment>\n        </div>\n    );\n};\n\nLayout.Left = Left;\nLayout.Right = Right;\n\nexport default Layout;\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["editor/components/Layout/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,YAAY,EAAe,6BAAoB;AACvD,OAAO,eAAe,8CAA2C;AAEjE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,IAAI,GAAwD,GAAG,EAAE,CAAC,IAAI,CAAC;AAC7E,MAAM,KAAK,GAAwD,GAAG,EAAE,CAAC,IAAI,CAAC;AAO9E,uGAAuG;AAEvG,MAAM,MAAM,GAAG,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAuC,EAAE,EAAE;IACpF,IAAI,IAAI,EAAE,KAAK,CAAC;IAChB,MAAM,aAAa,GAAG,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC;IAErD,SAAS,WAAW,CAAC,KAAyB;QAC1C,QAAQ,KAAK,EAAE,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACL,IAAI,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;gBAC7B,MAAM;YACV,KAAK,KAAK;gBACN,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;gBAC9B,MAAM;QACd,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAA8B,EAAE,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAC1B,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAC/C,KAAK,IAAI,CACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC,YAChD,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,YAAG,KAAK,GAAmB,GACxD,CACT,IACY,GACf,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../utils';\nimport {EditModeItem, ViewModeItem} from '../../types';\nimport DeviceEmulation from '../DeviceEmulation/DeviceEmulation';\n\nimport './Layout.scss';\n\nconst b = block('editor-layout');\n\nconst Left: (props: React.PropsWithChildren) => React.ReactNode = () => null;\nconst Right: (props: React.PropsWithChildren) => React.ReactNode = () => null;\n\nexport interface LayoutProps {\n    editMode: EditModeItem;\n    viewMode: ViewModeItem;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be disappeared\n\nconst Layout = ({children, editMode, viewMode}: React.PropsWithChildren<LayoutProps>) => {\n    let left, right;\n    const isEditingMode = editMode === EditModeItem.Form;\n\n    function handleChild(child: React.ReactElement) {\n        switch (child?.type) {\n            case Left:\n                left = child?.props.children;\n                break;\n            case Right:\n                right = child?.props.children;\n                break;\n        }\n    }\n\n    if (React.Children.toArray(children).length) {\n        React.Children.forEach(children as React.ReactElement, handleChild);\n    }\n\n    return (\n        <div className={b('container')}>\n            <React.Fragment>\n                {left && <div className={b('left')}>{left}</div>}\n                {right && (\n                    <div className={b('right', {editing: isEditingMode})}>\n                        <DeviceEmulation mode={viewMode}>{right}</DeviceEmulation>\n                    </div>\n                )}\n            </React.Fragment>\n        </div>\n    );\n};\n\nLayout.Left = Left;\nLayout.Right = Right;\n\nexport default Layout;\n"]}

package/build/esm/editor/data/previews/default-preview.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const DefaultPreview: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default DefaultPreview;

package/build/esm/editor/data/previews/default-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-preview.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/default-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,cAAc,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,eACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,kBAAkB,KAClB,KAAK,aAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,IAC1F,CACT,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"43.1628\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"31.9767\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"37.1395\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"42.3023\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7674\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"33.6977\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"52.6279\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default DefaultPreview;\n"]}
+{"version":3,"file":"default-preview.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/default-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,cAAc,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC7D,eACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,kBAAkB,KAClB,KAAK,aAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,IAC1F,CACT,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst DefaultPreview = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"43.1628\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"31.9767\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"37.1395\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"42.3023\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7674\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"33.6977\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"52.6279\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default DefaultPreview;\n"]}

package/build/esm/editor/data/previews/header-block.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const Header: React.FC<React.SVGProps<SVGSVGElement>>;
+declare const Header: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/build/esm/editor/data/previews/header-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-block.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/header-block.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,eACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,kBAAkB,KAClB,KAAK,aAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,IAC1F,CACT,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst Header: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"4.44174\"\n            y=\"9.60464\"\n            width=\"141.116\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"43.1628\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"31.9767\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"37.1395\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"42.3023\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"33.6976\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"52.6279\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default Header;\n"]}
+{"version":3,"file":"header-block.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/header-block.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,8BAA2B;AAEtD,MAAM,MAAM,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACrD,eACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,kBAAkB,KAClB,KAAK,aAET,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,eAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,eACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,IAC1F,CACT,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst Header = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"4.44174\"\n            y=\"9.60464\"\n            width=\"141.116\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"43.1628\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"31.9767\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"37.1395\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"42.3023\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"33.6976\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"52.6279\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default Header;\n"]}

package/build/esm/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ObjectIndependentInputProps } from '@gravity-ui/dynamic-forms';
 import './OneOfCustom.css';
 /**
@@ -15,6 +14,6 @@ import './OneOfCustom.css';
  * original component: {propertyName: {option1: {value: propertyValue}}}
  *
  * @param {ObjectIndependentInputProps} props - props of original OneOf component
- * @returns {React.FC<ObjectIndependentInputProps>}
+ * @returns {React.ReactNode}
  */
-export declare const OneOfCustom: React.FC<ObjectIndependentInputProps>;
+export declare const OneOfCustom: (props: ObjectIndependentInputProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js

@@ -36,7 +36,7 @@ const getControllerDefautValue = (value, valueSpecType) => {
  * original component: {propertyName: {option1: {value: propertyValue}}}
  *
  * @param {ObjectIndependentInputProps} props - props of original OneOf component
- * @returns {React.FC<ObjectIndependentInputProps>}
+ * @returns {React.ReactNode}
  */
 export const OneOfCustom = (props) => {
     const { spec, input, name } = props;

package/build/esm/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneOfCustom.js","sourceRoot":"../../../../../../src","sources":["editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    Controller,\n    FieldObjectValue,\n    FieldValue,\n    GroupIndent,\n    ObjectIndependentInputProps,\n    ObjectSpec,\n    SpecTypes,\n    ValidateError,\n    transformArrOut,\n} from '@gravity-ui/dynamic-forms';\nimport Ajv from 'ajv';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {block} from '../../../../utils';\nimport {getSpecTypeDefaultValue, useOneOf} from '../../hooks/useOneOf';\nimport {SpecCustomProps} from '../../parser/types';\n\nimport './OneOfCustom.scss';\n\nconst b = block('one-of-custom');\n\nconst ajv = new Ajv({\n    $data: true,\n    strict: false,\n    strictSchema: false,\n    strictTypes: false,\n    strictRequired: false,\n});\n\nconst getOneOfCustomSpecDefaultType = (spec: ObjectSpec) =>\n    spec.viewSpec?.order?.[0] || Object.keys(spec.properties || {})[0];\n\n// dynamic-forms pass {} as default value for required properties of all types\n// this function replaces {} with default value accordingly to selected OneOf option spec type\nconst getControllerDefautValue = (value: FieldValue, valueSpecType?: SpecTypes) => {\n    const isDefaultValue = typeof value === 'object' && isEmpty(value);\n    const defaultValue = valueSpecType ? getSpecTypeDefaultValue(valueSpecType) : undefined;\n\n    return isDefaultValue ? (defaultValue as FieldValue) : value;\n};\n\n/**\n * Customization of @gravity-ui/dynamic-forms OneOf component\n *\n * Main differences from original component:\n *\n * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and\n * shows according input\n *\n * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.\n *\n * custom component: {propertyName: propertyValue}\n * original component: {propertyName: {option1: {value: propertyValue}}}\n *\n * @param {ObjectIndependentInputProps} props - props of original OneOf component\n * @returns {React.FC<ObjectIndependentInputProps>}\n */\nexport const OneOfCustom: React.FC<ObjectIndependentInputProps> = (props) => {\n    const {spec, input, name} = props;\n    const {properties} = spec;\n\n    //getting oneOf option type from initial value\n    const valueType = React.useMemo(\n        () =>\n            (properties &&\n                Object.keys(properties)?.find((key) => {\n                    const fieldSchema = (properties?.[key] as SpecCustomProps).__schema;\n\n                    return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));\n                })) ||\n            getOneOfCustomSpecDefaultType(spec),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    const {oneOfValue, specProperties, toggler} = useOneOf({\n        props: {\n            ...props,\n            input: {\n                ...input,\n                value: valueType ? {[valueType]: input.value} : input.value,\n            },\n        },\n    });\n\n    const parentOnChange = React.useCallback(\n        (\n            _childName: string,\n            childValue: FieldValue,\n            childErrors?: Record<string, ValidateError>,\n        ) => {\n            input.onChange(childValue as FieldObjectValue, childErrors);\n        },\n        [input],\n    );\n\n    const parentOnUnmount = React.useCallback(\n        (childName: string) => input.onChange((currentValue) => currentValue, {[childName]: false}),\n        [input],\n    );\n\n    const valueSpecType = specProperties[oneOfValue]?.type || SpecTypes.Object;\n\n    return (\n        <div className={b()}>\n            <div>{toggler}</div>\n            {specProperties[oneOfValue] && (\n                <GroupIndent>\n                    <Controller\n                        value={getControllerDefautValue(input.value, valueSpecType)}\n                        name={name}\n                        spec={specProperties[oneOfValue]}\n                        parentOnChange={parentOnChange}\n                        parentOnUnmount={parentOnUnmount}\n                        key={`${name}.${oneOfValue}`}\n                    />\n                </GroupIndent>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"OneOfCustom.js","sourceRoot":"../../../../../../src","sources":["editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {\n    Controller,\n    FieldObjectValue,\n    FieldValue,\n    GroupIndent,\n    ObjectIndependentInputProps,\n    ObjectSpec,\n    SpecTypes,\n    ValidateError,\n    transformArrOut,\n} from '@gravity-ui/dynamic-forms';\nimport Ajv from 'ajv';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {block} from '../../../../utils';\nimport {getSpecTypeDefaultValue, useOneOf} from '../../hooks/useOneOf';\nimport {SpecCustomProps} from '../../parser/types';\n\nimport './OneOfCustom.scss';\n\nconst b = block('one-of-custom');\n\nconst ajv = new Ajv({\n    $data: true,\n    strict: false,\n    strictSchema: false,\n    strictTypes: false,\n    strictRequired: false,\n});\n\nconst getOneOfCustomSpecDefaultType = (spec: ObjectSpec) =>\n    spec.viewSpec?.order?.[0] || Object.keys(spec.properties || {})[0];\n\n// dynamic-forms pass {} as default value for required properties of all types\n// this function replaces {} with default value accordingly to selected OneOf option spec type\nconst getControllerDefautValue = (value: FieldValue, valueSpecType?: SpecTypes) => {\n    const isDefaultValue = typeof value === 'object' && isEmpty(value);\n    const defaultValue = valueSpecType ? getSpecTypeDefaultValue(valueSpecType) : undefined;\n\n    return isDefaultValue ? (defaultValue as FieldValue) : value;\n};\n\n/**\n * Customization of @gravity-ui/dynamic-forms OneOf component\n *\n * Main differences from original component:\n *\n * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and\n * shows according input\n *\n * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.\n *\n * custom component: {propertyName: propertyValue}\n * original component: {propertyName: {option1: {value: propertyValue}}}\n *\n * @param {ObjectIndependentInputProps} props - props of original OneOf component\n * @returns {React.ReactNode}\n */\n\nexport const OneOfCustom = (props: ObjectIndependentInputProps) => {\n    const {spec, input, name} = props;\n    const {properties} = spec;\n\n    //getting oneOf option type from initial value\n    const valueType = React.useMemo(\n        () =>\n            (properties &&\n                Object.keys(properties)?.find((key) => {\n                    const fieldSchema = (properties?.[key] as SpecCustomProps).__schema;\n\n                    return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));\n                })) ||\n            getOneOfCustomSpecDefaultType(spec),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    const {oneOfValue, specProperties, toggler} = useOneOf({\n        props: {\n            ...props,\n            input: {\n                ...input,\n                value: valueType ? {[valueType]: input.value} : input.value,\n            },\n        },\n    });\n\n    const parentOnChange = React.useCallback(\n        (\n            _childName: string,\n            childValue: FieldValue,\n            childErrors?: Record<string, ValidateError>,\n        ) => {\n            input.onChange(childValue as FieldObjectValue, childErrors);\n        },\n        [input],\n    );\n\n    const parentOnUnmount = React.useCallback(\n        (childName: string) => input.onChange((currentValue) => currentValue, {[childName]: false}),\n        [input],\n    );\n\n    const valueSpecType = specProperties[oneOfValue]?.type || SpecTypes.Object;\n\n    return (\n        <div className={b()}>\n            <div>{toggler}</div>\n            {specProperties[oneOfValue] && (\n                <GroupIndent>\n                    <Controller\n                        value={getControllerDefautValue(input.value, valueSpecType)}\n                        name={name}\n                        spec={specProperties[oneOfValue]}\n                        parentOnChange={parentOnChange}\n                        parentOnUnmount={parentOnUnmount}\n                        key={`${name}.${oneOfValue}`}\n                    />\n                </GroupIndent>\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/editor/icons/Tablet.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const Tablet: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const Tablet: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Tablet.js","sourceRoot":"../../../../src","sources":["editor/icons/Tablet.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,2BAAwB;AAEnD,MAAM,CAAC,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACtE,cACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,kBAAkB,KAClB,KAAK,YAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,MAAM,GACpB,GACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../utils/svg';\n\nexport const Tablet: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"14\"\n        viewBox=\"0 0 12 14\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z\"\n            fill=\"currentColor\"\n            fillOpacity=\"0.85\"\n        />\n    </svg>\n);\n"]}
+{"version":3,"file":"Tablet.js","sourceRoot":"../../../../src","sources":["editor/icons/Tablet.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,2BAAwB;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC5D,cACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,kBAAkB,KAClB,KAAK,YAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,MAAM,GACpB,GACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../utils/svg';\n\nexport const Tablet = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"14\"\n        viewBox=\"0 0 12 14\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z\"\n            fill=\"currentColor\"\n            fillOpacity=\"0.85\"\n        />\n    </svg>\n);\n"]}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '../styles/bootstrap.css';
 import './Grid.css';
+import '../styles/bootstrap.css';
 export interface GridProps {
     debug?: boolean;
     className?: string;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
+import { AriaProps, Roleable } from "../../models/index.js";
 import { ClassNameProps, Refable } from "../../models/common.js";
 import { GridAlignItems, GridJustifyContent } from "../types.js";
-import { AriaProps, Roleable } from "../../models/index.js";
 export interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {
     id?: string;
     justifyContent?: GridJustifyContent;

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

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

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

@@ -0,0 +1,2 @@
+import { DeviceSupporting } from "../utils/index.js";
+export declare function useDeviceValue<T>(value: DeviceSupporting<T>, inclusive?: boolean): T;

package/build/esm/hooks/useDeviceValue.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BREAKPOINTS } from "../constants.js";
+import { useWindowWidth } from "../context/windowWidthContext/index.js";
+import { Device } from "../models/index.js";
+import { isDeviceValue } from "../utils/index.js";
+const getDeviceBreakpoints = (inclusive) => {
+    const shift = inclusive ? 0 : -1;
+    return [BREAKPOINTS.md + shift, BREAKPOINTS.sm + shift];
+};
+export function useDeviceValue(value, inclusive) {
+    const windowWidth = useWindowWidth();
+    const [tablet, mobile] = React.useMemo(() => getDeviceBreakpoints(inclusive), [inclusive]);
+    const isMobile = windowWidth <= mobile;
+    const isTablet = windowWidth <= tablet;
+    return React.useMemo(() => {
+        if (!isDeviceValue(value)) {
+            return value;
+        }
+        switch (true) {
+            case isMobile:
+                return value[Device.Mobile];
+            case isTablet:
+                return value[Device.Tablet] ?? value[Device.Mobile];
+            default:
+                return value[Device.Desktop];
+        }
+    }, [isMobile, isTablet, value]);
+}
+//# sourceMappingURL=useDeviceValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceValue.js","sourceRoot":"../../../src","sources":["hooks/useDeviceValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,wBAAqB;AACzC,OAAO,EAAC,cAAc,EAAC,+CAAsC;AAC7D,OAAO,EAAC,MAAM,EAAC,2BAAkB;AACjC,OAAO,EAAmB,aAAa,EAAC,0BAAiB;AAEzD,MAAM,oBAAoB,GAAG,CAAC,SAAmB,EAAoC,EAAE;IACnF,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjC,OAAO,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,UAAU,cAAc,CAAI,KAA0B,EAAE,SAAmB;IAC7E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,WAAW,IAAI,MAAM,CAAC;IACvC,MAAM,QAAQ,GAAG,WAAW,IAAI,MAAM,CAAC;IAEvC,OAAO,KAAK,CAAC,OAAO,CAAI,GAAG,EAAE;QACzB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,QAAQ;gBACT,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAChC,KAAK,QAAQ;gBACT,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACxD;gBACI,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;AACpC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BREAKPOINTS} from '../constants';\nimport {useWindowWidth} from '../context/windowWidthContext';\nimport {Device} from '../models';\nimport {DeviceSupporting, isDeviceValue} from '../utils';\n\nconst getDeviceBreakpoints = (inclusive?: boolean): [tablet: number, mobile: number] => {\n    const shift = inclusive ? 0 : -1;\n\n    return [BREAKPOINTS.md + shift, BREAKPOINTS.sm + shift];\n};\n\nexport function useDeviceValue<T>(value: DeviceSupporting<T>, inclusive?: boolean): T {\n    const windowWidth = useWindowWidth();\n\n    const [tablet, mobile] = React.useMemo(() => getDeviceBreakpoints(inclusive), [inclusive]);\n\n    const isMobile = windowWidth <= mobile;\n    const isTablet = windowWidth <= tablet;\n\n    return React.useMemo<T>(() => {\n        if (!isDeviceValue(value)) {\n            return value;\n        }\n\n        switch (true) {\n            case isMobile:\n                return value[Device.Mobile];\n            case isTablet:\n                return value[Device.Tablet] ?? value[Device.Mobile];\n            default:\n                return value[Device.Desktop];\n        }\n    }, [isMobile, isTablet, value]);\n}\n"]}

package/build/esm/icons/BrandIconDark.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const BrandIconDark: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const BrandIconDark: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/BrandIconDark.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandIconDark.js","sourceRoot":"../../../src","sources":["icons/BrandIconDark.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,aAAa,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,eACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,kBAAkB,KAClB,KAAK,aAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gPAAgP,EAClP,IAAI,EAAC,2BAA2B,GAClC,EACF,eACI,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAC1B,SAAS,EAAC,gBAAgB,EAC1B,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,YAEX,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gzBAAgzB,EAClzB,IAAI,EAAC,SAAS,GAChB,GACC,EACP,aAAG,IAAI,EAAC,mBAAmB,aACvB,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gzBAAgzB,EAClzB,IAAI,EAAC,SAAS,GAChB,EACF,YAAG,MAAM,EAAC,uBAAuB,YAC7B,eACI,CAAC,EAAC,8lBAA8lB,EAChmB,IAAI,EAAC,SAAS,GAChB,GACF,IACJ,EACJ,2BACI,kBACI,EAAE,EAAC,iBAAiB,EACpB,CAAC,EAAC,UAAU,EACZ,CAAC,EAAC,UAAU,EACZ,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,gBAAgB,EAC5B,yBAAyB,EAAC,MAAM,aAEhC,kBAAS,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG,EACxD,kBAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,OAAO,GAAG,EACpF,yBAAgB,YAAY,EAAC,SAAS,EAAC,MAAM,EAAC,8BAA8B,GAAG,IAC1E,EACT,0BACI,EAAE,EAAC,qBAAqB,EACxB,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,2DAA2D,aAE7E,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IAC1B,IACd,IACL,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const BrandIconDark: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M19.8424 19.8433C24.3958 15.2896 24.3958 7.90683 19.8424 3.35327L16.5682 6.6277C19.244 9.40598 19.2329 13.8068 16.5192 16.5207C13.8055 19.2345 9.4048 19.2457 6.62664 16.5697L3.35327 19.8433C7.90663 24.3967 15.2891 24.3967 19.8424 19.8433Z\"\n            fill=\"url(#paint0_radial_6_104)\"\n        />\n        <mask\n            id=\"mask0_6_104\"\n            style={{maskType: 'alpha'}}\n            maskUnits=\"userSpaceOnUse\"\n            x=\"0\"\n            y=\"0\"\n            width=\"24\"\n            height=\"24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z\"\n                fill=\"#FF3377\"\n            />\n        </mask>\n        <g mask=\"url(#mask0_6_104)\">\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z\"\n                fill=\"#FF3377\"\n            />\n            <g filter=\"url(#filter0_f_6_104)\">\n                <path\n                    d=\"M3.66425 16.9431C1.23717 13.223 1.65507 8.18643 4.91797 4.91963C8.18443 1.64924 13.2224 1.2335 16.9393 3.67239C17.2067 3.84045 17.3423 3.92521 17.4693 3.97423C17.7646 4.08818 18.008 4.10447 18.3158 4.03088C18.4503 3.99874 18.6311 3.91633 18.9928 3.75149C20.1947 3.20385 21.8808 2.02762 22.4725 2.62002C23.3813 3.52987 20.6464 8.26011 14.4508 14.4631C8.25521 20.666 3.53061 23.5804 2.62184 22.6706C2.03011 22.0781 3.20502 20.2137 3.75214 19.0102C3.91609 18.6497 3.99806 18.4693 4.03013 18.3355C4.10438 18.0256 4.08784 17.7804 3.97268 17.4833C3.92291 17.355 3.83661 17.2178 3.66402 16.9433L3.66425 16.9431Z\"\n                    fill=\"#FFFF00\"\n                />\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"filter0_f_6_104\"\n                x=\"-1.54024\"\n                y=\"-1.54195\"\n                width=\"27.8346\"\n                height=\"28.0273\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n            >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n                <feGaussianBlur stdDeviation=\"1.82578\" result=\"effect1_foregroundBlur_6_104\" />\n            </filter>\n            <radialGradient\n                id=\"paint0_radial_6_104\"\n                cx=\"0\"\n                cy=\"0\"\n                r=\"1\"\n                gradientUnits=\"userSpaceOnUse\"\n                gradientTransform=\"translate(11.5717 11.7474) rotate(45.0013) scale(11.5058)\"\n            >\n                <stop offset=\"0.646153\" stopColor=\"#FFFF00\" />\n                <stop offset=\"1\" stopColor=\"#FF3377\" />\n            </radialGradient>\n        </defs>\n    </svg>\n);\n"]}
+{"version":3,"file":"BrandIconDark.js","sourceRoot":"../../../src","sources":["icons/BrandIconDark.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACnE,eACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,kBAAkB,KAClB,KAAK,aAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gPAAgP,EAClP,IAAI,EAAC,2BAA2B,GAClC,EACF,eACI,EAAE,EAAC,aAAa,EAChB,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAC1B,SAAS,EAAC,gBAAgB,EAC1B,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,YAEX,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gzBAAgzB,EAClzB,IAAI,EAAC,SAAS,GAChB,GACC,EACP,aAAG,IAAI,EAAC,mBAAmB,aACvB,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gzBAAgzB,EAClzB,IAAI,EAAC,SAAS,GAChB,EACF,YAAG,MAAM,EAAC,uBAAuB,YAC7B,eACI,CAAC,EAAC,8lBAA8lB,EAChmB,IAAI,EAAC,SAAS,GAChB,GACF,IACJ,EACJ,2BACI,kBACI,EAAE,EAAC,iBAAiB,EACpB,CAAC,EAAC,UAAU,EACZ,CAAC,EAAC,UAAU,EACZ,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,gBAAgB,EAC5B,yBAAyB,EAAC,MAAM,aAEhC,kBAAS,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG,EACxD,kBAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,OAAO,GAAG,EACpF,yBAAgB,YAAY,EAAC,SAAS,EAAC,MAAM,EAAC,8BAA8B,GAAG,IAC1E,EACT,0BACI,EAAE,EAAC,qBAAqB,EACxB,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,2DAA2D,aAE7E,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IAC1B,IACd,IACL,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const BrandIconDark = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M19.8424 19.8433C24.3958 15.2896 24.3958 7.90683 19.8424 3.35327L16.5682 6.6277C19.244 9.40598 19.2329 13.8068 16.5192 16.5207C13.8055 19.2345 9.4048 19.2457 6.62664 16.5697L3.35327 19.8433C7.90663 24.3967 15.2891 24.3967 19.8424 19.8433Z\"\n            fill=\"url(#paint0_radial_6_104)\"\n        />\n        <mask\n            id=\"mask0_6_104\"\n            style={{maskType: 'alpha'}}\n            maskUnits=\"userSpaceOnUse\"\n            x=\"0\"\n            y=\"0\"\n            width=\"24\"\n            height=\"24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z\"\n                fill=\"#FF3377\"\n            />\n        </mask>\n        <g mask=\"url(#mask0_6_104)\">\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M3.41502 3.41517C-0.555167 7.38553 -1.06365 13.5068 1.88957 18.0282L1.88935 18.0284C2.09935 18.3619 2.20437 18.5286 2.26492 18.6847C2.40503 19.0457 2.42515 19.3437 2.33483 19.7203C2.2958 19.883 2.19607 20.1022 1.9966 20.5404C1.33086 22.003 1.18697 23.0905 1.69269 23.5962C3.11985 25.0235 7.69004 22.767 15.2286 15.2282C22.7671 7.68935 25.0235 3.11896 23.5962 1.69173C23.0906 1.18604 22.0033 1.32985 20.5409 1.99546C20.1008 2.19578 19.8807 2.29593 19.7171 2.33502C19.3426 2.42443 19.0465 2.40464 18.6872 2.26616C18.532 2.20637 18.3665 2.10288 18.039 1.8973C13.5168 -1.06457 7.38862 -0.558613 3.41502 3.41517ZM13.0738 13.0737C15.8196 10.3278 17.6712 7.72746 16.3976 6.45378C13.6259 3.68193 9.15304 3.66091 6.40726 6.4068C3.66149 9.1527 3.68251 13.6257 6.45424 16.3976C7.72786 17.6712 10.3281 15.8196 13.0738 13.0737Z\"\n                fill=\"#FF3377\"\n            />\n            <g filter=\"url(#filter0_f_6_104)\">\n                <path\n                    d=\"M3.66425 16.9431C1.23717 13.223 1.65507 8.18643 4.91797 4.91963C8.18443 1.64924 13.2224 1.2335 16.9393 3.67239C17.2067 3.84045 17.3423 3.92521 17.4693 3.97423C17.7646 4.08818 18.008 4.10447 18.3158 4.03088C18.4503 3.99874 18.6311 3.91633 18.9928 3.75149C20.1947 3.20385 21.8808 2.02762 22.4725 2.62002C23.3813 3.52987 20.6464 8.26011 14.4508 14.4631C8.25521 20.666 3.53061 23.5804 2.62184 22.6706C2.03011 22.0781 3.20502 20.2137 3.75214 19.0102C3.91609 18.6497 3.99806 18.4693 4.03013 18.3355C4.10438 18.0256 4.08784 17.7804 3.97268 17.4833C3.92291 17.355 3.83661 17.2178 3.66402 16.9433L3.66425 16.9431Z\"\n                    fill=\"#FFFF00\"\n                />\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"filter0_f_6_104\"\n                x=\"-1.54024\"\n                y=\"-1.54195\"\n                width=\"27.8346\"\n                height=\"28.0273\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n            >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n                <feGaussianBlur stdDeviation=\"1.82578\" result=\"effect1_foregroundBlur_6_104\" />\n            </filter>\n            <radialGradient\n                id=\"paint0_radial_6_104\"\n                cx=\"0\"\n                cy=\"0\"\n                r=\"1\"\n                gradientUnits=\"userSpaceOnUse\"\n                gradientTransform=\"translate(11.5717 11.7474) rotate(45.0013) scale(11.5058)\"\n            >\n                <stop offset=\"0.646153\" stopColor=\"#FFFF00\" />\n                <stop offset=\"1\" stopColor=\"#FF3377\" />\n            </radialGradient>\n        </defs>\n    </svg>\n);\n"]}

package/build/esm/icons/BrandIconLight.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const BrandIconLight: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const BrandIconLight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;