@flipdish/ui-library 0.5.0 → 0.6.1
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.
- package/dist/components/molecules/EmptyState/index.cjs +1 -1
- package/dist/components/molecules/EmptyState/index.cjs.map +1 -1
- package/dist/components/molecules/EmptyState/index.js +1 -1
- package/dist/components/molecules/EmptyState/index.js.map +1 -1
- package/dist/components/molecules/ProgressSteps/index.cjs.map +1 -1
- package/dist/components/molecules/ProgressSteps/index.d.ts.map +1 -1
- package/dist/components/molecules/ProgressSteps/index.js.map +1 -1
- package/dist/components/organisms/ActivityFeed/index.d.ts +1 -2
- package/dist/components/organisms/ActivityFeed/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/index.cjs +16 -6
- package/dist/components/organisms/Calendar/index.cjs.map +1 -1
- package/dist/components/organisms/Calendar/index.d.ts +8 -2
- package/dist/components/organisms/Calendar/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/index.js +16 -6
- package/dist/components/organisms/Calendar/index.js.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.js.map +1 -1
- package/dist/components/organisms/Charts/components/metrics.cjs +127 -0
- package/dist/components/organisms/Charts/components/metrics.cjs.map +1 -0
- package/dist/components/organisms/Charts/components/metrics.d.ts +13 -2
- package/dist/components/organisms/Charts/components/metrics.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/metrics.js +116 -0
- package/dist/components/organisms/Charts/components/metrics.js.map +1 -0
- package/dist/components/organisms/Charts/components/pie-chart.cjs +35 -69
- package/dist/components/organisms/Charts/components/pie-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.d.ts +45 -33
- package/dist/components/organisms/Charts/components/pie-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.js +30 -66
- package/dist/components/organisms/Charts/components/pie-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.js.map +1 -1
- package/dist/components/organisms/Charts/index.cjs +17 -4
- package/dist/components/organisms/Charts/index.cjs.map +1 -1
- package/dist/components/organisms/Charts/index.d.ts +1 -0
- package/dist/components/organisms/Charts/index.d.ts.map +1 -1
- package/dist/components/organisms/Charts/index.js +2 -1
- package/dist/components/organisms/Charts/index.js.map +1 -1
- package/dist/components/organisms/ColorPicker/index.d.ts +1 -1
- package/dist/components/organisms/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/CommandMenu/commandMenu.utils.cjs +1 -0
- package/dist/components/organisms/CommandMenu/commandMenu.utils.cjs.map +1 -1
- package/dist/components/organisms/CommandMenu/commandMenu.utils.d.ts +1 -1
- package/dist/components/organisms/CommandMenu/commandMenu.utils.d.ts.map +1 -1
- package/dist/components/organisms/CommandMenu/commandMenu.utils.js +1 -0
- package/dist/components/organisms/CommandMenu/commandMenu.utils.js.map +1 -1
- package/dist/components/organisms/CommandMenu/index.cjs +2 -2
- package/dist/components/organisms/CommandMenu/index.cjs.map +1 -1
- package/dist/components/organisms/CommandMenu/index.d.ts +1 -1
- package/dist/components/organisms/CommandMenu/index.d.ts.map +1 -1
- package/dist/components/organisms/CommandMenu/index.js +2 -2
- package/dist/components/organisms/CommandMenu/index.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/date-range-picker.cjs +82 -0
- package/dist/components/organisms/DatePicker/components/date-range-picker.cjs.map +1 -0
- package/dist/components/organisms/DatePicker/components/date-range-picker.js +80 -0
- package/dist/components/organisms/DatePicker/components/date-range-picker.js.map +1 -0
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs +8 -0
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.js +8 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.js.map +1 -1
- package/dist/components/organisms/DatePicker/index.cjs +8 -0
- package/dist/components/organisms/DatePicker/index.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/index.d.ts +8 -1
- package/dist/components/organisms/DatePicker/index.d.ts.map +1 -1
- package/dist/components/organisms/DatePicker/index.js +7 -0
- package/dist/components/organisms/DatePicker/index.js.map +1 -1
- package/dist/components/organisms/FileUpload/index.cjs +1 -1
- package/dist/components/organisms/FileUpload/index.cjs.map +1 -1
- package/dist/components/organisms/FileUpload/index.js +1 -1
- package/dist/components/organisms/FileUpload/index.js.map +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.cjs +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.cjs.map +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.js +1 -1
- package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.js.map +1 -1
- package/dist/components/organisms/FilterBar/index.cjs +1 -1
- package/dist/components/organisms/FilterBar/index.cjs.map +1 -1
- package/dist/components/organisms/FilterBar/index.d.ts +1 -0
- package/dist/components/organisms/FilterBar/index.d.ts.map +1 -1
- package/dist/components/organisms/FilterBar/index.js +1 -1
- package/dist/components/organisms/FilterBar/index.js.map +1 -1
- package/dist/components/organisms/GradientPicker/index.cjs +1 -1
- package/dist/components/organisms/GradientPicker/index.cjs.map +1 -1
- package/dist/components/organisms/GradientPicker/index.js +1 -1
- package/dist/components/organisms/GradientPicker/index.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs +5 -21
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.d.ts +28 -4
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.d.ts.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js +6 -22
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.cjs +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.js +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.cjs +6 -4
- package/dist/components/organisms/HeaderNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.d.ts +23 -3
- package/dist/components/organisms/HeaderNavigation/index.d.ts.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.js +6 -6
- package/dist/components/organisms/HeaderNavigation/index.js.map +1 -1
- package/dist/components/organisms/ImagePicker/imagePicker.utils.cjs +1 -1
- package/dist/components/organisms/ImagePicker/imagePicker.utils.cjs.map +1 -1
- package/dist/components/organisms/ImagePicker/imagePicker.utils.js +1 -1
- package/dist/components/organisms/ImagePicker/imagePicker.utils.js.map +1 -1
- package/dist/components/organisms/Messaging/index.cjs +1 -1
- package/dist/components/organisms/Messaging/index.cjs.map +1 -1
- package/dist/components/organisms/Messaging/index.d.ts +1 -1
- package/dist/components/organisms/Messaging/index.d.ts.map +1 -1
- package/dist/components/organisms/Messaging/index.js +1 -1
- package/dist/components/organisms/Messaging/index.js.map +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.cjs +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.cjs.map +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.js +1 -1
- package/dist/components/organisms/PageHeader/components/page-header-simple.js.map +1 -1
- package/dist/components/organisms/PageHeader/index.cjs +1 -1
- package/dist/components/organisms/PageHeader/index.d.ts +1 -1
- package/dist/components/organisms/PageHeader/index.d.ts.map +1 -1
- package/dist/components/organisms/PageHeader/index.js +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.cjs +14 -24
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.d.ts +49 -4
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.js +16 -26
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.cjs +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.js +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.cjs +2 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.d.ts +4 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.js +2 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-dual-tier.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.cjs +3 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.d.ts +6 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.js +3 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.cjs +2 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.d.ts +6 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.js +2 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.cjs +2 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.d.ts +5 -5
- package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.js +2 -2
- package/dist/components/organisms/SidebarNavigation/components/sidebar-simple.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.cjs +6 -8
- package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.d.ts +4 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.js +8 -10
- package/dist/components/organisms/SidebarNavigation/components/sidebar-slim.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.cjs +10 -5
- package/dist/components/organisms/SidebarNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.d.ts +7 -5
- package/dist/components/organisms/SidebarNavigation/index.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.js +7 -5
- package/dist/components/organisms/SidebarNavigation/index.js.map +1 -1
- package/dist/components/organisms/SlideoutMenu/index.d.ts +2 -2
- package/dist/components/organisms/SlideoutMenu/index.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-toolbar.d.ts +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-toolbar.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/index.cjs +2 -2
- package/dist/components/organisms/TextEditor/index.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/index.js +2 -2
- package/dist/components/organisms/TextEditor/index.js.map +1 -1
- package/dist/components/organisms/TreeView/index.cjs +1 -1
- package/dist/components/organisms/TreeView/index.cjs.map +1 -1
- package/dist/components/organisms/TreeView/index.d.ts +2 -2
- package/dist/components/organisms/TreeView/index.d.ts.map +1 -1
- package/dist/components/organisms/TreeView/index.js +1 -1
- package/dist/components/organisms/TreeView/index.js.map +1 -1
- package/dist/components/organisms/TreeView/treeView.utils.cjs +2 -0
- package/dist/components/organisms/TreeView/treeView.utils.cjs.map +1 -1
- package/dist/components/organisms/TreeView/treeView.utils.d.ts.map +1 -1
- package/dist/components/organisms/TreeView/treeView.utils.js +2 -0
- package/dist/components/organisms/TreeView/treeView.utils.js.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.d.ts +1 -2
- package/dist/components/organisms/VideoPlayer/index.d.ts.map +1 -1
- package/dist/components/templates/NotFoundPage/index.cjs +3 -1
- package/dist/components/templates/NotFoundPage/index.cjs.map +1 -1
- package/dist/components/templates/NotFoundPage/index.d.ts +2 -0
- package/dist/components/templates/NotFoundPage/index.d.ts.map +1 -1
- package/dist/components/templates/NotFoundPage/index.js +3 -1
- package/dist/components/templates/NotFoundPage/index.js.map +1 -1
- package/dist/components/templates/PageLayout/index.cjs +2 -0
- package/dist/components/templates/PageLayout/index.cjs.map +1 -1
- package/dist/components/templates/PageLayout/index.d.ts +3 -1
- package/dist/components/templates/PageLayout/index.d.ts.map +1 -1
- package/dist/components/templates/PageLayout/index.js +2 -0
- package/dist/components/templates/PageLayout/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { FC } from 'react';
|
|
1
2
|
import type { DialogProps as AriaDialogProps, Placement } from 'react-aria-components';
|
|
2
3
|
export type NavAccountType = {
|
|
3
4
|
/** Unique identifier for the nav item. */
|
|
@@ -11,15 +12,59 @@ export type NavAccountType = {
|
|
|
11
12
|
/** Online status of the account holder. This is used to display the online status indicator. */
|
|
12
13
|
status: 'online' | 'offline';
|
|
13
14
|
};
|
|
14
|
-
export
|
|
15
|
+
export type NavAccountMenuItemType = {
|
|
16
|
+
/** Label text for the menu item. */
|
|
17
|
+
label: string;
|
|
18
|
+
/** Icon component to display. */
|
|
19
|
+
icon?: FC<{
|
|
20
|
+
className?: string;
|
|
21
|
+
}>;
|
|
22
|
+
/** Keyboard shortcut hint to display. */
|
|
23
|
+
shortcut?: string;
|
|
24
|
+
/** Click handler. */
|
|
25
|
+
onClick?: () => void;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Structured account configuration shared by every sidebar variant. Mirrors the
|
|
29
|
+
* `account` prop on `HeaderNavigation` so both organisms are driven identically.
|
|
30
|
+
*/
|
|
31
|
+
export type NavAccountData = {
|
|
32
|
+
/** Accounts to display in the "Switch account" list. */
|
|
33
|
+
accounts: NavAccountType[];
|
|
34
|
+
/** ID of the currently active account. Must match one of the `accounts` ids. */
|
|
35
|
+
selectedAccountId: string;
|
|
36
|
+
/** Top-section menu items (e.g. View profile, Settings). */
|
|
37
|
+
menuItems?: NavAccountMenuItemType[];
|
|
38
|
+
/** Bottom-section menu items (e.g. Sign out). */
|
|
39
|
+
bottomMenuItems?: NavAccountMenuItemType[];
|
|
40
|
+
};
|
|
41
|
+
export declare const NavAccountMenu: ({ className, selectedAccountId, accounts, menuItems, bottomMenuItems, ...dialogProps }: AriaDialogProps & {
|
|
15
42
|
className?: string;
|
|
43
|
+
/** Accounts to display in the "Switch account" list. */
|
|
16
44
|
accounts?: NavAccountType[];
|
|
17
45
|
selectedAccountId?: string;
|
|
46
|
+
/** Top-section menu items (e.g. View profile, Settings). */
|
|
47
|
+
menuItems?: NavAccountMenuItemType[];
|
|
48
|
+
/** Bottom-section menu items (e.g. Sign out). */
|
|
49
|
+
bottomMenuItems?: NavAccountMenuItemType[];
|
|
18
50
|
}) => import("react").JSX.Element;
|
|
19
|
-
export declare const NavAccountCard: ({ popoverPlacement, selectedAccountId, items, avatarRounded, }: {
|
|
51
|
+
export declare const NavAccountCard: ({ popoverPlacement, selectedAccountId, items, avatarRounded, menuItems, bottomMenuItems, variant, }: {
|
|
20
52
|
popoverPlacement?: Placement;
|
|
21
|
-
|
|
22
|
-
|
|
53
|
+
/** ID of the currently active account. Must match one of the `items` ids. */
|
|
54
|
+
selectedAccountId: string;
|
|
55
|
+
/** Accounts to display in the "Switch account" list. */
|
|
56
|
+
items: NavAccountType[];
|
|
23
57
|
avatarRounded?: boolean;
|
|
58
|
+
/** Top-section menu items (e.g. View profile, Settings). */
|
|
59
|
+
menuItems?: NavAccountMenuItemType[];
|
|
60
|
+
/** Bottom-section menu items (e.g. Sign out). */
|
|
61
|
+
bottomMenuItems?: NavAccountMenuItemType[];
|
|
62
|
+
/**
|
|
63
|
+
* Rendering mode.
|
|
64
|
+
* - `full` — avatar with name, email, and a chevron trigger (default).
|
|
65
|
+
* - `avatar` — a compact avatar-only trigger for slim rails.
|
|
66
|
+
* @default 'full'
|
|
67
|
+
*/
|
|
68
|
+
variant?: "full" | "avatar";
|
|
24
69
|
}) => import("react").JSX.Element | null;
|
|
25
70
|
//# sourceMappingURL=nav-account-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-account-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-account-card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"nav-account-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-account-card.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvF,MAAM,MAAM,cAAc,GAAG;IAC3B,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,wDAAwD;IACxD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,gFAAgF;IAChF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,wFAO5B,eAAe,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAC5C,gCAiFA,CAAC;AA0CF,eAAO,MAAM,cAAc,GAAI,qGAQ5B;IACD,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6EAA6E;IAC7E,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC3C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC7B,uCAwDA,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ChevronSelectorVertical,
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { ChevronSelectorVertical, Plus } from '@flipdish/ui-icons';
|
|
3
|
+
import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
|
|
3
4
|
import { AvatarLabelGroup } from '@flipdish/ui-library/components/atoms/Avatar/components/avatar-label-group';
|
|
4
5
|
import { Button as Button$1 } from '@flipdish/ui-library/components/atoms/Button';
|
|
5
6
|
import { RadioButtonBase } from '@flipdish/ui-library/components/atoms/RadioButton';
|
|
@@ -9,23 +10,7 @@ import { useFocusManager } from '@react-aria/focus';
|
|
|
9
10
|
import { useRef, useCallback, useEffect } from 'react';
|
|
10
11
|
import { DialogTrigger, Button, Popover, Dialog } from 'react-aria-components';
|
|
11
12
|
|
|
12
|
-
const
|
|
13
|
-
{
|
|
14
|
-
id: 'caitlyn',
|
|
15
|
-
name: 'Caitlyn King',
|
|
16
|
-
email: 'caitlyn@untitledui.com',
|
|
17
|
-
avatar: 'https://www.untitledui.com/images/avatars/caitlyn-king?fm=webp&q=80',
|
|
18
|
-
status: 'online',
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
id: 'sienna',
|
|
22
|
-
name: 'Sienna Hewitt',
|
|
23
|
-
email: 'sienna@untitledui.com',
|
|
24
|
-
avatar: 'https://www.untitledui.com/images/avatars/transparent/sienna-hewitt?bg=%23E0E0E0',
|
|
25
|
-
status: 'online',
|
|
26
|
-
},
|
|
27
|
-
];
|
|
28
|
-
const NavAccountMenu = ({ className, selectedAccountId = 'olivia', ...dialogProps }) => {
|
|
13
|
+
const NavAccountMenu = ({ className, selectedAccountId, accounts = [], menuItems = [], bottomMenuItems = [], ...dialogProps }) => {
|
|
29
14
|
const focusManager = useFocusManager();
|
|
30
15
|
const dialogRef = useRef(null);
|
|
31
16
|
const onKeyDown = useCallback((e) => {
|
|
@@ -49,16 +34,19 @@ const NavAccountMenu = ({ className, selectedAccountId = 'olivia', ...dialogProp
|
|
|
49
34
|
}
|
|
50
35
|
};
|
|
51
36
|
}, [onKeyDown]);
|
|
52
|
-
return (jsxs(Dialog, { ...dialogProps, ref: dialogRef, className: cx('w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden', className), children: [jsxs("div", { className: "rounded-xl bg-primary ring-1 ring-secondary", children: [
|
|
53
|
-
// biome-ignore lint/a11y/useButtonType:
|
|
54
|
-
jsxs("button", { className: cx('relative w-full cursor-pointer rounded-md px-2 py-1.5 text-left outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2 focus-visible:outline-offset-2', account.id === selectedAccountId && 'bg-primary_hover'), children: [jsx(AvatarLabelGroup, { status:
|
|
37
|
+
return (jsxs(Dialog, { ...dialogProps, ref: dialogRef, className: cx('w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden', className), children: [jsxs("div", { className: "rounded-xl bg-primary ring-1 ring-secondary", children: [menuItems.length > 0 && (jsx("div", { className: "flex flex-col gap-0.5 py-1.5", children: menuItems.map((item) => (jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, onClick: item.onClick }, item.label))) })), jsxs("div", { className: cx('flex flex-col gap-0.5 py-1.5', menuItems.length > 0 && 'border-t border-secondary'), children: [jsx("div", { className: "px-3 pt-1.5 pb-1 text-xs font-semibold text-tertiary", children: "Switch account" }), jsx("div", { className: "flex flex-col gap-0.5 px-1.5", children: accounts.map((account) => (
|
|
38
|
+
// biome-ignore lint/a11y/useButtonType: using a button element for the account switch
|
|
39
|
+
jsxs("button", { className: cx('relative w-full cursor-pointer rounded-md px-2 py-1.5 text-left outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2 focus-visible:outline-offset-2', account.id === selectedAccountId && 'bg-primary_hover'), children: [jsx(AvatarLabelGroup, { status: account.status, size: "md", src: account.avatar, title: account.name, subtitle: account.email }), jsx(RadioButtonBase, { isSelected: account.id === selectedAccountId, className: "absolute top-2 right-2" })] }, account.id))) })] }), jsx("div", { className: "flex flex-col gap-2 px-2 pt-0.5 pb-2", children: jsx(Button$1, { iconLeading: Plus, color: "secondary", size: "sm", children: "Add account" }) })] }), bottomMenuItems.length > 0 && (jsx("div", { className: "pt-1 pb-1.5", children: bottomMenuItems.map((item) => (jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, onClick: item.onClick }, item.label))) }))] }));
|
|
55
40
|
};
|
|
56
41
|
const NavAccountCardMenuItem = ({ icon: Icon, label, shortcut, ...buttonProps }) => {
|
|
57
42
|
return (jsx("button", { ...buttonProps, className: cx('group/item w-full cursor-pointer px-1.5 focus:outline-hidden', buttonProps.className), children: jsxs("div", { className: cx('flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-primary_hover',
|
|
58
43
|
// Focus styles.
|
|
59
44
|
'outline-focus-ring group-focus-visible/item:outline-2 group-focus-visible/item:outline-offset-2'), children: [jsxs("div", { className: "flex gap-2 text-sm font-semibold text-secondary group-hover/item:text-secondary_hover", children: [Icon && jsx(Icon, { className: "size-5 text-fg-quaternary group-hover/item:text-fg-quaternary_hover" }), " ", label] }), shortcut && (jsx("kbd", { className: "flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset", children: shortcut }))] }) }));
|
|
60
45
|
};
|
|
61
|
-
const
|
|
46
|
+
const POPOVER_ANIMATION = ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
|
|
47
|
+
'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
|
|
48
|
+
'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5');
|
|
49
|
+
const NavAccountCard = ({ popoverPlacement, selectedAccountId, items, avatarRounded, menuItems, bottomMenuItems, variant = 'full', }) => {
|
|
62
50
|
const triggerRef = useRef(null);
|
|
63
51
|
const isDesktop = useBreakpoint('lg');
|
|
64
52
|
const selectedAccount = items.find((account) => account.id === selectedAccountId);
|
|
@@ -66,9 +54,11 @@ const NavAccountCard = ({ popoverPlacement, selectedAccountId = 'caitlyn', items
|
|
|
66
54
|
console.warn(`Account with ID ${selectedAccountId} not found in <NavAccountCard />`);
|
|
67
55
|
return null;
|
|
68
56
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
57
|
+
const menu = jsx(NavAccountMenu, { selectedAccountId: selectedAccountId, accounts: items, menuItems: menuItems, bottomMenuItems: bottomMenuItems });
|
|
58
|
+
if (variant === 'avatar') {
|
|
59
|
+
return (jsxs(DialogTrigger, { children: [jsx(Button, { className: ({ isPressed, isFocused }) => cx('group relative inline-flex rounded-full', (isPressed || isFocused) && 'outline-2 outline-offset-2 outline-focus-ring'), children: jsx(Avatar, { border: true, status: selectedAccount.status, src: selectedAccount.avatar, size: "md", alt: selectedAccount.name, rounded: avatarRounded }) }), jsx(Popover, { placement: popoverPlacement ?? 'right bottom', offset: 8, crossOffset: 6, className: POPOVER_ANIMATION, children: menu })] }));
|
|
60
|
+
}
|
|
61
|
+
return (jsxs("div", { ref: triggerRef, className: "relative flex items-center gap-3 rounded-xl p-3 ring-1 ring-secondary ring-inset", children: [jsx(AvatarLabelGroup, { size: "md", src: selectedAccount.avatar, title: selectedAccount.name, subtitle: selectedAccount.email, status: selectedAccount.status, rounded: avatarRounded }), jsxs(DialogTrigger, { children: [jsx(Button, { className: "absolute top-2 right-2 flex cursor-pointer items-center justify-center rounded-md p-1.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 pressed:bg-primary_hover pressed:text-fg-quaternary_hover", children: jsx(ChevronSelectorVertical, { className: "size-4 shrink-0 stroke-[2.25px]" }) }), jsx(Popover, { placement: popoverPlacement ?? (isDesktop ? 'right bottom' : 'top right'), triggerRef: triggerRef, offset: 8, className: POPOVER_ANIMATION, children: menu })] })] }));
|
|
72
62
|
};
|
|
73
63
|
|
|
74
64
|
export { NavAccountCard, NavAccountMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-account-card.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-account-card.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialog","_jsx","Button","AriaDialogTrigger","AriaButton","AriaPopover"],"mappings":"
|
|
1
|
+
{"version":3,"file":"nav-account-card.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-account-card.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialog","_jsx","Button","AriaDialogTrigger","AriaButton","AriaPopover"],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ const NavItemBase = ({ current, type, badge, href, icon: Icon, children, truncat
|
|
|
14
14
|
const iconElement = Icon && (jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: cx.cx('mr-2 size-5 shrink-0 text-fg-quaternary transition-inherit-all group-hover/item:text-fg-quaternary_hover', current && 'text-fg-quaternary_hover') }));
|
|
15
15
|
const badgeElement = badge && (typeof badge === 'string' || typeof badge === 'number') ? (jsxRuntime.jsx(Badge.Badge, { className: "ml-3", color: "gray", type: "pill-color", size: "sm", children: badge })) : (badge);
|
|
16
16
|
const labelElement = (jsxRuntime.jsx("span", { className: cx.cx('flex-1 text-sm font-semibold text-secondary transition-inherit-all group-hover/item:text-secondary_hover', truncate && 'truncate', current && 'text-secondary_hover'), children: children }));
|
|
17
|
-
const isExternal = href
|
|
17
|
+
const isExternal = href?.startsWith('http');
|
|
18
18
|
const externalIcon = isExternal && jsxRuntime.jsx(uiIcons.Share04, { className: "size-4 stroke-[2.5px] text-fg-quaternary" });
|
|
19
19
|
if (type === 'collapsible') {
|
|
20
20
|
return (
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-item.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-item.tsx"],"sourcesContent":[null],"names":["sortCx","_jsx","cx","Badge","Share04","_jsxs","ChevronDown","AriaLink"],"mappings":";;;;;;;;AAQA,MAAM,MAAM,GAAGA,SAAM,CAAC;AACpB,IAAA,IAAI,EAAE,0PAA0P;AAChQ,IAAA,YAAY,EAAE,uCAAuC;AACtD,CAAA,CAAC;AAyBK,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,OAAO,EAAoB,KAAI;IAC9H,MAAM,WAAW,GAAG,IAAI,KACtBC,cAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EACS,MAAM,EAClB,SAAS,EAAEC,KAAE,CACX,0GAA0G,EAC1G,OAAO,IAAI,0BAA0B,CACtC,EAAA,CACD,CACH;IAED,MAAM,YAAY,GAChB,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,IAC/DD,cAAA,CAACE,WAAK,EAAA,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC7D,KAAK,GACA,KAER,KAAK,CACN;IAEH,MAAM,YAAY,IAChBF,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,0GAA0G,EAC1G,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,sBAAsB,CAClC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR;IAED,MAAM,UAAU,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"nav-item.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-item.tsx"],"sourcesContent":[null],"names":["sortCx","_jsx","cx","Badge","Share04","_jsxs","ChevronDown","AriaLink"],"mappings":";;;;;;;;AAQA,MAAM,MAAM,GAAGA,SAAM,CAAC;AACpB,IAAA,IAAI,EAAE,0PAA0P;AAChQ,IAAA,YAAY,EAAE,uCAAuC;AACtD,CAAA,CAAC;AAyBK,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,OAAO,EAAoB,KAAI;IAC9H,MAAM,WAAW,GAAG,IAAI,KACtBC,cAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EACS,MAAM,EAClB,SAAS,EAAEC,KAAE,CACX,0GAA0G,EAC1G,OAAO,IAAI,0BAA0B,CACtC,EAAA,CACD,CACH;IAED,MAAM,YAAY,GAChB,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,IAC/DD,cAAA,CAACE,WAAK,EAAA,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC7D,KAAK,GACA,KAER,KAAK,CACN;IAEH,MAAM,YAAY,IAChBF,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,0GAA0G,EAC1G,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,sBAAsB,CAClC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR;IAED,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;IAC3C,MAAM,YAAY,GAAG,UAAU,IAAID,cAAA,CAACG,eAAO,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,CAAG;AAEnG,IAAA,IAAI,IAAI,KAAK,aAAa,EAAE;QAC1B;;AAEE,QAAAC,eAAA,CAAA,SAAA,EAAA,EAAS,SAAS,EAAEH,KAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAAA,CACzF,WAAW,EAEX,YAAY,EAEZ,YAAY,EAEbD,cAAA,CAACK,mBAAW,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,6EAA6E,EAAA,CAAG,CAAA,EAAA,CAClH;IAEd;AAEA,IAAA,IAAI,IAAI,KAAK,mBAAmB,EAAE;AAChC,QAAA,QACED,eAAA,CAACE,wBAAQ,EAAA,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,EACvC,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAEL,KAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,EAC7E,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,OAAO,GAAG,MAAM,GAAG,SAAS,EAAA,QAAA,EAAA,CAEzC,YAAY,EACZ,YAAY,EACZ,YAAY,CAAA,EAAA,CACJ;IAEf;AAEA,IAAA,QACEG,eAAA,CAACE,wBAAQ,EAAA,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,EACvC,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAEL,KAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,EAC5E,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,OAAO,GAAG,MAAM,GAAG,SAAS,EAAA,QAAA,EAAA,CAEzC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,CAAA,EAAA,CACJ;AAEf;;;;"}
|
|
@@ -12,7 +12,7 @@ const NavItemBase = ({ current, type, badge, href, icon: Icon, children, truncat
|
|
|
12
12
|
const iconElement = Icon && (jsx(Icon, { "aria-hidden": "true", className: cx('mr-2 size-5 shrink-0 text-fg-quaternary transition-inherit-all group-hover/item:text-fg-quaternary_hover', current && 'text-fg-quaternary_hover') }));
|
|
13
13
|
const badgeElement = badge && (typeof badge === 'string' || typeof badge === 'number') ? (jsx(Badge, { className: "ml-3", color: "gray", type: "pill-color", size: "sm", children: badge })) : (badge);
|
|
14
14
|
const labelElement = (jsx("span", { className: cx('flex-1 text-sm font-semibold text-secondary transition-inherit-all group-hover/item:text-secondary_hover', truncate && 'truncate', current && 'text-secondary_hover'), children: children }));
|
|
15
|
-
const isExternal = href
|
|
15
|
+
const isExternal = href?.startsWith('http');
|
|
16
16
|
const externalIcon = isExternal && jsx(Share04, { className: "size-4 stroke-[2.5px] text-fg-quaternary" });
|
|
17
17
|
if (type === 'collapsible') {
|
|
18
18
|
return (
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-item.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-item.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaLink"],"mappings":";;;;;;AAQA,MAAM,MAAM,GAAG,MAAM,CAAC;AACpB,IAAA,IAAI,EAAE,0PAA0P;AAChQ,IAAA,YAAY,EAAE,uCAAuC;AACtD,CAAA,CAAC;AAyBK,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,OAAO,EAAoB,KAAI;IAC9H,MAAM,WAAW,GAAG,IAAI,KACtBA,GAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EACS,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,OAAO,IAAI,0BAA0B,CACtC,EAAA,CACD,CACH;IAED,MAAM,YAAY,GAChB,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,IAC/DA,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC7D,KAAK,GACA,KAER,KAAK,CACN;IAEH,MAAM,YAAY,IAChBA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,sBAAsB,CAClC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR;IAED,MAAM,UAAU,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"nav-item.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/nav-item.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaLink"],"mappings":";;;;;;AAQA,MAAM,MAAM,GAAG,MAAM,CAAC;AACpB,IAAA,IAAI,EAAE,0PAA0P;AAChQ,IAAA,YAAY,EAAE,uCAAuC;AACtD,CAAA,CAAC;AAyBK,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,OAAO,EAAoB,KAAI;IAC9H,MAAM,WAAW,GAAG,IAAI,KACtBA,GAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EACS,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,OAAO,IAAI,0BAA0B,CACtC,EAAA,CACD,CACH;IAED,MAAM,YAAY,GAChB,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,IAC/DA,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC7D,KAAK,GACA,KAER,KAAK,CACN;IAEH,MAAM,YAAY,IAChBA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,sBAAsB,CAClC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR;IAED,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;IAC3C,MAAM,YAAY,GAAG,UAAU,IAAIA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,CAAG;AAEnG,IAAA,IAAI,IAAI,KAAK,aAAa,EAAE;QAC1B;;AAEE,QAAAC,IAAA,CAAA,SAAA,EAAA,EAAS,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAAA,CACzF,WAAW,EAEX,YAAY,EAEZ,YAAY,EAEbD,GAAA,CAAC,WAAW,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,6EAA6E,EAAA,CAAG,CAAA,EAAA,CAClH;IAEd;AAEA,IAAA,IAAI,IAAI,KAAK,mBAAmB,EAAE;AAChC,QAAA,QACEC,IAAA,CAACC,IAAQ,EAAA,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,EACvC,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,EAC7E,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,OAAO,GAAG,MAAM,GAAG,SAAS,EAAA,QAAA,EAAA,CAEzC,YAAY,EACZ,YAAY,EACZ,YAAY,CAAA,EAAA,CACJ;IAEf;AAEA,IAAA,QACED,IAAA,CAACC,IAAQ,EAAA,EACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,EACvC,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,EAC5E,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,OAAO,GAAG,MAAM,GAAG,SAAS,EAAA,QAAA,EAAA,CAEzC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,CAAA,EAAA,CACJ;AAEf;;;;"}
|
|
@@ -12,7 +12,7 @@ var navAccountCard = require('./nav-account-card.cjs');
|
|
|
12
12
|
var navItem = require('./nav-item.cjs');
|
|
13
13
|
var navList = require('./nav-list.cjs');
|
|
14
14
|
|
|
15
|
-
const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems = [], featureCard }) => {
|
|
15
|
+
const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems = [], featureCard, account, }) => {
|
|
16
16
|
const activeItem = [...items, ...footerItems].find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
|
|
17
17
|
const [currentItem, setCurrentItem] = React.useState(activeItem || items[1]);
|
|
18
18
|
const [isHovering, setIsHovering] = React.useState(false);
|
|
@@ -21,7 +21,7 @@ const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems =
|
|
|
21
21
|
const SECONDARY_SIDEBAR_WIDTH = 256;
|
|
22
22
|
const mainSidebar = (jsxRuntime.jsx("aside", { className: "group flex h-full max-h-full max-w-full overflow-y-auto bg-primary", children: jsxRuntime.jsxs("div", { style: {
|
|
23
23
|
'--width': `${MAIN_SIDEBAR_WIDTH}px`,
|
|
24
|
-
}, className: cx.cx('relative flex w-full flex-col border-r border-secondary pt-4 transition duration-300 lg:w-(--width) lg:pt-6', hideBorder && !isSecondarySidebarVisible && 'border-transparent'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-8" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items, className: "lg:hidden" }), jsxRuntime.jsx("ul", { className: "mt-4 hidden flex-col px-4 lg:flex", children: items.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) })), featureCard, jsxRuntime.jsx(navAccountCard.NavAccountCard, {})] })] }) }));
|
|
24
|
+
}, className: cx.cx('relative flex w-full flex-col border-r border-secondary pt-4 transition duration-300 lg:w-(--width) lg:pt-6', hideBorder && !isSecondarySidebarVisible && 'border-transparent'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-8" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items, className: "lg:hidden" }), jsxRuntime.jsx("ul", { className: "mt-4 hidden flex-col px-4 lg:flex", children: items.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) })), featureCard, account && (jsxRuntime.jsx(navAccountCard.NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] })] }) }));
|
|
25
25
|
const secondarySidebar = (jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: isSecondarySidebarVisible && (jsxRuntime.jsx(react.motion.div, { initial: { width: 0, borderColor: 'var(--color-border-secondary)' }, animate: { width: SECONDARY_SIDEBAR_WIDTH, borderColor: 'var(--color-border-secondary)' }, exit: { width: 0, borderColor: 'rgba(0,0,0,0)', transition: { borderColor: { type: 'tween', delay: 0.05 } } }, transition: { type: 'spring', damping: 26, stiffness: 220, bounce: 0 }, className: cx.cx('relative h-full overflow-x-hidden overflow-y-auto bg-primary', !hideBorder && 'box-content border-r-[1.5px]'), children: jsxRuntime.jsx("ul", { style: { width: SECONDARY_SIDEBAR_WIDTH }, className: "flex h-full flex-col p-4 py-6", children: currentItem.items?.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { current: activeUrl === item.href, href: item.href, icon: item.icon, badge: item.badge, type: "link", children: item.label }) }, item.label + item.href))) }) })) }));
|
|
26
26
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: mainSidebar }), jsxRuntime.jsxs("div", { className: "z-50 hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", onPointerEnter: () => setIsHovering(true), onPointerLeave: () => setIsHovering(false), children: [mainSidebar, secondarySidebar] }), jsxRuntime.jsx("div", { style: {
|
|
27
27
|
paddingLeft: MAIN_SIDEBAR_WIDTH,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-dual-tier.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"sourcesContent":[null],"names":["useState","_jsx","_jsxs","cx","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","AnimatePresence","motion","_Fragment","MobileNavigationHeader"],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"sidebar-dual-tier.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"sourcesContent":[null],"names":["useState","_jsx","_jsxs","cx","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","AnimatePresence","motion","_Fragment","MobileNavigationHeader"],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import type { NavItemType } from '../sidebarNavigation.types';
|
|
3
|
+
import { type NavAccountData } from './nav-account-card';
|
|
3
4
|
interface SidebarNavigationDualTierProps {
|
|
4
5
|
/** URL of the currently active item. */
|
|
5
6
|
activeUrl?: string;
|
|
@@ -9,9 +10,11 @@ interface SidebarNavigationDualTierProps {
|
|
|
9
10
|
items: NavItemType[];
|
|
10
11
|
/** List of footer items to display. */
|
|
11
12
|
footerItems?: NavItemType[];
|
|
13
|
+
/** Account configuration for the card at the bottom of the sidebar. When omitted the account card is not rendered. */
|
|
14
|
+
account?: NavAccountData;
|
|
12
15
|
/** Whether to hide the right side border. */
|
|
13
16
|
hideBorder?: boolean;
|
|
14
17
|
}
|
|
15
|
-
export declare const SidebarNavigationDualTier: ({ activeUrl, hideBorder, items, footerItems, featureCard }: SidebarNavigationDualTierProps) => import("react").JSX.Element;
|
|
18
|
+
export declare const SidebarNavigationDualTier: ({ activeUrl, hideBorder, items, footerItems, featureCard, account, }: SidebarNavigationDualTierProps) => import("react").JSX.Element;
|
|
16
19
|
export {};
|
|
17
20
|
//# sourceMappingURL=sidebar-dual-tier.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-dual-tier.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"sidebar-dual-tier.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzE,UAAU,8BAA8B;IACtC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,sHAAsH;IACtH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,yBAAyB,GAAI,sEAOvC,8BAA8B,gCAiIhC,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { NavAccountCard } from './nav-account-card.js';
|
|
|
10
10
|
import { NavItemBase } from './nav-item.js';
|
|
11
11
|
import { NavList } from './nav-list.js';
|
|
12
12
|
|
|
13
|
-
const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems = [], featureCard }) => {
|
|
13
|
+
const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems = [], featureCard, account, }) => {
|
|
14
14
|
const activeItem = [...items, ...footerItems].find((item) => item.href === activeUrl || item.items?.some((subItem) => subItem.href === activeUrl));
|
|
15
15
|
const [currentItem, setCurrentItem] = useState(activeItem || items[1]);
|
|
16
16
|
const [isHovering, setIsHovering] = useState(false);
|
|
@@ -19,7 +19,7 @@ const SidebarNavigationDualTier = ({ activeUrl, hideBorder, items, footerItems =
|
|
|
19
19
|
const SECONDARY_SIDEBAR_WIDTH = 256;
|
|
20
20
|
const mainSidebar = (jsx("aside", { className: "group flex h-full max-h-full max-w-full overflow-y-auto bg-primary", children: jsxs("div", { style: {
|
|
21
21
|
'--width': `${MAIN_SIDEBAR_WIDTH}px`,
|
|
22
|
-
}, className: cx('relative flex w-full flex-col border-r border-secondary pt-4 transition duration-300 lg:w-(--width) lg:pt-6', hideBorder && !isSecondarySidebarVisible && 'border-transparent'), children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-8" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg })] }), jsx(NavList, { activeUrl: activeUrl, items: items, className: "lg:hidden" }), jsx("ul", { className: "mt-4 hidden flex-col px-4 lg:flex", children: items.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) }), jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) })), featureCard, jsx(NavAccountCard, {})] })] }) }));
|
|
22
|
+
}, className: cx('relative flex w-full flex-col border-r border-secondary pt-4 transition duration-300 lg:w-(--width) lg:pt-6', hideBorder && !isSecondarySidebarVisible && 'border-transparent'), children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-8" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg })] }), jsx(NavList, { activeUrl: activeUrl, items: items, className: "lg:hidden" }), jsx("ul", { className: "mt-4 hidden flex-col px-4 lg:flex", children: items.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) }), jsxs("div", { className: "mt-auto flex flex-col gap-4 px-2 py-4 lg:px-4 lg:py-6", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: currentItem.href === item.href, href: item.href, badge: item.badge, icon: item.icon, type: "link", onClick: () => setCurrentItem(item), children: item.label }) }, item.label + item.href))) })), featureCard, account && (jsx(NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] })] }) }));
|
|
23
23
|
const secondarySidebar = (jsx(AnimatePresence, { initial: false, children: isSecondarySidebarVisible && (jsx(motion.div, { initial: { width: 0, borderColor: 'var(--color-border-secondary)' }, animate: { width: SECONDARY_SIDEBAR_WIDTH, borderColor: 'var(--color-border-secondary)' }, exit: { width: 0, borderColor: 'rgba(0,0,0,0)', transition: { borderColor: { type: 'tween', delay: 0.05 } } }, transition: { type: 'spring', damping: 26, stiffness: 220, bounce: 0 }, className: cx('relative h-full overflow-x-hidden overflow-y-auto bg-primary', !hideBorder && 'box-content border-r-[1.5px]'), children: jsx("ul", { style: { width: SECONDARY_SIDEBAR_WIDTH }, className: "flex h-full flex-col p-4 py-6", children: currentItem.items?.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { current: activeUrl === item.href, href: item.href, icon: item.icon, badge: item.badge, type: "link", children: item.label }) }, item.label + item.href))) }) })) }));
|
|
24
24
|
return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: mainSidebar }), jsxs("div", { className: "z-50 hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex", onPointerEnter: () => setIsHovering(true), onPointerLeave: () => setIsHovering(false), children: [mainSidebar, secondarySidebar] }), jsx("div", { style: {
|
|
25
25
|
paddingLeft: MAIN_SIDEBAR_WIDTH,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-dual-tier.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"sidebar-dual-tier.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-dual-tier.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
|
|
@@ -6,13 +6,14 @@ var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo')
|
|
|
6
6
|
var Input = require('@flipdish/ui-library/components/atoms/Input');
|
|
7
7
|
var mobileHeader = require('./mobile-header.cjs');
|
|
8
8
|
var navAccountCard = require('./nav-account-card.cjs');
|
|
9
|
+
var navItem = require('./nav-item.cjs');
|
|
9
10
|
var navList = require('./nav-list.cjs');
|
|
10
11
|
|
|
11
|
-
const SidebarNavigationSectionDividers = ({ activeUrl, items }) => {
|
|
12
|
+
const SidebarNavigationSectionDividers = ({ activeUrl, items, footerItems = [], account }) => {
|
|
12
13
|
const MAIN_SIDEBAR_WIDTH = 276;
|
|
13
14
|
const content = (jsxRuntime.jsxs("aside", { style: {
|
|
14
15
|
'--width': `${MAIN_SIDEBAR_WIDTH}px`,
|
|
15
|
-
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:pt-5 lg:ring-1", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsx(Input.Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, className: "md:hidden" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, className: "max-md:hidden" })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items }), jsxRuntime.
|
|
16
|
+
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:pt-5 lg:ring-1", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsx(Input.Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, className: "md:hidden" }), jsxRuntime.jsx(Input.Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, className: "max-md:hidden" })] }), jsxRuntime.jsx(navList.NavList, { activeUrl: activeUrl, items: items }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { badge: item.badge, icon: item.icon, href: item.href, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })), account && (jsxRuntime.jsx(navAccountCard.NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] })] }));
|
|
16
17
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: content }), jsxRuntime.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsxRuntime.jsx("div", { style: {
|
|
17
18
|
paddingLeft: MAIN_SIDEBAR_WIDTH + 4, // Add 4px to account for the padding in the sidebar wrapper
|
|
18
19
|
}, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section-dividers.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","FlipdishLogo","Input","SearchLg","NavList","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar-section-dividers.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":";;;;;;;;;;;AAuBO,MAAM,gCAAgC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,EAAyC,KAAI;IACzI,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,eAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;SACpB,EAEpB,SAAS,EAAC,yKAAyK,EAAA,QAAA,EAAA,CAEnLA,yBAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,cAAA,CAACC,yBAAY,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAGhCD,cAAA,CAACE,WAAK,IAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAEC,gBAAQ,EAAE,SAAS,EAAC,WAAW,GAAG,EAGlGH,cAAA,CAACE,WAAK,EAAA,EAAC,QAAQ,QAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAEC,gBAAQ,EAAE,SAAS,EAAC,eAAe,GAAG,CAAA,EAAA,CAC3G,EAENH,eAACI,eAAO,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,EAE/CL,yBAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,CAC5E,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBC,uBAAI,SAAS,EAAC,eAAe,EAAA,QAAA,EAC1B,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBA,uBAAqB,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrCA,cAAA,CAACK,mBAAW,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,EAAA,CACC,IAHP,IAAI,CAAC,KAAK,CAId,CACN,CAAC,EAAA,CACC,CACN,EAEA,OAAO,KACNL,cAAA,CAACM,6BAAc,IACb,KAAK,EAAE,OAAO,CAAC,QAAQ,EACvB,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,EAC5C,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,eAAe,EAAE,OAAO,CAAC,eAAe,GACxC,CACH,CAAA,EAAA,CACG,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACEP,eAAA,CAAAQ,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEEP,cAAA,CAACQ,mCAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DR,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/FA,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,WAAW,EAAE,kBAAkB,GAAG,CAAC;AACpC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import type { NavItemDividerType, NavItemType } from '../sidebarNavigation.types';
|
|
2
|
+
import { type NavAccountData } from './nav-account-card';
|
|
2
3
|
interface SidebarNavigationSectionDividersProps {
|
|
3
4
|
/** URL of the currently active item. */
|
|
4
5
|
activeUrl?: string;
|
|
5
6
|
/** List of items to display. */
|
|
6
7
|
items: (NavItemType | NavItemDividerType)[];
|
|
8
|
+
/** List of footer items to display. */
|
|
9
|
+
footerItems?: NavItemType[];
|
|
10
|
+
/** Account configuration for the card at the bottom of the sidebar. When omitted the account card is not rendered. */
|
|
11
|
+
account?: NavAccountData;
|
|
7
12
|
}
|
|
8
|
-
export declare const SidebarNavigationSectionDividers: ({ activeUrl, items }: SidebarNavigationSectionDividersProps) => import("react").JSX.Element;
|
|
13
|
+
export declare const SidebarNavigationSectionDividers: ({ activeUrl, items, footerItems, account }: SidebarNavigationSectionDividersProps) => import("react").JSX.Element;
|
|
9
14
|
export {};
|
|
10
15
|
//# sourceMappingURL=sidebar-section-dividers.d.ts.map
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section-dividers.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"sidebar-section-dividers.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzE,UAAU,qCAAqC;IAC7C,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAAC,EAAE,CAAC;IAC5C,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,sHAAsH;IACtH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,eAAO,MAAM,gCAAgC,GAAI,4CAAiD,qCAAqC,gCAkEtI,CAAC"}
|
|
@@ -4,13 +4,14 @@ import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo
|
|
|
4
4
|
import { Input } from '@flipdish/ui-library/components/atoms/Input';
|
|
5
5
|
import { MobileNavigationHeader } from './mobile-header.js';
|
|
6
6
|
import { NavAccountCard } from './nav-account-card.js';
|
|
7
|
+
import { NavItemBase } from './nav-item.js';
|
|
7
8
|
import { NavList } from './nav-list.js';
|
|
8
9
|
|
|
9
|
-
const SidebarNavigationSectionDividers = ({ activeUrl, items }) => {
|
|
10
|
+
const SidebarNavigationSectionDividers = ({ activeUrl, items, footerItems = [], account }) => {
|
|
10
11
|
const MAIN_SIDEBAR_WIDTH = 276;
|
|
11
12
|
const content = (jsxs("aside", { style: {
|
|
12
13
|
'--width': `${MAIN_SIDEBAR_WIDTH}px`,
|
|
13
|
-
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:pt-5 lg:ring-1", children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-6" }), jsx(Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: SearchLg, className: "md:hidden" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg, className: "max-md:hidden" })] }), jsx(NavList, { activeUrl: activeUrl, items: items }),
|
|
14
|
+
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:pt-5 lg:ring-1", children: [jsxs("div", { className: "flex flex-col gap-5 px-4 lg:px-5", children: [jsx(FlipdishLogo, { className: "h-6" }), jsx(Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: SearchLg, className: "md:hidden" }), jsx(Input, { shortcut: true, size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg, className: "max-md:hidden" })] }), jsx(NavList, { activeUrl: activeUrl, items: items }), jsxs("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { badge: item.badge, icon: item.icon, href: item.href, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })), account && (jsx(NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] })] }));
|
|
14
15
|
return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: content }), jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsx("div", { style: {
|
|
15
16
|
paddingLeft: MAIN_SIDEBAR_WIDTH + 4, // Add 4px to account for the padding in the sidebar wrapper
|
|
16
17
|
}, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-section-dividers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section-dividers.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar-section-dividers.js","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-section-dividers.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;AAuBO,MAAM,gCAAgC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,EAAyC,KAAI;IACzI,MAAM,kBAAkB,GAAG,GAAG;AAE9B,IAAA,MAAM,OAAO,IACXA,IAAA,CAAA,OAAA,EAAA,EACE,KAAK,EACH;YACE,SAAS,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI;SACpB,EAEpB,SAAS,EAAC,yKAAyK,EAAA,QAAA,EAAA,CAEnLA,cAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAGhCA,GAAA,CAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,GAAG,EAGlGA,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,QAAC,IAAI,EAAC,IAAI,EAAA,YAAA,EAAY,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,eAAe,GAAG,CAAA,EAAA,CAC3G,EAENA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,EAE/CD,cAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,CAC5E,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBC,YAAI,SAAS,EAAC,eAAe,EAAA,QAAA,EAC1B,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBA,YAAqB,SAAS,EAAC,QAAQ,EAAA,QAAA,EACrCA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAAA,QAAA,EAC3G,IAAI,CAAC,KAAK,EAAA,CACC,IAHP,IAAI,CAAC,KAAK,CAId,CACN,CAAC,EAAA,CACC,CACN,EAEA,OAAO,KACNA,GAAA,CAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,QAAQ,EACvB,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,EAC5C,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,eAAe,EAAE,OAAO,CAAC,eAAe,GACxC,CACH,CAAA,EAAA,CACG,CAAA,EAAA,CACA,CACT;AAED,IAAA,QACED,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,GAAA,CAAC,sBAAsB,EAAA,EAAA,QAAA,EAAE,OAAO,GAA0B,EAG1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAE,OAAO,GAAO,EAG/FA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,WAAW,EAAE,kBAAkB,GAAG,CAAC;AACpC,iBAAA,EACD,SAAS,EAAC,oEAAoE,EAAA,CAC9E,CAAA,EAAA,CACD;AAEP;;;;"}
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.cjs
CHANGED
|
@@ -8,11 +8,11 @@ var mobileHeader = require('./mobile-header.cjs');
|
|
|
8
8
|
var navAccountCard = require('./nav-account-card.cjs');
|
|
9
9
|
var navItem = require('./nav-item.cjs');
|
|
10
10
|
|
|
11
|
-
const SidebarNavigationSectionsSubheadings = ({ activeUrl = '/', items }) => {
|
|
11
|
+
const SidebarNavigationSectionsSubheadings = ({ activeUrl = '/', items, footerItems = [], account, }) => {
|
|
12
12
|
const MAIN_SIDEBAR_WIDTH = 276;
|
|
13
13
|
const content = (jsxRuntime.jsxs("aside", { style: {
|
|
14
14
|
'--width': `${MAIN_SIDEBAR_WIDTH}px`,
|
|
15
|
-
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:ring-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-5 px-4 lg:pl-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx("ul", { className: "mt-6 md:mt-5", children: items.map((group) => (jsxRuntime.jsxs("li", { children: [jsxRuntime.jsx("div", { className: "px-5 pb-1", children: jsxRuntime.jsx("p", { className: "text-xs font-bold text-quaternary uppercase", children: group.label }) }), jsxRuntime.jsx("ul", { className: "px-4 pb-5", children: group.items.map((item) => (jsxRuntime.jsx("li", { className: "py-0.25", children: jsxRuntime.jsx(navItem.NavItemBase, { icon: item.icon, href: item.href, badge: item.badge, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })] }, group.label))) }), jsxRuntime.
|
|
15
|
+
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:ring-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-5 px-4 lg:pl-5", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx("ul", { className: "mt-6 md:mt-5", children: items.map((group) => (jsxRuntime.jsxs("li", { children: [jsxRuntime.jsx("div", { className: "px-5 pb-1", children: jsxRuntime.jsx("p", { className: "text-xs font-bold text-quaternary uppercase", children: group.label }) }), jsxRuntime.jsx("ul", { className: "px-4 pb-5", children: group.items.map((item) => (jsxRuntime.jsx("li", { className: "py-0.25", children: jsxRuntime.jsx(navItem.NavItemBase, { icon: item.icon, href: item.href, badge: item.badge, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })] }, group.label))) }), jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: [footerItems.length > 0 && (jsxRuntime.jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx("li", { className: "py-0.5", children: jsxRuntime.jsx(navItem.NavItemBase, { badge: item.badge, icon: item.icon, href: item.href, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })), account && (jsxRuntime.jsx(navAccountCard.NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] })] }));
|
|
16
16
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: content }), jsxRuntime.jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsxRuntime.jsx("div", { style: {
|
|
17
17
|
paddingLeft: MAIN_SIDEBAR_WIDTH + 4,
|
|
18
18
|
}, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-sections-subheadings.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","FlipdishLogo","ButtonUtility","SearchLg","NavItemBase","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"sidebar-sections-subheadings.cjs","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","FlipdishLogo","ButtonUtility","SearchLg","NavItemBase","NavAccountCard","_Fragment","MobileNavigationHeader"],"mappings":"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"}
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { NavItemType } from '../sidebarNavigation.types';
|
|
2
|
+
import { type NavAccountData } from './nav-account-card';
|
|
2
3
|
interface SidebarNavigationSectionsSubheadingsProps {
|
|
3
4
|
/** URL of the currently active item. */
|
|
4
5
|
activeUrl?: string;
|
|
@@ -7,7 +8,11 @@ interface SidebarNavigationSectionsSubheadingsProps {
|
|
|
7
8
|
label: string;
|
|
8
9
|
items: NavItemType[];
|
|
9
10
|
}>;
|
|
11
|
+
/** List of footer items to display. */
|
|
12
|
+
footerItems?: NavItemType[];
|
|
13
|
+
/** Account configuration for the card at the bottom of the sidebar. When omitted the account card is not rendered. */
|
|
14
|
+
account?: NavAccountData;
|
|
10
15
|
}
|
|
11
|
-
export declare const SidebarNavigationSectionsSubheadings: ({ activeUrl, items }: SidebarNavigationSectionsSubheadingsProps) => import("react").JSX.Element;
|
|
16
|
+
export declare const SidebarNavigationSectionsSubheadings: ({ activeUrl, items, footerItems, account, }: SidebarNavigationSectionsSubheadingsProps) => import("react").JSX.Element;
|
|
12
17
|
export {};
|
|
13
18
|
//# sourceMappingURL=sidebar-sections-subheadings.d.ts.map
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-sections-subheadings.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"sidebar-sections-subheadings.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzE,UAAU,yCAAyC;IACjD,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC,CAAC;IACtD,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,sHAAsH;IACtH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,eAAO,MAAM,oCAAoC,GAAI,6CAKlD,yCAAyC,gCA8E3C,CAAC"}
|
package/dist/components/organisms/SidebarNavigation/components/sidebar-sections-subheadings.js
CHANGED
|
@@ -6,11 +6,11 @@ import { MobileNavigationHeader } from './mobile-header.js';
|
|
|
6
6
|
import { NavAccountCard } from './nav-account-card.js';
|
|
7
7
|
import { NavItemBase } from './nav-item.js';
|
|
8
8
|
|
|
9
|
-
const SidebarNavigationSectionsSubheadings = ({ activeUrl = '/', items }) => {
|
|
9
|
+
const SidebarNavigationSectionsSubheadings = ({ activeUrl = '/', items, footerItems = [], account, }) => {
|
|
10
10
|
const MAIN_SIDEBAR_WIDTH = 276;
|
|
11
11
|
const content = (jsxs("aside", { style: {
|
|
12
12
|
'--width': `${MAIN_SIDEBAR_WIDTH}px`,
|
|
13
|
-
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:ring-1", children: [jsxs("div", { className: "flex items-center justify-between gap-5 px-4 lg:pl-5", children: [jsx(FlipdishLogo, { className: "h-6" }), jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Search", icon: SearchLg })] }), jsx("ul", { className: "mt-6 md:mt-5", children: items.map((group) => (jsxs("li", { children: [jsx("div", { className: "px-5 pb-1", children: jsx("p", { className: "text-xs font-bold text-quaternary uppercase", children: group.label }) }), jsx("ul", { className: "px-4 pb-5", children: group.items.map((item) => (jsx("li", { className: "py-0.25", children: jsx(NavItemBase, { icon: item.icon, href: item.href, badge: item.badge, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })] }, group.label))) }),
|
|
13
|
+
}, className: "flex h-full w-full max-w-full flex-col justify-between overflow-auto bg-primary pt-4 shadow-xs ring-secondary ring-inset lg:w-(--width) lg:rounded-xl lg:ring-1", children: [jsxs("div", { className: "flex items-center justify-between gap-5 px-4 lg:pl-5", children: [jsx(FlipdishLogo, { className: "h-6" }), jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Search", icon: SearchLg })] }), jsx("ul", { className: "mt-6 md:mt-5", children: items.map((group) => (jsxs("li", { children: [jsx("div", { className: "px-5 pb-1", children: jsx("p", { className: "text-xs font-bold text-quaternary uppercase", children: group.label }) }), jsx("ul", { className: "px-4 pb-5", children: group.items.map((item) => (jsx("li", { className: "py-0.25", children: jsx(NavItemBase, { icon: item.icon, href: item.href, badge: item.badge, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })] }, group.label))) }), jsxs("div", { className: "mt-auto flex flex-col gap-5 px-2 py-4 lg:gap-6 lg:px-4 lg:py-4", children: [footerItems.length > 0 && (jsx("ul", { className: "flex flex-col", children: footerItems.map((item) => (jsx("li", { className: "py-0.5", children: jsx(NavItemBase, { badge: item.badge, icon: item.icon, href: item.href, type: "link", current: item.href === activeUrl, children: item.label }) }, item.label))) })), account && (jsx(NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] })] }));
|
|
14
14
|
return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: content }), jsx("div", { className: "hidden lg:fixed lg:inset-y-0 lg:left-0 lg:flex lg:py-1 lg:pl-1", children: content }), jsx("div", { style: {
|
|
15
15
|
paddingLeft: MAIN_SIDEBAR_WIDTH + 4,
|
|
16
16
|
}, className: "invisible hidden lg:sticky lg:top-0 lg:bottom-0 lg:left-0 lg:block" })] }));
|