npm - @servicetitan/navigation - Versions diffs - 11.0.0 → 11.1.1 - Mend

@servicetitan/navigation 11.0.0 → 11.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/dist/components/titan-layout/layout-sidebar.js CHANGED Viewed

@@ -4,64 +4,228 @@ import SvgClose from '@servicetitan/anvil2/assets/icons/material/round/close.svg
 import SvgCollapse from '@servicetitan/anvil2/assets/icons/st/gnav_menu_collapse.svg';
 import SvgExpand from '@servicetitan/anvil2/assets/icons/st/gnav_menu_expand.svg';
 import classNames from 'classnames';
-import { Children, Fragment, isValidElement, useCallback, } from 'react';
+import { Children, Fragment, isValidElement, useCallback } from 'react';
 import { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';
 import { LayoutPlacementContext, useTitanLayoutContext } from './layout-context';
-import { InternalSideNavigationGroup, InternalSideNavigationGroupLink, InternalSideNavigationLink, } from './layout-sidebar-links-internal';
+import { InternalSideNavigationGroup, InternalSideNavigationGroupLink, InternalSideNavigationLink } from './layout-sidebar-links-internal';
 import * as Styles from './layout-sidebar.module.less';
 import { withTooltip } from './with-tooltip';
-export const LayoutSidebar = ({ className, mobile, barExpanded, submenuExpanded, drawerOpened, onBarExpandChange, onSubmenuExpandChange, onDrawerOpenChange, mainItems, top, bottom, navigationComponent, }) => {
-    const closeDrawer = () => {
+export const LayoutSidebar = ({ className, mobile, barExpanded, submenuExpanded, drawerOpened, onBarExpandChange, onSubmenuExpandChange, onDrawerOpenChange, mainItems, top, bottom, navigationComponent })=>{
+    const closeDrawer = ()=>{
         if (mobile) {
             onDrawerOpenChange === null || onDrawerOpenChange === void 0 ? void 0 : onDrawerOpenChange(false);
         }
     };
-    return (_jsxs(LayoutPlacementContext.Provider, { value: "side", children: [mobile && drawerOpened && (_jsx("div", { className: Styles.navDrawerBackdrop, onClick: closeDrawer })), _jsxs("div", { className: classNames(Styles.nav, mobile && Styles.navDrawer, mobile && drawerOpened && Styles.navDrawerOpened, !mobile && (barExpanded ? Styles.navWide : Styles.navSlim), className), "data-cy": "side-navigation", onClick: closeDrawer, children: [_jsxs(ThemeProvider, { mode: "dark", className: Styles.navMain, children: [mobile && (_jsx("div", { className: Styles.navCloseWrapper, children: _jsx("div", { className: Styles.navClose, onClick: () => onBarExpandChange(false), children: _jsx(Icon, { svg: SvgClose, size: "large" }) }) })), !!(top === null || top === void 0 ? void 0 : top.length) && _jsx(SidebarTop, { children: top }), _jsx("div", { "data-cy": "navigation-items", children: mainItems === null || mainItems === void 0 ? void 0 : mainItems.map(item => item.submenu ? (_jsx(SideNavigationGroupItem, { barExpanded: mobile ? drawerOpened : barExpanded, submenuExpanded: !!item.id && submenuExpanded === item.id, onSubmenuExpand: onSubmenuExpandChange, navigationComponent: navigationComponent, ...item }, item.id)) : (_jsx(InternalSideNavigationLink, { submenuExpanded: undefined, navigationComponent: navigationComponent, ...item, tag: getSubmenuGroupTag(item.submenu, getCounterTag(item.counter, item.tag)) }, item.id))) }), !!bottom && _jsx(SidebarBottom, { children: bottom })] }), !mobile && (_jsxs("div", { className: Styles.navFooter, children: [_jsx("div", { className: Styles.divider }), _jsx("div", { className: Styles.toggleWrapper, children: _jsx(SideNavigationOptionsToggle, { appearance: barExpanded ? 'collapse-button' : 'expand', onExpandedChange: () => onBarExpandChange(!barExpanded) }) })] }))] })] }));
+    return /*#__PURE__*/ _jsxs(LayoutPlacementContext.Provider, {
+        value: "side",
+        children: [
+            mobile && drawerOpened && /*#__PURE__*/ _jsx("div", {
+                className: Styles.navDrawerBackdrop,
+                onClick: closeDrawer
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: classNames(Styles.nav, mobile && Styles.navDrawer, mobile && drawerOpened && Styles.navDrawerOpened, !mobile && (barExpanded ? Styles.navWide : Styles.navSlim), className),
+                "data-cy": "side-navigation",
+                onClick: closeDrawer,
+                children: [
+                    /*#__PURE__*/ _jsxs(ThemeProvider, {
+                        mode: "dark",
+                        className: Styles.navMain,
+                        children: [
+                            mobile && /*#__PURE__*/ _jsx("div", {
+                                className: Styles.navCloseWrapper,
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: Styles.navClose,
+                                    onClick: ()=>onBarExpandChange(false),
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        svg: SvgClose,
+                                        size: "large"
+                                    })
+                                })
+                            }),
+                            !!(top === null || top === void 0 ? void 0 : top.length) && /*#__PURE__*/ _jsx(SidebarTop, {
+                                children: top
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                "data-cy": "navigation-items",
+                                children: mainItems === null || mainItems === void 0 ? void 0 : mainItems.map((item)=>item.submenu ? /*#__PURE__*/ _jsx(SideNavigationGroupItem, {
+                                        barExpanded: mobile ? drawerOpened : barExpanded,
+                                        submenuExpanded: !!item.id && submenuExpanded === item.id,
+                                        onSubmenuExpand: onSubmenuExpandChange,
+                                        navigationComponent: navigationComponent,
+                                        ...item
+                                    }, item.id) : /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
+                                        submenuExpanded: undefined,
+                                        navigationComponent: navigationComponent,
+                                        ...item,
+                                        tag: getSubmenuGroupTag(item.submenu, getCounterTag(item.counter, item.tag))
+                                    }, item.id))
+                            }),
+                            !!bottom && /*#__PURE__*/ _jsx(SidebarBottom, {
+                                children: bottom
+                            })
+                        ]
+                    }),
+                    !mobile && /*#__PURE__*/ _jsxs("div", {
+                        className: Styles.navFooter,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: Styles.divider
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: Styles.toggleWrapper,
+                                children: /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
+                                    appearance: barExpanded ? 'collapse-button' : 'expand',
+                                    onExpandedChange: ()=>onBarExpandChange(!barExpanded)
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 };
 LayoutSidebar.displayName = 'LayoutSidebar';
-/** Side Navigation options toggle */
-const SideNavigationOptionsToggle = ({ appearance, onExpandedChange }) => withTooltip(_jsx("div", { "data-cy": "navigation-left-options", "data-pendo": "navigation-left-options", className: classNames(Styles.toggle), onClick: () => onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(appearance === 'expand'), children: _jsxs("div", { className: Styles.toggleContent, children: [_jsx("div", { className: Styles.toggleIconWrapper, children: _jsx(Icon, { className: Styles.toggleIcon, svg: appearance === 'expand' ? SvgExpand : SvgCollapse }) }), appearance === 'collapse-button' && (_jsx("span", { className: Styles.toggleText, children: "Collapse Menu" }))] }) }), appearance === 'expand'
-    ? 'Expand Menu'
-    : appearance === 'collapse'
-        ? 'Collapse Menu'
-        : undefined, 'right');
-/** Side Navigation menu item */
-const SideNavigationGroupItem = ({ onSubmenuExpand, barExpanded, submenuExpanded, ...props }) => {
-    var _a, _b, _c, _d;
-    const onExpandToggle = useCallback((e) => {
+/** Side Navigation options toggle */ const SideNavigationOptionsToggle = ({ appearance, onExpandedChange })=>withTooltip(/*#__PURE__*/ _jsx("div", {
+        "data-cy": "navigation-left-options",
+        "data-pendo": "navigation-left-options",
+        className: classNames(Styles.toggle),
+        onClick: ()=>onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(appearance === 'expand'),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: Styles.toggleContent,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: Styles.toggleIconWrapper,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        className: Styles.toggleIcon,
+                        svg: appearance === 'expand' ? SvgExpand : SvgCollapse
+                    })
+                }),
+                appearance === 'collapse-button' && /*#__PURE__*/ _jsx("span", {
+                    className: Styles.toggleText,
+                    children: "Collapse Menu"
+                })
+            ]
+        })
+    }), appearance === 'expand' ? 'Expand Menu' : appearance === 'collapse' ? 'Collapse Menu' : undefined, {
+        placement: 'right'
+    });
+/** Side Navigation menu item */ const SideNavigationGroupItem = ({ onSubmenuExpand, barExpanded, submenuExpanded, ...props })=>{
+    var _props_submenu, _props_submenu1;
+    const onExpandToggle = useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
         if (props.id) {
             onSubmenuExpand === null || onSubmenuExpand === void 0 ? void 0 : onSubmenuExpand(props.id, !submenuExpanded);
         }
-    }, [props.id, submenuExpanded, onSubmenuExpand]);
-    const { sidebar: { styles: { popoverContent }, }, } = useTitanLayoutContext();
+    }, [
+        props.id,
+        submenuExpanded,
+        onSubmenuExpand
+    ]);
+    const { sidebar: { styles: { popoverContent } } } = useTitanLayoutContext();
     const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));
-    return barExpanded ? (_jsx(InternalSideNavigationGroup, { ...props, submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, tag: tag, children: _jsx(SideNavigationGroupContent, { groups: (_b = (_a = props.submenu) === null || _a === void 0 ? void 0 : _a.groups) !== null && _b !== void 0 ? _b : [], navigationComponent: props.navigationComponent }) })) : (_jsxs(Popover, { placement: "right-start", openOnHover: true, delay: 500, children: [_jsx(Popover.Trigger, { children: (triggerProps) => (_jsx("div", { ...triggerProps, children: _jsx(InternalSideNavigationLink, { ...props, submenuExpanded: undefined, tag: tag }) })) }), _jsx(Popover.Content, { style: popoverContent, className: "z-global-nav-i", children: _jsxs("div", { className: Styles.submenuPopover, children: [_jsx(Text, { variant: "headline", el: "h4", size: "small", className: "c-white m-b-half-i m-t-1", children: props.title }), _jsx(SideNavigationGroupContent, { groups: (_d = (_c = props.submenu) === null || _c === void 0 ? void 0 : _c.groups) !== null && _d !== void 0 ? _d : [], navigationComponent: props.navigationComponent })] }) })] }));
+    var _props_submenu_groups, _props_submenu_groups1;
+    return barExpanded ? /*#__PURE__*/ _jsx(InternalSideNavigationGroup, {
+        ...props,
+        submenuExpanded: submenuExpanded,
+        onExpandToggle: onExpandToggle,
+        tag: tag,
+        children: /*#__PURE__*/ _jsx(SideNavigationGroupContent, {
+            groups: (_props_submenu_groups = (_props_submenu = props.submenu) === null || _props_submenu === void 0 ? void 0 : _props_submenu.groups) !== null && _props_submenu_groups !== void 0 ? _props_submenu_groups : [],
+            navigationComponent: props.navigationComponent
+        })
+    }) : /*#__PURE__*/ _jsxs(Popover, {
+        placement: "right-start",
+        openOnHover: true,
+        delay: 500,
+        children: [
+            /*#__PURE__*/ _jsx(Popover.Trigger, {
+                children: (triggerProps)=>/*#__PURE__*/ _jsx("div", {
+                        ...triggerProps,
+                        children: /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
+                            ...props,
+                            submenuExpanded: undefined,
+                            tag: tag
+                        })
+                    })
+            }),
+            /*#__PURE__*/ _jsx(Popover.Content, {
+                style: popoverContent,
+                className: "z-global-nav-i",
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: Styles.submenuPopover,
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            variant: "headline",
+                            el: "h4",
+                            size: "small",
+                            className: "c-white m-b-half-i m-t-1",
+                            children: props.title
+                        }),
+                        /*#__PURE__*/ _jsx(SideNavigationGroupContent, {
+                            groups: (_props_submenu_groups1 = (_props_submenu1 = props.submenu) === null || _props_submenu1 === void 0 ? void 0 : _props_submenu1.groups) !== null && _props_submenu_groups1 !== void 0 ? _props_submenu_groups1 : [],
+                            navigationComponent: props.navigationComponent
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 };
-const SideNavigationGroupContent = ({ groups, navigationComponent, }) => {
-    return (_jsx(Fragment, { children: groups.reduce((out, group, index) => {
-            var _a, _b;
+const SideNavigationGroupContent = ({ groups, navigationComponent })=>{
+    return /*#__PURE__*/ _jsx(Fragment, {
+        children: groups.reduce((out, group, index)=>{
+            var _group_title;
             if (!group.links.length) {
                 return out;
             }
-            const title = (_b = (_a = group.title) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
-            /* eslint-disable react/no-array-index-key */
-            out.push(_jsx(Text, { variant: "eyebrow", className: classNames(Styles.submenuGroupHeader, {
-                    [Styles.submenuGroupHeaderEmpty]: !title,
-                }), children: title }, `:group:${index}:title`));
-            out.push(...group.links.map((link, index) => (_jsx(InternalSideNavigationGroupLink, { ...link, navigationComponent: navigationComponent }, `:${link.id}:${index}`))));
-            /* eslint-enable react/no-array-index-key */
-            return out;
-        }, []) }));
+            var _group_title_trim;
+            const title = (_group_title_trim = (_group_title = group.title) === null || _group_title === void 0 ? void 0 : _group_title.trim()) !== null && _group_title_trim !== void 0 ? _group_title_trim : '';
+            /* eslint-disable react/no-array-index-key */ out.push(/*#__PURE__*/ _jsx(Text, {
+                variant: "eyebrow",
+                className: classNames(Styles.submenuGroupHeader, {
+                    [Styles.submenuGroupHeaderEmpty]: !title
+                }),
+                children: title
+            }, `:group:${index}:title`));
+            out.push(...group.links.map((link, index)=>/*#__PURE__*/ _jsx(InternalSideNavigationGroupLink, {
+                    ...link,
+                    navigationComponent: navigationComponent
+                }, `:${link.id}:${index}`)));
+            /* eslint-enable react/no-array-index-key */ return out;
+        }, [])
+    });
 };
 function SidebarTop({ children }) {
-    const list = Children.map(children, child => {
-        return child && isValidElement(child) ? child : null;
+    const list = Children.map(children, (child)=>{
+        return child && /*#__PURE__*/ isValidElement(child) ? child : null;
     });
-    return (list === null || list === void 0 ? void 0 : list.length) ? (_jsxs(ThemeProvider, { mode: "dark", className: Styles.navTop, "data-cy": "navigation-items-top", children: [list, _jsx("div", { className: Styles.divider })] })) : null;
+    return (list === null || list === void 0 ? void 0 : list.length) ? /*#__PURE__*/ _jsxs(ThemeProvider, {
+        mode: "dark",
+        className: Styles.navTop,
+        "data-cy": "navigation-items-top",
+        children: [
+            list,
+            /*#__PURE__*/ _jsx("div", {
+                className: Styles.divider
+            })
+        ]
+    }) : null;
 }
 function SidebarBottom({ children }) {
-    return (_jsxs(ThemeProvider, { mode: "dark", className: Styles.navBottom, "data-cy": "navigation-items-bottom", children: [_jsx("div", { className: Styles.divider }), children] }));
+    return /*#__PURE__*/ _jsxs(ThemeProvider, {
+        mode: "dark",
+        className: Styles.navBottom,
+        "data-cy": "navigation-items-bottom",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: Styles.divider
+            }),
+            children
+        ]
+    });
 }
 //# sourceMappingURL=layout-sidebar.js.map

package/dist/components/titan-layout/layout-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layout-sidebar.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"sourcesContent":["import { Icon, Popover, Text, ThemeProvider } from '@servicetitan/anvil2';\nimport SvgClose from '@servicetitan/anvil2/assets/icons/material/round/close.svg';\nimport SvgCollapse from '@servicetitan/anvil2/assets/icons/st/gnav_menu_collapse.svg';\nimport SvgExpand from '@servicetitan/anvil2/assets/icons/st/gnav_menu_expand.svg';\nimport classNames from 'classnames';\nimport {\n Children,\n FC,\n Fragment,\n MouseEvent,\n ReactElement,\n isValidElement,\n useCallback,\n} from 'react';\nimport { NavigationItemData, NavigationSubmenuData } from '../../utils/navigation';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\nimport { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';\nimport { NavigationComponentProps } from './interface-internal';\nimport { LayoutPlacementContext, useTitanLayoutContext } from './layout-context';\nimport {\n InternalSideNavigationGroup,\n InternalSideNavigationGroupLink,\n InternalSideNavigationLink,\n} from './layout-sidebar-links-internal';\nimport * as Styles from './layout-sidebar.module.less';\n\nimport { withTooltip } from './with-tooltip';\n\nexport interface LayoutSidebarProps {\n className?: string;\n top?: ReactElement[];\n bottom?: ReactElement;\n mainItems?: NavigationItemData[];\n barExpanded: boolean;\n submenuExpanded: string \| undefined;\n drawerOpened: boolean;\n mobile: boolean;\n navigationComponent: FC<NavLinkComponentProps>;\n onBarExpandChange(expanded: boolean): void;\n onDrawerOpenChange(expanded: boolean): void;\n onSubmenuExpandChange(id: string, expanded: boolean): void;\n}\n\nexport const LayoutSidebar: FC<LayoutSidebarProps> = ({\n className,\n mobile,\n barExpanded,\n submenuExpanded,\n drawerOpened,\n onBarExpandChange,\n onSubmenuExpandChange,\n onDrawerOpenChange,\n mainItems,\n top,\n bottom,\n navigationComponent,\n}) => {\n const closeDrawer = () => {\n if (mobile) {\n onDrawerOpenChange?.(false);\n }\n };\n\n return (\n <LayoutPlacementContext.Provider value=\"side\">\n {mobile && drawerOpened && (\n <div className={Styles.navDrawerBackdrop} onClick={closeDrawer} />\n )}\n <div\n className={classNames(\n Styles.nav,\n mobile && Styles.navDrawer,\n mobile && drawerOpened && Styles.navDrawerOpened,\n !mobile && (barExpanded ? Styles.navWide : Styles.navSlim),\n className\n )}\n data-cy=\"side-navigation\"\n onClick={closeDrawer}\n >\n <ThemeProvider mode=\"dark\" className={Styles.navMain}>\n {mobile && (\n <div className={Styles.navCloseWrapper}>\n <div\n className={Styles.navClose}\n onClick={() => onBarExpandChange(false)}\n >\n <Icon svg={SvgClose} size=\"large\" />\n </div>\n </div>\n )}\n {!!top?.length && <SidebarTop>{top}</SidebarTop>}\n\n <div data-cy=\"navigation-items\">\n {mainItems?.map(item =>\n item.submenu ? (\n <SideNavigationGroupItem\n key={item.id}\n barExpanded={mobile ? drawerOpened : barExpanded}\n submenuExpanded={!!item.id && submenuExpanded === item.id}\n onSubmenuExpand={onSubmenuExpandChange}\n navigationComponent={navigationComponent}\n {...item}\n />\n ) : (\n <InternalSideNavigationLink\n key={item.id}\n submenuExpanded={undefined}\n navigationComponent={navigationComponent}\n {...item}\n tag={getSubmenuGroupTag(\n item.submenu,\n getCounterTag(item.counter, item.tag)\n )}\n />\n )\n )}\n </div>\n\n {!!bottom && <SidebarBottom>{bottom}</SidebarBottom>}\n </ThemeProvider>\n\n {!mobile && (\n <div className={Styles.navFooter}>\n <div className={Styles.divider} />\n <div className={Styles.toggleWrapper}>\n <SideNavigationOptionsToggle\n appearance={barExpanded ? 'collapse-button' : 'expand'}\n onExpandedChange={() => onBarExpandChange(!barExpanded)}\n />\n </div>\n </div>\n )}\n </div>\n </LayoutPlacementContext.Provider>\n );\n};\nLayoutSidebar.displayName = 'LayoutSidebar';\n\n/** Side Navigation options toggle /\nconst SideNavigationOptionsToggle: FC<{\n appearance: 'expand' \| 'collapse' \| 'collapse-button';\n onExpandedChange?(expanded: boolean): void;\n}> = ({ appearance, onExpandedChange }) =>\n withTooltip(\n <div\n data-cy=\"navigation-left-options\"\n data-pendo=\"navigation-left-options\"\n className={classNames(Styles.toggle)}\n onClick={() => onExpandedChange?.(appearance === 'expand')}\n >\n <div className={Styles.toggleContent}>\n <div className={Styles.toggleIconWrapper}>\n <Icon\n className={Styles.toggleIcon}\n svg={appearance === 'expand' ? SvgExpand : SvgCollapse}\n />\n </div>\n\n {appearance === 'collapse-button' && (\n <span className={Styles.toggleText}>Collapse Menu</span>\n )}\n </div>\n </div>,\n appearance === 'expand'\n ? 'Expand Menu'\n : appearance === 'collapse'\n ? 'Collapse Menu'\n : undefined,\n { placement: 'right' }\n );\n\n/* Side Navigation menu item /\nconst SideNavigationGroupItem: FC<\n NavigationItemData & {\n navigationComponent: FC<NavLinkComponentProps>;\n barExpanded: boolean;\n submenuExpanded: boolean;\n onSubmenuExpand: undefined \| ((id: string, expanded: boolean) => void);\n }\n> = ({ onSubmenuExpand, barExpanded, submenuExpanded, ...props }) => {\n const onExpandToggle = useCallback(\n (e: MouseEvent<never>) => {\n e.preventDefault();\n e.stopPropagation();\n\n if (props.id) {\n onSubmenuExpand?.(props.id, !submenuExpanded);\n }\n },\n [props.id, submenuExpanded, onSubmenuExpand]\n );\n const {\n sidebar: {\n styles: { popoverContent },\n },\n } = useTitanLayoutContext();\n\n const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));\n\n return barExpanded ? (\n <InternalSideNavigationGroup\n {...props}\n submenuExpanded={submenuExpanded}\n onExpandToggle={onExpandToggle}\n tag={tag}\n >\n <SideNavigationGroupContent\n groups={props.submenu?.groups ?? []}\n navigationComponent={props.navigationComponent}\n />\n </InternalSideNavigationGroup>\n ) : (\n <Popover placement=\"right-start\" openOnHover delay={500}>\n <Popover.Trigger>\n {(triggerProps: any) => (\n <div {...triggerProps}>\n <InternalSideNavigationLink\n {...props}\n submenuExpanded={undefined}\n tag={tag}\n />\n </div>\n )}\n </Popover.Trigger>\n <Popover.Content style={popoverContent} className=\"z-global-nav-i\">\n <div className={Styles.submenuPopover}>\n <Text\n variant=\"headline\"\n el=\"h4\"\n size=\"small\"\n className=\"c-white m-b-half-i m-t-1\"\n >\n {props.title}\n </Text>\n <SideNavigationGroupContent\n groups={props.submenu?.groups ?? []}\n navigationComponent={props.navigationComponent}\n />\n </div>\n </Popover.Content>\n </Popover>\n );\n};\nconst SideNavigationGroupContent: FC<NavigationSubmenuData & NavigationComponentProps> = ({\n groups,\n navigationComponent,\n}) => {\n return (\n <Fragment>\n {groups.reduce((out, group, index) => {\n if (!group.links.length) {\n return out;\n }\n\n const title = group.title?.trim() ?? '';\n / eslint-disable react/no-array-index-key /\n out.push(\n <Text\n key={`:group:${index}:title`}\n variant=\"eyebrow\"\n className={classNames(Styles.submenuGroupHeader, {\n [Styles.submenuGroupHeaderEmpty]: !title,\n })}\n >\n {title}\n </Text>\n );\n out.push(\n ...group.links.map((link, index) => (\n <InternalSideNavigationGroupLink\n key={`:${link.id}:${index}`}\n {...link}\n navigationComponent={navigationComponent}\n />\n ))\n );\n / eslint-enable react/no-array-index-key */\n\n return out;\n }, [] as ReactElement[])}\n </Fragment>\n );\n};\n\nfunction SidebarTop({ children }: any) {\n const list = Children.map(children, child => {\n return child && isValidElement(child) ? child : null;\n });\n return list?.length ? (\n <ThemeProvider mode=\"dark\" className={Styles.navTop} data-cy=\"navigation-items-top\">\n {list}\n <div className={Styles.divider} />\n </ThemeProvider>\n ) : null;\n}\n\nfunction SidebarBottom({ children }: any) {\n return (\n <ThemeProvider mode=\"dark\" className={Styles.navBottom} data-cy=\"navigation-items-bottom\">\n <div className={Styles.divider} />\n {children}\n </ThemeProvider>\n );\n}\n"],"names":["Icon","Popover","Text","ThemeProvider","SvgClose","SvgCollapse","SvgExpand","classNames","Children","Fragment","isValidElement","useCallback","getCounterTag","getSubmenuGroupTag","LayoutPlacementContext","useTitanLayoutContext","InternalSideNavigationGroup","InternalSideNavigationGroupLink","InternalSideNavigationLink","Styles","withTooltip","LayoutSidebar","className","mobile","barExpanded","submenuExpanded","drawerOpened","onBarExpandChange","onSubmenuExpandChange","onDrawerOpenChange","mainItems","top","bottom","navigationComponent","closeDrawer","Provider","value","div","navDrawerBackdrop","onClick","nav","navDrawer","navDrawerOpened","navWide","navSlim","data-cy","mode","navMain","navCloseWrapper","navClose","svg","size","length","SidebarTop","map","item","submenu","SideNavigationGroupItem","id","onSubmenuExpand","undefined","tag","counter","SidebarBottom","navFooter","divider","toggleWrapper","SideNavigationOptionsToggle","appearance","onExpandedChange","displayName","data-pendo","toggle","toggleContent","toggleIconWrapper","toggleIcon","span","toggleText","placement","props","onExpandToggle","e","preventDefault","stopPropagation","sidebar","styles","popoverContent","SideNavigationGroupContent","groups","openOnHover","delay","Trigger","triggerProps","Content","style","submenuPopover","variant","el","title","reduce","out","group","index","links","trim","push","submenuGroupHeader","submenuGroupHeaderEmpty","link","children","list","child","navTop","navBottom"],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar.module.less CHANGED Viewed

@@ -85,10 +85,14 @@
 }
 @media only screen and (min-width: 361px) {
-    width: 85vw;
+    .nav-drawer-opened {
+        width: 85vw;
+    }
 }
 @media only screen and (min-width: 481px) {
-    width: 80vw;
+    .nav-drawer-opened {
+        width: 80vw;
+    }
 }
 // desktop version collapsed

package/dist/components/titan-layout/layout-sidebar.module.less.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+export const __esModule: true;
+export const divider: string;
+export const nav: string;
+export const navBottom: string;
+export const navClose: string;
+export const navCloseWrapper: string;
+export const navDrawer: string;
+export const navDrawerBackdrop: string;
+export const navDrawerOpened: string;
+export const navFooter: string;
+export const navGroupItem: string;
+export const navGroupWrapper: string;
+export const navIcon: string;
+export const navIconActive: string;
+export const navIconInactive: string;
+export const navItem: string;
+export const navItemActive: string;
+export const navItemCounter: string;
+export const navItemCounterLong: string;
+export const navItemGroupToggle: string;
+export const navItemGroupToggleClick: string;
+export const navItemGroupToggleWrapper: string;
+export const navItemIconSwitch: string;
+export const navItemIconWrapper: string;
+export const navItemTextCollapsed: string;
+export const navItemTextExpanded: string;
+export const navItemTextSmall: string;
+export const navLink: string;
+export const navMain: string;
+export const navSlim: string;
+export const navTop: string;
+export const navWide: string;
+export const submenu: string;
+export const submenuGroupHeader: string;
+export const submenuGroupHeaderEmpty: string;
+export const submenuItem: string;
+export const submenuLink: string;
+export const submenuLinkActive: string;
+export const submenuLinkCounter: string;
+export const submenuPopover: string;
+export const submenuWrapper: string;
+export const submenuWrapperCollapsed: string;
+export const toggle: string;
+export const toggleContent: string;
+export const toggleIcon: string;
+export const toggleIconWrapper: string;
+export const toggleText: string;
+export const toggleWrapper: string;

package/dist/components/titan-layout/notifications-context.js CHANGED Viewed

@@ -1,23 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useRef, useState, } from 'react';
-const NotificationsContext = createContext({
-    onNotificationsUpdate: () => { },
+import { createContext, useCallback, useContext, useRef, useState } from 'react';
+const NotificationsContext = /*#__PURE__*/ createContext({
+    onNotificationsUpdate: ()=>{}
 });
-export const useNotificationsContext = () => useContext(NotificationsContext);
-export const useNotificationsState = () => {
+export const useNotificationsContext = ()=>useContext(NotificationsContext);
+export const useNotificationsState = ()=>{
     const [hasNotifications, setHasNotifications] = useState(false);
     const items = useRef(new Set());
-    const onNotificationsUpdate = useCallback((id, hasNotifications) => {
+    const onNotificationsUpdate = useCallback((id, hasNotifications)=>{
         if (hasNotifications && !items.current.has(id)) {
             items.current.add(id);
             setHasNotifications(!!items.current.size);
-        }
-        else if (!hasNotifications && items.current.has(id)) {
+        } else if (!hasNotifications && items.current.has(id)) {
             items.current.delete(id);
             setHasNotifications(!!items.current.size);
         }
     }, []);
-    const NotificationsContextProvider = useCallback(({ children }) => (_jsx(NotificationsContext.Provider, { value: { onNotificationsUpdate }, children: children })), [onNotificationsUpdate]);
-    return { NotificationsContextProvider, hasNotifications };
+    const NotificationsContextProvider = useCallback(({ children })=>/*#__PURE__*/ _jsx(NotificationsContext.Provider, {
+            value: {
+                onNotificationsUpdate
+            },
+            children: children
+        }), [
+        onNotificationsUpdate
+    ]);
+    return {
+        NotificationsContextProvider,
+        hasNotifications
+    };
 };
 //# sourceMappingURL=notifications-context.js.map

package/dist/components/titan-layout/notifications-context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"notifications-context.js","sourceRoot":"","~~sources":["../../../src/components/titan-layout/notifications-context.tsx"],"~~names~~":[],"~~mappings"~~:~~";AAAA~~,~~OAAO~~,~~EAGH~~,~~aAAa~~,~~EACb~~,~~WAAW~~,~~EACX~~,~~UAAU~~,~~EACV~~,~~MAAM~~,~~EACN~~,~~QAAQ~~,~~GACX~~,~~MAAM~~,~~OAAO~~,~~CAAC;AAMf~~,~~MAAM~~,~~oBAAoB~~,~~GAAG~~,~~aAAa~~,~~CAA2B;IACjE~~,~~qBAAqB~~,~~EAAE~~,~~GAAG~~,~~EAAE~~,~~GAAE~~,~~CAAC;CAClC~~,~~CAAC~~,~~CAAC~~;~~AAEH~~,~~MAAM~~,~~CAAC~~,~~MAAM~~,~~uBAAuB~~,~~GAAG~~,~~GAAG,EAAE,CAAC,~~UAAU,~~CAAC~~,~~oBAAoB,CAAC,CAAC;AAE9E,~~MAAM,~~CAAC~~,~~MAAM~~,~~qBAAqB~~,~~GAAG,GAAG,EAAE~~;~~IACtC~~,~~MAAM~~,~~CAAC~~,~~gBAAgB~~,~~EAAE~~,~~mBAAmB~~,~~CAAC~~,~~GAAG~~,~~QAAQ~~,~~CAAC~~,~~KAAK~~,~~CAAC,CAAC~~;~~IAChE~~,~~MAAM~~,~~KAAK~~,~~GAAG~~,MAAM,~~CAAC~~,~~IAAI~~,~~GAAG~~,~~EAAU~~,~~CAAC,CAAC~~;~~IACxC~~,~~MAAM~~,~~qBAAqB~~,~~GAAG~~,~~WAAW~~,~~CAAC~~,~~CAAC~~,~~EAAU~~,~~EAAE~~,~~gBAAyB,EAAE,EAAE~~;~~QAChF~~,~~IAAI~~,~~gBAAgB~~,~~IAAI~~,~~CAAC~~,~~KAAK,CAAC,~~OAAO,~~CAAC~~,GAAG,~~CAAC~~,~~EAAE,CAAC,EAAE,CAAC~~;~~YAC7C~~,~~KAAK~~,~~CAAC,~~OAAO,~~CAAC~~,GAAG,~~CAAC,EAAE,CAAC,CAAC~~;~~YACtB~~,~~mBAAmB~~,CAAC,~~CAAC~~,~~CAAC~~,~~KAAK,CAAC,~~OAAO,~~CAAC~~,IAAI~~,CAAC,CAAC~~;~~QAC9C~~,~~CAAC;aAAM~~,IAAI,~~CAAC~~,~~gBAAgB~~,~~IAAI~~,~~KAAK,CAAC,~~OAAO,~~CAAC~~,GAAG,~~CAAC~~,~~EAAE,CAAC,EAAE,CAAC~~;~~YACpD~~,~~KAAK~~,~~CAAC,~~OAAO,~~CAAC~~,MAAM,~~CAAC,EAAE,CAAC,CAAC~~;~~YACzB~~,~~mBAAmB~~,CAAC,~~CAAC~~,~~CAAC~~,~~KAAK,CAAC,~~OAAO,~~CAAC~~,IAAI~~,CAAC,CAAC~~;~~QAC9C,CAAC~~;~~IACL~~,~~CAAC~~,EAAE~~,EAAE,CAAC,CAAC~~;~~IAEP~~,~~MAAM~~,~~4BAA4B~~,~~GAA0B,WAAW,CACnE,~~CAAC,~~EAAE~~,QAAQ,EAAE,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~CACd,KAAC,oBAAoB,CAAC,~~QAAQ,~~IAAC,KAAK,EAAE,EAAE,qBAAqB,EAAE,YAC1D,QAAQ,GACmB,CACnC,EACD,CAAC,qBAAqB,CAAC,CAC1B,CAAC~~;~~IAEF~~,OAAO,EAAE~~,4BAA4B,EAAE,gBAAgB,EAAE,CAAC;AAC9D,CAAC,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/components/titan-layout/notifications-context.tsx"],"sourcesContent":["import {\n FC,\n PropsWithChildren,\n createContext,\n useCallback,\n useContext,\n useRef,\n useState,\n} from 'react';\n\ninterface NotificationsContextType {\n onNotificationsUpdate: (id: string, hasNotifications: boolean) => void;\n}\n\nconst NotificationsContext = createContext<NotificationsContextType>({\n onNotificationsUpdate: () => {},\n});\n\nexport const useNotificationsContext = () => useContext(NotificationsContext);\n\nexport const useNotificationsState = () => {\n const [hasNotifications, setHasNotifications] = useState(false);\n const items = useRef(new Set<string>());\n const onNotificationsUpdate = useCallback((id: string, hasNotifications: boolean) => {\n if (hasNotifications && !items.current.has(id)) {\n items.current.add(id);\n setHasNotifications(!!items.current.size);\n } else if (!hasNotifications && items.current.has(id)) {\n items.current.delete(id);\n setHasNotifications(!!items.current.size);\n }\n }, []);\n\n const NotificationsContextProvider: FC<PropsWithChildren> = useCallback(\n ({ children }) => (\n <NotificationsContext.Provider value={{ onNotificationsUpdate }}>\n {children}\n </NotificationsContext.Provider>\n ),\n [onNotificationsUpdate]\n );\n\n return { NotificationsContextProvider, hasNotifications };\n};\n"],"names":["createContext","useCallback","useContext","useRef","useState","NotificationsContext","onNotificationsUpdate","useNotificationsContext","useNotificationsState","hasNotifications","setHasNotifications","items","Set","id","current","has","add","size","delete","NotificationsContextProvider","children","Provider","value"],"mappings":";AAAA,SAGIA,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,MAAM,EACNC,QAAQ,QACL,QAAQ;AAMf,MAAMC,qCAAuBL,cAAwC;IACjEM,uBAAuB,KAAO;AAClC;AAEA,OAAO,MAAMC,0BAA0B,IAAML,WAAWG,sBAAsB;AAE9E,OAAO,MAAMG,wBAAwB;IACjC,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGN,SAAS;IACzD,MAAMO,QAAQR,OAAO,IAAIS;IACzB,MAAMN,wBAAwBL,YAAY,CAACY,IAAYJ;QACnD,IAAIA,oBAAoB,CAACE,MAAMG,OAAO,CAACC,GAAG,CAACF,KAAK;YAC5CF,MAAMG,OAAO,CAACE,GAAG,CAACH;YAClBH,oBAAoB,CAAC,CAACC,MAAMG,OAAO,CAACG,IAAI;QAC5C,OAAO,IAAI,CAACR,oBAAoBE,MAAMG,OAAO,CAACC,GAAG,CAACF,KAAK;YACnDF,MAAMG,OAAO,CAACI,MAAM,CAACL;YACrBH,oBAAoB,CAAC,CAACC,MAAMG,OAAO,CAACG,IAAI;QAC5C;IACJ,GAAG,EAAE;IAEL,MAAME,+BAAsDlB,YACxD,CAAC,EAAEmB,QAAQ,EAAE,iBACT,KAACf,qBAAqBgB,QAAQ;YAACC,OAAO;gBAAEhB;YAAsB;sBACzDc;YAGT;QAACd;KAAsB;IAG3B,OAAO;QAAEa;QAA8BV;IAAiB;AAC5D,EAAE"}

package/dist/components/titan-layout/titan-layout.d.ts CHANGED Viewed

@@ -4,18 +4,23 @@ import { NavLinkComponentProps } from '../../utils/navigation-context';
 import { TitanLayoutState } from './interface';
 import { TitanLayoutLogoProps } from './layout-logo';
 import { TitanLayoutSidebarLink, TitanLayoutSidebarTrigger } from './layout-sidebar-links';
-type TitanLayoutChild = ReactElement<TitanLayoutContentProps> | ReactElement<TitanLayoutLogoProps>;
 export type TitanLayoutProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'style'> & {
     /** layout appearance */
     appearance?: 'legacy' | 'anvil1' | 'anvil2';
+    /** layout navigation variant (left by default) */
+    navVariant?: 'left' | 'top';
     /** layout's content */
-    children?: TitanLayoutChild | TitanLayoutChild[];
+    children?: ReactNode;
     /** show only content without side and top bars */
     contentOnly?: boolean;
     /** component used for navigation */
     navigationComponent?: FC<NavLinkComponentProps>;
     /** data for main navigation links */
     navigationMainItems?: NavigationItemData[];
+    /** data for overflow navigation links (used only with top variant) */
+    navigationOverflowItems?: NavigationItemData[];
+    /** logo props */
+    logo?: TitanLayoutLogoProps;
     state?: TitanLayoutState;
     onStateChange?: (state: TitanLayoutState) => void;
     header?: ReactElement;
@@ -27,14 +32,8 @@ export type TitanLayoutProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'
     extraText?: string;
     minContentWidth?: number;
 };
-export interface TitanLayoutContentProps {
-    children: ReactNode;
-}
 export declare const TitanLayout: FC<TitanLayoutProps> & {
-    Content: FC<TitanLayoutContentProps>;
-    Logo: FC<TitanLayoutLogoProps>;
     Link: typeof TitanLayoutSidebarLink;
     Trigger: typeof TitanLayoutSidebarTrigger;
 };
-export {};
 //# sourceMappingURL=titan-layout.d.ts.map

package/dist/components/titan-layout/titan-layout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"titan-layout.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/titan-layout.tsx"],"names":[],"mappings":"AACA,OAAO,~~EAGH~~,wBAAwB,EACxB,EAAE,EAEF,YAAY,EACZ,SAAS,~~EAOZ~~,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEhG,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;~~AAQ~~/C,OAAO,~~EAAmB~~,oBAAoB,EAAE,MAAM,eAAe,CAAC;~~AAEtE~~,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAK3F,~~KAAK,gBAAgB,GAAG,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAEnG,~~MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzF,wBAAwB;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE5C,~~uBAAuB~~;~~IACvB~~,~~QAAQ~~,CAAC,EAAE,~~gBAAgB~~,GAAG,~~gBAAgB~~,EAAE,CAAC;~~IAEjD~~,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,oCAAoC;IACpC,mBAAmB,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAEhD,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE3C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;~~AA6TF~~,~~MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAoDD,~~eAAO,MAAM,WAAW~~;;;;;CAKtB~~,CAAC"}
1	+ {"version":3,"file":"titan-layout.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/titan-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,wBAAwB,EACxB,EAAE,EAEF,YAAY,EACZ,SAAS,EAMZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEhG,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAS/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAK3F,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzF,wBAAwB;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE5C,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAE5B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,oCAAoC;IACpC,mBAAmB,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAEhD,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE3C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE/C,iBAAiB;IACjB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAE5B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AA0XF,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}