@servicetitan/navigation 11.0.0 → 11.1.1

package/dist/components/header-navigation/header-navigation.module.less.d.ts

@@ -0,0 +1,22 @@
+export const __esModule: true;
+export const calculating: string;
+export const center: string;
+export const heBottom: string;
+export const heTopCenter: string;
+export const heTopLeft: string;
+export const heTopRight: string;
+export const header: string;
+export const headerStacked: string;
+export const navigationIcon: string;
+export const navigationItem: string;
+export const navigationItemActive: string;
+export const navigationItemCounter: string;
+export const navigationItemCounterLong: string;
+export const navigationItemMain: string;
+export const navigationItemOverflow: string;
+export const navigationItemTitle: string;
+export const navigationLink: string;
+export const navigationOverflow: string;
+export const overflowPopover: string;
+export const right: string;
+

package/dist/components/header-navigation/index.js

@@ -1,2 +1,3 @@
 export * from './header-navigation';
+
 //# sourceMappingURL=index.js.map

package/dist/components/header-navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
+{"version":3,"sources":["../../../src/components/header-navigation/index.ts"],"sourcesContent":["export * from './header-navigation';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/dist/components/header-navigation/with-tooltip.js

@@ -1,4 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip } from '@servicetitan/design-system';
-export const withTooltip = (element, tooltip, direction = 'b') => tooltip ? (_jsx(Tooltip, { el: "div", direction: direction, text: tooltip, children: element })) : (element);
+export const withTooltip = (element, tooltip, direction = 'b')=>tooltip ? /*#__PURE__*/ _jsx(Tooltip, {
+        el: "div",
+        direction: direction,
+        text: tooltip,
+        children: element
+    }) : element;
+
 //# sourceMappingURL=with-tooltip.js.map

package/dist/components/header-navigation/with-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-tooltip.js","sourceRoot":"","sources":["../../../src/components/header-navigation/with-tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAsB,MAAM,6BAA6B,CAAC;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAG,CACvB,OAAkB,EAClB,OAA2B,EAC3B,YAA6C,GAAG,EAClD,EAAE,CACA,OAAO,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,YAChD,OAAO,GACF,CACb,CAAC,CAAC,CAAC,CACA,OAAO,CACV,CAAC"}
+{"version":3,"sources":["../../../src/components/header-navigation/with-tooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipPropsStrict } from '@servicetitan/design-system';\nimport { ReactNode } from 'react';\n\nexport const withTooltip = (\n    element: ReactNode,\n    tooltip: string | undefined,\n    direction: TooltipPropsStrict['direction'] = 'b'\n) =>\n    tooltip ? (\n        <Tooltip el=\"div\" direction={direction} text={tooltip}>\n            {element}\n        </Tooltip>\n    ) : (\n        element\n    );\n"],"names":["Tooltip","withTooltip","element","tooltip","direction","el","text"],"mappings":";AAAA,SAASA,OAAO,QAA4B,8BAA8B;AAG1E,OAAO,MAAMC,cAAc,CACvBC,SACAC,SACAC,YAA6C,GAAG,GAEhDD,wBACI,KAACH;QAAQK,IAAG;QAAMD,WAAWA;QAAWE,MAAMH;kBACzCD;SAGLA,QACF"}

package/dist/components/left-navigation/header-navigation-tiny-links.js

@@ -1,5 +1,5 @@
-import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import { Icon } from '@servicetitan/anvil2';
 import classNames from 'classnames';
 import { Fragment, useContext } from 'react';
@@ -9,24 +9,71 @@ import { CounterTag } from '../counter-tag';
 // use v1 tooltips due to bug with v2 in monolith
 import { withTooltip } from '../header-navigation/with-tooltip';
 import * as Styles from './header-navigation-tiny.module.less';
-/** Content for navigation items */
-export const HeaderNavigationItemContent = ({ counterClassName, icon, iconActive, label, labelClassName, tag }) => {
-    return (_jsxs(Fragment, { children: [!!icon && _jsx(Icon, { svg: icon, className: Styles.navigationIcon }), !!iconActive && (_jsx(Icon, { svg: iconActive, className: classNames(Styles.navigationIcon, Styles.navigationIconActive) })), !!label && (_jsx("span", { className: classNames(Styles.navigationItemLabel, labelClassName), children: label })), !!tag && (_jsx(CounterTag, { data: tag, className: classNames(Styles.navigationItemCounter, counterClassName), longClassName: Styles.navigationItemCounterLong }))] }));
+/** Content for navigation items */ export const HeaderNavigationItemContent = ({ counterClassName, icon, iconActive, label, labelClassName, tag })=>{
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            !!icon && /*#__PURE__*/ _jsx(Icon, {
+                svg: icon,
+                className: Styles.navigationIcon
+            }),
+            !!iconActive && /*#__PURE__*/ _jsx(Icon, {
+                svg: iconActive,
+                className: classNames(Styles.navigationIcon, Styles.navigationIconActive)
+            }),
+            !!label && /*#__PURE__*/ _jsx("span", {
+                className: classNames(Styles.navigationItemLabel, labelClassName),
+                children: label
+            }),
+            !!tag && /*#__PURE__*/ _jsx(CounterTag, {
+                data: tag,
+                className: classNames(Styles.navigationItemCounter, counterClassName),
+                longClassName: Styles.navigationItemCounterLong
+            })
+        ]
+    });
 };
-/** Navigation extra item with link */
-export const HeaderNavigationLink = ({ id, to, hint, tooltip, className, counter, icon, iconActive, iconClassName, iconComponent, iconName, isActive, label, labelClassName, tag, target, ...rest }) => {
+/** Navigation extra item with link */ export const HeaderNavigationLink = ({ id, to, hint, tooltip, className, counter, icon, iconActive, iconClassName, iconComponent, iconName, isActive, label, labelClassName, tag, target, ...rest })=>{
     const NavigationComponent = useContext(NavigationComponentContext);
-    return withTooltip(_createElement(NavigationComponent, { "data-cy": `navigation-link-${id}`, "data-pendo": `navigation-link-${id}`, ...rest, key: id, to: to, title: hint, className: classNames(Styles.navigationLink, className, {
+    return withTooltip(/*#__PURE__*/ _createElement(NavigationComponent, {
+        "data-cy": `navigation-link-${id}`,
+        "data-pendo": `navigation-link-${id}`,
+        ...rest,
+        key: id,
+        to: to,
+        title: hint,
+        className: classNames(Styles.navigationLink, className, {
             [Styles.navigationItemActive]: isActive === true,
-            [Styles.navigationItemIconState]: !!icon && !!iconActive,
-        }), isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.navigationItemActive, target: target },
-        _jsx(HeaderNavigationItemContent, { tag: getCounterTag(counter, tag), icon: icon, iconActive: iconActive, label: label, labelClassName: labelClassName })), tooltip);
+            [Styles.navigationItemIconState]: !!icon && !!iconActive
+        }),
+        isActive: typeof isActive === 'function' ? isActive : undefined,
+        activeClassName: Styles.navigationItemActive,
+        target: target
+    }, /*#__PURE__*/ _jsx(HeaderNavigationItemContent, {
+        tag: getCounterTag(counter, tag),
+        icon: icon,
+        iconActive: iconActive,
+        label: label,
+        labelClassName: labelClassName
+    })), tooltip);
 };
-/** Navigation extra item with icon button */
-export const HeaderNavigationTrigger = ({ id, className, counter, icon, iconActive, iconName, isActive, hint, label, labelClassName, tag, tooltip, title, titleClassName, ...rest }) => {
-    return withTooltip(_jsx("div", { "data-cy": `navigation-trigger-${id}`, "data-pendo": `navigation-trigger-${id}`, ...rest, title: hint, className: classNames(Styles.navigationLink, {
+/** Navigation extra item with icon button */ export const HeaderNavigationTrigger = ({ id, className, counter, icon, iconActive, iconName, isActive, hint, label, labelClassName, tag, tooltip, title, titleClassName, ...rest })=>{
+    return withTooltip(/*#__PURE__*/ _jsx("div", {
+        "data-cy": `navigation-trigger-${id}`,
+        "data-pendo": `navigation-trigger-${id}`,
+        ...rest,
+        title: hint,
+        className: classNames(Styles.navigationLink, {
             [Styles.navigationItemActive]: isActive === true,
-            [Styles.navigationItemIconState]: !!icon && !!iconActive,
-        }, 'cursor-pointer', className), children: _jsx(HeaderNavigationItemContent, { tag: getCounterTag(counter, tag), icon: icon, iconActive: iconActive, label: label, labelClassName: labelClassName }) }), tooltip);
+            [Styles.navigationItemIconState]: !!icon && !!iconActive
+        }, 'cursor-pointer', className),
+        children: /*#__PURE__*/ _jsx(HeaderNavigationItemContent, {
+            tag: getCounterTag(counter, tag),
+            icon: icon,
+            iconActive: iconActive,
+            label: label,
+            labelClassName: labelClassName
+        })
+    }), tooltip);
 };
+
 //# sourceMappingURL=header-navigation-tiny-links.js.map

package/dist/components/left-navigation/header-navigation-tiny-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-navigation-tiny-links.js","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"sourcesContent":["import { Icon, IconProps } from '@servicetitan/anvil2';\nimport classNames from 'classnames';\nimport { FC, Fragment, useContext } from 'react';\nimport { NavigationComponentContext } from '../../utils/navigation-context';\nimport {\n    HeaderNavigationLinkProps,\n    HeaderNavigationTriggerProps,\n} from '../../utils/navigation-legacy';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag, CounterTagProps } from '../counter-tag';\n// use v1 tooltips due to bug with v2 in monolith\nimport { withTooltip } from '../header-navigation/with-tooltip';\nimport * as Styles from './header-navigation-tiny.module.less';\n\n/** Content for navigation items */\nexport const HeaderNavigationItemContent: FC<{\n    tag?: CounterTagProps;\n    counterClassName?: string;\n    icon: IconProps['svg'] | undefined;\n    iconActive: IconProps['svg'] | undefined;\n    label?: string;\n    labelClassName?: string;\n}> = ({ counterClassName, icon, iconActive, label, labelClassName, tag }) => {\n    return (\n        <Fragment>\n            {!!icon && <Icon svg={icon} className={Styles.navigationIcon} />}\n            {!!iconActive && (\n                <Icon\n                    svg={iconActive}\n                    className={classNames(Styles.navigationIcon, Styles.navigationIconActive)}\n                />\n            )}\n\n            {!!label && (\n                <span className={classNames(Styles.navigationItemLabel, labelClassName)}>\n                    {label}\n                </span>\n            )}\n\n            {!!tag && (\n                <CounterTag\n                    data={tag}\n                    className={classNames(Styles.navigationItemCounter, counterClassName)}\n                    longClassName={Styles.navigationItemCounterLong}\n                />\n            )}\n        </Fragment>\n    );\n};\n\n/** Navigation extra item with link */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = ({\n    id,\n    to,\n    hint,\n    tooltip,\n    className,\n    counter,\n    icon,\n    iconActive,\n    iconClassName,\n    iconComponent,\n    iconName,\n    isActive,\n    label,\n    labelClassName,\n    tag,\n    target,\n    ...rest\n}) => {\n    const NavigationComponent = useContext(NavigationComponentContext);\n\n    return withTooltip(\n        <NavigationComponent\n            data-cy={`navigation-link-${id}`}\n            data-pendo={`navigation-link-${id}`}\n            {...rest}\n            key={id}\n            to={to}\n            title={hint}\n            className={classNames(Styles.navigationLink, className, {\n                [Styles.navigationItemActive]: isActive === true,\n                [Styles.navigationItemIconState]: !!icon && !!iconActive,\n            })}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navigationItemActive}\n            target={target}\n        >\n            <HeaderNavigationItemContent\n                tag={getCounterTag(counter, tag)}\n                icon={icon}\n                iconActive={iconActive}\n                label={label}\n                labelClassName={labelClassName}\n            />\n        </NavigationComponent>,\n        tooltip\n    );\n};\n\n/** Navigation extra item with icon button */\nexport const HeaderNavigationTrigger: FC<HeaderNavigationTriggerProps> = ({\n    id,\n    className,\n    counter,\n    icon,\n    iconActive,\n    iconName,\n    isActive,\n    hint,\n    label,\n    labelClassName,\n    tag,\n    tooltip,\n    title,\n    titleClassName,\n    ...rest\n}) => {\n    return withTooltip(\n        <div\n            data-cy={`navigation-trigger-${id}`}\n            data-pendo={`navigation-trigger-${id}`}\n            {...rest}\n            title={hint}\n            className={classNames(\n                Styles.navigationLink,\n                {\n                    [Styles.navigationItemActive]: isActive === true,\n                    [Styles.navigationItemIconState]: !!icon && !!iconActive,\n                },\n                'cursor-pointer',\n                className\n            )}\n        >\n            <HeaderNavigationItemContent\n                tag={getCounterTag(counter, tag)}\n                icon={icon}\n                iconActive={iconActive}\n                label={label}\n                labelClassName={labelClassName}\n            />\n        </div>,\n        tooltip\n    );\n};\n"],"names":["Icon","classNames","Fragment","useContext","NavigationComponentContext","getCounterTag","CounterTag","withTooltip","Styles","HeaderNavigationItemContent","counterClassName","icon","iconActive","label","labelClassName","tag","svg","className","navigationIcon","navigationIconActive","span","navigationItemLabel","data","navigationItemCounter","longClassName","navigationItemCounterLong","HeaderNavigationLink","id","to","hint","tooltip","counter","iconClassName","iconComponent","iconName","isActive","target","rest","NavigationComponent","data-cy","data-pendo","key","title","navigationLink","navigationItemActive","navigationItemIconState","undefined","activeClassName","HeaderNavigationTrigger","titleClassName","div"],"mappings":";;AAAA,SAASA,IAAI,QAAmB,uBAAuB;AACvD,OAAOC,gBAAgB,aAAa;AACpC,SAAaC,QAAQ,EAAEC,UAAU,QAAQ,QAAQ;AACjD,SAASC,0BAA0B,QAAQ,iCAAiC;AAK5E,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAyB,iBAAiB;AAC7D,iDAAiD;AACjD,SAASC,WAAW,QAAQ,oCAAoC;AAChE,YAAYC,YAAY,uCAAuC;AAE/D,iCAAiC,GACjC,OAAO,MAAMC,8BAOR,CAAC,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAE;IACpE,qBACI,MAACb;;YACI,CAAC,CAACS,sBAAQ,KAACX;gBAAKgB,KAAKL;gBAAMM,WAAWT,OAAOU,cAAc;;YAC3D,CAAC,CAACN,4BACC,KAACZ;gBACGgB,KAAKJ;gBACLK,WAAWhB,WAAWO,OAAOU,cAAc,EAAEV,OAAOW,oBAAoB;;YAI/E,CAAC,CAACN,uBACC,KAACO;gBAAKH,WAAWhB,WAAWO,OAAOa,mBAAmB,EAAEP;0BACnDD;;YAIR,CAAC,CAACE,qBACC,KAACT;gBACGgB,MAAMP;gBACNE,WAAWhB,WAAWO,OAAOe,qBAAqB,EAAEb;gBACpDc,eAAehB,OAAOiB,yBAAyB;;;;AAKnE,EAAE;AAEF,oCAAoC,GACpC,OAAO,MAAMC,uBAAsD,CAAC,EAChEC,EAAE,EACFC,EAAE,EACFC,IAAI,EACJC,OAAO,EACPb,SAAS,EACTc,OAAO,EACPpB,IAAI,EACJC,UAAU,EACVoB,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRtB,KAAK,EACLC,cAAc,EACdC,GAAG,EACHqB,MAAM,EACN,GAAGC,MACN;IACG,MAAMC,sBAAsBnC,WAAWC;IAEvC,OAAOG,0BACH,eAAC+B;QACGC,WAAS,CAAC,gBAAgB,EAAEZ,IAAI;QAChCa,cAAY,CAAC,gBAAgB,EAAEb,IAAI;QAClC,GAAGU,IAAI;QACRI,KAAKd;QACLC,IAAIA;QACJc,OAAOb;QACPZ,WAAWhB,WAAWO,OAAOmC,cAAc,EAAE1B,WAAW;YACpD,CAACT,OAAOoC,oBAAoB,CAAC,EAAET,aAAa;YAC5C,CAAC3B,OAAOqC,uBAAuB,CAAC,EAAE,CAAC,CAAClC,QAAQ,CAAC,CAACC;QAClD;QACAuB,UAAU,OAAOA,aAAa,aAAaA,WAAWW;QACtDC,iBAAiBvC,OAAOoC,oBAAoB;QAC5CR,QAAQA;qBAER,KAAC3B;QACGM,KAAKV,cAAc0B,SAAShB;QAC5BJ,MAAMA;QACNC,YAAYA;QACZC,OAAOA;QACPC,gBAAgBA;SAGxBgB;AAER,EAAE;AAEF,2CAA2C,GAC3C,OAAO,MAAMkB,0BAA4D,CAAC,EACtErB,EAAE,EACFV,SAAS,EACTc,OAAO,EACPpB,IAAI,EACJC,UAAU,EACVsB,QAAQ,EACRC,QAAQ,EACRN,IAAI,EACJhB,KAAK,EACLC,cAAc,EACdC,GAAG,EACHe,OAAO,EACPY,KAAK,EACLO,cAAc,EACd,GAAGZ,MACN;IACG,OAAO9B,0BACH,KAAC2C;QACGX,WAAS,CAAC,mBAAmB,EAAEZ,IAAI;QACnCa,cAAY,CAAC,mBAAmB,EAAEb,IAAI;QACrC,GAAGU,IAAI;QACRK,OAAOb;QACPZ,WAAWhB,WACPO,OAAOmC,cAAc,EACrB;YACI,CAACnC,OAAOoC,oBAAoB,CAAC,EAAET,aAAa;YAC5C,CAAC3B,OAAOqC,uBAAuB,CAAC,EAAE,CAAC,CAAClC,QAAQ,CAAC,CAACC;QAClD,GACA,kBACAK;kBAGJ,cAAA,KAACR;YACGM,KAAKV,cAAc0B,SAAShB;YAC5BJ,MAAMA;YACNC,YAAYA;YACZC,OAAOA;YACPC,gBAAgBA;;QAGxBgB;AAER,EAAE"}

package/dist/components/left-navigation/header-navigation-tiny.js

@@ -1,7 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import * as Styles from './header-navigation-tiny.module.less';
-export const HeaderNavigationTiny = ({ className, id, left, leftClassName, right, rightClassName, center, centerClassName, minWidth = 800, }) => {
-    return (_jsxs("div", { className: classNames(Styles.headerTiny, className), style: { minWidth: `${minWidth}px` }, id: id, "data-cy": "header-navigation", children: [_jsx("div", { className: classNames(Styles.heTopLeft, leftClassName), "data-cy": "navigation-left", children: left }), _jsx("div", { className: classNames(Styles.heTopCenter, centerClassName), "data-cy": "navigation-center", children: center }), _jsx("div", { className: classNames('d-f flex-row justify-content-end align-items-center', Styles.heTopRight, rightClassName), "data-cy": "navigation-right", children: right })] }));
+export const HeaderNavigationTiny = ({ className, id, left, leftClassName, right, rightClassName, center, centerClassName, minWidth = 800 })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classNames(Styles.headerTiny, className),
+        style: {
+            minWidth: `${minWidth}px`
+        },
+        id: id,
+        "data-cy": "header-navigation",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: classNames(Styles.heTopLeft, leftClassName),
+                "data-cy": "navigation-left",
+                children: left
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: classNames(Styles.heTopCenter, centerClassName),
+                "data-cy": "navigation-center",
+                children: center
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: classNames('d-f flex-row justify-content-end align-items-center', Styles.heTopRight, rightClassName),
+                "data-cy": "navigation-right",
+                children: right
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=header-navigation-tiny.js.map

package/dist/components/left-navigation/header-navigation-tiny.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-navigation-tiny.js","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,sCAAsC,CAAC;AAuB/D,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAChE,SAAS,EACT,EAAE,EACF,IAAI,EACJ,aAAa,EACb,KAAK,EACL,cAAc,EACd,MAAM,EACN,eAAe,EACf,QAAQ,GAAG,GAAG,GACjB,EAAE,EAAE;IACD,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EACnD,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,QAAQ,IAAI,EAAE,EACpC,EAAE,EAAE,EAAE,aACE,mBAAmB,aAE3B,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,aAAU,iBAAiB,YACjF,IAAI,GACH,EACN,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,aAClD,mBAAmB,YAE1B,MAAM,GACL,EACN,cACI,SAAS,EAAE,UAAU,CACjB,qDAAqD,EACrD,MAAM,CAAC,UAAU,EACjB,cAAc,CACjB,aACO,kBAAkB,YAEzB,KAAK,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { FC, ReactElement, ReactNode } from 'react';\nimport * as Styles from './header-navigation-tiny.module.less';\n\nexport interface HeaderNavigationTinyProps {\n    /** container class name */\n    className?: string;\n    /** extra navigation */\n    right?: ReactNode;\n    /** extra navigation container class name */\n    rightClassName?: string;\n    /** container id */\n    id?: string;\n    /** left content (usually used for logo) */\n    left?: ReactElement;\n    /** left container class name */\n    leftClassName?: string;\n    /** center content */\n    center?: ReactElement;\n    /** center container class name */\n    centerClassName?: string;\n    /** minimal width for navigation bar */\n    minWidth?: number;\n}\n\nexport const HeaderNavigationTiny: FC<HeaderNavigationTinyProps> = ({\n    className,\n    id,\n    left,\n    leftClassName,\n    right,\n    rightClassName,\n    center,\n    centerClassName,\n    minWidth = 800,\n}) => {\n    return (\n        <div\n            className={classNames(Styles.headerTiny, className)}\n            style={{ minWidth: `${minWidth}px` }}\n            id={id}\n            data-cy=\"header-navigation\"\n        >\n            <div className={classNames(Styles.heTopLeft, leftClassName)} data-cy=\"navigation-left\">\n                {left}\n            </div>\n            <div\n                className={classNames(Styles.heTopCenter, centerClassName)}\n                data-cy=\"navigation-center\"\n            >\n                {center}\n            </div>\n            <div\n                className={classNames(\n                    'd-f flex-row justify-content-end align-items-center',\n                    Styles.heTopRight,\n                    rightClassName\n                )}\n                data-cy=\"navigation-right\"\n            >\n                {right}\n            </div>\n        </div>\n    );\n};\n"],"names":["classNames","Styles","HeaderNavigationTiny","className","id","left","leftClassName","right","rightClassName","center","centerClassName","minWidth","div","headerTiny","style","data-cy","heTopLeft","heTopCenter","heTopRight"],"mappings":";AAAA,OAAOA,gBAAgB,aAAa;AAEpC,YAAYC,YAAY,uCAAuC;AAuB/D,OAAO,MAAMC,uBAAsD,CAAC,EAChEC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,aAAa,EACbC,KAAK,EACLC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,WAAW,GAAG,EACjB;IACG,qBACI,MAACC;QACGT,WAAWH,WAAWC,OAAOY,UAAU,EAAEV;QACzCW,OAAO;YAAEH,UAAU,GAAGA,SAAS,EAAE,CAAC;QAAC;QACnCP,IAAIA;QACJW,WAAQ;;0BAER,KAACH;gBAAIT,WAAWH,WAAWC,OAAOe,SAAS,EAAEV;gBAAgBS,WAAQ;0BAChEV;;0BAEL,KAACO;gBACGT,WAAWH,WAAWC,OAAOgB,WAAW,EAAEP;gBAC1CK,WAAQ;0BAEPN;;0BAEL,KAACG;gBACGT,WAAWH,WACP,uDACAC,OAAOiB,UAAU,EACjBV;gBAEJO,WAAQ;0BAEPR;;;;AAIjB,EAAE"}

package/dist/components/left-navigation/header-navigation-tiny.module.less.d.ts

@@ -0,0 +1,15 @@
+export const __esModule: true;
+export const heTopCenter: string;
+export const heTopLeft: string;
+export const heTopRight: string;
+export const headerTiny: string;
+export const navigationIcon: string;
+export const navigationIconActive: string;
+export const navigationItemActive: string;
+export const navigationItemCounter: string;
+export const navigationItemCounterLong: string;
+export const navigationItemIconState: string;
+export const navigationItemLabel: string;
+export const navigationItemOverflow: string;
+export const navigationLink: string;
+

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

@@ -1,5 +1,5 @@
 export * from './header-navigation-tiny';
 export * from './side-navigation';
 export * from './side-navigation-links';
-export * from './interface';
+export type * from './interface';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,aAAa,CAAC"}

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

@@ -1,5 +1,5 @@
 export * from './header-navigation-tiny';
 export * from './side-navigation';
 export * from './side-navigation-links';
-export * from './interface';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/left-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
+{"version":3,"sources":["../../../src/components/left-navigation/index.ts"],"sourcesContent":["export * from './header-navigation-tiny';\nexport * from './side-navigation';\nexport * from './side-navigation-links';\nexport type * from './interface';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,0BAA0B"}

package/dist/components/left-navigation/interface-internal.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=interface-internal.js.map

package/dist/components/left-navigation/interface-internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"interface-internal.js","sourceRoot":"","sources":["../../../src/components/left-navigation/interface-internal.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/components/left-navigation/interface-internal.ts"],"sourcesContent":["import { FC } from 'react';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\nimport { SideNavigationExpandedState } from './interface';\n\nexport interface NavigationComponentProps {\n    navigationComponent: FC<NavLinkComponentProps>;\n}\n\nexport interface SideNavigationExpandedProps {\n    expanded?: SideNavigationExpandedState;\n}\n"],"names":[],"mappings":"AAQA,WAEC"}

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

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=interface.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/components/left-navigation/interface.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/components/left-navigation/interface.ts"],"sourcesContent":["import { FC, ReactElement } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { SideNavigationContextType } from './side-navigation-context';\n\nexport interface SideNavigationExpandedState {\n    // expanded bar (classic)\n    bar: boolean;\n    // expanded submenu item (classic)\n    expandedSubmenu?: string;\n    // collapsed bar (experimental submenu bar)\n    collapsedBar?: boolean;\n}\n\nexport interface SideNavigationLinkWrapperProps {\n    children: ReactElement<SideNavigationLinkProps> | ReactElement<SideNavigationTriggerProps>;\n    context: SideNavigationContextType;\n}\n\nexport interface SideNavigationLinkProps extends Omit<NavigationItemData, 'submenu'> {\n    wrapper?: FC<SideNavigationLinkWrapperProps>;\n}\nexport interface SideNavigationTriggerProps\n    extends Omit<SideNavigationLinkProps, 'to' | 'isActive'> {\n    isActive?: boolean;\n    wrapper?: FC<SideNavigationLinkWrapperProps>;\n}\n"],"names":[],"mappings":"AAqBA,WAIC"}

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

@@ -1,7 +1,8 @@
 import { createContext } from 'react';
-export const SideNavigationContext = createContext({
+export const SideNavigationContext = /*#__PURE__*/ createContext({
     styles: {
-        popoverContent: {},
-    },
+        popoverContent: {}
+    }
 });
+
 //# sourceMappingURL=side-navigation-context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"side-navigation-context.js","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,MAAM,OAAO,CAAC;AAQrD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAA4B;IAC1E,MAAM,EAAE;QACJ,cAAc,EAAE,EAAE;KACrB;CACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"sourcesContent":["import { CSSProperties, createContext } from 'react';\n\nexport interface SideNavigationContextType {\n    styles: {\n        popoverContent: CSSProperties;\n    };\n}\n\nexport const SideNavigationContext = createContext<SideNavigationContextType>({\n    styles: {\n        popoverContent: {},\n    },\n});\n"],"names":["createContext","SideNavigationContext","styles","popoverContent"],"mappings":"AAAA,SAAwBA,aAAa,QAAQ,QAAQ;AAQrD,OAAO,MAAMC,sCAAwBD,cAAyC;IAC1EE,QAAQ;QACJC,gBAAgB,CAAC;IACrB;AACJ,GAAG"}

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

@@ -6,24 +6,84 @@ import classNames from 'classnames';
 import { Fragment } from 'react';
 import { BadgeTag } from '../badge-tag';
 import * as Styles from './side-navigation.module.less';
-export const InternalSideNavigationItemContent = ({ icon, iconActive, iconClassName, iconComponent: IconComponent, tag, title, submenuExpanded, onExpandToggle, }) => (_jsxs(Fragment, { children: [_jsxs("div", { className: Styles.navigationItemIconWrapper, children: [IconComponent ? (_jsx("i", { className: classNames(Styles.navigationIcon, iconClassName), children: _jsx(IconComponent, {}) })) : (_jsxs(Fragment, { children: [icon && (_jsx(Icon, { svg: icon, className: classNames(Styles.navigationIcon, Styles.navigationIconInactive, iconClassName) })), iconActive && (_jsx(Icon, { svg: iconActive, className: classNames(Styles.navigationIcon, Styles.navigationIconActive, iconClassName) }))] })), _jsx("div", { className: Styles.navigationItemTextExpanded, children: title }), !!tag && (_jsx(BadgeTag, { data: tag, className: Styles.navigationItemCounter, longClassName: Styles.navigationItemCounterLong })), typeof submenuExpanded === 'boolean' && (_jsxs("div", { className: Styles.navigationItemGroupToggleWrapper, children: [_jsx(Icon, { svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand, className: Styles.navigationItemGroupToggle, onClick: onExpandToggle }), _jsx("div", { className: Styles.navigationItemGroupToggleClick, onClick: onExpandToggle })] }))] }), _jsx("div", { className: classNames(Styles.navigationItemTextCollapsed, {
-                [Styles.navigationItemTextSmall]: title.length >= 10,
-            }), children: title })] }));
-export const internalNavigationContentContainerProps = ({ className, icon, iconActive, iconComponent, id, isActive, prefix, }) => ({
-    'data-cy': `${prefix}-${id}`,
-    'data-pendo': `${prefix}-${id}`,
-    'className': classNames(Styles.navigationItem, className, {
-        [Styles.navigationItemActive]: isActive === true,
-        [Styles.navigationItemIconSwitch]: !!icon && !!iconActive && !iconComponent,
-    }),
-});
-/** Side Navigation menu item (for internal usage) */
-export const InternalSideNavigationLink = ({ to, className, dataPrefix, isActive, navigationComponent: NavigationComponent, submenuExpanded, onExpandToggle, ...props }) => {
-    return (_jsx(NavigationComponent, { ...internalNavigationContentContainerProps({
+export const InternalSideNavigationItemContent = ({ icon, iconActive, iconClassName, iconComponent: IconComponent, tag, title, submenuExpanded, onExpandToggle })=>/*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: Styles.navigationItemIconWrapper,
+                children: [
+                    IconComponent ? /*#__PURE__*/ _jsx("i", {
+                        className: classNames(Styles.navigationIcon, iconClassName),
+                        children: /*#__PURE__*/ _jsx(IconComponent, {})
+                    }) : /*#__PURE__*/ _jsxs(Fragment, {
+                        children: [
+                            icon && /*#__PURE__*/ _jsx(Icon, {
+                                svg: icon,
+                                className: classNames(Styles.navigationIcon, Styles.navigationIconInactive, iconClassName)
+                            }),
+                            iconActive && /*#__PURE__*/ _jsx(Icon, {
+                                svg: iconActive,
+                                className: classNames(Styles.navigationIcon, Styles.navigationIconActive, iconClassName)
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: Styles.navigationItemTextExpanded,
+                        children: title
+                    }),
+                    !!tag && /*#__PURE__*/ _jsx(BadgeTag, {
+                        data: tag,
+                        className: Styles.navigationItemCounter,
+                        longClassName: Styles.navigationItemCounterLong
+                    }),
+                    typeof submenuExpanded === 'boolean' && /*#__PURE__*/ _jsxs("div", {
+                        className: Styles.navigationItemGroupToggleWrapper,
+                        children: [
+                            /*#__PURE__*/ _jsx(Icon, {
+                                svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand,
+                                className: Styles.navigationItemGroupToggle,
+                                onClick: onExpandToggle
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: Styles.navigationItemGroupToggleClick,
+                                onClick: onExpandToggle
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: classNames(Styles.navigationItemTextCollapsed, {
+                    [Styles.navigationItemTextSmall]: title.length >= 10
+                }),
+                children: title
+            })
+        ]
+    });
+export const internalNavigationContentContainerProps = ({ className, icon, iconActive, iconComponent, id, isActive, prefix })=>({
+        'data-cy': `${prefix}-${id}`,
+        'data-pendo': `${prefix}-${id}`,
+        'className': classNames(Styles.navigationItem, className, {
+            [Styles.navigationItemActive]: isActive === true,
+            [Styles.navigationItemIconSwitch]: !!icon && !!iconActive && !iconComponent
+        })
+    });
+/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ to, className, dataPrefix, isActive, navigationComponent: NavigationComponent, submenuExpanded, onExpandToggle, ...props })=>{
+    return /*#__PURE__*/ _jsx(NavigationComponent, {
+        ...internalNavigationContentContainerProps({
             ...props,
             prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
             className,
-            isActive,
-        }), to: to, isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.navigationItemActive, children: _jsx(InternalSideNavigationItemContent, { submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, ...props }) }));
+            isActive
+        }),
+        to: to,
+        isActive: typeof isActive === 'function' ? isActive : undefined,
+        activeClassName: Styles.navigationItemActive,
+        children: /*#__PURE__*/ _jsx(InternalSideNavigationItemContent, {
+            submenuExpanded: submenuExpanded,
+            onExpandToggle: onExpandToggle,
+            ...props
+        })
+    });
 };
+
 //# sourceMappingURL=side-navigation-links-internal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"side-navigation-links-internal.js","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links-internal.tsx"],"names":[],"mappings":"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"}
+{"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.js

@@ -4,24 +4,45 @@ 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 (_jsx(WrapperComponent, { context: useContext(SideNavigationContext), children: children }));
+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 }) {
+/** Side Navigation menu link */ export function SideNavigationLink({ wrapper, ...props }) {
     const NavigationComponent = useContext(NavigationComponentContext);
-    const element = (_jsx(InternalSideNavigationLink, { ...props, navigationComponent: NavigationComponent, submenuExpanded: undefined, dataPrefix: "navigation-link", tag: getCounterTag(props.counter, props.tag) }));
-    return wrapper ? _jsx(WrappedLink, { wrapper: wrapper, children: element }) : element;
+    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 = (_jsx("div", { ...internalNavigationContentContainerProps({
+/** 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: _jsx(InternalSideNavigationItemContent, { submenuExpanded: undefined, ...props, tag: getCounterTag(props.counter, props.tag) }) }));
-    return wrapper ? _jsx(WrappedLink, { wrapper: wrapper, children: element }) : element;
+            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 +1 @@
-{"version":3,"file":"side-navigation-links.js","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACH,iCAAiC,EACjC,0BAA0B,EAC1B,uCAAuC,GAC1C,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,GAGZ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC7C,OAAO,CACH,KAAC,gBAAgB,IAAC,OAAO,EAAE,UAAU,CAAC,qBAAqB,CAAC,YAAG,QAAQ,GAAoB,CAC9F,CAAC;AACN,CAAC,CAAC;AACF,gCAAgC;AAChC,MAAM,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B;IAC7E,MAAM,mBAAmB,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAEnE,MAAM,OAAO,GAAG,CACZ,KAAC,0BAA0B,OACnB,KAAK,EACT,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,SAAS,EAC1B,UAAU,EAAC,iBAAiB,EAC5B,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,GAC9C,CACL,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAe,CAAC,CAAC,CAAC,OAAO,CAAC;AACtF,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAA8B;IACnF,MAAM,OAAO,GAAG,CACZ,iBACQ,uCAAuC,CAAC;YACxC,GAAG,KAAK;YACR,MAAM,EAAE,oBAAoB;YAC5B,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC;YACxD,QAAQ,EAAE,KAAK,CAAC,QAAQ;SAC3B,CAAC,YAEF,KAAC,iCAAiC,IAC9B,eAAe,EAAE,SAAS,KACtB,KAAK,EACT,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,GAC9C,GACA,CACT,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAe,CAAC,CAAC,CAAC,OAAO,CAAC;AACtF,CAAC"}
+{"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"}