@servicetitan/navigation 12.0.3 → 13.0.0-canary.256.5761ed1.0

package/dist/components/left-navigation/side-navigation.js

@@ -1,411 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, Popover, Text, ThemeProvider } from '@servicetitan/anvil2';
-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 { Headline } from '@servicetitan/design-system';
-import classNames from 'classnames';
-import { Children, Fragment, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { NavigationComponentContext, NavigationLocationContext } from '../../utils/navigation-context';
-import { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';
-import { BadgeTag } from '../badge-tag';
-import { SideNavigationContext } from './side-navigation-context';
-import { InternalSideNavigationLink } from './side-navigation-links-internal';
-import * as Styles from './side-navigation.module.less';
-import { withTooltip } from './with-tooltip';
-const defaultContext = {
-    styles: {
-        popoverContent: {
-            '--background-color-strong': '#24323C',
-            'color': 'var(--color-white)'
-        }
-    }
-};
-const useOutRef = (onOut)=>{
-    const ref = useRef(null);
-    useEffect(()=>{
-        const elem = ref.current;
-        if (elem) {
-            let timeout = undefined;
-            const onMouseLeave = ()=>{
-                timeout = setTimeout(onOut, 500);
-            };
-            const onMouseEnter = ()=>{
-                if (timeout) {
-                    clearTimeout(timeout);
-                    timeout = undefined;
-                }
-            };
-            elem.addEventListener('mouseleave', onMouseLeave);
-            elem.addEventListener('mouseenter', onMouseEnter);
-            return ()=>{
-                elem.removeEventListener('mouseleave', onMouseLeave);
-                elem.removeEventListener('mouseenter', onMouseEnter);
-            };
-        }
-    }, [
-        onOut
-    ]);
-    return ref;
-};
-const isLinkActive = (location, link, matcher)=>{
-    if (typeof link.isActive === 'boolean') {
-        return link.isActive;
-    }
-    if (typeof link.isActive === 'function') {
-        return link.isActive(location.pathname);
-    }
-    var _matcher;
-    return (_matcher = matcher === null || matcher === void 0 ? void 0 : matcher(location, link)) !== null && _matcher !== void 0 ? _matcher : false;
-};
-function SideNavigationElement({ className, children, expanded, id, items, appearance, onExpandedChange }) {
-    const NavigationComponent = useContext(NavigationComponentContext);
-    const locationInfo = useContext(NavigationLocationContext);
-    const [submenuDrawerItemId, setSubmenuDrawerItemId] = useState();
-    const isExperimental = appearance === 'v2';
-    const isExperimentalExpanded = isExperimental && !(expanded === null || expanded === void 0 ? void 0 : expanded.collapsedBar);
-    const activeItem = useMemo(()=>items === null || items === void 0 ? void 0 : items.find((item)=>isLinkActive(locationInfo.location, item, locationInfo.isLinkActive)), [
-        locationInfo,
-        items
-    ]);
-    const activeId = activeItem === null || activeItem === void 0 ? void 0 : activeItem.id;
-    const submenu = useMemo(()=>{
-        if (!isExperimental) {
-            return undefined;
-        }
-        if (isExperimentalExpanded) {
-            const item = activeId ? items === null || items === void 0 ? void 0 : items.find((item)=>item.id === activeId) : undefined;
-            return (item === null || item === void 0 ? void 0 : item.submenu) ? {
-                item,
-                bar: true,
-                drawer: false
-            } : undefined;
-        } else if (submenuDrawerItemId) {
-            const item = items === null || items === void 0 ? void 0 : items.find((item)=>item.id === submenuDrawerItemId);
-            return (item === null || item === void 0 ? void 0 : item.submenu) ? {
-                item,
-                bar: false,
-                drawer: true
-            } : undefined;
-        }
-        return undefined;
-    }, [
-        activeId,
-        items,
-        isExperimental,
-        isExperimentalExpanded,
-        submenuDrawerItemId
-    ]);
-    const isExpanded = isExperimental ? isExperimentalExpanded && !!submenu : !!(expanded === null || expanded === void 0 ? void 0 : expanded.bar);
-    useEffect(()=>{
-        if (isExperimentalExpanded) {
-            setSubmenuDrawerItemId(undefined);
-        }
-    }, [
-        isExperimentalExpanded
-    ]);
-    const { childTop } = useMemo(()=>Children.toArray(children).reduce((out, item)=>{
-            if (item && /*#__PURE__*/ isValidElement(item) && item.type && typeof item.type !== 'string' && item.type.name === SideNavigationTop.name) {
-                out.childTop = item;
-            }
-            return out;
-        }, {}), [
-        children
-    ]);
-    const canActivateSubmenuBarDrawer = isExperimental && !!(expanded === null || expanded === void 0 ? void 0 : expanded.collapsedBar);
-    const hideSubmenuBarDrawer = useCallback(()=>{
-        setSubmenuDrawerItemId(undefined);
-    }, []);
-    const openSubmenuBarDrawer = (e, item)=>{
-        if (!isExperimental || !(expanded === null || expanded === void 0 ? void 0 : expanded.collapsedBar)) {
-            return;
-        }
-        if (item.submenu) {
-            setSubmenuDrawerItemId(item.id);
-            if (item.id === activeId) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        }
-    };
-    const handleExpandedChange = useCallback((value)=>{
-        onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(isExperimental ? {
-            bar: false,
-            collapsedBar: !value
-        } : {
-            bar: value
-        });
-        setSubmenuDrawerItemId(undefined);
-    }, [
-        isExperimental,
-        onExpandedChange
-    ]);
-    return /*#__PURE__*/ _jsx(SideNavigationContext.Provider, {
-        value: defaultContext,
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: classNames(Styles.sideNav, isExperimental ? Styles.sideNavV2 : Styles.sideNavV1, isExpanded ? Styles.sideNavExpanded : Styles.sideNavSlim, className),
-            id: id,
-            "data-cy": "side-navigation",
-            children: [
-                /*#__PURE__*/ _jsxs(ThemeProvider, {
-                    mode: "dark",
-                    className: Styles.sideNavMain,
-                    children: [
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: Styles.sideNavNavigation,
-                            children: [
-                                isExperimental && !isExpanded && !!(activeItem === null || activeItem === void 0 ? void 0 : activeItem.submenu) && /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
-                                    appearance: "expand",
-                                    onExpandedChange: handleExpandedChange
-                                }),
-                                childTop,
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: Styles.sideNavContent,
-                                    "data-cy": "navigation-items",
-                                    children: items === null || items === void 0 ? void 0 : items.map((item)=>item.submenu && !isExperimental ? /*#__PURE__*/ _jsx(SideNavigationGroupItem, {
-                                            expanded: expanded,
-                                            isGroupActive: (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id) === item.id,
-                                            onExpandedChange: onExpandedChange,
-                                            navigationComponent: NavigationComponent,
-                                            ...item
-                                        }, item.id) : /*#__PURE__*/ _jsx("div", {
-                                            onClickCapture: canActivateSubmenuBarDrawer ? item.submenu ? (e)=>openSubmenuBarDrawer(e, item) : hideSubmenuBarDrawer : undefined,
-                                            children: /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
-                                                submenuExpanded: undefined,
-                                                navigationComponent: NavigationComponent,
-                                                ...item,
-                                                tag: getSubmenuGroupTag(item.submenu, getCounterTag(item.counter, item.tag))
-                                            })
-                                        }, item.id))
-                                })
-                            ]
-                        }),
-                        !!submenu && /*#__PURE__*/ _jsx(SubmenuBar, {
-                            bar: submenu.bar,
-                            item: submenu.item,
-                            handleExpandedChange: handleExpandedChange,
-                            handleLeave: hideSubmenuBarDrawer,
-                            navigationComponent: NavigationComponent
-                        })
-                    ]
-                }),
-                !isExperimental && /*#__PURE__*/ _jsxs("div", {
-                    className: Styles.sideNavFooter,
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            className: Styles.divider
-                        }),
-                        /*#__PURE__*/ _jsx("div", {
-                            className: Styles.sideNavBottom,
-                            children: /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
-                                appearance: isExpanded ? 'collapse-button' : 'expand',
-                                onExpandedChange: handleExpandedChange
-                            })
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-}
-const SubmenuBar = ({ bar, item, navigationComponent: NavigationComponent, handleExpandedChange, handleLeave })=>{
-    var _item_submenu;
-    const outRef = useOutRef(handleLeave);
-    var _item_submenu_groups;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: bar ? Styles.sideNavSubmenuBar : Styles.sideNavSubmenuDrawer,
-        ref: outRef,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "d-f justify-content-between align-items-center m-t-2 m-l-3",
-                children: [
-                    /*#__PURE__*/ _jsx(Headline, {
-                        size: "small",
-                        className: "c-white m-b-0-i",
-                        children: item.title
-                    }),
-                    bar && /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
-                        appearance: "collapse",
-                        onExpandedChange: handleExpandedChange
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: Styles.submenuBar,
-                children: /*#__PURE__*/ _jsx(SideNavigationGroupContent, {
-                    groups: (_item_submenu_groups = (_item_submenu = item.submenu) === null || _item_submenu === void 0 ? void 0 : _item_submenu.groups) !== null && _item_submenu_groups !== void 0 ? _item_submenu_groups : [],
-                    navigationComponent: NavigationComponent
-                })
-            })
-        ]
-    });
-};
-function SideNavigationTopElement({ children }) {
-    const list = Children.map(children, (child)=>{
-        return child && /*#__PURE__*/ isValidElement(child) ? child : null;
-    });
-    return (list === null || list === void 0 ? void 0 : list.length) ? /*#__PURE__*/ _jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(ThemeProvider, {
-                mode: "dark",
-                className: Styles.sideNavTop,
-                "data-cy": "navigation-items-top",
-                children: list
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: Styles.divider
-            })
-        ]
-    }) : null;
-}
-const SideNavigationTop = SideNavigationTopElement;
-/** Side Navigation menu item */ const SideNavigationGroupItem = ({ onExpandedChange, isGroupActive, ...props })=>{
-    var _props_expanded, _props_expanded1, _props_submenu, _props_submenu1;
-    const isSubmenuExpanded = !!props.id && ((_props_expanded = props.expanded) === null || _props_expanded === void 0 ? void 0 : _props_expanded.expandedSubmenu) === props.id;
-    const onExpandToggle = useCallback((e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange({
-            bar: true,
-            expandedSubmenu: isSubmenuExpanded ? undefined : props.id
-        });
-    }, [
-        props.id,
-        isSubmenuExpanded,
-        onExpandedChange
-    ]);
-    const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));
-    const context = useContext(SideNavigationContext);
-    var _props_submenu_groups, _props_submenu_groups1;
-    return ((_props_expanded1 = props.expanded) === null || _props_expanded1 === void 0 ? void 0 : _props_expanded1.bar) ? /*#__PURE__*/ _jsxs("div", {
-        className: classNames(Styles.navigationGroupWrapper),
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: Styles.navigationGroupItem,
-                children: /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
-                    ...props,
-                    submenuExpanded: isSubmenuExpanded,
-                    onExpandToggle: onExpandToggle,
-                    tag: tag
-                })
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: classNames(Styles.submenuWrapper, {
-                    [Styles.submenuWrapperCollapsed]: !isSubmenuExpanded
-                }),
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: Styles.submenu,
-                    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: context.styles.popoverContent,
-                className: "z-global-nav-i",
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: Styles.submenuPopover,
-                    children: [
-                        /*#__PURE__*/ _jsx(Headline, {
-                            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 /*#__PURE__*/ _jsx(Fragment, {
-        children: groups.reduce((out, group, index)=>{
-            var _group_title;
-            if (!group.links.length) {
-                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(SideNavigationGroupLink, {
-                    ...link,
-                    navigationComponent: navigationComponent
-                }, `:${link.id}:${index}`)));
-            /* eslint-enable react/no-array-index-key */ return out;
-        }, [])
-    });
-};
-const SideNavigationGroupLink = ({ id, counter, tag, title, to, isActive, navigationComponent: NavigationComponent })=>{
-    return /*#__PURE__*/ _jsxs(NavigationComponent, {
-        "data-cy": `navigation-item-${id}`,
-        "data-pendo": `navigation-item-${id}`,
-        to: to,
-        className: classNames(Styles.submenuLink, {
-            [Styles.submenuLinkActive]: isActive === true
-        }),
-        isActive: typeof isActive === 'function' ? isActive : undefined,
-        activeClassName: Styles.submenuLinkActive,
-        children: [
-            /*#__PURE__*/ _jsx("span", {
-                children: title
-            }),
-            /*#__PURE__*/ _jsx(BadgeTag, {
-                data: getCounterTag(counter, tag),
-                className: Styles.submenuLinkCounter
-            })
-        ]
-    }, id);
-};
-/** 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.optionsItem),
-        onClick: ()=>onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(appearance === 'expand'),
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: Styles.optionsItemContent,
-            children: [
-                /*#__PURE__*/ _jsx("div", {
-                    className: Styles.optionsIconWrapper,
-                    children: /*#__PURE__*/ _jsx(Icon, {
-                        className: Styles.optionsIcon,
-                        svg: appearance === 'expand' ? SvgExpand : SvgCollapse
-                    })
-                }),
-                appearance === 'collapse-button' && /*#__PURE__*/ _jsx("span", {
-                    className: Styles.optionsItemText,
-                    children: "Collapse Menu"
-                })
-            ]
-        })
-    }), appearance === 'expand' ? 'Expand Menu' : appearance === 'collapse' ? 'Collapse Menu' : undefined, 'right');
-export const SideNavigation = Object.assign(SideNavigationElement, {
-    Top: SideNavigationTop
-});
-
-//# sourceMappingURL=side-navigation.js.map

package/dist/components/left-navigation/side-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/side-navigation.tsx"],"sourcesContent":["import { Icon, Popover, Text, ThemeProvider } from '@servicetitan/anvil2';\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 { Headline } from '@servicetitan/design-system';\n\nimport classNames from 'classnames';\nimport {\n    CSSProperties,\n    Children,\n    FC,\n    Fragment,\n    MouseEvent,\n    ReactElement,\n    isValidElement,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {\n    NavigationItemData,\n    NavigationLinkData,\n    NavigationSubmenuData,\n    NavigationSubmenuItemData,\n} from '../../utils/navigation';\nimport {\n    NavLinkComponentProps,\n    NavigationActiveLinkMatcher,\n    NavigationComponentContext,\n    NavigationLocationContext,\n    NavigationLocationInfo,\n} from '../../utils/navigation-context';\nimport { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';\nimport { BadgeTag } from '../badge-tag';\nimport {\n    SideNavigationExpandedState,\n    SideNavigationLinkProps,\n    SideNavigationTriggerProps,\n} from './interface';\nimport { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';\nimport { SideNavigationContext, SideNavigationContextType } from './side-navigation-context';\nimport { InternalSideNavigationLink } from './side-navigation-links-internal';\nimport * as Styles from './side-navigation.module.less';\nimport { withTooltip } from './with-tooltip';\n\ntype OptionalChildren<T> =\n    | (ReactElement<T> | false | undefined | null)\n    | (ReactElement<T> | false | undefined | null)[];\nexport interface SideNavigationProps {\n    /** container class name */\n    className?: string;\n    /** container id */\n    id?: string;\n    /** main navigation items */\n    items?: NavigationItemData[];\n    /** additional components */\n    children?: OptionalChildren<SideNavigationTopProps>;\n    /** is menu expanded */\n    expanded?: SideNavigationExpandedState;\n    /** show submenu in separate bar */\n    appearance?: 'v1' | 'v2';\n    /** expand change handler */\n    onExpandedChange?(expanded: SideNavigationExpandedState): void;\n}\n\nconst defaultContext: SideNavigationContextType = {\n    styles: {\n        popoverContent: {\n            '--background-color-strong': '#24323C',\n            'color': 'var(--color-white)',\n        } as CSSProperties,\n    },\n};\n\nconst useOutRef = (onOut: () => void) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const elem = ref.current;\n\n        if (elem) {\n            let timeout: ReturnType<typeof setTimeout> | undefined = undefined;\n            const onMouseLeave = () => {\n                timeout = setTimeout(onOut, 500);\n            };\n            const onMouseEnter = () => {\n                if (timeout) {\n                    clearTimeout(timeout);\n                    timeout = undefined;\n                }\n            };\n\n            elem.addEventListener('mouseleave', onMouseLeave);\n            elem.addEventListener('mouseenter', onMouseEnter);\n            return () => {\n                elem.removeEventListener('mouseleave', onMouseLeave);\n                elem.removeEventListener('mouseenter', onMouseEnter);\n            };\n        }\n    }, [onOut]);\n\n    return ref;\n};\n\nconst isLinkActive = (\n    location: NavigationLocationInfo,\n    link: NavigationLinkData,\n    matcher: NavigationActiveLinkMatcher\n) => {\n    if (typeof link.isActive === 'boolean') {\n        return link.isActive;\n    }\n\n    if (typeof link.isActive === 'function') {\n        return link.isActive(location.pathname);\n    }\n\n    return matcher?.(location, link) ?? false;\n};\n\nfunction SideNavigationElement({\n    className,\n    children,\n    expanded,\n    id,\n    items,\n    appearance,\n    onExpandedChange,\n}: SideNavigationProps) {\n    const NavigationComponent = useContext(NavigationComponentContext);\n    const locationInfo = useContext(NavigationLocationContext);\n    const [submenuDrawerItemId, setSubmenuDrawerItemId] = useState<string>();\n    const isExperimental = appearance === 'v2';\n    const isExperimentalExpanded = isExperimental && !expanded?.collapsedBar;\n\n    const activeItem = useMemo(\n        () =>\n            items?.find(item =>\n                isLinkActive(locationInfo.location, item, locationInfo.isLinkActive)\n            ),\n        [locationInfo, items]\n    );\n    const activeId = activeItem?.id;\n\n    const submenu = useMemo(() => {\n        if (!isExperimental) {\n            return undefined;\n        }\n\n        if (isExperimentalExpanded) {\n            const item = activeId ? items?.find(item => item.id === activeId) : undefined;\n\n            return item?.submenu ? { item, bar: true, drawer: false } : undefined;\n        } else if (submenuDrawerItemId) {\n            const item = items?.find(item => item.id === submenuDrawerItemId);\n\n            return item?.submenu ? { item, bar: false, drawer: true } : undefined;\n        }\n\n        return undefined;\n    }, [activeId, items, isExperimental, isExperimentalExpanded, submenuDrawerItemId]);\n    const isExpanded = isExperimental ? isExperimentalExpanded && !!submenu : !!expanded?.bar;\n\n    useEffect(() => {\n        if (isExperimentalExpanded) {\n            setSubmenuDrawerItemId(undefined);\n        }\n    }, [isExperimentalExpanded]);\n\n    const { childTop } = useMemo(\n        () =>\n            Children.toArray(children).reduce(\n                (out, item) => {\n                    if (\n                        item &&\n                        isValidElement(item) &&\n                        item.type &&\n                        typeof item.type !== 'string' &&\n                        item.type.name === SideNavigationTop.name\n                    ) {\n                        out.childTop = item;\n                    }\n                    return out;\n                },\n                {} as { childTop?: ReactElement }\n            ),\n        [children]\n    );\n\n    const canActivateSubmenuBarDrawer = isExperimental && !!expanded?.collapsedBar;\n    const hideSubmenuBarDrawer = useCallback(() => {\n        setSubmenuDrawerItemId(undefined);\n    }, []);\n\n    const openSubmenuBarDrawer = (e: MouseEvent<HTMLDivElement>, item: NavigationItemData) => {\n        if (!isExperimental || !expanded?.collapsedBar) {\n            return;\n        }\n\n        if (item.submenu) {\n            setSubmenuDrawerItemId(item.id);\n\n            if (item.id === activeId) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    };\n\n    const handleExpandedChange = useCallback(\n        (value: boolean) => {\n            onExpandedChange?.(\n                isExperimental ? { bar: false, collapsedBar: !value } : { bar: value }\n            );\n            setSubmenuDrawerItemId(undefined);\n        },\n        [isExperimental, onExpandedChange]\n    );\n\n    return (\n        <SideNavigationContext.Provider value={defaultContext}>\n            <div\n                className={classNames(\n                    Styles.sideNav,\n                    isExperimental ? Styles.sideNavV2 : Styles.sideNavV1,\n                    isExpanded ? Styles.sideNavExpanded : Styles.sideNavSlim,\n                    className\n                )}\n                id={id}\n                data-cy=\"side-navigation\"\n            >\n                <ThemeProvider mode=\"dark\" className={Styles.sideNavMain}>\n                    <div className={Styles.sideNavNavigation}>\n                        {isExperimental && !isExpanded && !!activeItem?.submenu && (\n                            <SideNavigationOptionsToggle\n                                appearance=\"expand\"\n                                onExpandedChange={handleExpandedChange}\n                            />\n                        )}\n\n                        {childTop}\n                        <div className={Styles.sideNavContent} data-cy=\"navigation-items\">\n                            {items?.map(item =>\n                                item.submenu && !isExperimental ? (\n                                    <SideNavigationGroupItem\n                                        key={item.id}\n                                        expanded={expanded}\n                                        isGroupActive={activeItem?.id === item.id}\n                                        onExpandedChange={onExpandedChange}\n                                        navigationComponent={NavigationComponent}\n                                        {...item}\n                                    />\n                                ) : (\n                                    <div\n                                        key={item.id}\n                                        onClickCapture={\n                                            canActivateSubmenuBarDrawer\n                                                ? item.submenu\n                                                    ? e => openSubmenuBarDrawer(e, item)\n                                                    : hideSubmenuBarDrawer\n                                                : undefined\n                                        }\n                                    >\n                                        <InternalSideNavigationLink\n                                            submenuExpanded={undefined}\n                                            navigationComponent={NavigationComponent}\n                                            {...item}\n                                            tag={getSubmenuGroupTag(\n                                                item.submenu,\n                                                getCounterTag(item.counter, item.tag)\n                                            )}\n                                        />\n                                    </div>\n                                )\n                            )}\n                        </div>\n                    </div>\n\n                    {!!submenu && (\n                        <SubmenuBar\n                            bar={submenu.bar}\n                            item={submenu.item}\n                            handleExpandedChange={handleExpandedChange}\n                            handleLeave={hideSubmenuBarDrawer}\n                            navigationComponent={NavigationComponent}\n                        />\n                    )}\n                </ThemeProvider>\n\n                {!isExperimental && (\n                    <div className={Styles.sideNavFooter}>\n                        <div className={Styles.divider} />\n                        <div className={Styles.sideNavBottom}>\n                            <SideNavigationOptionsToggle\n                                appearance={isExpanded ? 'collapse-button' : 'expand'}\n                                onExpandedChange={handleExpandedChange}\n                            />\n                        </div>\n                    </div>\n                )}\n            </div>\n        </SideNavigationContext.Provider>\n    );\n}\n\nconst SubmenuBar: FC<{\n    item: NavigationItemData;\n    bar: boolean;\n    navigationComponent: FC<NavLinkComponentProps>;\n    handleExpandedChange(value: boolean): void;\n    handleLeave(): void;\n}> = ({\n    bar,\n    item,\n    navigationComponent: NavigationComponent,\n    handleExpandedChange,\n    handleLeave,\n}) => {\n    const outRef = useOutRef(handleLeave);\n\n    return (\n        <div className={bar ? Styles.sideNavSubmenuBar : Styles.sideNavSubmenuDrawer} ref={outRef}>\n            <div className=\"d-f justify-content-between align-items-center m-t-2 m-l-3\">\n                <Headline size=\"small\" className=\"c-white m-b-0-i\">\n                    {item.title}\n                </Headline>\n\n                {bar && (\n                    <SideNavigationOptionsToggle\n                        appearance=\"collapse\"\n                        onExpandedChange={handleExpandedChange}\n                    />\n                )}\n            </div>\n\n            <div className={Styles.submenuBar}>\n                <SideNavigationGroupContent\n                    groups={item.submenu?.groups ?? []}\n                    navigationComponent={NavigationComponent}\n                />\n            </div>\n        </div>\n    );\n};\nexport interface SideNavigationTopProps {\n    children: OptionalChildren<SideNavigationLinkProps | SideNavigationTriggerProps>;\n}\nfunction SideNavigationTopElement({ children }: SideNavigationTopProps) {\n    const list = Children.map(children, child => {\n        return child && isValidElement(child) ? child : null;\n    });\n    return list?.length ? (\n        <Fragment>\n            <ThemeProvider mode=\"dark\" className={Styles.sideNavTop} data-cy=\"navigation-items-top\">\n                {list}\n            </ThemeProvider>\n            <div className={Styles.divider} />\n        </Fragment>\n    ) : null;\n}\nconst SideNavigationTop: FC<SideNavigationTopProps> = SideNavigationTopElement;\n\n/** Side Navigation menu item */\nconst SideNavigationGroupItem: FC<\n    NavigationItemData &\n        SideNavigationExpandedProps &\n        NavigationComponentProps & {\n            isGroupActive: boolean;\n            onExpandedChange: undefined | ((expanded: SideNavigationExpandedState) => void);\n        }\n> = ({ onExpandedChange, isGroupActive, ...props }) => {\n    const isSubmenuExpanded = !!props.id && props.expanded?.expandedSubmenu === props.id;\n    const onExpandToggle = useCallback(\n        (e: MouseEvent<never>) => {\n            e.preventDefault();\n            e.stopPropagation();\n\n            onExpandedChange?.({\n                bar: true,\n                expandedSubmenu: isSubmenuExpanded ? undefined : props.id,\n            });\n        },\n        [props.id, isSubmenuExpanded, onExpandedChange]\n    );\n\n    const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));\n    const context = useContext(SideNavigationContext);\n\n    return props.expanded?.bar ? (\n        <div className={classNames(Styles.navigationGroupWrapper)}>\n            <div className={Styles.navigationGroupItem}>\n                <InternalSideNavigationLink\n                    {...props}\n                    submenuExpanded={isSubmenuExpanded}\n                    onExpandToggle={onExpandToggle}\n                    tag={tag}\n                />\n            </div>\n            <div\n                className={classNames(Styles.submenuWrapper, {\n                    [Styles.submenuWrapperCollapsed]: !isSubmenuExpanded,\n                })}\n            >\n                <div className={Styles.submenu}>\n                    <SideNavigationGroupContent\n                        groups={props.submenu?.groups ?? []}\n                        navigationComponent={props.navigationComponent}\n                    />\n                </div>\n            </div>\n        </div>\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={context.styles.popoverContent} className=\"z-global-nav-i\">\n                <div className={Styles.submenuPopover}>\n                    <Headline size=\"small\" className=\"c-white m-b-half-i m-t-1\">\n                        {props.title}\n                    </Headline>\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                        <SideNavigationGroupLink\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};\nconst SideNavigationGroupLink: FC<NavigationSubmenuItemData & NavigationComponentProps> = ({\n    id,\n    counter,\n    tag,\n    title,\n    to,\n    isActive,\n    navigationComponent: NavigationComponent,\n}) => {\n    return (\n        <NavigationComponent\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            key={id}\n            to={to}\n            className={classNames(Styles.submenuLink, {\n                [Styles.submenuLinkActive]: isActive === true,\n            })}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.submenuLinkActive}\n        >\n            <span>{title}</span>\n            <BadgeTag data={getCounterTag(counter, tag)} className={Styles.submenuLinkCounter} />\n        </NavigationComponent>\n    );\n};\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.optionsItem)}\n            onClick={() => onExpandedChange?.(appearance === 'expand')}\n        >\n            <div className={Styles.optionsItemContent}>\n                <div className={Styles.optionsIconWrapper}>\n                    <Icon\n                        className={Styles.optionsIcon}\n                        svg={appearance === 'expand' ? SvgExpand : SvgCollapse}\n                    />\n                </div>\n\n                {appearance === 'collapse-button' && (\n                    <span className={Styles.optionsItemText}>Collapse Menu</span>\n                )}\n            </div>\n        </div>,\n        appearance === 'expand'\n            ? 'Expand Menu'\n            : appearance === 'collapse'\n              ? 'Collapse Menu'\n              : undefined,\n        'right'\n    );\n\nexport const SideNavigation = Object.assign(SideNavigationElement, {\n    Top: SideNavigationTop,\n});\n"],"names":["Icon","Popover","Text","ThemeProvider","SvgCollapse","SvgExpand","Headline","classNames","Children","Fragment","isValidElement","useCallback","useContext","useEffect","useMemo","useRef","useState","NavigationComponentContext","NavigationLocationContext","getCounterTag","getSubmenuGroupTag","BadgeTag","SideNavigationContext","InternalSideNavigationLink","Styles","withTooltip","defaultContext","styles","popoverContent","useOutRef","onOut","ref","elem","current","timeout","undefined","onMouseLeave","setTimeout","onMouseEnter","clearTimeout","addEventListener","removeEventListener","isLinkActive","location","link","matcher","isActive","pathname","SideNavigationElement","className","children","expanded","id","items","appearance","onExpandedChange","NavigationComponent","locationInfo","submenuDrawerItemId","setSubmenuDrawerItemId","isExperimental","isExperimentalExpanded","collapsedBar","activeItem","find","item","activeId","submenu","bar","drawer","isExpanded","childTop","toArray","reduce","out","type","name","SideNavigationTop","canActivateSubmenuBarDrawer","hideSubmenuBarDrawer","openSubmenuBarDrawer","e","preventDefault","stopPropagation","handleExpandedChange","value","Provider","div","sideNav","sideNavV2","sideNavV1","sideNavExpanded","sideNavSlim","data-cy","mode","sideNavMain","sideNavNavigation","SideNavigationOptionsToggle","sideNavContent","map","SideNavigationGroupItem","isGroupActive","navigationComponent","onClickCapture","submenuExpanded","tag","counter","SubmenuBar","handleLeave","sideNavFooter","divider","sideNavBottom","outRef","sideNavSubmenuBar","sideNavSubmenuDrawer","size","title","submenuBar","SideNavigationGroupContent","groups","SideNavigationTopElement","list","child","length","sideNavTop","props","isSubmenuExpanded","expandedSubmenu","onExpandToggle","context","navigationGroupWrapper","navigationGroupItem","submenuWrapper","submenuWrapperCollapsed","placement","openOnHover","delay","Trigger","triggerProps","Content","style","submenuPopover","group","index","links","trim","push","variant","submenuGroupHeader","submenuGroupHeaderEmpty","SideNavigationGroupLink","to","data-pendo","submenuLink","submenuLinkActive","activeClassName","span","data","submenuLinkCounter","optionsItem","onClick","optionsItemContent","optionsIconWrapper","optionsIcon","svg","optionsItemText","SideNavigation","Object","assign","Top"],"mappings":"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"}