@gravity-ui/page-constructor 6.3.0 → 6.3.2-alpha.0

package/build/cjs/navigation/components/DesktopNavigation/DesktopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";;;;;AAEA,wHAAqF;AACrF,mDAAqC;AACrC,4CAAsF;AACtF,mEAAgC;AAChC,8EAAsE;AACtE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,cAAI,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACtC,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,uBAAC,0BAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,uBAAC,+BAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,uBAAC,0BAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,uBAAC,+BAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,uBAAC,mCAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,uBAAC,+BAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,uBAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n    logo,\n    leftItemsWithIconSize,\n    rightItemsWithIconSize,\n    customMobileHeaderItems,\n    isSidebarOpened,\n    onSidebarOpenedChange,\n    onActiveItemChange,\n    activeItemId,\n}) => (\n    <div className={b('wrapper')}>\n        {logo && (\n            <div className={b('left')}>\n                <Logo {...logo} className={b('logo')} />\n            </div>\n        )}\n        <div className={b('navigation-container')}>\n            <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n                <NavigationList\n                    items={leftItemsWithIconSize}\n                    onActiveItemChange={onActiveItemChange}\n                    className={b('links')}\n                    itemClassName={b('item')}\n                    column={ItemColumnName.Left}\n                    activeItemId={activeItemId}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            </OverflowScroller>\n        </div>\n        <div className={b('right')}>\n            {customMobileHeaderItems && (\n                <div className={b('mobile-navigation-container')}>\n                    <OverflowScroller\n                        className={b('mobile-navigation')}\n                        onScrollStart={onActiveItemChange}\n                        arrowSize={18}\n                    >\n                        <NavigationList\n                            items={customMobileHeaderItems}\n                            onActiveItemChange={onActiveItemChange}\n                            className={b('mobile-buttons')}\n                            itemClassName={b('item')}\n                            column={ItemColumnName.Left}\n                            activeItemId={activeItemId}\n                            menuLayout={NavigationLayout.Dropdown}\n                        />\n                    </OverflowScroller>\n                </div>\n            )}\n            <MobileMenuButton\n                isSidebarOpened={isSidebarOpened}\n                onSidebarOpenedChange={onSidebarOpenedChange}\n            />\n            {rightItemsWithIconSize && (\n                <NavigationList\n                    onActiveItemChange={onActiveItemChange}\n                    column={ItemColumnName.Right}\n                    items={rightItemsWithIconSize}\n                    activeItemId={activeItemId}\n                    className={b('buttons')}\n                    itemClassName={b('item')}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            )}\n        </div>\n    </div>\n);\n\nexport default DesktopNavigation;\n"]}
+{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";;;;;AAEA,wHAAqF;AACrF,mDAAgD;AAChD,4CAAsF;AACtF,mEAAgC;AAChC,8EAAsE;AACtE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAA,iBAAS,EAAC,IAAI,CAAC,IAAI,CAChB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,cAAI,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACtC,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,uBAAC,0BAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,uBAAC,+BAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,uBAAC,0BAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,uBAAC,+BAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,uBAAC,mCAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,uBAAC,+BAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,uBAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B;AAEF,kBAAe,yBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block, isLogoSet} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n    logo,\n    leftItemsWithIconSize,\n    rightItemsWithIconSize,\n    customMobileHeaderItems,\n    isSidebarOpened,\n    onSidebarOpenedChange,\n    onActiveItemChange,\n    activeItemId,\n}) => (\n    <div className={b('wrapper')}>\n        {isLogoSet(logo) && (\n            <div className={b('left')}>\n                <Logo {...logo} className={b('logo')} />\n            </div>\n        )}\n        <div className={b('navigation-container')}>\n            <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n                <NavigationList\n                    items={leftItemsWithIconSize}\n                    onActiveItemChange={onActiveItemChange}\n                    className={b('links')}\n                    itemClassName={b('item')}\n                    column={ItemColumnName.Left}\n                    activeItemId={activeItemId}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            </OverflowScroller>\n        </div>\n        <div className={b('right')}>\n            {customMobileHeaderItems && (\n                <div className={b('mobile-navigation-container')}>\n                    <OverflowScroller\n                        className={b('mobile-navigation')}\n                        onScrollStart={onActiveItemChange}\n                        arrowSize={18}\n                    >\n                        <NavigationList\n                            items={customMobileHeaderItems}\n                            onActiveItemChange={onActiveItemChange}\n                            className={b('mobile-buttons')}\n                            itemClassName={b('item')}\n                            column={ItemColumnName.Left}\n                            activeItemId={activeItemId}\n                            menuLayout={NavigationLayout.Dropdown}\n                        />\n                    </OverflowScroller>\n                </div>\n            )}\n            <MobileMenuButton\n                isSidebarOpened={isSidebarOpened}\n                onSidebarOpenedChange={onSidebarOpenedChange}\n            />\n            {rightItemsWithIconSize && (\n                <NavigationList\n                    onActiveItemChange={onActiveItemChange}\n                    column={ItemColumnName.Right}\n                    items={rightItemsWithIconSize}\n                    activeItemId={activeItemId}\n                    className={b('buttons')}\n                    itemClassName={b('item')}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            )}\n        </div>\n    </div>\n);\n\nexport default DesktopNavigation;\n"]}

package/build/cjs/navigation/components/Navigation/Navigation.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
 export interface NavigationComponentProps extends ClassNameProps {
-    logo: ThemedNavigationLogoData;
-    data: HeaderData;
+    logo?: ThemedNavigationLogoData;
+    data?: HeaderData;
     mobilePortalContainer?: React.RefObject<HTMLElement>;
 }
 export declare const Navigation: React.FC<NavigationComponentProps>;

package/build/cjs/navigation/components/Navigation/Navigation.js

@@ -12,7 +12,7 @@ const DesktopNavigation_1 = tslib_1.__importDefault(require("../DesktopNavigatio
 const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation.js"));
 const b = (0, utils_1.block)('navigation');
 const Navigation = ({ data, logo, className, mobilePortalContainer, }) => {
-    const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
+    const { leftItems = [], rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data || {};
     const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = (0, hooks_1.useShowBorder)(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = (0, hooks_1.useActiveNavItem)(iconSize, leftItems, rightItems);

package/build/cjs/navigation/components/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAQvB,MAAM,UAAU,GAAuC,CAAC,EAC3D,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n    mobilePortalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({\n    data,\n    logo,\n    className,\n    mobilePortalContainer,\n}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                                portalContainer={mobilePortalContainer}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}
+{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,4GAAyE;AACzE,iDAA6C;AAE7C,mDAAqC;AACrC,gDAA4D;AAC5D,0GAAuE;AACvE,uGAAoE;AAIpE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAQvB,MAAM,UAAU,GAAuC,CAAC,EAC3D,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,EACF,SAAS,GAAG,EAAE,EACd,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,IAAI,EAAE,CAAC;IAEf,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,qBAAa,EAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,IAAA,wBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,uBAAC,UAAG,cACA,uBAAC,UAAG,cACA,4CACI,uBAAC,2BAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,uBAAC,sBAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,uBAAC,0BAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo?: ThemedNavigationLogoData;\n    data?: HeaderData;\n    mobilePortalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({\n    data,\n    logo,\n    className,\n    mobilePortalContainer,\n}) => {\n    const {\n        leftItems = [],\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data || {};\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                                portalContainer={mobilePortalContainer}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js

@@ -28,7 +28,10 @@ const NavigationItem = ({ data, className, menuLayout, ...props }) => {
             ? componentProperties
             : { ...componentProperties, menuLayout };
     }, [data, props, type, menuLayout]);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps, className: b('content', { type }) }) }) }));
+    return (
+    // TODO: fix any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps, className: b('content', { type }) }) }) }));
 };
 exports.NavigationItem = NavigationItem;
 exports.default = exports.NavigationItem;

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,GAAG;YACxB,GAAG,IAAI;YACP,GAAG,KAAK;SACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,EAAC,GAAG,mBAAmB,EAAE,UAAU,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,OAAK,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n    (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n    data,\n    className,\n    menuLayout,\n    ...props\n}: NavigationItemProps) => {\n    const {type = NavigationItemType.Link} = data;\n    const navItemMap = useNavigationItemMap();\n    const Component = navItemMap[type] as CustomItem;\n    const componentProps = React.useMemo(() => {\n        const componentProperties = {\n            ...data,\n            ...props,\n        };\n\n        if (\n            nonComplexNavigationItemTypes.includes(\n                type as (typeof nonComplexNavigationItemTypes)[number],\n            )\n        ) {\n            return omit(componentProperties, 'hidePopup', 'isActive');\n        }\n\n        return NavigationItemTypes.includes(type)\n            ? componentProperties\n            : {...componentProperties, menuLayout};\n    }, [data, props, type, menuLayout]);\n\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            <li className={b({'menu-layout': menuLayout}, className)}>\n                <Component {...componentProps} className={b('content', {type})} />\n            </li>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport default NavigationItem;\n"]}
+{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,GAAG;YACxB,GAAG,IAAI;YACP,GAAG,KAAK;SACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,EAAC,GAAG,mBAAmB,EAAE,UAAU,EAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO;IACH,gBAAgB;IAChB,8DAA8D;IAC9D,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAmB,YAC/C,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,OAAK,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,cAAc,kBAqCzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n    (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n    data,\n    className,\n    menuLayout,\n    ...props\n}: NavigationItemProps) => {\n    const {type = NavigationItemType.Link} = data;\n    const navItemMap = useNavigationItemMap();\n    const Component = navItemMap[type] as CustomItem;\n    const componentProps = React.useMemo(() => {\n        const componentProperties = {\n            ...data,\n            ...props,\n        };\n\n        if (\n            nonComplexNavigationItemTypes.includes(\n                type as (typeof nonComplexNavigationItemTypes)[number],\n            )\n        ) {\n            return omit(componentProperties, 'hidePopup', 'isActive');\n        }\n\n        return NavigationItemTypes.includes(type)\n            ? componentProperties\n            : {...componentProperties, menuLayout};\n    }, [data, props, type, menuLayout]);\n\n    return (\n        // TODO: fix any\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        <BlockIdContext.Provider value={ANALYTICS_ID as any}>\n            <li className={b({'menu-layout': menuLayout}, className)}>\n                <Component {...componentProps} className={b('content', {type})} />\n            </li>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport default NavigationItem;\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -10,7 +10,10 @@ const ANALYTICS_ID = 'navigation';
 const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, { className: classes, ...props, url: url })) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { ...props, className: classes, url: url }) })) }));
+    return (
+    // TODO: fix any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, { className: classes, ...props, url: url })) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { ...props, className: classes, url: url }) })) }));
 };
 exports.NavigationButton = NavigationButton;
 //# sourceMappingURL=NavigationButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n    const {url, target, className} = props;\n    const classes = b(null, className);\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            {target ? (\n                <Button className={classes} {...props} url={url} />\n            ) : (\n                <RouterLink href={url}>\n                    <Button {...props} className={classes} url={url} />\n                </RouterLink>\n            )}\n        </BlockIdContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO;IACH,gBAAgB;IAChB,8DAA8D;IAC9D,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAmB,YAC9C,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,gBAAgB,oBAgB3B","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n    const {url, target, className} = props;\n    const classes = b(null, className);\n    return (\n        // TODO: fix any\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        <BlockIdContext.Provider value={ANALYTICS_ID as any}>\n            {target ? (\n                <Button className={classes} {...props} url={url} />\n            ) : (\n                <RouterLink href={url}>\n                    <Button {...props} className={classes} url={url} />\n                </RouterLink>\n            )}\n        </BlockIdContext.Provider>\n    );\n};\n"]}

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.css

@@ -13,6 +13,8 @@ unpredictable css rules order in build */
   border-radius: calc(var(--pc-border-radius) / 2);
   background: var(--g-color-base-float);
   box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .pc-navigation-popup__list {
   margin: 0;

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.js

@@ -9,11 +9,19 @@ const models_1 = require("../../models.js");
 const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/index.js"));
 const b = (0, utils_1.block)('navigation-popup');
 const OFFSET_RESET = { mainAxis: 0, crossAxis: 0 };
-const NavigationPopup = ({ anchorRef, items, onClose, open, }) => ((0, jsx_runtime_1.jsx)(uikit_1.Popup
-// Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-, { 
-    // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
-    anchorRef: open ? anchorRef : undefined, open: open, onClose: onClose, onOutsideClick: onClose, keepMounted: true, disablePortal: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: (0, jsx_runtime_1.jsx)("ul", { className: b('list'), children: items.map((item) => ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, { className: b('link'), data: item, menuLayout: models_1.NavigationLayout.Dropdown }, item.text))) }) }));
+const NavigationPopup = ({ anchorRef, items, onClose, open, }) => {
+    // Opening and closing is controlled by the associated button,
+    // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)
+    // there needs to be an awkward looking handler like this.
+    const onOpenChange = (isOpen) => {
+        if (!isOpen) {
+            onClose();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { className: b(), 
+        // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.
+        anchorElement: anchorRef.current, open: open, onOpenChange: onOpenChange, keepMounted: true, strategy: "fixed", placement: "bottom-start", offset: OFFSET_RESET, children: (0, jsx_runtime_1.jsx)("ul", { className: b('list'), children: items.map((item) => ((0, jsx_runtime_1.jsx)(NavigationItem_1.default, { className: b('link'), data: item, menuLayout: models_1.NavigationLayout.Dropdown }, item.text))) }) }));
+};
 exports.NavigationPopup = NavigationPopup;
 exports.default = exports.NavigationPopup;
 //# sourceMappingURL=NavigationPopup.js.map

package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";;;;;AAEA,6CAAwC;AAExC,mDAAqC;AACrC,4CAAoE;AACpE,wFAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAEnF,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE,CAAC,CACF,uBAAC,aAAK;AACF,0HAA0H;;IAA1H,0HAA0H;IAC1H,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,OAAO,EACvB,WAAW,QACX,aAAa,QACb,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,wBAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,yBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {NavigationLayout, NavigationPopupProps} from '../../models';\nimport NavigationItem from '../NavigationItem';\n\nimport './NavigationPopup.scss';\n\nconst b = block('navigation-popup');\nconst OFFSET_RESET: {mainAxis?: number; crossAxis?: number} = {mainAxis: 0, crossAxis: 0};\n\nexport const NavigationPopup: React.FC<NavigationPopupProps> = ({\n    anchorRef,\n    items,\n    onClose,\n    open,\n}) => (\n    <Popup\n        // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n        anchorRef={open ? anchorRef : undefined}\n        open={open}\n        onClose={onClose}\n        onOutsideClick={onClose}\n        keepMounted\n        disablePortal\n        strategy=\"fixed\"\n        placement=\"bottom-start\"\n        offset={OFFSET_RESET}\n    >\n        <ul className={b('list')}>\n            {items.map((item) => (\n                <NavigationItem\n                    key={item.text}\n                    className={b('link')}\n                    data={item}\n                    menuLayout={NavigationLayout.Dropdown}\n                />\n            ))}\n        </ul>\n    </Popup>\n);\n\nexport default NavigationPopup;\n"]}
+{"version":3,"file":"NavigationPopup.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationPopup/NavigationPopup.tsx"],"names":[],"mappings":";;;;;AAEA,6CAAwC;AAExC,mDAAqC;AACrC,4CAAoE;AACpE,wFAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AACpC,MAAM,YAAY,GAA4C,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAEnF,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GACP,EAAE,EAAE;IACD,8DAA8D;IAC9D,0GAA0G;IAC1G,0DAA0D;IAC1D,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE;QACrC,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,aAAK,IACF,SAAS,EAAE,CAAC,EAAE;QACd,0HAA0H;QAC1H,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,QACX,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,YAAY,YAEpB,+BAAI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,wBAAc,IAEX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,yBAAgB,CAAC,QAAQ,IAHhC,IAAI,CAAC,IAAI,CAIhB,CACL,CAAC,GACD,GACD,CACX,CAAC;AACN,CAAC,CAAC;AAvCW,QAAA,eAAe,mBAuC1B;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../utils';\nimport {NavigationLayout, NavigationPopupProps} from '../../models';\nimport NavigationItem from '../NavigationItem';\n\nimport './NavigationPopup.scss';\n\nconst b = block('navigation-popup');\nconst OFFSET_RESET: {mainAxis?: number; crossAxis?: number} = {mainAxis: 0, crossAxis: 0};\n\nexport const NavigationPopup: React.FC<NavigationPopupProps> = ({\n    anchorRef,\n    items,\n    onClose,\n    open,\n}) => {\n    // Opening and closing is controlled by the associated button,\n    // but in order to give the popup control over closing as well (e.g. on click outside or escape key press)\n    // there needs to be an awkward looking handler like this.\n    const onOpenChange = (isOpen: boolean) => {\n        if (!isOpen) {\n            onClose();\n        }\n    };\n\n    return (\n        <Popup\n            className={b()}\n            // Workaround to recalculate position on every opening. Required for valid position calculation for scrolled header links.\n            anchorElement={anchorRef.current}\n            open={open}\n            onOpenChange={onOpenChange}\n            keepMounted\n            strategy=\"fixed\"\n            placement=\"bottom-start\"\n            offset={OFFSET_RESET}\n        >\n            <ul className={b('list')}>\n                {items.map((item) => (\n                    <NavigationItem\n                        key={item.text}\n                        className={b('link')}\n                        data={item}\n                        menuLayout={NavigationLayout.Dropdown}\n                    />\n                ))}\n            </ul>\n        </Popup>\n    );\n};\n\nexport default NavigationPopup;\n"]}

package/build/cjs/navigation/containers/Layout/Layout.css

@@ -1,7 +1,6 @@
 .pc-layout {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
 }
 .pc-layout__content {
   display: flex;

package/build/cjs/navigation/containers/Layout/Layout.js

@@ -6,6 +6,7 @@ const utils_1 = require("../../../utils/index.js");
 const Navigation_1 = tslib_1.__importDefault(require("../../components/Navigation/Navigation.js"));
 const b = (0, utils_1.block)('layout');
 const Layout = ({ children, navigation }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [navigation &&
+            ((0, utils_1.isLogoSet)(navigation.logo) || (0, utils_1.isHeaderSet)(navigation.header)) &&
             (navigation.renderNavigation ? (navigation.renderNavigation()) : ((0, jsx_runtime_1.jsx)(Navigation_1.default, { data: navigation.header, logo: navigation.logo, className: b('navigation') }))), (0, jsx_runtime_1.jsx)("main", { className: b('content'), children: children })] }));
 exports.default = Layout;
 //# sourceMappingURL=Layout.js.map

package/build/cjs/navigation/containers/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["navigation/containers/Layout/Layout.tsx"],"names":[],"mappings":";;;;AAGA,mDAAqC;AACrC,mGAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAO1B,MAAM,MAAM,GAA0B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,CAC9D,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU;YACP,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC3B,UAAU,CAAC,gBAAgB,EAAE,CAChC,CAAC,CAAC,CAAC,CACA,uBAAC,oBAAU,IACP,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAC5B,CACL,CAAC,EACN,iCAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACT,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationData} from '../../../models';\nimport {block} from '../../../utils';\nimport Navigation from '../../components/Navigation/Navigation';\n\nimport './Layout.scss';\n\nconst b = block('layout');\n\nexport interface LayoutProps {\n    navigation?: NavigationData;\n    children?: React.ReactNode;\n}\n\nconst Layout: React.FC<LayoutProps> = ({children, navigation}) => (\n    <div className={b()}>\n        {navigation &&\n            (navigation.renderNavigation ? (\n                navigation.renderNavigation()\n            ) : (\n                <Navigation\n                    data={navigation.header}\n                    logo={navigation.logo}\n                    className={b('navigation')}\n                />\n            ))}\n        <main className={b('content')}>{children}</main>\n    </div>\n);\n\nexport default Layout;\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"../../../../../src","sources":["navigation/containers/Layout/Layout.tsx"],"names":[],"mappings":";;;;AAGA,mDAA6D;AAC7D,mGAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAO1B,MAAM,MAAM,GAA0B,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,CAC9D,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,UAAU;YACP,CAAC,IAAA,iBAAS,EAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAA,mBAAW,EAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9D,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC3B,UAAU,CAAC,gBAAgB,EAAE,CAChC,CAAC,CAAC,CAAC,CACA,uBAAC,oBAAU,IACP,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAC5B,CACL,CAAC,EACN,iCAAM,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACT,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationData} from '../../../models';\nimport {block, isHeaderSet, isLogoSet} from '../../../utils';\nimport Navigation from '../../components/Navigation/Navigation';\n\nimport './Layout.scss';\n\nconst b = block('layout');\n\nexport interface LayoutProps {\n    navigation?: NavigationData;\n    children?: React.ReactNode;\n}\n\nconst Layout: React.FC<LayoutProps> = ({children, navigation}) => (\n    <div className={b()}>\n        {navigation &&\n            (isLogoSet(navigation.logo) || isHeaderSet(navigation.header)) &&\n            (navigation.renderNavigation ? (\n                navigation.renderNavigation()\n            ) : (\n                <Navigation\n                    data={navigation.header}\n                    logo={navigation.logo}\n                    className={b('navigation')}\n                />\n            ))}\n        <main className={b('content')}>{children}</main>\n    </div>\n);\n\nexport default Layout;\n"]}

package/build/cjs/navigation/models.d.ts

@@ -41,7 +41,7 @@ export interface NavigationListProps extends Pick<NavigationListItemProps, 'colu
 export interface ItemsWrapperProps extends Pick<NavigationListProps, 'items'>, ActiveItemProps, ClassNameProps {
 }
 export interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {
-    logo: ThemedNavigationLogoData;
+    logo?: ThemedNavigationLogoData;
     leftItemsWithIconSize: NavigationItemModel[];
     rightItemsWithIconSize?: NavigationItemModel[];
     customMobileHeaderItems?: NavigationItemModel[];

package/build/cjs/navigation/models.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n    portalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}
+{"version":3,"file":"models.js","sourceRoot":"../../../src","sources":["navigation/models.ts"],"names":[],"mappings":";;;AAeA,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;IACX,mCAAiB,CAAA;AACrB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;AACzB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B","sourcesContent":["import * as React from 'react';\n\nimport {\n    ClassNameProps,\n    NavigationItemData,\n    NavigationItemModel,\n    NavigationLinkItem,\n    ThemedNavigationLogoData,\n} from '../models';\n\nexport interface MobileMenuButtonProps {\n    isSidebarOpened: boolean;\n    onSidebarOpenedChange: (arg: boolean) => void;\n}\n\nexport enum ItemColumnName {\n    Left = 'left',\n    Right = 'right',\n    Top = 'top',\n    Bottom = 'bottom',\n}\n\nexport enum NavigationLayout {\n    Desktop = 'desktop',\n    Mobile = 'mobile',\n    Dropdown = 'dropdown',\n}\n\nexport interface ActiveItemProps {\n    activeItemId?: string;\n    onActiveItemChange: (id?: string) => void;\n}\n\nexport interface MenuLayoutProps {\n    menuLayout?: NavigationLayout;\n}\nexport interface NavigationItemProps extends ClassNameProps, MenuLayoutProps {\n    data: NavigationItemData;\n    onClick?: React.MouseEventHandler;\n    isActive?: boolean;\n    isTopLevel?: boolean;\n    hidePopup?: () => void;\n}\n\nexport interface NavigationListItemProps extends MenuLayoutProps, ActiveItemProps, ClassNameProps {\n    data: NavigationItemModel;\n    column: ItemColumnName;\n    index: number;\n}\n\nexport interface NavigationListProps\n    extends Pick<NavigationListItemProps, 'column'>,\n        MenuLayoutProps,\n        ActiveItemProps,\n        ClassNameProps {\n    items: NavigationItemModel[];\n    itemClassName?: string;\n}\n\nexport interface ItemsWrapperProps\n    extends Pick<NavigationListProps, 'items'>,\n        ActiveItemProps,\n        ClassNameProps {}\n\nexport interface DesktopNavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo?: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n    customMobileHeaderItems?: NavigationItemModel[];\n}\n\nexport interface MobileNavigationProps extends ClassNameProps, ActiveItemProps {\n    isOpened?: boolean;\n    topItems?: NavigationItemModel[];\n    bottomItems?: NavigationItemModel[];\n    portalContainer?: React.RefObject<HTMLElement>;\n}\n\nexport interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {\n    logo: ThemedNavigationLogoData;\n    leftItemsWithIconSize: NavigationItemModel[];\n    rightItemsWithIconSize?: NavigationItemModel[];\n}\n\nexport interface NavigationPopupProps {\n    open: boolean;\n    items: NavigationLinkItem[];\n    onClose: () => void;\n    anchorRef: React.RefObject<Element>;\n}\n"]}

package/build/cjs/schema/constants.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
+const TestEditorBlock_1 = require("../blocks/TestEditorBlock/index.js");
 const blocks_1 = require("./validators/blocks.js");
 const sub_blocks_1 = require("./validators/sub-blocks.js");
 exports.blockSchemas = {
@@ -24,6 +25,7 @@ exports.blockSchemas = {
     ...blocks_1.ShareBlock,
     ...blocks_1.FilterBlock,
     ...blocks_1.FormBlock,
+    ...TestEditorBlock_1.TestEditorBlockSchema,
     ...blocks_1.SliderNewBlock,
 };
 exports.cardSchemas = {

package/build/cjs/schema/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["schema/constants.ts"],"names":[],"mappings":";;;AAEA,mDAsB6B;AAC7B,2DASiC;AAEpB,QAAA,YAAY,GAA8B;IACnD,GAAG,oBAAO;IACV,GAAG,8BAAqB;IACxB,GAAG,2BAAkB;IACrB,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,oBAAW;IACd,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,mBAAU;IACb,GAAG,iBAAQ;IACX,GAAG,kBAAS;IACZ,GAAG,mBAAU;IACb,GAAG,kBAAS;IACZ,GAAG,0BAAiB;IACpB,GAAG,mBAAU;IACb,GAAG,wBAAe;IAClB,GAAG,2BAAkB;IACrB,GAAG,mBAAU;IACb,GAAG,oBAAW;IACd,GAAG,kBAAS;IACZ,GAAG,uBAAc;CACpB,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,GAAG,2BAAc;IACjB,GAAG,mBAAU;IACb,GAAG,+BAAkB;IACrB,GAAG,2BAAc;IACjB,GAAG,kBAAK;IACR,GAAG,sBAAS;IACZ,GAAG,2BAAc;IACjB,GAAG,sBAAS;CACf,CAAC;AAEW,QAAA,2BAA2B,GAAG;IACvC,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,yBAAyB;IACzB,sBAAsB;IACtB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;IACrB,wBAAwB;IACxB,aAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEW,QAAA,0BAA0B,GAAG;IACtC,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,OAAO;IACP,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,YAAY;CACf,CAAC","sourcesContent":["import {BlockType} from '../models';\n\nimport {\n    BannerBlock,\n    BannerCard,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    SliderNewBlock,\n    TableBlock,\n    TabsBlock,\n} from './validators/blocks';\nimport {\n    BackgroundCard,\n    BasicCard,\n    Divider,\n    ImageCard,\n    MediaCardBlock,\n    PriceCardBlock,\n    PriceDetailedBlock,\n    Quote,\n} from './validators/sub-blocks';\n\nexport const blockSchemas: Record<BlockType, object> = {\n    ...Divider,\n    ...ExtendedFeaturesBlock,\n    ...PromoFeaturesBlock,\n    ...SliderBlock,\n    ...QuestionsBlock,\n    ...HeaderBlock,\n    ...BannerBlock,\n    ...CompaniesBlock,\n    ...MediaBlock,\n    ...MapBlock,\n    ...InfoBlock,\n    ...TableBlock,\n    ...TabsBlock,\n    ...HeaderSliderBlock,\n    ...IconsBlock,\n    ...CardLayoutBlock,\n    ...ContentLayoutBlock,\n    ...ShareBlock,\n    ...FilterBlock,\n    ...FormBlock,\n    ...SliderNewBlock,\n};\n\nexport const cardSchemas = {\n    ...MediaCardBlock,\n    ...BannerCard,\n    ...PriceDetailedBlock,\n    ...BackgroundCard,\n    ...Quote,\n    ...BasicCard,\n    ...PriceCardBlock,\n    ...ImageCard,\n};\n\nexport const constructorBlockSchemaNames = [\n    'divider',\n    'quote',\n    'event',\n    'post',\n    'extended-features-block',\n    'promo-features-block',\n    'slider-block',\n    'questions-block',\n    'header-block',\n    'banner-block',\n    'companies-block',\n    'media-block',\n    'map-block',\n    'info-block',\n    'table-block',\n    'tabs-block',\n    /** @deprecated */\n    'price-detailed',\n    'header-slider-block',\n    'cards-with-image-block',\n    'icons-block',\n    'card-layout-block',\n    'content-layout-block',\n    'share-block',\n    'filter-block',\n    'form-block',\n];\n\nexport const constructorCardSchemaNames = [\n    'media-card',\n    'banner-card',\n    /** @deprecated */\n    'price-detailed',\n    'background-card',\n    'quote',\n    'basic-card',\n    'layout-item',\n    'price-card',\n    'image-card',\n];\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["schema/constants.ts"],"names":[],"mappings":";;;AAAA,wEAAgE;AAGhE,mDAsB6B;AAC7B,2DASiC;AAEpB,QAAA,YAAY,GAA8B;IACnD,GAAG,oBAAO;IACV,GAAG,8BAAqB;IACxB,GAAG,2BAAkB;IACrB,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,oBAAW;IACd,GAAG,oBAAW;IACd,GAAG,uBAAc;IACjB,GAAG,mBAAU;IACb,GAAG,iBAAQ;IACX,GAAG,kBAAS;IACZ,GAAG,mBAAU;IACb,GAAG,kBAAS;IACZ,GAAG,0BAAiB;IACpB,GAAG,mBAAU;IACb,GAAG,wBAAe;IAClB,GAAG,2BAAkB;IACrB,GAAG,mBAAU;IACb,GAAG,oBAAW;IACd,GAAG,kBAAS;IACZ,GAAG,uCAAqB;IACxB,GAAG,uBAAc;CACpB,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,GAAG,2BAAc;IACjB,GAAG,mBAAU;IACb,GAAG,+BAAkB;IACrB,GAAG,2BAAc;IACjB,GAAG,kBAAK;IACR,GAAG,sBAAS;IACZ,GAAG,2BAAc;IACjB,GAAG,sBAAS;CACf,CAAC;AAEW,QAAA,2BAA2B,GAAG;IACvC,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,yBAAyB;IACzB,sBAAsB;IACtB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;IACrB,wBAAwB;IACxB,aAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,aAAa;IACb,cAAc;IACd,YAAY;CACf,CAAC;AAEW,QAAA,0BAA0B,GAAG;IACtC,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,OAAO;IACP,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,YAAY;CACf,CAAC","sourcesContent":["import {TestEditorBlockSchema} from '../blocks/TestEditorBlock';\nimport {BlockType} from '../models';\n\nimport {\n    BannerBlock,\n    BannerCard,\n    CardLayoutBlock,\n    CompaniesBlock,\n    ContentLayoutBlock,\n    ExtendedFeaturesBlock,\n    FilterBlock,\n    FormBlock,\n    HeaderBlock,\n    HeaderSliderBlock,\n    IconsBlock,\n    InfoBlock,\n    MapBlock,\n    MediaBlock,\n    PromoFeaturesBlock,\n    QuestionsBlock,\n    ShareBlock,\n    SliderBlock,\n    SliderNewBlock,\n    TableBlock,\n    TabsBlock,\n} from './validators/blocks';\nimport {\n    BackgroundCard,\n    BasicCard,\n    Divider,\n    ImageCard,\n    MediaCardBlock,\n    PriceCardBlock,\n    PriceDetailedBlock,\n    Quote,\n} from './validators/sub-blocks';\n\nexport const blockSchemas: Record<BlockType, object> = {\n    ...Divider,\n    ...ExtendedFeaturesBlock,\n    ...PromoFeaturesBlock,\n    ...SliderBlock,\n    ...QuestionsBlock,\n    ...HeaderBlock,\n    ...BannerBlock,\n    ...CompaniesBlock,\n    ...MediaBlock,\n    ...MapBlock,\n    ...InfoBlock,\n    ...TableBlock,\n    ...TabsBlock,\n    ...HeaderSliderBlock,\n    ...IconsBlock,\n    ...CardLayoutBlock,\n    ...ContentLayoutBlock,\n    ...ShareBlock,\n    ...FilterBlock,\n    ...FormBlock,\n    ...TestEditorBlockSchema,\n    ...SliderNewBlock,\n};\n\nexport const cardSchemas = {\n    ...MediaCardBlock,\n    ...BannerCard,\n    ...PriceDetailedBlock,\n    ...BackgroundCard,\n    ...Quote,\n    ...BasicCard,\n    ...PriceCardBlock,\n    ...ImageCard,\n};\n\nexport const constructorBlockSchemaNames = [\n    'divider',\n    'quote',\n    'event',\n    'post',\n    'extended-features-block',\n    'promo-features-block',\n    'slider-block',\n    'questions-block',\n    'header-block',\n    'banner-block',\n    'companies-block',\n    'media-block',\n    'map-block',\n    'info-block',\n    'table-block',\n    'tabs-block',\n    /** @deprecated */\n    'price-detailed',\n    'header-slider-block',\n    'cards-with-image-block',\n    'icons-block',\n    'card-layout-block',\n    'content-layout-block',\n    'share-block',\n    'filter-block',\n    'form-block',\n];\n\nexport const constructorCardSchemaNames = [\n    'media-card',\n    'banner-card',\n    /** @deprecated */\n    'price-detailed',\n    'background-card',\n    'quote',\n    'basic-card',\n    'layout-item',\n    'price-card',\n    'image-card',\n];\n"]}

package/build/cjs/schema/index.d.ts

@@ -11,4 +11,260 @@ export interface SchemaCustomConfig {
     extensions?: object;
 }
 export declare const getBlocksCases: (blocks: Schema) => any;
+export declare const defaultComponentsConfigurationSchema: {
+    type: string;
+    properties: {
+        logo: {
+            oneOf: (({
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    icon: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
+                        })[];
+                    };
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                };
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../index.js").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        header: {
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                leftItems: {
+                    oneOf: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    }[];
+                };
+                rightItems: {
+                    oneOf: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    }[];
+                };
+                iconSize: {
+                    type: string;
+                };
+            };
+        };
+        menu: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                title: {
+                    type: string;
+                    contentType: string;
+                };
+            };
+        };
+        background: {
+            oneOf: (({
+                additionalProperties: boolean;
+                properties: {
+                    image: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
+                        })[];
+                    };
+                    color: {
+                        type: string;
+                    };
+                    video: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            src: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            loop: {
+                                oneOf: ({
+                                    optionName: string;
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: string[];
+                                    properties: {
+                                        start: {
+                                            type: string;
+                                        };
+                                        end: {
+                                            type: string;
+                                        };
+                                    };
+                                } | {
+                                    type: string;
+                                    optionName: string;
+                                })[];
+                            };
+                            type: {
+                                type: string;
+                                enum: string[];
+                            };
+                            muted: {
+                                type: string;
+                            };
+                            autoplay: {
+                                type: string;
+                            };
+                            elapsedTime: {
+                                type: string;
+                            };
+                            playButton: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    theme: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    text: {
+                                        type: string;
+                                        contentType: string;
+                                    };
+                                };
+                            };
+                            controls: {
+                                type: string;
+                                enum: import("../index.js").MediaVideoControlsType[];
+                            };
+                            customControlsOptions: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: import("../index.js").CustomControlsType[];
+                                    };
+                                    muteButtonShown: {
+                                        type: string;
+                                    };
+                                    positioning: {
+                                        type: string;
+                                        enum: import("../index.js").CustomControlsButtonPositioning[];
+                                    };
+                                };
+                            };
+                            ariaLabel: {
+                                type: string;
+                            };
+                            contain: {
+                                type: string;
+                            };
+                        };
+                    };
+                    height: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    parallax: {
+                        type: string;
+                    };
+                    fullWidthMedia: {
+                        type: string;
+                    };
+                    animated: {
+                        type: string;
+                    };
+                };
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../index.js").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        animated: {
+            type: string;
+        };
+    };
+};
 export declare function generateDefaultSchema(config?: SchemaCustomConfig): Schema;

package/build/cjs/schema/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBlocksCases = exports.validators = void 0;
+exports.defaultComponentsConfigurationSchema = exports.getBlocksCases = exports.validators = void 0;
 exports.generateDefaultSchema = generateDefaultSchema;
 var validators_1 = require("./validators/index.js");
 Object.defineProperty(exports, "validators", { enumerable: true, get: function () { return validators_1.validators; } });
@@ -15,6 +15,16 @@ const getBlocksCases = (blocks) => {
     }), {});
 };
 exports.getBlocksCases = getBlocksCases;
+exports.defaultComponentsConfigurationSchema = {
+    type: 'object',
+    properties: {
+        ...common_1.AnimatableProps,
+        logo: (0, common_1.withTheme)(navigation_1.LogoProps),
+        header: navigation_1.NavigationHeaderProps,
+        menu: common_1.MenuProps,
+        background: (0, common_1.withTheme)(common_1.BackgroundProps),
+    },
+};
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config ?? {};
     const configBlockSchemaNames = Object.keys(blocks).filter((item) => !constants_1.constructorBlockSchemaNames.includes(item));
@@ -57,17 +67,13 @@ function generateDefaultSchema(config) {
         additionalProperties: false,
         required: ['blocks'],
         properties: {
-            ...common_1.AnimatableProps,
-            logo: (0, common_1.withTheme)(navigation_1.LogoProps),
-            header: navigation_1.NavigationHeaderProps,
+            ...exports.defaultComponentsConfigurationSchema.properties,
             blocks: {
                 type: 'array',
                 items: {
                     $ref: '#/definitions/children',
                 },
             },
-            menu: common_1.MenuProps,
-            background: (0, common_1.withTheme)(common_1.BackgroundProps),
             ...extensions,
         },
     };

package/build/cjs/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":";;;AAmCA,sDA+DC;AAlGD,oDAAwC;AAAhC,wGAAA,UAAU,OAAA;AAKlB,8CAKqB;AACrB,mDAA2F;AAC3F,2DAAyE;AACzE,iDAAgD;AAYzC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE;IAC7C,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACb,GAAG,GAAG;QACN,GAAG,KAAK;KACX,CAAC,EACF,EAAE,CACL,CAAC;AACN,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB;AAEF,SAAgB,qBAAqB,CAAC,MAA2B;IAC7D,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;IAEhE,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CACrD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,uCAA2B,CAAC,QAAQ,CAAC,IAAI,CAAC,CACxD,CAAC;IAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CACnD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,sCAA0B,CAAC,QAAQ,CAAC,IAAI,CAAC,CACvD,CAAC;IAEF,OAAO;QACH,GAAG,EAAE,MAAM;QACX,WAAW,EAAE;YACT,QAAQ,EAAE,IAAA,oBAAY,EAAC;gBACnB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,UAAU,EAAE;oBACR,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,GAAG,uCAA2B,EAAE,GAAG,sBAAsB,CAAC;qBACpE;iBACJ;gBACD,MAAM,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC;gBACzB,WAAW,EAAE;oBACT,GAAG,wBAAY;oBACf,GAAG,IAAA,sBAAc,EAAC,MAAM,CAAC;iBAC5B;aACJ,CAAC;YACF,KAAK,EAAE,IAAA,oBAAY,EAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,UAAU,EAAE;oBACR,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,GAAG,sCAA0B,EAAE,GAAG,qBAAqB,CAAC;qBAClE;iBACJ;gBACD,MAAM,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC;gBACzB,WAAW,EAAE;oBACT,GAAG,uBAAW;oBACd,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC;iBAC3B;aACJ,CAAC;SACL;QACD,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,EAAE;YACR,GAAG,wBAAe;YAClB,IAAI,EAAE,IAAA,kBAAS,EAAC,sBAAS,CAAC;YAC1B,MAAM,EAAE,kCAAqB;YAC7B,MAAM,EAAE;gBACJ,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,wBAAwB;iBACjC;aACJ;YACD,IAAI,EAAE,kBAAS;YACf,UAAU,EAAE,IAAA,kBAAS,EAAC,wBAAe,CAAC;YACtC,GAAG,UAAU;SAChB;KACM,CAAC;AAChB,CAAC","sourcesContent":["export {validators} from './validators';\nexport type {ObjectSchema} from './validators/utils';\n\nimport type {JSONSchema4} from 'json-schema';\n\nimport {\n    blockSchemas,\n    cardSchemas,\n    constructorBlockSchemaNames,\n    constructorCardSchemaNames,\n} from './constants';\nimport {AnimatableProps, BackgroundProps, MenuProps, withTheme} from './validators/common';\nimport {LogoProps, NavigationHeaderProps} from './validators/navigation';\nimport {filteredItem} from './validators/utils';\n\nexport type Schema = JSONSchema4;\nexport type SchemaDefinitions = {\n    [k: string]: Schema;\n};\nexport interface SchemaCustomConfig {\n    blocks?: Record<string, Schema>;\n    cards?: Record<string, Schema>;\n    extensions?: object;\n}\n\nexport const getBlocksCases = (blocks: Schema) => {\n    return Object.values(blocks).reduce(\n        (acc, block) => ({\n            ...acc,\n            ...block,\n        }),\n        {},\n    );\n};\n\nexport function generateDefaultSchema(config?: SchemaCustomConfig) {\n    const {cards = {}, blocks = {}, extensions = {}} = config ?? {};\n\n    const configBlockSchemaNames = Object.keys(blocks).filter(\n        (item) => !constructorBlockSchemaNames.includes(item),\n    );\n\n    const configCardSchemaNames = Object.keys(cards).filter(\n        (item) => !constructorCardSchemaNames.includes(item),\n    );\n\n    return {\n        $id: 'self',\n        definitions: {\n            children: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorBlockSchemaNames, ...configBlockSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...blockSchemas,\n                    ...getBlocksCases(blocks),\n                },\n            }),\n            cards: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorCardSchemaNames, ...configCardSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...cardSchemas,\n                    ...getBlocksCases(cards),\n                },\n            }),\n        },\n        type: 'object',\n        additionalProperties: false,\n        required: ['blocks'],\n        properties: {\n            ...AnimatableProps,\n            logo: withTheme(LogoProps),\n            header: NavigationHeaderProps,\n            blocks: {\n                type: 'array',\n                items: {\n                    $ref: '#/definitions/children',\n                },\n            },\n            menu: MenuProps,\n            background: withTheme(BackgroundProps),\n            ...extensions,\n        },\n    } as Schema;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":";;;AA8CA,sDA2DC;AAzGD,oDAAwC;AAAhC,wGAAA,UAAU,OAAA;AAKlB,8CAKqB;AACrB,mDAA2F;AAC3F,2DAAyE;AACzE,iDAAgD;AAYzC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE;IAC7C,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACb,GAAG,GAAG;QACN,GAAG,KAAK;KACX,CAAC,EACF,EAAE,CACL,CAAC;AACN,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB;AAEW,QAAA,oCAAoC,GAAG;IAChD,IAAI,EAAE,QAAQ;IACd,UAAU,EAAE;QACR,GAAG,wBAAe;QAClB,IAAI,EAAE,IAAA,kBAAS,EAAC,sBAAS,CAAC;QAC1B,MAAM,EAAE,kCAAqB;QAC7B,IAAI,EAAE,kBAAS;QACf,UAAU,EAAE,IAAA,kBAAS,EAAC,wBAAe,CAAC;KACzC;CACJ,CAAC;AAEF,SAAgB,qBAAqB,CAAC,MAA2B;IAC7D,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;IAEhE,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CACrD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,uCAA2B,CAAC,QAAQ,CAAC,IAAI,CAAC,CACxD,CAAC;IAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CACnD,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,sCAA0B,CAAC,QAAQ,CAAC,IAAI,CAAC,CACvD,CAAC;IAEF,OAAO;QACH,GAAG,EAAE,MAAM;QACX,WAAW,EAAE;YACT,QAAQ,EAAE,IAAA,oBAAY,EAAC;gBACnB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,UAAU,EAAE;oBACR,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,GAAG,uCAA2B,EAAE,GAAG,sBAAsB,CAAC;qBACpE;iBACJ;gBACD,MAAM,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC;gBACzB,WAAW,EAAE;oBACT,GAAG,wBAAY;oBACf,GAAG,IAAA,sBAAc,EAAC,MAAM,CAAC;iBAC5B;aACJ,CAAC;YACF,KAAK,EAAE,IAAA,oBAAY,EAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,MAAM,CAAC;gBAClB,UAAU,EAAE;oBACR,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,GAAG,sCAA0B,EAAE,GAAG,qBAAqB,CAAC;qBAClE;iBACJ;gBACD,MAAM,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC;gBACzB,WAAW,EAAE;oBACT,GAAG,uBAAW;oBACd,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC;iBAC3B;aACJ,CAAC;SACL;QACD,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,EAAE;YACR,GAAG,4CAAoC,CAAC,UAAU;YAClD,MAAM,EAAE;gBACJ,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,wBAAwB;iBACjC;aACJ;YACD,GAAG,UAAU;SAChB;KACM,CAAC;AAChB,CAAC","sourcesContent":["export {validators} from './validators';\nexport type {ObjectSchema} from './validators/utils';\n\nimport type {JSONSchema4} from 'json-schema';\n\nimport {\n    blockSchemas,\n    cardSchemas,\n    constructorBlockSchemaNames,\n    constructorCardSchemaNames,\n} from './constants';\nimport {AnimatableProps, BackgroundProps, MenuProps, withTheme} from './validators/common';\nimport {LogoProps, NavigationHeaderProps} from './validators/navigation';\nimport {filteredItem} from './validators/utils';\n\nexport type Schema = JSONSchema4;\nexport type SchemaDefinitions = {\n    [k: string]: Schema;\n};\nexport interface SchemaCustomConfig {\n    blocks?: Record<string, Schema>;\n    cards?: Record<string, Schema>;\n    extensions?: object;\n}\n\nexport const getBlocksCases = (blocks: Schema) => {\n    return Object.values(blocks).reduce(\n        (acc, block) => ({\n            ...acc,\n            ...block,\n        }),\n        {},\n    );\n};\n\nexport const defaultComponentsConfigurationSchema = {\n    type: 'object',\n    properties: {\n        ...AnimatableProps,\n        logo: withTheme(LogoProps),\n        header: NavigationHeaderProps,\n        menu: MenuProps,\n        background: withTheme(BackgroundProps),\n    },\n};\n\nexport function generateDefaultSchema(config?: SchemaCustomConfig) {\n    const {cards = {}, blocks = {}, extensions = {}} = config ?? {};\n\n    const configBlockSchemaNames = Object.keys(blocks).filter(\n        (item) => !constructorBlockSchemaNames.includes(item),\n    );\n\n    const configCardSchemaNames = Object.keys(cards).filter(\n        (item) => !constructorCardSchemaNames.includes(item),\n    );\n\n    return {\n        $id: 'self',\n        definitions: {\n            children: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorBlockSchemaNames, ...configBlockSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...blockSchemas,\n                    ...getBlocksCases(blocks),\n                },\n            }),\n            cards: filteredItem({\n                type: 'object',\n                required: ['type'],\n                properties: {\n                    type: {\n                        type: 'string',\n                        enum: [...constructorCardSchemaNames, ...configCardSchemaNames],\n                    },\n                },\n                select: {$data: '0/type'},\n                selectCases: {\n                    ...cardSchemas,\n                    ...getBlocksCases(cards),\n                },\n            }),\n        },\n        type: 'object',\n        additionalProperties: false,\n        required: ['blocks'],\n        properties: {\n            ...defaultComponentsConfigurationSchema.properties,\n            blocks: {\n                type: 'array',\n                items: {\n                    $ref: '#/definitions/children',\n                },\n            },\n            ...extensions,\n        },\n    } as Schema;\n}\n"]}