npm - @servicetitan/navigation - Versions diffs - 14.2.0 → 14.4.0 - Mend

@servicetitan/navigation 14.2.0 → 14.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/dist/components/titan-layout/__tests__/layout-sidebar-links-internal.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=layout-sidebar-links-internal.test.d.ts.map

package/dist/components/titan-layout/__tests__/layout-sidebar-links-internal.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"layout-sidebar-links-internal.test.d.ts","sourceRoot":"","sources":["../../../../src/components/titan-layout/__tests__/layout-sidebar-links-internal.test.tsx"],"names":[],"mappings":""}

package/dist/components/titan-layout/__tests__/navigation-catalog-reset.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=navigation-catalog-reset.test.d.ts.map

package/dist/components/titan-layout/__tests__/navigation-catalog-reset.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"navigation-catalog-reset.test.d.ts","sourceRoot":"","sources":["../../../../src/components/titan-layout/__tests__/navigation-catalog-reset.test.tsx"],"names":[],"mappings":""}

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

@@ -1,6 +1,7 @@
 import { IconProps } from '@servicetitan/anvil2';
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { CounterTagData, CounterTagValue } from '../../utils/counter-tag';
+import { NavigationItemData } from '../../utils/navigation';
 import { TitanLayoutSidebarContextType } from './layout-context';
 export interface TitanLayoutLinkWrapperProps {
     children: ReactNode;
@@ -8,6 +9,71 @@ export interface TitanLayoutLinkWrapperProps {
     isMobile: boolean;
 }
 export type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;
+/** A titled section of the navigation catalog. */
+export interface NavigationCatalogGroup {
+    /** section heading */
+    title: string;
+    /**
+     * The destinations in this section.
+     *
+     * `id` is treated as an opaque pin id and is compared verbatim against `pinnedIds`, so the host
+     * is responsible for handing over ids in whatever form it stores them. Any `submenu` links are
+     * offered as separately pinnable pages beneath their item, and their `id`s are pin ids too.
+     */
+    items: NavigationItemData[];
+}
+/**
+ * Turns the navigation catalog on.
+ *
+ * Supplying this renders a catalog trigger in the sidebar and the dialog behind it; omitting it
+ * leaves the navigation exactly as it was. The layout owns the dialog, its open state and the
+ * keyboard shortcut, and nothing else about pinning: it proposes a new list, or reports that the
+ * user confirmed a reset, and the host decides what to do with either.
+ */
+export interface PinnedNavigationConfig {
+    /**
+     * Every destination on offer, resolved on demand.
+     *
+     * A function rather than an array because resolving a catalog is not free for every host: one
+     * whose submenus are dynamic pays a request per module to enumerate its pages. The dialog is
+     * mounted only while open, so taking the groups as a thunk keeps that cost — and any failure
+     * in it — inside the dialog instead of on every page load of the shell.
+     *
+     * Called once per open, and again only if the function's identity changes, so a host should
+     * memoize it against whatever its resolution actually depends on.
+     */
+    groups: () => NavigationCatalogGroup[];
+    /** The pinned ids, in display order. */
+    pinnedIds: string[];
+    /**
+     * Ids the user may not pin or unpin.
+     *
+     * A locked destination is always present in the navigation whether or not it appears in
+     * `pinnedIds`, so the catalog shows a lock where the pin control would be and never proposes a
+     * list that adds or removes one.
+     */
+    lockedIds?: string[];
+    /**
+     * The list the user just asked for through a star control, in full.
+     *
+     * Fully controlled: nothing changes until `pinnedIds` comes back different. A host that
+     * declines the proposal simply does not apply it, and the control returns to its previous
+     * state on its own. Confirming a reset calls `onResetToDefaults` instead.
+     */
+    onPinnedIdsChange: (pinnedIds: string[]) => void;
+    /**
+     * Called once the user confirms Restore Default Favorites.
+     *
+     * The catalog reports the intent and proposes nothing: what the defaults are, whether locked
+     * destinations survive and how the reset is persisted are all the host's. Favourites move only
+     * when the host sends new `pinnedIds` down, and the catalog does not also call
+     * `onPinnedIdsChange`.
+     *
+     * Omit it to hide the restore control — including when the host offers defaults but the user
+     * has not strayed from them, which only the host can know.
+     */
+    onResetToDefaults?: () => void;
+}
 export interface TitanLayoutLinkExtraProps {
     /** link's title should be shown (for extra links we show icon only by default) */
     showTitle?: boolean;

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

	@@ -1 +1 @@
1	- {"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,yBAAyB;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACrC,6CAA6C;IAC7C,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"}
1	+ {"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"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 TitanLayoutLinkExtraProps {\n /** link's title should be shown (for extra links we show icon only by default) /\n showTitle?: boolean;\n /* link is flashing /\n flashing?: boolean;\n}\n\nexport interface TitanLayoutLinkSideProps {\n /* counter value used only for side links /\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":"~~AAsDA~~,WAyBgE"}
1	+ {"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 { 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\n/** A titled section of the navigation catalog. /\nexport interface NavigationCatalogGroup {\n /* section heading /\n title: string;\n\n /\n The destinations in this section.\n \n `id` is treated as an opaque pin id and is compared verbatim against `pinnedIds`, so the host\n * is responsible for handing over ids in whatever form it stores them. Any `submenu` links are\n * offered as separately pinnable pages beneath their item, and their `id`s are pin ids too.\n /\n items: NavigationItemData[];\n}\n\n/\n Turns the navigation catalog on.\n \n Supplying this renders a catalog trigger in the sidebar and the dialog behind it; omitting it\n * leaves the navigation exactly as it was. The layout owns the dialog, its open state and the\n * keyboard shortcut, and nothing else about pinning: it proposes a new list, or reports that the\n * user confirmed a reset, and the host decides what to do with either.\n /\nexport interface PinnedNavigationConfig {\n /\n Every destination on offer, resolved on demand.\n \n A function rather than an array because resolving a catalog is not free for every host: one\n * whose submenus are dynamic pays a request per module to enumerate its pages. The dialog is\n * mounted only while open, so taking the groups as a thunk keeps that cost — and any failure\n * in it — inside the dialog instead of on every page load of the shell.\n \n Called once per open, and again only if the function's identity changes, so a host should\n * memoize it against whatever its resolution actually depends on.\n /\n groups: () => NavigationCatalogGroup[];\n\n /* The pinned ids, in display order. /\n pinnedIds: string[];\n\n /\n Ids the user may not pin or unpin.\n \n A locked destination is always present in the navigation whether or not it appears in\n * `pinnedIds`, so the catalog shows a lock where the pin control would be and never proposes a\n * list that adds or removes one.\n /\n lockedIds?: string[];\n\n /\n The list the user just asked for through a star control, in full.\n \n Fully controlled: nothing changes until `pinnedIds` comes back different. A host that\n * declines the proposal simply does not apply it, and the control returns to its previous\n * state on its own. Confirming a reset calls `onResetToDefaults` instead.\n /\n onPinnedIdsChange: (pinnedIds: string[]) => void;\n\n /\n Called once the user confirms Restore Default Favorites.\n \n The catalog reports the intent and proposes nothing: what the defaults are, whether locked\n * destinations survive and how the reset is persisted are all the host's. Favourites move only\n * when the host sends new `pinnedIds` down, and the catalog does not also call\n * `onPinnedIdsChange`.\n \n Omit it to hide the restore control — including when the host offers defaults but the user\n * has not strayed from them, which only the host can know.\n /\n onResetToDefaults?: () => void;\n}\n\nexport interface TitanLayoutLinkExtraProps {\n /* link's title should be shown (for extra links we show icon only by default) /\n showTitle?: boolean;\n /* link is flashing /\n flashing?: boolean;\n}\n\nexport interface TitanLayoutLinkSideProps {\n /* counter value used only for side links /\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":"AA+HA,WAyBgE"}

package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts CHANGED Viewed

@@ -18,6 +18,7 @@ export declare const InternalSideNavigationLink: FC<NavigationComponentProps & {
     iconActive: IconProps['svg'] | undefined;
     className: string | undefined;
     tag: BadgeTagProps | undefined;
+    notificationCount?: number;
 } & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>>;
 /** Side Navigation menu trigger (for internal usage) */
 export declare const InternalSideNavigationTrigger: FC<{
@@ -28,6 +29,7 @@ export declare const InternalSideNavigationTrigger: FC<{
     iconActive: IconProps['svg'] | undefined;
     className: string | undefined;
     tag: BadgeTagProps | undefined;
+    notificationCount?: number;
     onClick?: (e: MouseEvent<never>) => void;
 } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>>;
 export declare const InternalSideNavigationGroupLink: FC<NavigationComponentProps & {
@@ -58,6 +60,7 @@ export declare const InternalSideNavigationGroup: FC<NavigationComponentProps &
     iconActive: IconProps['svg'] | undefined;
     className: string | undefined;
     tag: BadgeTagProps | undefined;
+    notificationCount?: number;
     children: ReactNode;
     submenuOpened: boolean;
     onClick?: (e: MouseEvent<never>) => void;

package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAI/D,OAAO,~~EAAE~~,wBAAwB,~~EAAE~~,EAAE,~~EAAY~~,UAAU,~~EAAE~~,SAAS,~~EAAE~~,MAAM,OAAO,CAAC;~~AAEtF~~,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,MAAM,WAAW,sCAAsC;IACnD,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC;~~AA2CD~~,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACvC,wBAAwB,GAAG;IACvB,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;IACzC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;~~CAClC~~,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,~~CAoChE~~,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAC1C;IACI,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,~~CAgClE~~,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC5C,wBAAwB,GAAG;IACvB,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,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAE/B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,~~CAoCJ~~,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAAC;IAChD,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,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAE/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC1C,~~CAwBA~~,CAAC;AAEF,eAAO,MAAM,kCAAkC,+CAE9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CACxC,wBAAwB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,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;IACzC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAE/B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CACpD,~~CAoFJ~~,CAAC"}
1	+ {"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar-links-internal.js CHANGED Viewed

@@ -3,7 +3,8 @@ import { Button, Icon } from '@servicetitan/anvil2';
 import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
 import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
 import classNames from 'classnames';
-import { Fragment } from 'react';
+import { Fragment, useId } from 'react';
+import { getNotificationCount } from '../../utils/navigation-notifications';
 import { BadgeTag } from '../badge-tag';
 import * as Styles from './layout-sidebar.module.less';
 import { withTooltip } from './with-tooltip';
@@ -33,18 +34,17 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title })=>/*
                 ]
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: classNames(Styles.navItemTextCollapsed, {
-                    [Styles.navItemTextSmall]: !!title && title.length >= 10
-                }),
+                className: Styles.navItemTextCollapsed,
                 "data-cy": "nav-item-label",
                 children: title
             })
         ]
     });
-/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ id, to, title, isActive, icon, iconActive, className, tag, navigationComponent: NavigationComponent, ...rest })=>{
+/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ id, to, title, isActive, icon, iconActive, className, tag, notificationCount = getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value), navigationComponent: NavigationComponent, ...rest })=>{
     return /*#__PURE__*/ _jsx(NavigationComponent, {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
+        "data-navigation-notification-count": notificationCount || undefined,
         ...rest,
         className: classNames(Styles.navItem, Styles.navLink, className, {
             [Styles.navItemActive]: isActive === true,
@@ -62,10 +62,11 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title })=>/*
         })
     });
 };
-/** Side Navigation menu trigger (for internal usage) */ export const InternalSideNavigationTrigger = ({ id, title, isActive, icon, iconActive, className, tag, ...rest })=>{
+/** Side Navigation menu trigger (for internal usage) */ export const InternalSideNavigationTrigger = ({ id, title, isActive, icon, iconActive, className, tag, notificationCount = getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value), ...rest })=>{
     return /*#__PURE__*/ _jsx("div", {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
+        "data-navigation-notification-count": notificationCount || undefined,
         tabIndex: rest.onClick ? 0 : -1,
         ...rest,
         className: classNames(Styles.navItem, className, {
@@ -88,6 +89,7 @@ export const InternalSideNavigationGroupLink = ({ id, to, title, isActive, class
         children: /*#__PURE__*/ _jsxs(NavigationComponent, {
             "data-cy": `navigation-item-${parentId}--${id}`,
             "data-pendo": `navigation-item-${parentId}--${id}`,
+            "data-navigation-notification-count": getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value) || undefined,
             ...rest,
             to: to,
             className: classNames(Styles.submenuItem, Styles.submenuLink, className, {
@@ -110,6 +112,7 @@ export const InternalSideNavigationGroupLink = ({ id, to, title, isActive, class
 export const InternalSideNavigationGroupTrigger = ({ id, title, isActive, className, tag, ...rest })=>{
     return /*#__PURE__*/ _jsxs("div", {
         "data-cy": `navigation-item-${id}`,
+        "data-navigation-notification-count": getNotificationCount(tag === null || tag === void 0 ? void 0 : tag.value) || undefined,
         "data-pendo": `navigation-item-${id}`,
         ...rest,
         className: classNames(Styles.submenuItem, {
@@ -132,19 +135,49 @@ export const InternalSideNavigationGroupDivider = ()=>{
         className: Styles.divider
     });
 };
-export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, iconActive, className, tag, children, submenuOpened, onSubmenuOpen, onClick, navigationComponent, ...rest })=>{
+export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, iconActive, className, tag, notificationCount, children, submenuOpened, onSubmenuOpen, onClick, navigationComponent, ...rest })=>{
+    const submenuId = useId();
     const onToggleClick = (e)=>{
-        onSubmenuOpen(id, !submenuOpened);
         e.preventDefault();
         e.stopPropagation();
+        onSubmenuOpen(id, !submenuOpened);
     };
     return /*#__PURE__*/ _jsxs("div", {
-        className: classNames(Styles.navGroupWrapper),
+        className: classNames(Styles.navGroupWrapper, {
+            [Styles.navGroupOpened]: submenuOpened
+        }),
         children: [
             /*#__PURE__*/ _jsxs("div", {
                 className: Styles.navGroupItem,
                 children: [
                     /*#__PURE__*/ _jsx("div", {
+                        // Update expansion before the host link handles navigation to its destination.
+                        onClickCapture: (event)=>{
+                            if (!to) {
+                                onToggleClick(event);
+                            } else if (/*
+                             * A module name only ever opens. It navigates into the module, so
+                             * collapsing would hide the very page the click is about to land on —
+                             * the destination is `to`, whether that is a page itself or an entry
+                             * route the host redirects to the module's default page. Collapsing an
+                             * open module is the chevron's job.
+                             */ !submenuOpened && event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey) {
+                                onSubmenuOpen(id, true);
+                            }
+                        },
+                        onClick: (event)=>event.stopPropagation(),
+                        onKeyDownCapture: (event)=>{
+                            if ((event.key === 'Enter' || event.key === ' ') && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey) {
+                                if (to) {
+                                    var _event_currentTarget_querySelector;
+                                    event.preventDefault();
+                                    event.stopPropagation();
+                                    (_event_currentTarget_querySelector = event.currentTarget.querySelector('a')) === null || _event_currentTarget_querySelector === void 0 ? void 0 : _event_currentTarget_querySelector.click();
+                                } else {
+                                    onToggleClick(event);
+                                }
+                            }
+                        },
                         children: to ? /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
                             id: id,
                             to: to,
@@ -153,8 +186,11 @@ export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, ico
                             icon: icon,
                             iconActive: iconActive,
                             tag: tag,
+                            notificationCount: notificationCount,
                             className: className,
                             ...rest,
+                            "aria-expanded": submenuOpened,
+                            "aria-controls": submenuId,
                             navigationComponent: navigationComponent
                         }) : /*#__PURE__*/ _jsx(InternalSideNavigationTrigger, {
                             id: id,
@@ -163,19 +199,27 @@ export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, ico
                             icon: icon,
                             iconActive: iconActive,
                             tag: tag,
+                            notificationCount: notificationCount,
                             className: className,
-                            ...rest
+                            ...rest,
+                            role: "button",
+                            tabIndex: 0,
+                            onClick: onToggleClick,
+                            "aria-expanded": submenuOpened,
+                            "aria-controls": submenuId
                         })
                     }),
                     /*#__PURE__*/ _jsx("div", {
                         className: Styles.navItemGroupToggleWrapper,
                         children: withTooltip(/*#__PURE__*/ _jsx(Button, {
-                            appearance: "secondary",
-                            size: "small",
+                            appearance: "ghost",
+                            size: "xsmall",
                             icon: submenuOpened ? SvgGroupCollapse : SvgGroupExpand,
                             className: Styles.navItemGroupToggle,
                             onClick: onToggleClick,
-                            "aria-label": "Toggle submenu",
+                            "aria-label": `${submenuOpened ? 'Collapse' : 'Expand'} ${title} submenu`,
+                            "aria-expanded": submenuOpened,
+                            "aria-controls": submenuId,
                             "data-cy": "nav-item-group-expand"
                         }), // hide submenu tooltip for now
                         icon ? undefined : submenuOpened ? 'Hide Submenu' : 'View Submenu', {
@@ -186,6 +230,7 @@ export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, ico
                 ]
             }),
             submenuOpened && /*#__PURE__*/ _jsx("div", {
+                id: submenuId,
                 className: classNames(Styles.submenuWrapper, {
                     [Styles.submenuWrapperCollapsed]: !submenuOpened
                 }),

package/dist/components/titan-layout/layout-sidebar-links-internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"sourcesContent":["import { Button, Icon, IconProps } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport classNames from 'classnames';\nimport { ComponentPropsWithoutRef, FC, Fragment, MouseEvent, ReactNode } from 'react';\n\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { NavigationComponentProps } from './interface-internal';\nimport * as Styles from './layout-sidebar.module.less';\nimport { withTooltip } from './with-tooltip';\n\nexport interface InternalSideNavigationItemContentProps {\n icon: IconProps['svg'] \| undefined;\n iconActive: IconProps['svg'] \| undefined;\n title: string;\n tag: BadgeTagProps \| undefined;\n}\n\nconst InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n icon,\n iconActive,\n tag,\n title,\n}) => (\n <Fragment>\n <div className={Styles.navItemIconWrapper}>\n {icon && (\n <Icon svg={icon} className={classNames(Styles.navIcon, Styles.navIconInactive)} />\n )}\n {iconActive && (\n <Icon\n svg={iconActive}\n className={classNames(Styles.navIcon, Styles.navIconActive)}\n />\n )}\n\n <div className={Styles.navItemTextExpanded} data-cy=\"nav-item-label\">\n {title}\n </div>\n {!!tag && (\n <BadgeTag\n data={tag}\n className={Styles.navItemCounter}\n longClassName={Styles.navItemCounterLong}\n />\n )}\n </div>\n\n <div\n className={classNames(Styles.navItemTextCollapsed, {\n [Styles.navItemTextSmall]: !!title && title.length >= 10,\n })}\n data-cy=\"nav-item-label\"\n >\n {title}\n </div>\n </Fragment>\n);\n\n/** Side Navigation menu item (for internal usage) /\nexport const InternalSideNavigationLink: FC<\n NavigationComponentProps & {\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 className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n } & Omit<ComponentPropsWithoutRef<'a'>, 'children' \| 'title'>\n> = ({\n id,\n to,\n title,\n isActive,\n icon,\n iconActive,\n className,\n tag,\n\n navigationComponent: NavigationComponent,\n ...rest\n}) => {\n return (\n <NavigationComponent\n data-cy={`navigation-item-${id}`}\n data-pendo={`navigation-item-${id}`}\n {...rest}\n className={classNames(Styles.navItem, Styles.navLink, className, {\n [Styles.navItemActive]: isActive === true,\n [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n })}\n to={to}\n isActive={typeof isActive === 'function' ? isActive : undefined}\n activeClassName={Styles.navItemActive}\n tabIndex={0}\n >\n <InternalSideNavigationItemContent\n icon={icon}\n iconActive={iconActive}\n title={title}\n tag={tag}\n />\n </NavigationComponent>\n );\n};\n\n/* Side Navigation menu trigger (for internal usage) */\nexport const InternalSideNavigationTrigger: FC<\n {\n id: string;\n title: string;\n isActive: boolean \| undefined;\n icon: IconProps['svg'] \| undefined;\n iconActive: IconProps['svg'] \| undefined;\n className: string \| undefined;\n\n tag: BadgeTagProps \| undefined;\n onClick?: (e: MouseEvent<never>) => void;\n } & Omit<ComponentPropsWithoutRef<'div'>, 'children' \| 'title'>\n> = ({\n id,\n title,\n isActive,\n icon,\n iconActive,\n className,\n\n tag,\n ...rest\n}) => {\n return (\n <div\n data-cy={`navigation-item-${id}`}\n data-pendo={`navigation-item-${id}`}\n tabIndex={rest.onClick ? 0 : -1}\n {...rest}\n className={classNames(Styles.navItem, className, {\n [Styles.navLink]: !!rest.onClick,\n [Styles.navItemActive]: isActive === true,\n [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n })}\n >\n <InternalSideNavigationItemContent\n icon={icon}\n iconActive={iconActive}\n title={title}\n tag={tag}\n />\n </div>\n );\n};\n\nexport const InternalSideNavigationGroupLink: FC<\n NavigationComponentProps & {\n id: string;\n to: string;\n title: string;\n isActive: boolean \| ((pathname: string) => boolean) \| undefined;\n className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n\n parentId: string;\n onLinkClick?: (parentItemId: string, itemId: string) => void;\n }\n> = ({\n id,\n to,\n title,\n isActive,\n className,\n tag,\n\n parentId,\n onLinkClick,\n navigationComponent: NavigationComponent,\n ...rest\n}) => {\n return (\n <div\n onClickCapture={onLinkClick ? () => onLinkClick(parentId, id) : undefined}\n className={Styles.submenuItemWrapper}\n >\n <NavigationComponent\n key={id}\n data-cy={`navigation-item-${parentId}--${id}`}\n data-pendo={`navigation-item-${parentId}--${id}`}\n {...rest}\n to={to}\n className={classNames(Styles.submenuItem, Styles.submenuLink, className, {\n [Styles.submenuLinkActive]: isActive === true,\n })}\n isActive={typeof isActive === 'function' ? isActive : undefined}\n activeClassName={Styles.submenuLinkActive}\n >\n <span>{title}</span>\n <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n </NavigationComponent>\n </div>\n );\n};\n\nexport const InternalSideNavigationGroupTrigger: FC<{\n id: string;\n title: string;\n isActive: boolean \| ((pathname: string) => boolean) \| undefined;\n className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n\n onClick?: (e: MouseEvent<any>) => void;\n}> = ({\n id,\n title,\n isActive,\n className,\n tag,\n\n ...rest\n}) => {\n return (\n <div\n data-cy={`navigation-item-${id}`}\n data-pendo={`navigation-item-${id}`}\n key={id}\n {...rest}\n className={classNames(Styles.submenuItem, {\n [Styles.submenuLink]: !!rest.onClick,\n [Styles.submenuLinkActive]: isActive === true,\n })}\n >\n <span>{title}</span>\n <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n </div>\n );\n};\n\nexport const InternalSideNavigationGroupDivider = () => {\n return <div className={Styles.divider} />;\n};\n\nexport const InternalSideNavigationGroup: FC<\n NavigationComponentProps & {\n id: string;\n to: string \| undefined;\n title: string;\n isActive: boolean \| ((pathname: string) => boolean) \| undefined;\n icon: IconProps['svg'] \| undefined;\n iconActive: IconProps['svg'] \| undefined;\n className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n\n children: ReactNode;\n submenuOpened: boolean;\n onClick?: (e: MouseEvent<never>) => void;\n onSubmenuOpen(id: string, opened: boolean): void;\n }\n> = ({\n id,\n to,\n title,\n isActive,\n icon,\n iconActive,\n className,\n tag,\n\n children,\n submenuOpened,\n onSubmenuOpen,\n onClick,\n navigationComponent,\n ...rest\n}) => {\n const onToggleClick = (e: MouseEvent<never>) => {\n onSubmenuOpen(id, !submenuOpened);\n e.preventDefault();\n e.stopPropagation();\n };\n\n return (\n <div className={classNames(Styles.navGroupWrapper)}>\n <div className={Styles.navGroupItem}>\n <div>\n {to ? (\n <InternalSideNavigationLink\n id={id}\n to={to}\n title={title}\n isActive={isActive}\n icon={icon}\n iconActive={iconActive}\n tag={tag}\n className={className}\n {...rest}\n navigationComponent={navigationComponent}\n />\n ) : (\n <InternalSideNavigationTrigger\n id={id}\n title={title}\n isActive={isActive === true \|\| undefined}\n icon={icon}\n iconActive={iconActive}\n tag={tag}\n className={className}\n {...rest}\n />\n )}\n </div>\n\n <div className={Styles.navItemGroupToggleWrapper}>\n {withTooltip(\n <Button\n appearance=\"secondary\"\n size=\"small\"\n icon={submenuOpened ? SvgGroupCollapse : SvgGroupExpand}\n className={Styles.navItemGroupToggle}\n onClick={onToggleClick}\n aria-label=\"Toggle submenu\"\n data-cy=\"nav-item-group-expand\"\n />,\n // hide submenu tooltip for now\n icon ? undefined : submenuOpened ? 'Hide Submenu' : 'View Submenu',\n { placement: 'right', delay: 1000 }\n )}\n </div>\n </div>\n {submenuOpened && (\n <div\n className={classNames(Styles.submenuWrapper, {\n [Styles.submenuWrapperCollapsed]: !submenuOpened,\n })}\n data-cy={`navigation-submenu-${id}`}\n >\n <div className={Styles.submenu}>{children}</div>\n </div>\n )}\n </div>\n );\n};\n"],"names":["Button","Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","BadgeTag","Styles","withTooltip","InternalSideNavigationItemContent","icon","iconActive","tag","title","div","className","navItemIconWrapper","svg","navIcon","navIconInactive","navIconActive","navItemTextExpanded","data-cy","data","navItemCounter","longClassName","navItemCounterLong","navItemTextCollapsed","navItemTextSmall","length","InternalSideNavigationLink","id","to","isActive","navigationComponent","NavigationComponent","rest","data-pendo","navItem","navLink","navItemActive","navItemIconSwitch","undefined","activeClassName","tabIndex","InternalSideNavigationTrigger","onClick","InternalSideNavigationGroupLink","parentId","onLinkClick","onClickCapture","submenuItemWrapper","submenuItem","submenuLink","submenuLinkActive","span","submenuLinkCounter","InternalSideNavigationGroupTrigger","InternalSideNavigationGroupDivider","divider","InternalSideNavigationGroup","children","submenuOpened","onSubmenuOpen","onToggleClick","e","preventDefault","stopPropagation","navGroupWrapper","navGroupItem","navItemGroupToggleWrapper","appearance","size","navItemGroupToggle","aria-label","placement","delay","submenuWrapper","submenuWrapperCollapsed","submenu"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"sourcesContent":["import { Button, Icon, IconProps } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport classNames from 'classnames';\nimport {\n ComponentPropsWithoutRef,\n FC,\n Fragment,\n MouseEvent,\n ReactNode,\n SyntheticEvent,\n useId,\n} from 'react';\nimport { getNotificationCount } from '../../utils/navigation-notifications';\n\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { NavigationComponentProps } from './interface-internal';\nimport * as Styles from './layout-sidebar.module.less';\nimport { withTooltip } from './with-tooltip';\n\nexport interface InternalSideNavigationItemContentProps {\n icon: IconProps['svg'] \| undefined;\n iconActive: IconProps['svg'] \| undefined;\n title: string;\n tag: BadgeTagProps \| undefined;\n}\n\nconst InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n icon,\n iconActive,\n tag,\n title,\n}) => (\n <Fragment>\n <div className={Styles.navItemIconWrapper}>\n {icon && (\n <Icon svg={icon} className={classNames(Styles.navIcon, Styles.navIconInactive)} />\n )}\n {iconActive && (\n <Icon\n svg={iconActive}\n className={classNames(Styles.navIcon, Styles.navIconActive)}\n />\n )}\n\n <div className={Styles.navItemTextExpanded} data-cy=\"nav-item-label\">\n {title}\n </div>\n {!!tag && (\n <BadgeTag\n data={tag}\n className={Styles.navItemCounter}\n longClassName={Styles.navItemCounterLong}\n />\n )}\n </div>\n\n <div className={Styles.navItemTextCollapsed} data-cy=\"nav-item-label\">\n {title}\n </div>\n </Fragment>\n);\n\n/** Side Navigation menu item (for internal usage) /\nexport const InternalSideNavigationLink: FC<\n NavigationComponentProps & {\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 className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n notificationCount?: number;\n } & Omit<ComponentPropsWithoutRef<'a'>, 'children' \| 'title'>\n> = ({\n id,\n to,\n title,\n isActive,\n icon,\n iconActive,\n className,\n tag,\n notificationCount = getNotificationCount(tag?.value),\n\n navigationComponent: NavigationComponent,\n ...rest\n}) => {\n return (\n <NavigationComponent\n data-cy={`navigation-item-${id}`}\n data-pendo={`navigation-item-${id}`}\n data-navigation-notification-count={notificationCount \|\| undefined}\n {...rest}\n className={classNames(Styles.navItem, Styles.navLink, className, {\n [Styles.navItemActive]: isActive === true,\n [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n })}\n to={to}\n isActive={typeof isActive === 'function' ? isActive : undefined}\n activeClassName={Styles.navItemActive}\n tabIndex={0}\n >\n <InternalSideNavigationItemContent\n icon={icon}\n iconActive={iconActive}\n title={title}\n tag={tag}\n />\n </NavigationComponent>\n );\n};\n\n/* Side Navigation menu trigger (for internal usage) /\nexport const InternalSideNavigationTrigger: FC<\n {\n id: string;\n title: string;\n isActive: boolean \| undefined;\n icon: IconProps['svg'] \| undefined;\n iconActive: IconProps['svg'] \| undefined;\n className: string \| undefined;\n\n tag: BadgeTagProps \| undefined;\n notificationCount?: number;\n onClick?: (e: MouseEvent<never>) => void;\n } & Omit<ComponentPropsWithoutRef<'div'>, 'children' \| 'title'>\n> = ({\n id,\n title,\n isActive,\n icon,\n iconActive,\n className,\n\n tag,\n notificationCount = getNotificationCount(tag?.value),\n ...rest\n}) => {\n return (\n <div\n data-cy={`navigation-item-${id}`}\n data-pendo={`navigation-item-${id}`}\n data-navigation-notification-count={notificationCount \|\| undefined}\n tabIndex={rest.onClick ? 0 : -1}\n {...rest}\n className={classNames(Styles.navItem, className, {\n [Styles.navLink]: !!rest.onClick,\n [Styles.navItemActive]: isActive === true,\n [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n })}\n >\n <InternalSideNavigationItemContent\n icon={icon}\n iconActive={iconActive}\n title={title}\n tag={tag}\n />\n </div>\n );\n};\n\nexport const InternalSideNavigationGroupLink: FC<\n NavigationComponentProps & {\n id: string;\n to: string;\n title: string;\n isActive: boolean \| ((pathname: string) => boolean) \| undefined;\n className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n\n parentId: string;\n onLinkClick?: (parentItemId: string, itemId: string) => void;\n }\n> = ({\n id,\n to,\n title,\n isActive,\n className,\n tag,\n\n parentId,\n onLinkClick,\n navigationComponent: NavigationComponent,\n ...rest\n}) => {\n return (\n <div\n onClickCapture={onLinkClick ? () => onLinkClick(parentId, id) : undefined}\n className={Styles.submenuItemWrapper}\n >\n <NavigationComponent\n key={id}\n data-cy={`navigation-item-${parentId}--${id}`}\n data-pendo={`navigation-item-${parentId}--${id}`}\n data-navigation-notification-count={getNotificationCount(tag?.value) \|\| undefined}\n {...rest}\n to={to}\n className={classNames(Styles.submenuItem, Styles.submenuLink, className, {\n [Styles.submenuLinkActive]: isActive === true,\n })}\n isActive={typeof isActive === 'function' ? isActive : undefined}\n activeClassName={Styles.submenuLinkActive}\n >\n <span>{title}</span>\n <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n </NavigationComponent>\n </div>\n );\n};\n\nexport const InternalSideNavigationGroupTrigger: FC<{\n id: string;\n title: string;\n isActive: boolean \| ((pathname: string) => boolean) \| undefined;\n className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n\n onClick?: (e: MouseEvent<any>) => void;\n}> = ({\n id,\n title,\n isActive,\n className,\n tag,\n\n ...rest\n}) => {\n return (\n <div\n data-cy={`navigation-item-${id}`}\n data-navigation-notification-count={getNotificationCount(tag?.value) \|\| undefined}\n data-pendo={`navigation-item-${id}`}\n key={id}\n {...rest}\n className={classNames(Styles.submenuItem, {\n [Styles.submenuLink]: !!rest.onClick,\n [Styles.submenuLinkActive]: isActive === true,\n })}\n >\n <span>{title}</span>\n <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n </div>\n );\n};\n\nexport const InternalSideNavigationGroupDivider = () => {\n return <div className={Styles.divider} />;\n};\n\nexport const InternalSideNavigationGroup: FC<\n NavigationComponentProps & {\n id: string;\n to: string \| undefined;\n title: string;\n isActive: boolean \| ((pathname: string) => boolean) \| undefined;\n icon: IconProps['svg'] \| undefined;\n iconActive: IconProps['svg'] \| undefined;\n className: string \| undefined;\n tag: BadgeTagProps \| undefined;\n\n notificationCount?: number;\n children: ReactNode;\n submenuOpened: boolean;\n onClick?: (e: MouseEvent<never>) => void;\n onSubmenuOpen(id: string, opened: boolean): void;\n }\n> = ({\n id,\n to,\n title,\n isActive,\n icon,\n iconActive,\n className,\n tag,\n\n notificationCount,\n children,\n submenuOpened,\n onSubmenuOpen,\n onClick,\n navigationComponent,\n ...rest\n}) => {\n const submenuId = useId();\n const onToggleClick = (e: SyntheticEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onSubmenuOpen(id, !submenuOpened);\n };\n\n return (\n <div\n className={classNames(Styles.navGroupWrapper, {\n [Styles.navGroupOpened]: submenuOpened,\n })}\n >\n <div className={Styles.navGroupItem}>\n <div\n // Update expansion before the host link handles navigation to its destination.\n onClickCapture={event => {\n if (!to) {\n onToggleClick(event);\n } else if (\n /\n * A module name only ever opens. It navigates into the module, so\n * collapsing would hide the very page the click is about to land on —\n * the destination is `to`, whether that is a page itself or an entry\n * route the host redirects to the module's default page. Collapsing an\n * open module is the chevron's job.\n */\n !submenuOpened &&\n event.button === 0 &&\n !event.altKey &&\n !event.ctrlKey &&\n !event.metaKey &&\n !event.shiftKey\n ) {\n onSubmenuOpen(id, true);\n }\n }}\n onClick={event => event.stopPropagation()}\n onKeyDownCapture={event => {\n if (\n (event.key === 'Enter' \|\| event.key === ' ') &&\n !event.altKey &&\n !event.ctrlKey &&\n !event.metaKey &&\n !event.shiftKey\n ) {\n if (to) {\n event.preventDefault();\n event.stopPropagation();\n event.currentTarget.querySelector('a')?.click();\n } else {\n onToggleClick(event);\n }\n }\n }}\n >\n {to ? (\n <InternalSideNavigationLink\n id={id}\n to={to}\n title={title}\n isActive={isActive}\n icon={icon}\n iconActive={iconActive}\n tag={tag}\n notificationCount={notificationCount}\n className={className}\n {...rest}\n aria-expanded={submenuOpened}\n aria-controls={submenuId}\n navigationComponent={navigationComponent}\n />\n ) : (\n <InternalSideNavigationTrigger\n id={id}\n title={title}\n isActive={isActive === true \|\| undefined}\n icon={icon}\n iconActive={iconActive}\n tag={tag}\n notificationCount={notificationCount}\n className={className}\n {...rest}\n role=\"button\"\n tabIndex={0}\n onClick={onToggleClick}\n aria-expanded={submenuOpened}\n aria-controls={submenuId}\n />\n )}\n </div>\n\n <div className={Styles.navItemGroupToggleWrapper}>\n {withTooltip(\n <Button\n appearance=\"ghost\"\n size=\"xsmall\"\n icon={submenuOpened ? SvgGroupCollapse : SvgGroupExpand}\n className={Styles.navItemGroupToggle}\n onClick={onToggleClick}\n aria-label={`${submenuOpened ? 'Collapse' : 'Expand'} ${title} submenu`}\n aria-expanded={submenuOpened}\n aria-controls={submenuId}\n data-cy=\"nav-item-group-expand\"\n />,\n // hide submenu tooltip for now\n icon ? undefined : submenuOpened ? 'Hide Submenu' : 'View Submenu',\n { placement: 'right', delay: 1000 }\n )}\n </div>\n </div>\n {submenuOpened && (\n <div\n id={submenuId}\n className={classNames(Styles.submenuWrapper, {\n [Styles.submenuWrapperCollapsed]: !submenuOpened,\n })}\n data-cy={`navigation-submenu-${id}`}\n >\n <div className={Styles.submenu}>{children}</div>\n </div>\n )}\n </div>\n );\n};\n"],"names":["Button","Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","useId","getNotificationCount","BadgeTag","Styles","withTooltip","InternalSideNavigationItemContent","icon","iconActive","tag","title","div","className","navItemIconWrapper","svg","navIcon","navIconInactive","navIconActive","navItemTextExpanded","data-cy","data","navItemCounter","longClassName","navItemCounterLong","navItemTextCollapsed","InternalSideNavigationLink","id","to","isActive","notificationCount","value","navigationComponent","NavigationComponent","rest","data-pendo","data-navigation-notification-count","undefined","navItem","navLink","navItemActive","navItemIconSwitch","activeClassName","tabIndex","InternalSideNavigationTrigger","onClick","InternalSideNavigationGroupLink","parentId","onLinkClick","onClickCapture","submenuItemWrapper","submenuItem","submenuLink","submenuLinkActive","span","submenuLinkCounter","InternalSideNavigationGroupTrigger","InternalSideNavigationGroupDivider","divider","InternalSideNavigationGroup","children","submenuOpened","onSubmenuOpen","submenuId","onToggleClick","e","preventDefault","stopPropagation","navGroupWrapper","navGroupOpened","navGroupItem","event","button","altKey","ctrlKey","metaKey","shiftKey","onKeyDownCapture","key","currentTarget","querySelector","click","aria-expanded","aria-controls","role","navItemGroupToggleWrapper","appearance","size","navItemGroupToggle","aria-label","placement","delay","submenuWrapper","submenuWrapperCollapsed","submenu"],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar.d.ts CHANGED Viewed

@@ -1,11 +1,24 @@
 import { FC, ReactElement } from 'react';
 import { NavigationItemData } from '../../utils/navigation';
 import { NavLinkComponentProps } from '../../utils/navigation-context';
+import { PinnedNavigationConfig } from './interface';
 export interface LayoutSidebarProps {
     className?: string;
     top?: ReactElement[];
+    /**
+     * Destinations rendered above the divider, ahead of `top`.
+     *
+     * Separate from `top` rather than widening it: that one takes elements a host builds itself
+     * and renders them as-is, which is what a bespoke control needs. This takes navigation items
+     * and puts them through the same renderer as `mainItems`, so one with pages beneath it is an
+     * expandable group instead of being flattened to a bare link.
+     */
+    topItems?: NavigationItemData[];
+    /** Whether the rail shows the scroll and overflow-notification indicators. */
+    scrollIndicators?: boolean;
     bottom?: ReactElement;
     mainItems?: NavigationItemData[];
+    pinnedNavigation?: PinnedNavigationConfig;
     barExpanded: boolean;
     submenusOpened: string[] | undefined;
     drawerOpened: boolean;
@@ -15,6 +28,7 @@ export interface LayoutSidebarProps {
     onBarExpandChange(expanded: boolean): void;
     onDrawerOpenChange(expanded: boolean): void;
     onSubmenuOpenChange(id: string, opened: boolean): void;
+    onSubmenusOpenChange?(ids: string[], opened: boolean): void;
     onNavigationLinkClick?(itemId: string, submenuItemId?: string): void;
 }
 export declare const LayoutSidebar: FC<LayoutSidebarProps>;

package/dist/components/titan-layout/layout-sidebar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layout-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,EAAY,EAAE,EAAY,YAAY,EAAkB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAyB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;~~AAYvE~~,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;~~IACrB~~,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvD,qBAAqB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,~~CA2GhD~~,CAAC"}
1	+ {"version":3,"file":"layout-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,EAAE,EAAY,YAAY,EAAkB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAyB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAcrD,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IAErB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAEhC,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvD,oBAAoB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5D,qBAAqB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8KhD,CAAC"}