@servicetitan/navigation 12.0.3 → 13.0.0-canary.256.44cf055.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/side-navigation-links-internal.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\n\nimport classNames from 'classnames';\nimport { FC, Fragment, MouseEvent } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { SideNavigationTriggerProps } from './interface';\nimport { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';\nimport * as Styles from './side-navigation.module.less';\n\nexport interface InternalSideNavigationItemContentProps\n    extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {\n    submenuExpanded: boolean | undefined;\n    tag: BadgeTagProps | undefined;\n    onExpandToggle?: (e: MouseEvent<never>) => void;\n}\n\nexport const InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n    icon,\n    iconActive,\n    iconClassName,\n    iconComponent: IconComponent,\n    tag,\n    title,\n    submenuExpanded,\n    onExpandToggle,\n}) => (\n    <Fragment>\n        <div className={Styles.navigationItemIconWrapper}>\n            {IconComponent ? (\n                <i className={classNames(Styles.navigationIcon, iconClassName)}>\n                    <IconComponent />\n                </i>\n            ) : (\n                <Fragment>\n                    {icon && (\n                        <Icon\n                            svg={icon}\n                            className={classNames(\n                                Styles.navigationIcon,\n                                Styles.navigationIconInactive,\n                                iconClassName\n                            )}\n                        />\n                    )}\n                    {iconActive && (\n                        <Icon\n                            svg={iconActive}\n                            className={classNames(\n                                Styles.navigationIcon,\n                                Styles.navigationIconActive,\n                                iconClassName\n                            )}\n                        />\n                    )}\n                </Fragment>\n            )}\n\n            <div className={Styles.navigationItemTextExpanded}>{title}</div>\n            {!!tag && (\n                <BadgeTag\n                    data={tag}\n                    className={Styles.navigationItemCounter}\n                    longClassName={Styles.navigationItemCounterLong}\n                />\n            )}\n            {typeof submenuExpanded === 'boolean' && (\n                <div className={Styles.navigationItemGroupToggleWrapper}>\n                    <Icon\n                        svg={submenuExpanded ? SvgGroupCollapse : SvgGroupExpand}\n                        className={Styles.navigationItemGroupToggle}\n                        onClick={onExpandToggle}\n                    />\n                    <div\n                        className={Styles.navigationItemGroupToggleClick}\n                        onClick={onExpandToggle}\n                    />\n                </div>\n            )}\n        </div>\n\n        <div\n            className={classNames(Styles.navigationItemTextCollapsed, {\n                [Styles.navigationItemTextSmall]: title.length >= 10,\n            })}\n        >\n            {title}\n        </div>\n    </Fragment>\n);\n\nexport interface InternalSideNavigationLinkProps\n    extends Omit<NavigationItemData, 'iconName' | 'counter' | 'tag'>,\n        NavigationComponentProps,\n        SideNavigationExpandedProps {\n    submenuExpanded: boolean | undefined;\n    dataPrefix?: string;\n    tag: BadgeTagProps | undefined;\n    onExpandToggle?: (e: MouseEvent<never>) => void;\n}\n\nexport const internalNavigationContentContainerProps = ({\n    className,\n    icon,\n    iconActive,\n    iconComponent,\n    id,\n    isActive,\n    prefix,\n}: Omit<SideNavigationTriggerProps, 'isActive' | 'tag'> & { prefix: string; isActive?: any }) => ({\n    'data-cy': `${prefix}-${id}`,\n    'data-pendo': `${prefix}-${id}`,\n    'className': classNames(Styles.navigationItem, className, {\n        [Styles.navigationItemActive]: isActive === true,\n        [Styles.navigationItemIconSwitch]: !!icon && !!iconActive && !iconComponent,\n    }),\n});\n\n/** Side Navigation menu item (for internal usage) */\nexport const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps> = ({\n    to,\n    className,\n    dataPrefix,\n    isActive,\n    navigationComponent: NavigationComponent,\n    submenuExpanded,\n    onExpandToggle,\n    ...props\n}) => {\n    return (\n        <NavigationComponent\n            {...internalNavigationContentContainerProps({\n                ...props,\n                prefix: dataPrefix ?? 'navigation-item',\n                className,\n                isActive,\n            })}\n            to={to}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navigationItemActive}\n        >\n            <InternalSideNavigationItemContent\n                submenuExpanded={submenuExpanded}\n                onExpandToggle={onExpandToggle}\n                {...props}\n            />\n        </NavigationComponent>\n    );\n};\n"],"names":["Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","BadgeTag","Styles","InternalSideNavigationItemContent","icon","iconActive","iconClassName","iconComponent","IconComponent","tag","title","submenuExpanded","onExpandToggle","div","className","navigationItemIconWrapper","i","navigationIcon","svg","navigationIconInactive","navigationIconActive","navigationItemTextExpanded","data","navigationItemCounter","longClassName","navigationItemCounterLong","navigationItemGroupToggleWrapper","navigationItemGroupToggle","onClick","navigationItemGroupToggleClick","navigationItemTextCollapsed","navigationItemTextSmall","length","internalNavigationContentContainerProps","id","isActive","prefix","navigationItem","navigationItemActive","navigationItemIconSwitch","InternalSideNavigationLink","to","dataPrefix","navigationComponent","NavigationComponent","props","undefined","activeClassName"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,OAAOC,sBAAsB,mEAAmE;AAChG,OAAOC,oBAAoB,mEAAmE;AAE9F,OAAOC,gBAAgB,aAAa;AACpC,SAAaC,QAAQ,QAAoB,QAAQ;AAEjD,SAASC,QAAQ,QAAuB,eAAe;AAGvD,YAAYC,YAAY,gCAAgC;AASxD,OAAO,MAAMC,oCAAgF,CAAC,EAC1FC,IAAI,EACJC,UAAU,EACVC,aAAa,EACbC,eAAeC,aAAa,EAC5BC,GAAG,EACHC,KAAK,EACLC,eAAe,EACfC,cAAc,EACjB,iBACG,MAACZ;;0BACG,MAACa;gBAAIC,WAAWZ,OAAOa,yBAAyB;;oBAC3CP,8BACG,KAACQ;wBAAEF,WAAWf,WAAWG,OAAOe,cAAc,EAAEX;kCAC5C,cAAA,KAACE;uCAGL,MAACR;;4BACII,sBACG,KAACR;gCACGsB,KAAKd;gCACLU,WAAWf,WACPG,OAAOe,cAAc,EACrBf,OAAOiB,sBAAsB,EAC7Bb;;4BAIXD,4BACG,KAACT;gCACGsB,KAAKb;gCACLS,WAAWf,WACPG,OAAOe,cAAc,EACrBf,OAAOkB,oBAAoB,EAC3Bd;;;;kCAOpB,KAACO;wBAAIC,WAAWZ,OAAOmB,0BAA0B;kCAAGX;;oBACnD,CAAC,CAACD,qBACC,KAACR;wBACGqB,MAAMb;wBACNK,WAAWZ,OAAOqB,qBAAqB;wBACvCC,eAAetB,OAAOuB,yBAAyB;;oBAGtD,OAAOd,oBAAoB,2BACxB,MAACE;wBAAIC,WAAWZ,OAAOwB,gCAAgC;;0CACnD,KAAC9B;gCACGsB,KAAKP,kBAAkBd,mBAAmBC;gCAC1CgB,WAAWZ,OAAOyB,yBAAyB;gCAC3CC,SAAShB;;0CAEb,KAACC;gCACGC,WAAWZ,OAAO2B,8BAA8B;gCAChDD,SAAShB;;;;;;0BAMzB,KAACC;gBACGC,WAAWf,WAAWG,OAAO4B,2BAA2B,EAAE;oBACtD,CAAC5B,OAAO6B,uBAAuB,CAAC,EAAErB,MAAMsB,MAAM,IAAI;gBACtD;0BAECtB;;;OAGX;AAYF,OAAO,MAAMuB,0CAA0C,CAAC,EACpDnB,SAAS,EACTV,IAAI,EACJC,UAAU,EACVE,aAAa,EACb2B,EAAE,EACFC,QAAQ,EACRC,MAAM,EACkF,GAAM,CAAA;QAC9F,WAAW,GAAGA,OAAO,CAAC,EAAEF,IAAI;QAC5B,cAAc,GAAGE,OAAO,CAAC,EAAEF,IAAI;QAC/B,aAAanC,WAAWG,OAAOmC,cAAc,EAAEvB,WAAW;YACtD,CAACZ,OAAOoC,oBAAoB,CAAC,EAAEH,aAAa;YAC5C,CAACjC,OAAOqC,wBAAwB,CAAC,EAAE,CAAC,CAACnC,QAAQ,CAAC,CAACC,cAAc,CAACE;QAClE;IACJ,CAAA,EAAG;AAEH,mDAAmD,GACnD,OAAO,MAAMiC,6BAAkE,CAAC,EAC5EC,EAAE,EACF3B,SAAS,EACT4B,UAAU,EACVP,QAAQ,EACRQ,qBAAqBC,mBAAmB,EACxCjC,eAAe,EACfC,cAAc,EACd,GAAGiC,OACN;IACG,qBACI,KAACD;QACI,GAAGX,wCAAwC;YACxC,GAAGY,KAAK;YACRT,QAAQM,uBAAAA,wBAAAA,aAAc;YACtB5B;YACAqB;QACJ,EAAE;QACFM,IAAIA;QACJN,UAAU,OAAOA,aAAa,aAAaA,WAAWW;QACtDC,iBAAiB7C,OAAOoC,oBAAoB;kBAE5C,cAAA,KAACnC;YACGQ,iBAAiBA;YACjBC,gBAAgBA;YACf,GAAGiC,KAAK;;;AAIzB,EAAE"}

package/dist/components/left-navigation/side-navigation-links.d.ts

@@ -1,6 +0,0 @@
-import { SideNavigationLinkProps, SideNavigationTriggerProps } from './interface';
-/** Side Navigation menu link */
-export declare function SideNavigationLink({ wrapper, ...props }: SideNavigationLinkProps): import("react/jsx-runtime").JSX.Element;
-/** Side Navigation menu trigger */
-export declare function SideNavigationTrigger({ wrapper, ...props }: SideNavigationTriggerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=side-navigation-links.d.ts.map

package/dist/components/left-navigation/side-navigation-links.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-links.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAgBlF,gCAAgC;AAChC,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAchF;AAED,mCAAmC;AACnC,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,2CAkBtF"}

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

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { useContext } from 'react';
-import { NavigationComponentContext } from '../../utils/navigation-context';
-import { getCounterTag } from '../../utils/side-nav';
-import { SideNavigationContext } from './side-navigation-context';
-import { InternalSideNavigationItemContent, InternalSideNavigationLink, internalNavigationContentContainerProps } from './side-navigation-links-internal';
-const WrappedLink = ({ children, wrapper: WrapperComponent })=>{
-    return /*#__PURE__*/ _jsx(WrapperComponent, {
-        context: useContext(SideNavigationContext),
-        children: children
-    });
-};
-/** Side Navigation menu link */ export function SideNavigationLink({ wrapper, ...props }) {
-    const NavigationComponent = useContext(NavigationComponentContext);
-    const element = /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
-        ...props,
-        navigationComponent: NavigationComponent,
-        submenuExpanded: undefined,
-        dataPrefix: "navigation-link",
-        tag: getCounterTag(props.counter, props.tag)
-    });
-    return wrapper ? /*#__PURE__*/ _jsx(WrappedLink, {
-        wrapper: wrapper,
-        children: element
-    }) : element;
-}
-/** Side Navigation menu trigger */ export function SideNavigationTrigger({ wrapper, ...props }) {
-    const element = /*#__PURE__*/ _jsx("div", {
-        ...internalNavigationContentContainerProps({
-            ...props,
-            prefix: 'navigation-trigger',
-            className: classNames(props.className, 'cursor-pointer'),
-            isActive: props.isActive
-        }),
-        children: /*#__PURE__*/ _jsx(InternalSideNavigationItemContent, {
-            submenuExpanded: undefined,
-            ...props,
-            tag: getCounterTag(props.counter, props.tag)
-        })
-    });
-    return wrapper ? /*#__PURE__*/ _jsx(WrappedLink, {
-        wrapper: wrapper,
-        children: element
-    }) : element;
-}
-
-//# sourceMappingURL=side-navigation-links.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/side-navigation-links.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { FC, ReactElement, useContext } from 'react';\nimport { NavigationComponentContext } from '../../utils/navigation-context';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { SideNavigationLinkProps, SideNavigationTriggerProps } from './interface';\nimport { SideNavigationContext } from './side-navigation-context';\nimport {\n    InternalSideNavigationItemContent,\n    InternalSideNavigationLink,\n    internalNavigationContentContainerProps,\n} from './side-navigation-links-internal';\n\nconst WrappedLink: FC<{\n    children: ReactElement<any>;\n    wrapper: NonNullable<SideNavigationLinkProps['wrapper']>;\n}> = ({ children, wrapper: WrapperComponent }) => {\n    return (\n        <WrapperComponent context={useContext(SideNavigationContext)}>{children}</WrapperComponent>\n    );\n};\n/** Side Navigation menu link */\nexport function SideNavigationLink({ wrapper, ...props }: SideNavigationLinkProps) {\n    const NavigationComponent = useContext(NavigationComponentContext);\n\n    const element = (\n        <InternalSideNavigationLink\n            {...props}\n            navigationComponent={NavigationComponent}\n            submenuExpanded={undefined}\n            dataPrefix=\"navigation-link\"\n            tag={getCounterTag(props.counter, props.tag)}\n        />\n    );\n\n    return wrapper ? <WrappedLink wrapper={wrapper}>{element}</WrappedLink> : element;\n}\n\n/** Side Navigation menu trigger */\nexport function SideNavigationTrigger({ wrapper, ...props }: SideNavigationTriggerProps) {\n    const element = (\n        <div\n            {...internalNavigationContentContainerProps({\n                ...props,\n                prefix: 'navigation-trigger',\n                className: classNames(props.className, 'cursor-pointer'),\n                isActive: props.isActive,\n            })}\n        >\n            <InternalSideNavigationItemContent\n                submenuExpanded={undefined}\n                {...props}\n                tag={getCounterTag(props.counter, props.tag)}\n            />\n        </div>\n    );\n    return wrapper ? <WrappedLink wrapper={wrapper}>{element}</WrappedLink> : element;\n}\n"],"names":["classNames","useContext","NavigationComponentContext","getCounterTag","SideNavigationContext","InternalSideNavigationItemContent","InternalSideNavigationLink","internalNavigationContentContainerProps","WrappedLink","children","wrapper","WrapperComponent","context","SideNavigationLink","props","NavigationComponent","element","navigationComponent","submenuExpanded","undefined","dataPrefix","tag","counter","SideNavigationTrigger","div","prefix","className","isActive"],"mappings":";AAAA,OAAOA,gBAAgB,aAAa;AACpC,SAA2BC,UAAU,QAAQ,QAAQ;AACrD,SAASC,0BAA0B,QAAQ,iCAAiC;AAC5E,SAASC,aAAa,QAAQ,uBAAuB;AAErD,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SACIC,iCAAiC,EACjCC,0BAA0B,EAC1BC,uCAAuC,QACpC,mCAAmC;AAE1C,MAAMC,cAGD,CAAC,EAAEC,QAAQ,EAAEC,SAASC,gBAAgB,EAAE;IACzC,qBACI,KAACA;QAAiBC,SAASX,WAAWG;kBAAyBK;;AAEvE;AACA,8BAA8B,GAC9B,OAAO,SAASI,mBAAmB,EAAEH,OAAO,EAAE,GAAGI,OAAgC;IAC7E,MAAMC,sBAAsBd,WAAWC;IAEvC,MAAMc,wBACF,KAACV;QACI,GAAGQ,KAAK;QACTG,qBAAqBF;QACrBG,iBAAiBC;QACjBC,YAAW;QACXC,KAAKlB,cAAcW,MAAMQ,OAAO,EAAER,MAAMO,GAAG;;IAInD,OAAOX,wBAAU,KAACF;QAAYE,SAASA;kBAAUM;SAAyBA;AAC9E;AAEA,iCAAiC,GACjC,OAAO,SAASO,sBAAsB,EAAEb,OAAO,EAAE,GAAGI,OAAmC;IACnF,MAAME,wBACF,KAACQ;QACI,GAAGjB,wCAAwC;YACxC,GAAGO,KAAK;YACRW,QAAQ;YACRC,WAAW1B,WAAWc,MAAMY,SAAS,EAAE;YACvCC,UAAUb,MAAMa,QAAQ;QAC5B,EAAE;kBAEF,cAAA,KAACtB;YACGa,iBAAiBC;YAChB,GAAGL,KAAK;YACTO,KAAKlB,cAAcW,MAAMQ,OAAO,EAAER,MAAMO,GAAG;;;IAIvD,OAAOX,wBAAU,KAACF;QAAYE,SAASA;kBAAUM;SAAyBA;AAC9E"}

package/dist/components/left-navigation/side-navigation.d.ts

@@ -1,29 +0,0 @@
-import { FC, ReactElement } from 'react';
-import { NavigationItemData } from '../../utils/navigation';
-import { SideNavigationExpandedState, SideNavigationLinkProps, SideNavigationTriggerProps } from './interface';
-type OptionalChildren<T> = (ReactElement<T> | false | undefined | null) | (ReactElement<T> | false | undefined | null)[];
-export interface SideNavigationProps {
-    /** container class name */
-    className?: string;
-    /** container id */
-    id?: string;
-    /** main navigation items */
-    items?: NavigationItemData[];
-    /** additional components */
-    children?: OptionalChildren<SideNavigationTopProps>;
-    /** is menu expanded */
-    expanded?: SideNavigationExpandedState;
-    /** show submenu in separate bar */
-    appearance?: 'v1' | 'v2';
-    /** expand change handler */
-    onExpandedChange?(expanded: SideNavigationExpandedState): void;
-}
-declare function SideNavigationElement({ className, children, expanded, id, items, appearance, onExpandedChange, }: SideNavigationProps): import("react/jsx-runtime").JSX.Element;
-export interface SideNavigationTopProps {
-    children: OptionalChildren<SideNavigationLinkProps | SideNavigationTriggerProps>;
-}
-export declare const SideNavigation: typeof SideNavigationElement & {
-    Top: FC<SideNavigationTopProps>;
-};
-export {};
-//# sourceMappingURL=side-navigation.d.ts.map

package/dist/components/left-navigation/side-navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGH,EAAE,EAGF,YAAY,EAQf,MAAM,OAAO,CAAC;AACf,OAAO,EACH,kBAAkB,EAIrB,MAAM,wBAAwB,CAAC;AAUhC,OAAO,EACH,2BAA2B,EAC3B,uBAAuB,EACvB,0BAA0B,EAC7B,MAAM,aAAa,CAAC;AAOrB,KAAK,gBAAgB,CAAC,CAAC,IACjB,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,GAC5C,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;AACrD,MAAM,WAAW,mBAAmB;IAChC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;IACpD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,mCAAmC;IACnC,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,4BAA4B;IAC5B,gBAAgB,CAAC,CAAC,QAAQ,EAAE,2BAA2B,GAAG,IAAI,CAAC;CAClE;AAyDD,iBAAS,qBAAqB,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,KAAK,EACL,UAAU,EACV,gBAAgB,GACnB,EAAE,mBAAmB,2CA+KrB;AAyCD,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,gBAAgB,CAAC,uBAAuB,GAAG,0BAA0B,CAAC,CAAC;CACpF;AAgMD,eAAO,MAAM,cAAc;;CAEzB,CAAC"}

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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"}