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

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

@@ -1,260 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@import (reference) '@servicetitan/tokens/core/tokens.less';
-
-.header {
-    height: 56px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    background-color: @color-neutral-300;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
-
-    .right > * {
-        color: @color-white;
-    }
-
-    .right {
-        .navigation-icon {
-            height: 24px;
-            width: 24px;
-            font-size: 24px;
-        }
-    }
-
-    .center {
-        min-width: 0;
-        overflow-x: hidden;
-        overflow-y: hidden;
-
-        .navigation-icon {
-            height: 20px;
-            width: 20px;
-            font-size: @typescale-4;
-        }
-    }
-
-    &.calculating {
-        .center {
-            opacity: 0;
-        }
-    }
-
-    :global(.profile-dropdown-image) {
-        height: 32px;
-        width: 32px;
-    }
-
-    :global(.profile-dropdown-trigger) {
-        height: 40px;
-        font-size: 24px;
-    }
-
-    .navigation-item-counter {
-        font-size: @typescale-0 !important;
-    }
-
-    .navigation-item-main .navigation-item-counter {
-        top: 8px;
-        right: -4px;
-
-        &.navigation-item-counter-long {
-            right: -8px;
-        }
-    }
-
-    .navigation-link {
-        padding: @spacing-2 @spacing-1;
-        font-size: 24px;
-
-        .navigation-item-counter {
-            top: 8px;
-            right: -4px;
-        }
-    }
-
-    .navigation-item-main {
-        // styles specific to main nav links
-        padding: 18px 10px;
-    }
-
-    .navigation-item {
-        &.navigation-item-active:not(.navigation-item-overflow) {
-            color: @color-blue-200 !important;
-        }
-        &:hover:not(.navigation-item-active):not(.navigation-item-overflow) {
-            opacity: 0.7;
-        }
-    }
-}
-
-.overflow-popover {
-    padding: @spacing-1 @spacing-0 !important;
-
-    .navigation-overflow {
-        display: flex;
-        flex-direction: column;
-    }
-}
-
-.header-stacked {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: 44px 36px;
-
-    background-color: @color-neutral-500;
-
-    & > * {
-        overflow-y: hidden;
-    }
-
-    .he-top-left {
-        grid-column: span 1;
-    }
-
-    .he-top-center {
-        grid-column: span 1;
-    }
-
-    .he-top-right {
-        grid-column: span 1;
-
-        .navigation-icon {
-            height: 20px;
-            width: 20px;
-            font-size: @typescale-4;
-        }
-
-        & > * {
-            color: @color-white;
-        }
-    }
-
-    .he-bottom {
-        grid-column: span 3;
-        border-top: 1px solid @color-neutral-200;
-
-        .navigation-icon {
-            height: 20px;
-            width: 20px;
-            font-size: @typescale-4;
-        }
-    }
-
-    &.calculating {
-        .he-bottom {
-            opacity: 0;
-        }
-    }
-
-    :global(.profile-dropdown-image) {
-        height: 24px;
-        width: 24px;
-    }
-
-    :global(.profile-dropdown-trigger) {
-        height: 30px;
-        font-size: @typescale-4;
-    }
-
-    .navigation-item-counter {
-        font-size: 8px !important;
-    }
-
-    .navigation-item-main .navigation-item-counter {
-        top: 4px;
-        right: -4px;
-
-        &.navigation-item-counter-long {
-            right: -8px;
-        }
-    }
-
-    .navigation-link {
-        padding: 12px @spacing-1;
-        font-size: @typescale-4;
-
-        .navigation-item-counter {
-            top: 8px;
-            right: 0;
-        }
-    }
-
-    .navigation-item-main {
-        // styles specific to main nav links
-        padding: 7px 10px;
-    }
-
-    .navigation-item {
-        &.navigation-item-active:not(.navigation-item-overflow) {
-            color: @color-blue-200 !important;
-        }
-        &:hover:not(.navigation-item-active):not(.navigation-item-overflow) {
-            opacity: 0.7;
-        }
-    }
-}
-
-.navigation-icon {
-    display: inline-block;
-    color: inherit;
-
-    & > svg {
-        height: 1em;
-        width: 1em;
-        font-size: 1em;
-    }
-}
-
-.navigation-item {
-    // styles specific to main nav links and extra nav links
-    font-family: @base-font-family;
-    color: @color-white;
-    position: relative;
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    text-wrap: nowrap;
-
-    .navigation-item-counter {
-        color: @color-white;
-        font-weight: @font-weight-semibold;
-        min-width: 12px !important;
-        min-height: 12px !important;
-    }
-
-    &:not(.navigation-item-overflow) .navigation-item-counter {
-        position: absolute;
-    }
-
-    .navigation-item-title {
-        font-family: @base-font-family;
-        font-size: @typescale-2;
-        margin-left: @spacing-half;
-    }
-}
-
-.navigation-item-overflow {
-    // styles specific to overflow links
-    display: inline-flex;
-    color: @color-black;
-    padding: @spacing-1 12px;
-
-    &.navigation-item-active:not(:hover) {
-        color: @color-blue-500;
-    }
-
-    &:hover {
-        background-color: @color-blue-500;
-        color: @color-white;
-    }
-
-    .navigation-item-counter {
-        margin-left: @spacing-half;
-        margin-top: -@spacing-1;
-    }
-}
-
-.navigation-link {
-    color: inherit;
-}

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/header-navigation/header-navigation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;;;;;;;AASrC,wBAKE;AAGF,eAAO,MAAM,iBAAiB,+CAY7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAoBnC,CAAC;AAkCF,eAAO,MAAM,mBAAmB,+CA8E/B,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

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

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

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

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

@@ -1,4 +0,0 @@
-import { TooltipPropsStrict } from '@servicetitan/design-system';
-import { ReactNode } from 'react';
-export declare const withTooltip: (element: ReactNode, tooltip: string | undefined, direction?: TooltipPropsStrict["direction"]) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
-//# sourceMappingURL=with-tooltip.d.ts.map

package/dist/components/header-navigation/with-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"with-tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/header-navigation/with-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,WAAW,GACpB,SAAS,SAAS,EAClB,SAAS,MAAM,GAAG,SAAS,EAC3B,YAAW,kBAAkB,CAAC,WAAW,CAAO,4UAQ/C,CAAC"}

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from '@servicetitan/design-system';
-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 +0,0 @@
-{"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/layout.stories.d.ts

@@ -1,13 +0,0 @@
-declare const _default: {
-    title: string;
-    parameters: {};
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default _default;
-export declare const LeftNavLayout: () => import("react/jsx-runtime").JSX.Element;
-export declare const LeftNavLayoutCommercial: () => import("react/jsx-runtime").JSX.Element;
-export declare const LeftNavLayoutOnlyLinks: () => import("react/jsx-runtime").JSX.Element;
-export declare const LeftNavLayoutSubmenu: () => import("react/jsx-runtime").JSX.Element;
-export declare const LeftNavLayoutSubmenuBar: () => import("react/jsx-runtime").JSX.Element;
-export declare const LeftNavLayoutSubmenuBarWithTop: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=layout.stories.d.ts.map

package/dist/components/layout.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.stories.d.ts","sourceRoot":"","sources":["../../src/components/layout.stories.tsx"],"names":[],"mappings":";;;;;AAcA,wBAIE;AAEF,eAAO,MAAM,aAAa,+CAUzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAUnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAUlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAchC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAcnC,CAAC;AAEF,eAAO,MAAM,8BAA8B,+CAc1C,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-extra-tiny.stories.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-extra-tiny.stories.tsx"],"names":[],"mappings":";;;;;;AAQA,wBAKE;AAEF,OAAO,EACH,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,cAAc,GACjB,MAAM,sDAAsD,CAAC"}

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

@@ -1,18 +0,0 @@
-import { IconProps } from '@servicetitan/anvil2';
-import { FC } from 'react';
-import { HeaderNavigationLinkProps, HeaderNavigationTriggerProps } from '../../utils/navigation-legacy';
-import { CounterTagProps } from '../counter-tag';
-/** Content for navigation items */
-export declare const HeaderNavigationItemContent: FC<{
-    tag?: CounterTagProps;
-    counterClassName?: string;
-    icon: IconProps['svg'] | undefined;
-    iconActive: IconProps['svg'] | undefined;
-    label?: string;
-    labelClassName?: string;
-}>;
-/** Navigation extra item with link */
-export declare const HeaderNavigationLink: FC<HeaderNavigationLinkProps>;
-/** Navigation extra item with icon button */
-export declare const HeaderNavigationTrigger: FC<HeaderNavigationTriggerProps>;
-//# sourceMappingURL=header-navigation-tiny-links.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-tiny-links.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAEjD,OAAO,EACH,yBAAyB,EACzB,4BAA4B,EAC/B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAK7D,mCAAmC;AACnC,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IACzC,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CA0BA,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+C9D,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA2CpE,CAAC"}

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

@@ -1,79 +0,0 @@
-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';
-import { NavigationComponentContext } from '../../utils/navigation-context';
-import { getCounterTag } from '../../utils/side-nav';
-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 /*#__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 })=>{
-    const NavigationComponent = useContext(NavigationComponentContext);
-    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
-    }, /*#__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(/*#__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: /*#__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 +0,0 @@
-{"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":"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"}

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

@@ -1,23 +0,0 @@
-import { FC, ReactElement, ReactNode } from 'react';
-export interface HeaderNavigationTinyProps {
-    /** container class name */
-    className?: string;
-    /** extra navigation */
-    right?: ReactNode;
-    /** extra navigation container class name */
-    rightClassName?: string;
-    /** container id */
-    id?: string;
-    /** left content (usually used for logo) */
-    left?: ReactElement;
-    /** left container class name */
-    leftClassName?: string;
-    /** center content */
-    center?: ReactElement;
-    /** center container class name */
-    centerClassName?: string;
-    /** minimal width for navigation bar */
-    minWidth?: number;
-}
-export declare const HeaderNavigationTiny: FC<HeaderNavigationTinyProps>;
-//# sourceMappingURL=header-navigation-tiny.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-tiny.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,WAAW,yBAAyB;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAuC9D,CAAC"}

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

@@ -1,32 +0,0 @@
-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 /*#__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 +0,0 @@
-{"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"}