@servicetitan/navigation 12.0.2 → 13.0.0-canary.256.299dd08.0

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

@@ -1,117 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@import (reference) '@servicetitan/tokens/core/tokens.less';
-
-@size-links-tiny: 24px;
-
-.header-tiny {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: 48px;
-
-    background-color: @color-white;
-    color: @color-black;
-
-    & > * {
-        overflow-y: hidden;
-    }
-
-    .he-top-left {
-        grid-column: span 1;
-    }
-
-    .he-top-center {
-        grid-column: span 1;
-    }
-
-    .he-top-right {
-        grid-column: span 1;
-
-        & > * {
-            color: @color-black;
-        }
-    }
-
-    :global(.profile-dropdown-image) {
-        height: 24px;
-        width: 24px;
-    }
-
-    :global(.profile-dropdown-trigger) {
-        height: 32px;
-        font-size: @size-links-tiny;
-    }
-
-    .navigation-link {
-        margin: 6px 2px;
-        padding: 6px 6px;
-        border-radius: 12px;
-        font-size: @size-links-tiny;
-        color: inherit;
-
-        &.navigation-item-active:not(.navigation-item-overflow) {
-            background-color: @color-blue-100 !important;
-            color: @color-blue-500 !important;
-        }
-        &:hover:not(.navigation-item-active):not(.navigation-item-overflow) {
-            background-color: rgba(0, 0, 0, 0.12) !important;
-        }
-
-        &.navigation-item-icon-state.navigation-item-active {
-            .navigation-icon:not(.navigation-icon-active) {
-                display: none;
-            }
-
-            .navigation-icon.navigation-icon-active[data-anv][data-anv] {
-                display: block;
-            }
-        }
-    }
-
-    .navigation-icon[data-anv][data-anv] {
-        display: inline-block;
-        color: inherit;
-        height: 24px;
-        width: 24px;
-
-        > svg {
-            height: @size-links-tiny;
-            width: @size-links-tiny;
-        }
-
-        &.navigation-icon-active {
-            display: none;
-        }
-    }
-}
-
-.navigation-link {
-    // styles specific to extra nav links
-    color: @color-black;
-    position: relative;
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    text-wrap: nowrap;
-
-    .navigation-item-counter {
-        color: @color-white;
-        font-weight: @font-weight-semibold;
-        font-size: 8px !important;
-        min-width: 12px;
-        position: absolute;
-        top: 4px;
-        right: -2px;
-    }
-
-    .navigation-item-label {
-        color: inherit;
-        font-size: @typescale-1;
-        font-family: @base-font-family;
-        font-weight: @font-weight-semibold;
-        margin-left: @spacing-half;
-    }
-
-    &.navigation-item-counter-long {
-        right: -8px;
-    }
-}

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

@@ -1,15 +0,0 @@
-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/header-navigation-tiny.stories.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-declare const _default: {
-    title: string;
-    component: FC<import("./header-navigation-tiny").HeaderNavigationTinyProps>;
-    parameters: {};
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default _default;
-export declare const DefaultTinyNavigation: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithAllMonolithData: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithAllMonolithDataCommercial: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=header-navigation-tiny.stories.d.ts.map

package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-tiny.stories.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;;;;;;;AASrC,wBAaE;AAEF,eAAO,MAAM,qBAAqB,+CAMjC,CAAC;AAQF,eAAO,MAAM,mBAAmB,+CA+D/B,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAmEzC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-export * from './header-navigation-tiny';
-export * from './side-navigation';
-export * from './side-navigation-links';
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { NavLinkComponentProps } from '../../utils/navigation-context';
-import { SideNavigationExpandedState } from './interface';
-export interface NavigationComponentProps {
-    navigationComponent: FC<NavLinkComponentProps>;
-}
-export interface SideNavigationExpandedProps {
-    expanded?: SideNavigationExpandedState;
-}
-//# sourceMappingURL=interface-internal.d.ts.map

package/dist/components/left-navigation/interface-internal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface-internal.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/interface-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,2BAA2B;IACxC,QAAQ,CAAC,EAAE,2BAA2B,CAAC;CAC1C"}

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

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

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactElement } from 'react';
-import { NavigationItemData } from '../../utils/navigation';
-import { SideNavigationContextType } from './side-navigation-context';
-export interface SideNavigationExpandedState {
-    bar: boolean;
-    expandedSubmenu?: string;
-    collapsedBar?: boolean;
-}
-export interface SideNavigationLinkWrapperProps {
-    children: ReactElement<SideNavigationLinkProps> | ReactElement<SideNavigationTriggerProps>;
-    context: SideNavigationContextType;
-}
-export interface SideNavigationLinkProps extends Omit<NavigationItemData, 'submenu'> {
-    wrapper?: FC<SideNavigationLinkWrapperProps>;
-}
-export interface SideNavigationTriggerProps extends Omit<SideNavigationLinkProps, 'to' | 'isActive'> {
-    isActive?: boolean;
-    wrapper?: FC<SideNavigationLinkWrapperProps>;
-}
-//# sourceMappingURL=interface.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,WAAW,2BAA2B;IAExC,GAAG,EAAE,OAAO,CAAC;IAEb,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAAC;IAC3F,OAAO,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IAChF,OAAO,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;CAChD;AACD,MAAM,WAAW,0BACb,SAAQ,IAAI,CAAC,uBAAuB,EAAE,IAAI,GAAG,UAAU,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;CAChD"}

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-export interface SideNavigationContextType {
-    styles: {
-        popoverContent: CSSProperties;
-    };
-}
-export declare const SideNavigationContext: import("react").Context<SideNavigationContextType>;
-//# sourceMappingURL=side-navigation-context.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-context.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACtC,MAAM,EAAE;QACJ,cAAc,EAAE,aAAa,CAAC;KACjC,CAAC;CACL;AAED,eAAO,MAAM,qBAAqB,oDAIhC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,28 +0,0 @@
-import { FC, MouseEvent } from 'react';
-import { NavigationItemData } from '../../utils/navigation';
-import { BadgeTagProps } from '../badge-tag';
-import { SideNavigationTriggerProps } from './interface';
-import { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';
-export interface InternalSideNavigationItemContentProps extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {
-    submenuExpanded: boolean | undefined;
-    tag: BadgeTagProps | undefined;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
-}
-export declare const InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps>;
-export interface InternalSideNavigationLinkProps extends Omit<NavigationItemData, 'iconName' | 'counter' | 'tag'>, NavigationComponentProps, SideNavigationExpandedProps {
-    submenuExpanded: boolean | undefined;
-    dataPrefix?: string;
-    tag: BadgeTagProps | undefined;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
-}
-export declare const internalNavigationContentContainerProps: ({ className, icon, iconActive, iconComponent, id, isActive, prefix, }: Omit<SideNavigationTriggerProps, "isActive" | "tag"> & {
-    prefix: string;
-    isActive?: any;
-}) => {
-    'data-cy': string;
-    'data-pendo': string;
-    className: string;
-};
-/** Side Navigation menu item (for internal usage) */
-export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
-//# sourceMappingURL=side-navigation-links-internal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAG7F,MAAM,WAAW,sCACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACvE,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,sCAAsC,CAwExF,CAAC;AAEF,MAAM,WAAW,+BACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC,EAC5D,wBAAwB,EACxB,2BAA2B;IAC/B,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uCAAuC,GAAI,uEAQrD,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;;;CAO1F,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CA6B1E,CAAC"}

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

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@servicetitan/anvil2';
-import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
-import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
-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 })=>/*#__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: /*#__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 +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"}