@servicetitan/navigation 13.0.0-canary.256.b43c6d7.0 → 13.0.0-canary.256.b93dc10.0

package/dist/components/counter-tag.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { CounterTagData } from '../utils/counter-tag';
 export interface CounterTagProps extends CounterTagData {
     [key: string]: any;
-    className: string;
+    className?: string;
 }
 export declare const CounterTag: FC<{
     className?: string;

package/dist/components/counter-tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"counter-tag.d.ts","sourceRoot":"","sources":["../../src/components/counter-tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACnD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;CACrC,CAkBA,CAAC"}
+{"version":3,"file":"counter-tag.d.ts","sourceRoot":"","sources":["../../src/components/counter-tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACnD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;CACrC,CAkBA,CAAC"}

package/dist/components/counter-tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/counter-tag.tsx"],"sourcesContent":["import { Tag } from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport { FC } from 'react';\nimport { CounterTagData } from '../utils/counter-tag';\n\nexport interface CounterTagProps extends CounterTagData {\n    [key: string]: any;\n    className: string;\n}\n\nexport const CounterTag: FC<{\n    className?: string;\n    longClassName?: string;\n    data: CounterTagProps | undefined;\n}> = ({ className, data, longClassName }) => {\n    const { value, className: dataClassName, ...rest } = data ?? {};\n\n    return value ? (\n        <Tag\n            color=\"critical\"\n            {...rest}\n            className={classNames(\n                className,\n                dataClassName,\n                typeof value === 'number' && value > 10 && longClassName\n            )}\n            compact\n            badge\n        >\n            {value}\n        </Tag>\n    ) : null;\n};\n"],"names":["Tag","classNames","CounterTag","className","data","longClassName","value","dataClassName","rest","color","compact","badge"],"mappings":";AAAA,SAASA,GAAG,QAAQ,8BAA8B;AAClD,OAAOC,gBAAgB,aAAa;AASpC,OAAO,MAAMC,aAIR,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAEC,aAAa,EAAE;IACpC,MAAM,EAAEC,KAAK,EAAEH,WAAWI,aAAa,EAAE,GAAGC,MAAM,GAAGJ,iBAAAA,kBAAAA,OAAQ,CAAC;IAE9D,OAAOE,sBACH,KAACN;QACGS,OAAM;QACL,GAAGD,IAAI;QACRL,WAAWF,WACPE,WACAI,eACA,OAAOD,UAAU,YAAYA,QAAQ,MAAMD;QAE/CK,OAAO;QACPC,KAAK;kBAEJL;SAEL;AACR,EAAE"}
+{"version":3,"sources":["../../src/components/counter-tag.tsx"],"sourcesContent":["import { Tag } from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport { FC } from 'react';\nimport { CounterTagData } from '../utils/counter-tag';\n\nexport interface CounterTagProps extends CounterTagData {\n    [key: string]: any;\n    className?: string;\n}\n\nexport const CounterTag: FC<{\n    className?: string;\n    longClassName?: string;\n    data: CounterTagProps | undefined;\n}> = ({ className, data, longClassName }) => {\n    const { value, className: dataClassName, ...rest } = data ?? {};\n\n    return value ? (\n        <Tag\n            color=\"critical\"\n            {...rest}\n            className={classNames(\n                className,\n                dataClassName,\n                typeof value === 'number' && value > 10 && longClassName\n            )}\n            compact\n            badge\n        >\n            {value}\n        </Tag>\n    ) : null;\n};\n"],"names":["Tag","classNames","CounterTag","className","data","longClassName","value","dataClassName","rest","color","compact","badge"],"mappings":";AAAA,SAASA,GAAG,QAAQ,8BAA8B;AAClD,OAAOC,gBAAgB,aAAa;AASpC,OAAO,MAAMC,aAIR,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAEC,aAAa,EAAE;IACpC,MAAM,EAAEC,KAAK,EAAEH,WAAWI,aAAa,EAAE,GAAGC,MAAM,GAAGJ,iBAAAA,kBAAAA,OAAQ,CAAC;IAE9D,OAAOE,sBACH,KAACN;QACGS,OAAM;QACL,GAAGD,IAAI;QACRL,WAAWF,WACPE,WACAI,eACA,OAAOD,UAAU,YAAYA,QAAQ,MAAMD;QAE/CK,OAAO;QACPC,KAAK;kBAEJL;SAEL;AACR,EAAE"}

package/dist/components/profile-dropdown/interface.d.ts

@@ -0,0 +1,55 @@
+import { PopoverPropsStrict } from '@servicetitan/design-system';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { CounterTagData, CounterTagValue } from '../../utils/counter-tag';
+export type ProfileDropdownTriggerProps = {
+    info?: {
+        title: string;
+        text: string;
+    };
+    imageSrc?: string | null;
+    avatarBadge?: boolean | string;
+    badge?: {
+        content?: number | string;
+        className: string;
+    };
+} & Omit<ComponentPropsWithoutRef<'div'>, 'onClick'>;
+export type ProfileDropdownProps = {
+    direction?: PopoverPropsStrict['direction'];
+    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;
+    hintPopup?: {
+        className?: string;
+        content: FC<{
+            openProfile(): void;
+        }>;
+        width?: PopoverPropsStrict['width'];
+        onClose?: () => void;
+    };
+    portal?: boolean;
+    width?: PopoverPropsStrict['width'];
+    onClose?(): void;
+    onOpen?(): void;
+} & ComponentPropsWithoutRef<'div'>;
+export type ProfileItemContent = {
+    children: string;
+    text?: string;
+} | {
+    children: ReactNode;
+    text: string;
+};
+export type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
+    children: ReactNode;
+    id: string;
+    tooltip?: string;
+    tag?: CounterTagData;
+    counter?: CounterTagValue;
+} & ProfileItemContent;
+export type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> & {
+    id: string;
+    children: ReactNode;
+    external?: boolean;
+    tooltip?: string;
+    to: string;
+    tag?: CounterTagData;
+    counter?: CounterTagValue;
+} & ProfileItemContent;
+//# sourceMappingURL=interface.d.ts.map

package/dist/components/profile-dropdown/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1E,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5D,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC;IAC9E,SAAS,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,EAAE,CAAC;YAAE,WAAW,IAAI,IAAI,CAAA;SAAE,CAAC,CAAC;QACrC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACxB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GACxB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5C,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,kBAAkB,CAAC;AAEvB,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC7B,GAAG,kBAAkB,CAAC"}

package/dist/components/profile-dropdown/interface.js

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

package/dist/components/profile-dropdown/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/profile-dropdown/interface.ts"],"sourcesContent":["import { PopoverPropsStrict } from '@servicetitan/design-system';\nimport { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\n\nexport type ProfileDropdownTriggerProps = {\n    info?: { title: string; text: string };\n    imageSrc?: string | null;\n    avatarBadge?: boolean | string;\n    badge?: { content?: number | string; className: string };\n} & Omit<ComponentPropsWithoutRef<'div'>, 'onClick'>;\n\nexport type ProfileDropdownProps = {\n    direction?: PopoverPropsStrict['direction'];\n    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;\n    hintPopup?: {\n        className?: string;\n        content: FC<{ openProfile(): void }>;\n        width?: PopoverPropsStrict['width'];\n        onClose?: () => void;\n    };\n    portal?: boolean;\n    width?: PopoverPropsStrict['width'];\n    onClose?(): void;\n    onOpen?(): void;\n} & ComponentPropsWithoutRef<'div'>;\n\nexport type ProfileItemContent =\n    | { children: string; text?: string }\n    | { children: ReactNode; text: string };\n\nexport type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {\n    children: ReactNode;\n    id: string;\n    tooltip?: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n} & ProfileItemContent;\n\nexport type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> & {\n    id: string;\n    children: ReactNode;\n    external?: boolean;\n    tooltip?: string;\n    to: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n} & ProfileItemContent;\n"],"names":[],"mappings":"AAsCA,WAQuB"}

package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts

@@ -1,6 +1,10 @@
 declare const _default: {
     title: string;
-    component: import("./profile-dropdown").ProfileDropdownType;
+    component: (({ children, direction, trigger, hintPopup, portal, width, onClose, onOpen, ...rest }: import("./interface").ProfileDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
+        Divider: import("react").FC;
+        Link: ({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest }: import("./interface").ProfileDropdownLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Section: ({ children, className, counter, id, tag, text, tooltip, onClick, ...rest }: import("./interface").ProfileDropdownSectionProps) => import("react/jsx-runtime").JSX.Element;
+    };
     parameters: {};
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown-legacy.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-legacy.stories.tsx"],"names":[],"mappings":";;;;;;AAQA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"profile-dropdown-legacy.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-legacy.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAQA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}

package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts

@@ -1,6 +1,10 @@
 declare const _default: {
     title: string;
-    component: import("./profile-dropdown").ProfileDropdownType;
+    component: (({ children, direction, trigger, hintPopup, portal, width, onClose, onOpen, ...rest }: import("./interface").ProfileDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
+        Divider: import("react").FC;
+        Link: ({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest }: import("./interface").ProfileDropdownLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Section: ({ children, className, counter, id, tag, text, tooltip, onClick, ...rest }: import("./interface").ProfileDropdownSectionProps) => import("react/jsx-runtime").JSX.Element;
+    };
     parameters: {};
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown-stacked.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx"],"names":[],"mappings":";;;;;;AAcA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"profile-dropdown-stacked.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAcA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}

package/dist/components/profile-dropdown/profile-dropdown.d.ts

@@ -1,82 +1,12 @@
-import { PopoverPropsStrict } from '@servicetitan/design-system';
-import { ComponentPropsWithoutRef, FC, HTMLAttributeAnchorTarget, MouseEvent, ReactNode } from 'react';
-import { CounterTagData, CounterTagValue } from '../../utils/counter-tag';
-export interface ProfileDropdownTriggerProps {
-    className?: string;
-    info?: {
-        title: string;
-        text: string;
-    };
-    imageSrc?: string | null;
-    avatarBadge?: boolean | string;
-    badge?: {
-        content?: number | string;
-        className: string;
-    };
-    hintArrow?: boolean;
-    open: boolean;
-    onClick?(e: MouseEvent): void;
-}
-declare const ProfileDropdownTrigger: FC<ProfileDropdownTriggerProps>;
-export type ProfileItemContent = {
-    children: string;
-    text?: string;
-} | {
-    children: ReactNode;
-    text: string;
+import { FC } from 'react';
+import { ProfileDropdownLinkProps, ProfileDropdownProps, ProfileDropdownSectionProps } from './interface';
+declare function DesktopProfileDropdownSection({ children, className, counter, id, tag, text, tooltip, onClick, ...rest }: ProfileDropdownSectionProps): import("react/jsx-runtime").JSX.Element;
+declare function DesktopProfileDropdownLink({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest }: ProfileDropdownLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function DesktopProfileDropdownComponent({ children, direction, trigger, hintPopup, portal, width, onClose, onOpen, ...rest }: ProfileDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare const DesktopProfileDropdown: typeof DesktopProfileDropdownComponent & {
+    Divider: FC;
+    Link: typeof DesktopProfileDropdownLink;
+    Section: typeof DesktopProfileDropdownSection;
 };
-export interface ProfileDropdownSectionPropsStrict {
-    children: ReactNode;
-    id: string;
-    tooltip?: string;
-    className?: string;
-    tag?: CounterTagData;
-    counter?: CounterTagValue;
-    onClick?(e: MouseEvent): void;
-}
-export type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & ProfileDropdownSectionPropsStrict & ProfileItemContent;
-export declare const ProfileDropdownSection: FC<ProfileDropdownSectionProps>;
-export declare const ProfileDropdownDivider: FC;
-export interface ProfileDropdownLinkPropsStrict {
-    id: string;
-    children: ReactNode;
-    className?: string;
-    external?: boolean;
-    target?: HTMLAttributeAnchorTarget;
-    tooltip?: string;
-    to: string;
-    tag?: CounterTagData;
-    counter?: CounterTagValue;
-}
-export type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> & ProfileDropdownLinkPropsStrict & ProfileItemContent;
-export declare const ProfileDropdownLink: FC<ProfileDropdownLinkProps>;
-export interface ProfileDropdownPropsStrict {
-    children?: ReactNode;
-    className?: string;
-    direction?: PopoverPropsStrict['direction'];
-    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;
-    hintPopup?: {
-        className?: string;
-        content: FC<{
-            openProfile(): void;
-        }>;
-        width?: PopoverPropsStrict['width'];
-        onClose?: () => void;
-    };
-    portal?: boolean;
-    width?: PopoverPropsStrict['width'];
-    onClose?(): void;
-    onOpen?(): void;
-}
-export interface ProfileDropdownProps extends ProfileDropdownPropsStrict {
-    [key: string]: any;
-}
-export interface ProfileDropdownType extends FC<ProfileDropdownProps> {
-    Divider: typeof ProfileDropdownDivider;
-    Link: typeof ProfileDropdownLink;
-    Trigger: typeof ProfileDropdownTrigger;
-    Section: typeof ProfileDropdownSection;
-}
-export declare const ProfileDropdown: ProfileDropdownType;
 export {};
 //# sourceMappingURL=profile-dropdown.d.ts.map

package/dist/components/profile-dropdown/profile-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"profile-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEH,EAAE,EAOL,MAAM,OAAO,CAAC;AAOf,OAAO,EACH,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAE9B,MAAM,aAAa,CAAC;AAuHrB,iBAAS,6BAA6B,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EACF,GAAG,EACH,IAAI,EACJ,OAAO,EACP,OAAO,EACP,GAAG,IAAI,EACV,EAAE,2BAA2B,2CA8B7B;AAID,iBAAS,0BAA0B,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EACF,OAAO,EACP,GAAG,EACH,MAAM,EACN,IAAI,EACJ,EAAE,EACF,OAAO,EACP,OAAO,EACP,GAAG,IAAI,EACV,EAAE,wBAAwB,2CA8C1B;AAED,iBAAS,+BAA+B,CAAC,EACrC,QAAQ,EAER,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,EAEN,GAAG,IAAI,EACV,EAAE,oBAAoB,2CA2EtB;AAED,eAAO,MAAM,sBAAsB;;;;CAIjC,CAAC"}

package/dist/components/profile-dropdown/profile-dropdown.js

@@ -12,7 +12,7 @@ import { CounterTag } from '../counter-tag';
 import { useTitanLayoutContext } from '../titan-layout';
 import { withTooltip } from '../titan-layout/with-tooltip';
 import * as Styles from './profile-dropdown.module.less';
-const ProfileDropdownTrigger = ({ avatarBadge, badge, className, hintArrow, imageSrc, info, onClick, open })=>{
+const ProfileDropdownTrigger = ({ info, imageSrc, avatarBadge, badge, className, hintArrow, open, onClick, ...rest })=>{
     const [avatarSource, setAvatarSource] = useState(imageSrc !== null && imageSrc !== void 0 ? imageSrc : '');
     const [avatarSourceError, setAvatarSourceError] = useState(false);
     useEffect(()=>{
@@ -30,12 +30,13 @@ const ProfileDropdownTrigger = ({ avatarBadge, badge, className, hintArrow, imag
         setAvatarSourceError(true);
     }, []);
     return /*#__PURE__*/ _jsxs("div", {
+        "data-cy": "profile-dropdown-trigger",
+        "data-pendo": "profile-dropdown-trigger",
+        ...rest,
         className: classNames('d-f align-items-center cursor-pointer position-relative p-x-1 p-y-half', 'profile-dropdown-trigger', Styles.triggerContainer, {
             [Styles.triggerContainerHintArrow]: hintArrow
         }, className),
         onClick: onClick,
-        "data-cy": "profile-dropdown-trigger",
-        "data-pendo": "profile-dropdown-trigger",
         children: [
             avatarSource && !avatarSourceError ? /*#__PURE__*/ _jsx("img", {
                 src: avatarSource,
@@ -93,7 +94,7 @@ const useTag = (counter, tag)=>useMemo(()=>{
         counter,
         tag
     ]);
-export const ProfileDropdownSection = ({ children, className, counter, id, tag, text, tooltip, onClick, ...rest })=>{
+function DesktopProfileDropdownSection({ children, className, counter, id, tag, text, tooltip, onClick, ...rest }) {
     const clickHandler = (e)=>{
         if (onClick) {
             onClick(e);
@@ -115,9 +116,9 @@ export const ProfileDropdownSection = ({ children, className, counter, id, tag,
     }), tooltip, {
         placement: 'left'
     });
-};
-export const ProfileDropdownDivider = Popover.Divider;
-export const ProfileDropdownLink = ({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest })=>{
+}
+const DesktopProfileDropdownDivider = Popover.Divider;
+function DesktopProfileDropdownLink({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest }) {
     const { NavigationComponent } = useTitanLayoutContext();
     const isExternalLink = external !== null && external !== void 0 ? external : to === null || to === void 0 ? void 0 : to.startsWith('http');
     const tagElement = useTag(counter, tag);
@@ -148,8 +149,8 @@ export const ProfileDropdownLink = ({ children, className, external, id, counter
     }), tooltip, {
         placement: 'left'
     });
-};
-export const ProfileDropdown = ({ children, className, direction, hintPopup, onClose, onOpen, portal, trigger, width })=>{
+}
+function DesktopProfileDropdownComponent({ children, direction, trigger, hintPopup, portal, width, onClose, onOpen, ...rest }) {
     const [open, setOpen] = useState(false);
     const handleClose = useCallback(()=>{
         setOpen(false);
@@ -186,8 +187,8 @@ export const ProfileDropdown = ({ children, className, direction, hintPopup, onC
     });
     var _hintPopup_width;
     return /*#__PURE__*/ _jsx("div", {
-        className: className,
         "data-cy": "profile-dropdown",
+        ...rest,
         children: !!hintPopup && hintShown && HintComponent ? /*#__PURE__*/ _jsx(Popover, {
             direction: direction !== null && direction !== void 0 ? direction : 'bl',
             width: (_hintPopup_width = hintPopup.width) !== null && _hintPopup_width !== void 0 ? _hintPopup_width : 'xs',
@@ -218,9 +219,11 @@ export const ProfileDropdown = ({ children, className, direction, hintPopup, onC
             })
         })
     });
-};
-ProfileDropdown.Divider = ProfileDropdownDivider;
-ProfileDropdown.Link = ProfileDropdownLink;
-ProfileDropdown.Section = ProfileDropdownSection;
+}
+export const DesktopProfileDropdown = Object.assign(DesktopProfileDropdownComponent, {
+    Divider: DesktopProfileDropdownDivider,
+    Link: DesktopProfileDropdownLink,
+    Section: DesktopProfileDropdownSection
+});
 
 //# sourceMappingURL=profile-dropdown.js.map

package/dist/components/profile-dropdown/profile-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgExpandLess from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgExpandMore from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';\nimport SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';\nimport { BodyText, Popover, PopoverPropsStrict } from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport {\n    ComponentPropsWithoutRef,\n    FC,\n    HTMLAttributeAnchorTarget,\n    MouseEvent,\n    MouseEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\n\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag } from '../counter-tag';\nimport { useTitanLayoutContext } from '../titan-layout';\nimport { withTooltip } from '../titan-layout/with-tooltip';\nimport * as Styles from './profile-dropdown.module.less';\n\nexport interface ProfileDropdownTriggerProps {\n    className?: string;\n    info?: { title: string; text: string };\n    imageSrc?: string | null;\n    avatarBadge?: boolean | string;\n    badge?: { content?: number | string; className: string };\n    hintArrow?: boolean;\n    open: boolean;\n    onClick?(e: MouseEvent): void;\n}\n\nconst ProfileDropdownTrigger: FC<ProfileDropdownTriggerProps> = ({\n    avatarBadge,\n    badge,\n    className,\n    hintArrow,\n    imageSrc,\n    info,\n    onClick,\n    open,\n}) => {\n    const [avatarSource, setAvatarSource] = useState(imageSrc ?? '');\n    const [avatarSourceError, setAvatarSourceError] = useState(false);\n\n    useEffect(() => {\n        const src = imageSrc ?? '';\n\n        if (src === avatarSource) {\n            return;\n        }\n\n        setAvatarSource(src);\n        setAvatarSourceError(false);\n    }, [imageSrc, avatarSource]);\n\n    const onAvatarError = useCallback(() => {\n        setAvatarSourceError(true);\n    }, []);\n\n    return (\n        <div\n            className={classNames(\n                'd-f align-items-center cursor-pointer position-relative p-x-1 p-y-half',\n                'profile-dropdown-trigger',\n                Styles.triggerContainer,\n                {\n                    [Styles.triggerContainerHintArrow]: hintArrow,\n                },\n                className\n            )}\n            onClick={onClick}\n            data-cy=\"profile-dropdown-trigger\"\n            data-pendo=\"profile-dropdown-trigger\"\n        >\n            {avatarSource && !avatarSourceError ? (\n                <img\n                    src={avatarSource}\n                    className={classNames(Styles.profileImage, 'profile-dropdown-image')}\n                    onError={onAvatarError}\n                    alt=\"user dropdown menu\"\n                />\n            ) : (\n                <Icon\n                    className=\"c-inherit-i\"\n                    size=\"large\"\n                    svg={open ? SvgAccountActive : SvgAccountInactive}\n                />\n            )}\n\n            {!!info && (\n                <div className={Styles.info}>\n                    <BodyText\n                        bold\n                        title={info.title}\n                        className=\"t-truncate c-inherit\"\n                        size=\"xsmall\"\n                    >\n                        {info.title}\n                    </BodyText>\n                    <BodyText\n                        title={info.text}\n                        className=\"t-truncate c-neutral-70 tt-uppercase\"\n                        size=\"xsmall\"\n                    >\n                        {info.text}\n                    </BodyText>\n                </div>\n            )}\n\n            <Icon\n                svg={open ? SvgExpandLess : SvgExpandMore}\n                className={classNames(Styles.expandIcon, 'c-inherit-i')}\n                size=\"small\"\n            />\n\n            {!!avatarBadge && (\n                <div\n                    className={classNames(\n                        Styles.avatarBadge,\n                        avatarBadge === true ? 'bg-blue-500' : `bg-${avatarBadge}`\n                    )}\n                />\n            )}\n            {!!badge && (\n                <span\n                    className={classNames(\n                        Styles.badge,\n                        badge.content ? Styles.badgeWithContent : Styles.badgeNoContent,\n                        badge.className\n                    )}\n                >\n                    {badge.content}\n                </span>\n            )}\n        </div>\n    );\n};\n\nconst useTag = (counter?: CounterTagValue, tag?: CounterTagData) =>\n    useMemo(() => {\n        const data = getCounterTag(counter, tag);\n\n        return data ? (\n            <div className={Styles.counterWrapper}>\n                <CounterTag className={Styles.counter} data={data} />\n            </div>\n        ) : undefined;\n    }, [counter, tag]);\n\nexport type ProfileItemContent =\n    | { children: string; text?: string }\n    | { children: ReactNode; text: string };\n\nexport interface ProfileDropdownSectionPropsStrict {\n    children: ReactNode;\n    id: string;\n    tooltip?: string;\n    className?: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    onClick?(e: MouseEvent): void;\n}\n\nexport type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> &\n    ProfileDropdownSectionPropsStrict &\n    ProfileItemContent;\n\nexport const ProfileDropdownSection: FC<ProfileDropdownSectionProps> = ({\n    children,\n    className,\n    counter,\n    id,\n    tag,\n    text,\n    tooltip,\n    onClick,\n    ...rest\n}) => {\n    const clickHandler: MouseEventHandler<never> = e => {\n        if (onClick) {\n            onClick(e);\n        } else {\n            e.stopPropagation();\n        }\n    };\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        <div\n            className={classNames(\n                Styles.dropdownSection,\n                tagElement && Styles.dropdownSectionWithCounter,\n                !!onClick && Styles.dropdownLink,\n                className\n            )}\n            onClick={clickHandler}\n            data-cy={`profile-dropdown-section-${id}`}\n            data-pendo={`profile-dropdown-section-${id}`}\n            {...rest}\n        >\n            {children}\n            {tagElement}\n        </div>,\n        tooltip,\n        { placement: 'left' }\n    );\n};\n\nexport const ProfileDropdownDivider: FC = Popover.Divider;\n\nexport interface ProfileDropdownLinkPropsStrict {\n    id: string;\n    children: ReactNode;\n    className?: string;\n    external?: boolean;\n    target?: HTMLAttributeAnchorTarget;\n    tooltip?: string;\n    to: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n}\n\nexport type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> &\n    ProfileDropdownLinkPropsStrict &\n    ProfileItemContent;\n\nexport const ProfileDropdownLink: FC<ProfileDropdownLinkProps> = ({\n    children,\n    className,\n    external,\n    id,\n    counter,\n    tag,\n    target,\n    text,\n    to,\n    tooltip,\n    onClick,\n    ...rest\n}: ProfileDropdownLinkProps) => {\n    const { NavigationComponent } = useTitanLayoutContext();\n\n    const isExternalLink = external ?? to?.startsWith('http');\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        isExternalLink ? (\n            <a\n                className={classNames(\n                    Styles.dropdownSection,\n                    tagElement && Styles.dropdownSectionWithCounter,\n                    Styles.dropdownLink,\n                    className\n                )}\n                href={to}\n                target={target}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </a>\n        ) : (\n            <NavigationComponent\n                className={classNames(\n                    Styles.dropdownSection,\n                    Styles.dropdownLink,\n                    { [Styles.dropdownSectionWithCounter]: !!tagElement },\n                    className\n                )}\n                target={target}\n                to={to}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </NavigationComponent>\n        ),\n        tooltip,\n        { placement: 'left' }\n    );\n};\n\nexport interface ProfileDropdownPropsStrict {\n    children?: ReactNode;\n    className?: string;\n    direction?: PopoverPropsStrict['direction'];\n    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;\n    hintPopup?: {\n        className?: string;\n        content: FC<{ openProfile(): void }>;\n        width?: PopoverPropsStrict['width'];\n        onClose?: () => void;\n    };\n    portal?: boolean;\n    width?: PopoverPropsStrict['width'];\n    onClose?(): void;\n    onOpen?(): void;\n}\n\nexport interface ProfileDropdownProps extends ProfileDropdownPropsStrict {\n    [key: string]: any;\n}\n\nexport interface ProfileDropdownType extends FC<ProfileDropdownProps> {\n    Divider: typeof ProfileDropdownDivider;\n    Link: typeof ProfileDropdownLink;\n    Trigger: typeof ProfileDropdownTrigger;\n    Section: typeof ProfileDropdownSection;\n}\n\nexport const ProfileDropdown: ProfileDropdownType = (({\n    children,\n    className,\n    direction,\n    hintPopup,\n    onClose,\n    onOpen,\n    portal,\n    trigger,\n    width,\n}) => {\n    const [open, setOpen] = useState(false);\n    const handleClose = useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [onClose]);\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n        onOpen?.();\n    }, [onOpen]);\n    const onTriggerClick = useCallback(\n        (e: MouseEvent) => {\n            e.stopPropagation();\n            setOpen(!open);\n\n            if (open) {\n                onClose?.();\n            } else {\n                onOpen?.();\n            }\n        },\n        [open, onOpen, onClose]\n    );\n    const hintShown = !!hintPopup && !open;\n    const HintComponent = hintPopup?.content;\n\n    const triggerElement = (\n        <ProfileDropdownTrigger\n            {...trigger}\n            onClick={children ? onTriggerClick : undefined}\n            hintArrow={hintShown}\n            open={open}\n        />\n    );\n\n    return (\n        <div className={className} data-cy=\"profile-dropdown\">\n            {!!hintPopup && hintShown && HintComponent ? (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={hintPopup.width ?? 'xs'}\n                    trigger={triggerElement}\n                    popoverContentClassName={Styles.hint}\n                    onClickOutside={hintPopup?.onClose}\n                    open\n                >\n                    <div className={classNames(Styles.hintContent, hintPopup.className)}>\n                        <HintComponent openProfile={handleOpen} />\n                    </div>\n                </Popover>\n            ) : (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={width ?? 'xs'}\n                    trigger={triggerElement}\n                    open={open}\n                    portal={portal}\n                    onClickOutside={handleClose}\n                    className={Styles.dropdown}\n                    popoverContentClassName={classNames(\n                        Styles.dropdownContent,\n                        Styles.dropdownContentBottomLeft\n                    )}\n                >\n                    <div\n                        className={Styles.dropdownContentWrapper}\n                        onClick={handleClose}\n                        data-cy=\"profile-dropdown-content\"\n                    >\n                        {children}\n                    </div>\n                </Popover>\n            )}\n        </div>\n    );\n}) as ProfileDropdownType;\n\nProfileDropdown.Divider = ProfileDropdownDivider;\nProfileDropdown.Link = ProfileDropdownLink;\nProfileDropdown.Section = ProfileDropdownSection;\n"],"names":["Icon","SvgExpandLess","SvgExpandMore","SvgAccountActive","SvgAccountInactive","BodyText","Popover","classNames","useCallback","useEffect","useMemo","useState","getCounterTag","CounterTag","useTitanLayoutContext","withTooltip","Styles","ProfileDropdownTrigger","avatarBadge","badge","className","hintArrow","imageSrc","info","onClick","open","avatarSource","setAvatarSource","avatarSourceError","setAvatarSourceError","src","onAvatarError","div","triggerContainer","triggerContainerHintArrow","data-cy","data-pendo","img","profileImage","onError","alt","size","svg","bold","title","text","expandIcon","span","content","badgeWithContent","badgeNoContent","useTag","counter","tag","data","counterWrapper","undefined","ProfileDropdownSection","children","id","tooltip","rest","clickHandler","e","stopPropagation","tagElement","dropdownSection","dropdownSectionWithCounter","dropdownLink","placement","ProfileDropdownDivider","Divider","ProfileDropdownLink","external","target","to","NavigationComponent","isExternalLink","startsWith","a","href","ProfileDropdown","direction","hintPopup","onClose","onOpen","portal","trigger","width","setOpen","handleClose","handleOpen","onTriggerClick","hintShown","HintComponent","triggerElement","popoverContentClassName","hint","onClickOutside","hintContent","openProfile","dropdown","dropdownContent","dropdownContentBottomLeft","dropdownContentWrapper","Link","Section"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgExpandLess from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgExpandMore from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';\nimport SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';\nimport { BodyText, Popover } from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport {\n    ComponentPropsWithoutRef,\n    FC,\n    MouseEvent,\n    MouseEventHandler,\n    useCallback,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\n\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag } from '../counter-tag';\nimport { useTitanLayoutContext } from '../titan-layout';\nimport { withTooltip } from '../titan-layout/with-tooltip';\nimport {\n    ProfileDropdownLinkProps,\n    ProfileDropdownProps,\n    ProfileDropdownSectionProps,\n    ProfileDropdownTriggerProps,\n} from './interface';\nimport * as Styles from './profile-dropdown.module.less';\n\nconst ProfileDropdownTrigger: FC<\n    ProfileDropdownTriggerProps & {\n        hintArrow?: boolean;\n        open: boolean;\n        onClick: ComponentPropsWithoutRef<'div'>['onClick'];\n    }\n> = ({ info, imageSrc, avatarBadge, badge, className, hintArrow, open, onClick, ...rest }) => {\n    const [avatarSource, setAvatarSource] = useState(imageSrc ?? '');\n    const [avatarSourceError, setAvatarSourceError] = useState(false);\n\n    useEffect(() => {\n        const src = imageSrc ?? '';\n\n        if (src === avatarSource) {\n            return;\n        }\n\n        setAvatarSource(src);\n        setAvatarSourceError(false);\n    }, [imageSrc, avatarSource]);\n\n    const onAvatarError = useCallback(() => {\n        setAvatarSourceError(true);\n    }, []);\n\n    return (\n        <div\n            data-cy=\"profile-dropdown-trigger\"\n            data-pendo=\"profile-dropdown-trigger\"\n            {...rest}\n            className={classNames(\n                'd-f align-items-center cursor-pointer position-relative p-x-1 p-y-half',\n                'profile-dropdown-trigger',\n                Styles.triggerContainer,\n                {\n                    [Styles.triggerContainerHintArrow]: hintArrow,\n                },\n                className\n            )}\n            onClick={onClick}\n        >\n            {avatarSource && !avatarSourceError ? (\n                <img\n                    src={avatarSource}\n                    className={classNames(Styles.profileImage, 'profile-dropdown-image')}\n                    onError={onAvatarError}\n                    alt=\"user dropdown menu\"\n                />\n            ) : (\n                <Icon\n                    className=\"c-inherit-i\"\n                    size=\"large\"\n                    svg={open ? SvgAccountActive : SvgAccountInactive}\n                />\n            )}\n\n            {!!info && (\n                <div className={Styles.info}>\n                    <BodyText\n                        bold\n                        title={info.title}\n                        className=\"t-truncate c-inherit\"\n                        size=\"xsmall\"\n                    >\n                        {info.title}\n                    </BodyText>\n                    <BodyText\n                        title={info.text}\n                        className=\"t-truncate c-neutral-70 tt-uppercase\"\n                        size=\"xsmall\"\n                    >\n                        {info.text}\n                    </BodyText>\n                </div>\n            )}\n\n            <Icon\n                svg={open ? SvgExpandLess : SvgExpandMore}\n                className={classNames(Styles.expandIcon, 'c-inherit-i')}\n                size=\"small\"\n            />\n\n            {!!avatarBadge && (\n                <div\n                    className={classNames(\n                        Styles.avatarBadge,\n                        avatarBadge === true ? 'bg-blue-500' : `bg-${avatarBadge}`\n                    )}\n                />\n            )}\n            {!!badge && (\n                <span\n                    className={classNames(\n                        Styles.badge,\n                        badge.content ? Styles.badgeWithContent : Styles.badgeNoContent,\n                        badge.className\n                    )}\n                >\n                    {badge.content}\n                </span>\n            )}\n        </div>\n    );\n};\n\nconst useTag = (counter?: CounterTagValue, tag?: CounterTagData) =>\n    useMemo(() => {\n        const data = getCounterTag(counter, tag);\n\n        return data ? (\n            <div className={Styles.counterWrapper}>\n                <CounterTag className={Styles.counter} data={data} />\n            </div>\n        ) : undefined;\n    }, [counter, tag]);\n\nfunction DesktopProfileDropdownSection({\n    children,\n    className,\n    counter,\n    id,\n    tag,\n    text,\n    tooltip,\n    onClick,\n    ...rest\n}: ProfileDropdownSectionProps) {\n    const clickHandler: MouseEventHandler<never> = e => {\n        if (onClick) {\n            onClick(e);\n        } else {\n            e.stopPropagation();\n        }\n    };\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        <div\n            className={classNames(\n                Styles.dropdownSection,\n                tagElement && Styles.dropdownSectionWithCounter,\n                !!onClick && Styles.dropdownLink,\n                className\n            )}\n            onClick={clickHandler}\n            data-cy={`profile-dropdown-section-${id}`}\n            data-pendo={`profile-dropdown-section-${id}`}\n            {...rest}\n        >\n            {children}\n            {tagElement}\n        </div>,\n        tooltip,\n        { placement: 'left' }\n    );\n}\n\nconst DesktopProfileDropdownDivider: FC = Popover.Divider;\n\nfunction DesktopProfileDropdownLink({\n    children,\n    className,\n    external,\n    id,\n    counter,\n    tag,\n    target,\n    text,\n    to,\n    tooltip,\n    onClick,\n    ...rest\n}: ProfileDropdownLinkProps) {\n    const { NavigationComponent } = useTitanLayoutContext();\n\n    const isExternalLink = external ?? to?.startsWith('http');\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        isExternalLink ? (\n            <a\n                className={classNames(\n                    Styles.dropdownSection,\n                    tagElement && Styles.dropdownSectionWithCounter,\n                    Styles.dropdownLink,\n                    className\n                )}\n                href={to}\n                target={target}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </a>\n        ) : (\n            <NavigationComponent\n                className={classNames(\n                    Styles.dropdownSection,\n                    Styles.dropdownLink,\n                    { [Styles.dropdownSectionWithCounter]: !!tagElement },\n                    className\n                )}\n                target={target}\n                to={to}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </NavigationComponent>\n        ),\n        tooltip,\n        { placement: 'left' }\n    );\n}\n\nfunction DesktopProfileDropdownComponent({\n    children,\n\n    direction,\n    trigger,\n    hintPopup,\n    portal,\n    width,\n    onClose,\n    onOpen,\n\n    ...rest\n}: ProfileDropdownProps) {\n    const [open, setOpen] = useState(false);\n    const handleClose = useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [onClose]);\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n        onOpen?.();\n    }, [onOpen]);\n    const onTriggerClick = useCallback(\n        (e: MouseEvent) => {\n            e.stopPropagation();\n            setOpen(!open);\n\n            if (open) {\n                onClose?.();\n            } else {\n                onOpen?.();\n            }\n        },\n        [open, onOpen, onClose]\n    );\n    const hintShown = !!hintPopup && !open;\n    const HintComponent = hintPopup?.content;\n\n    const triggerElement = (\n        <ProfileDropdownTrigger\n            {...trigger}\n            onClick={children ? onTriggerClick : undefined}\n            hintArrow={hintShown}\n            open={open}\n        />\n    );\n\n    return (\n        <div data-cy=\"profile-dropdown\" {...rest}>\n            {!!hintPopup && hintShown && HintComponent ? (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={hintPopup.width ?? 'xs'}\n                    trigger={triggerElement}\n                    popoverContentClassName={Styles.hint}\n                    onClickOutside={hintPopup?.onClose}\n                    open\n                >\n                    <div className={classNames(Styles.hintContent, hintPopup.className)}>\n                        <HintComponent openProfile={handleOpen} />\n                    </div>\n                </Popover>\n            ) : (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={width ?? 'xs'}\n                    trigger={triggerElement}\n                    open={open}\n                    portal={portal}\n                    onClickOutside={handleClose}\n                    className={Styles.dropdown}\n                    popoverContentClassName={classNames(\n                        Styles.dropdownContent,\n                        Styles.dropdownContentBottomLeft\n                    )}\n                >\n                    <div\n                        className={Styles.dropdownContentWrapper}\n                        onClick={handleClose}\n                        data-cy=\"profile-dropdown-content\"\n                    >\n                        {children}\n                    </div>\n                </Popover>\n            )}\n        </div>\n    );\n}\n\nexport const DesktopProfileDropdown = Object.assign(DesktopProfileDropdownComponent, {\n    Divider: DesktopProfileDropdownDivider,\n    Link: DesktopProfileDropdownLink,\n    Section: DesktopProfileDropdownSection,\n});\n"],"names":["Icon","SvgExpandLess","SvgExpandMore","SvgAccountActive","SvgAccountInactive","BodyText","Popover","classNames","useCallback","useEffect","useMemo","useState","getCounterTag","CounterTag","useTitanLayoutContext","withTooltip","Styles","ProfileDropdownTrigger","info","imageSrc","avatarBadge","badge","className","hintArrow","open","onClick","rest","avatarSource","setAvatarSource","avatarSourceError","setAvatarSourceError","src","onAvatarError","div","data-cy","data-pendo","triggerContainer","triggerContainerHintArrow","img","profileImage","onError","alt","size","svg","bold","title","text","expandIcon","span","content","badgeWithContent","badgeNoContent","useTag","counter","tag","data","counterWrapper","undefined","DesktopProfileDropdownSection","children","id","tooltip","clickHandler","e","stopPropagation","tagElement","dropdownSection","dropdownSectionWithCounter","dropdownLink","placement","DesktopProfileDropdownDivider","Divider","DesktopProfileDropdownLink","external","target","to","NavigationComponent","isExternalLink","startsWith","a","href","DesktopProfileDropdownComponent","direction","trigger","hintPopup","portal","width","onClose","onOpen","setOpen","handleClose","handleOpen","onTriggerClick","hintShown","HintComponent","triggerElement","popoverContentClassName","hint","onClickOutside","hintContent","openProfile","dropdown","dropdownContent","dropdownContentBottomLeft","dropdownContentWrapper","DesktopProfileDropdown","Object","assign","Link","Section"],"mappings":"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"}

package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts

@@ -1,6 +1,10 @@
 declare const _default: {
     title: string;
-    component: import("./profile-dropdown").ProfileDropdownType;
+    component: (({ children, direction, trigger, hintPopup, portal, width, onClose, onOpen, ...rest }: import("./interface").ProfileDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
+        Divider: import("react").FC;
+        Link: ({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest }: import("./interface").ProfileDropdownLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Section: ({ children, className, counter, id, tag, text, tooltip, onClick, ...rest }: import("./interface").ProfileDropdownSectionProps) => import("react/jsx-runtime").JSX.Element;
+    };
     parameters: {};
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.stories.tsx"],"names":[],"mappings":";;;;;;AASA,wBAKE;AAEF,eAAO,MAAM,sBAAsB,+CA2BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAanC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAMxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAQtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAOzC,CAAC;AAKF,eAAO,MAAM,4BAA4B,+CA+BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,+CAW/C,CAAC"}
+{"version":3,"file":"profile-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AASA,wBAKE;AAEF,eAAO,MAAM,sBAAsB,+CA2BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAanC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAMxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAQtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAOzC,CAAC;AAKF,eAAO,MAAM,4BAA4B,+CA+BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,+CAW/C,CAAC"}

package/dist/components/titan-layout/interface-internal.d.ts

@@ -1,6 +1,18 @@
+import { IconProps } from '@servicetitan/anvil2';
 import { FC } from 'react';
+import { CounterTagData } from '../../utils/counter-tag';
 import { NavLinkComponentProps } from '../../utils/navigation-context';
 export interface NavigationComponentProps {
     navigationComponent: FC<NavLinkComponentProps>;
 }
+export interface NavigationItemPropsStrict {
+    id: string;
+    to: string;
+    title: string;
+    isActive: boolean | ((pathname: string) => boolean) | undefined;
+    icon: IconProps['svg'] | undefined;
+    iconActive: IconProps['svg'] | undefined;
+    tag: CounterTagData | undefined;
+    className: string | undefined;
+}
 //# sourceMappingURL=interface-internal.d.ts.map

package/dist/components/titan-layout/interface-internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interface-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;CAClD"}
+{"version":3,"file":"interface-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;CAClD;AACD,MAAM,WAAW,yBAAyB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAChE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEzC,GAAG,EAAE,cAAc,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC"}

package/dist/components/titan-layout/interface-internal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/interface-internal.ts"],"sourcesContent":["import { FC } from 'react';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\n\nexport interface NavigationComponentProps {\n    navigationComponent: FC<NavLinkComponentProps>;\n}\n"],"names":[],"mappings":"AAGA,WAEC"}
+{"version":3,"sources":["../../../src/components/titan-layout/interface-internal.ts"],"sourcesContent":["import { IconProps } from '@servicetitan/anvil2';\nimport { FC } from 'react';\nimport { CounterTagData } from '../../utils/counter-tag';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\n\nexport interface NavigationComponentProps {\n    navigationComponent: FC<NavLinkComponentProps>;\n}\nexport interface NavigationItemPropsStrict {\n    id: string;\n    to: string;\n    title: string;\n    isActive: boolean | ((pathname: string) => boolean) | undefined;\n    icon: IconProps['svg'] | undefined;\n    iconActive: IconProps['svg'] | undefined;\n\n    tag: CounterTagData | undefined;\n    className: string | undefined;\n}\n"],"names":[],"mappings":"AAQA,WAUC"}

package/dist/components/titan-layout/interface.d.ts

@@ -1,5 +1,6 @@
+import { IconProps } from '@servicetitan/anvil2';
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { NavigationItemData } from '../../utils/navigation';
+import { CounterTagData, CounterTagValue } from '../../utils/counter-tag';
 import { TitanLayoutSidebarContextType } from './layout-context';
 export interface TitanLayoutLinkWrapperProps {
     children: ReactNode;
@@ -9,15 +10,65 @@ export interface TitanLayoutLinkWrapperProps {
 export type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;
 export interface TitanLayoutState {
     navCollapsed: boolean;
-    submenuExpanded?: string;
+    submenusExpanded?: string[];
 }
-export type TitanLayoutLinkProps = Omit<NavigationItemData, 'submenu' | 'isHidden'> & {
+export interface TitanLayoutLinkExtraProps {
+    showTitle?: boolean;
+    flashing?: boolean;
+}
+export interface TitanLayoutLinkSideProps {
+    counter: CounterTagValue;
+}
+export type TitanLayoutLinkProps = {
+    /** link id */
+    id: string;
+    /** link href */
+    to: string;
+    /** link title */
+    title: string;
+    /** callback to return active state. By default, it compares link href with current pathname */
+    isActive?: boolean | ((pathname: string) => boolean);
+    /** svg icon (anvil2) of inactive item */
+    icon: IconProps['svg'] | undefined;
+    /** svg icon (anvil2) of active item */
+    iconActive: IconProps['svg'] | undefined;
+    /** item tag (optional). shown if it is set and value is true or greater than 0 */
+    tag?: CounterTagData;
+    counter?: CounterTagValue;
+    /** class name of link item */
+    className?: string;
+    /** tooltip text (for extra links) */
     tooltip?: string;
+    /** wrapper component for link element (used for side links) */
     wrapper?: TitanLayoutLinkWrapper;
+    /** props for extra link element */
+    extra?: TitanLayoutLinkExtraProps;
+    /** props for side nav link element (mobile version) */
+    side?: TitanLayoutLinkSideProps;
 } & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;
-export type TitanLayoutTriggerProps = Omit<NavigationItemData, 'to' | 'isActive' | 'isHidden' | 'submenu'> & {
+export type TitanLayoutTriggerProps = {
+    /** link id */
+    id: string;
+    /** link title */
+    title: string;
+    /** active state */
     isActive?: boolean;
+    /** svg icon (anvil2) of inactive item */
+    icon: IconProps['svg'] | undefined;
+    /** svg icon (anvil2) of active item */
+    iconActive: IconProps['svg'] | undefined;
+    /** item tag (optional). shown if it is set and value is true or greater than 0 */
+    tag?: CounterTagData;
+    counter?: CounterTagValue;
+    /** class name of link item */
+    className?: string;
+    /** tooltip text (for extra links) */
     tooltip?: string;
+    /** wrapper component for link element (used for side links) */
     wrapper?: TitanLayoutLinkWrapper;
+    /** props for extra link element */
+    extra?: TitanLayoutLinkExtraProps;
+    /** props for nav link element (mobile version) */
+    side?: TitanLayoutLinkSideProps;
 } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;
 //# sourceMappingURL=interface.d.ts.map

package/dist/components/titan-layout/interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,2BAA2B;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,6BAA6B,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACtC,kBAAkB,EAClB,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAC7C,GAAG;IACA,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,2BAA2B;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,6BAA6B,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,yBAAyB;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACrC,OAAO,EAAE,eAAe,CAAC;CAC5B;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACrD,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,kFAAkF;IAClF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,mCAAmC;IACnC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,uDAAuD;IACvD,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACnC,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IAClC,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,kFAAkF;IAClF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,mCAAmC;IACnC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,kDAAkD;IAClD,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACnC,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}

package/dist/components/titan-layout/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/interface.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { TitanLayoutSidebarContextType } from './layout-context';\n\nexport interface TitanLayoutLinkWrapperProps {\n    children: ReactNode;\n    context: TitanLayoutSidebarContextType;\n    isMobile: boolean;\n}\n\nexport type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;\n\nexport interface TitanLayoutState {\n    navCollapsed: boolean;\n    submenuExpanded?: string;\n}\n\nexport type TitanLayoutLinkProps = Omit<NavigationItemData, 'submenu' | 'isHidden'> & {\n    tooltip?: string;\n    wrapper?: TitanLayoutLinkWrapper;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;\n\nexport type TitanLayoutTriggerProps = Omit<\n    NavigationItemData,\n    'to' | 'isActive' | 'isHidden' | 'submenu'\n> & {\n    isActive?: boolean;\n    tooltip?: string;\n    wrapper?: TitanLayoutLinkWrapper;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;\n"],"names":[],"mappings":"AAsBA,WAOgE"}
+{"version":3,"sources":["../../../src/components/titan-layout/interface.ts"],"sourcesContent":["import { IconProps } from '@servicetitan/anvil2';\nimport { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport { TitanLayoutSidebarContextType } from './layout-context';\n\nexport interface TitanLayoutLinkWrapperProps {\n    children: ReactNode;\n    context: TitanLayoutSidebarContextType;\n    isMobile: boolean;\n}\n\nexport type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;\n\nexport interface TitanLayoutState {\n    navCollapsed: boolean;\n    submenusExpanded?: string[];\n}\n\nexport interface TitanLayoutLinkExtraProps {\n    showTitle?: boolean;\n    flashing?: boolean;\n}\n\nexport interface TitanLayoutLinkSideProps {\n    counter: CounterTagValue;\n}\n\nexport type TitanLayoutLinkProps = {\n    /** link id */\n    id: string;\n    /** link href */\n    to: string;\n    /** link title */\n    title: string;\n    /** callback to return active state. By default, it compares link href with current pathname */\n    isActive?: boolean | ((pathname: string) => boolean);\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n    /** item tag (optional). shown if it is set and value is true or greater than 0 */\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    /** class name of link item */\n    className?: string;\n\n    /** tooltip text (for extra links) */\n    tooltip?: string;\n    /** wrapper component for link element (used for side links) */\n    wrapper?: TitanLayoutLinkWrapper;\n    /** props for extra link element */\n    extra?: TitanLayoutLinkExtraProps;\n    /** props for side nav link element (mobile version) */\n    side?: TitanLayoutLinkSideProps;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;\n\nexport type TitanLayoutTriggerProps = {\n    /** link id */\n    id: string;\n    /** link title */\n    title: string;\n    /** active state */\n    isActive?: boolean;\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n    /** item tag (optional). shown if it is set and value is true or greater than 0 */\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    /** class name of link item */\n    className?: string;\n\n    /** tooltip text (for extra links) */\n    tooltip?: string;\n    /** wrapper component for link element (used for side links) */\n    wrapper?: TitanLayoutLinkWrapper;\n    /** props for extra link element */\n    extra?: TitanLayoutLinkExtraProps;\n    /** props for nav link element (mobile version) */\n    side?: TitanLayoutLinkSideProps;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;\n"],"names":[],"mappings":"AAwDA,WAyBgE"}

package/dist/components/titan-layout/layout-header-dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-header-dark.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header-dark.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAkBlE,UAAU,wBAAyB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACzE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,uBAAuB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAClD;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,wBAAwB,CAqEzD,CAAC"}
+{"version":3,"file":"layout-header-dark.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header-dark.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAkBlE,UAAU,wBAAyB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACzE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,uBAAuB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAClD;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,wBAAwB,CAwEzD,CAAC"}