@altinn/altinn-components 0.6.12 → 0.7.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.
Files changed (92) hide show
  1. package/dist/assets/AutocompleteBase.css +1 -1
  2. package/dist/assets/AutocompleteGroup.css +1 -1
  3. package/dist/assets/DialogBorder.css +1 -1
  4. package/dist/assets/DialogHeaderBase.css +1 -1
  5. package/dist/assets/DialogHeadings.css +1 -1
  6. package/dist/assets/DialogListItem.css +1 -1
  7. package/dist/assets/DialogTitle.css +1 -1
  8. package/dist/assets/ListItemBase.css +1 -1
  9. package/dist/assets/ListItemControls.css +1 -0
  10. package/dist/assets/ListItemHeader.css +1 -0
  11. package/dist/assets/ListItemLabel.css +1 -1
  12. package/dist/assets/ListItemMedia.css +1 -1
  13. package/dist/assets/ListItemSelect.css +1 -0
  14. package/dist/assets/MetaItemBase.css +1 -0
  15. package/dist/assets/MetaItemLabel.css +1 -0
  16. package/dist/assets/MetaItemMedia.css +1 -0
  17. package/dist/components/Bookmarks/BookmarksList.d.ts +1 -1
  18. package/dist/components/Bookmarks/BookmarksListItem.d.ts +2 -13
  19. package/dist/components/Bookmarks/BookmarksListItem.js +5 -10
  20. package/dist/components/Button/Button.js +2 -2
  21. package/dist/components/Button/Buttons.stories.js +2 -2
  22. package/dist/components/ContextMenu/ContextMenu.d.ts +2 -1
  23. package/dist/components/ContextMenu/ContextMenu.js +19 -8
  24. package/dist/components/ContextMenu/ContextMenuBase.d.ts +2 -1
  25. package/dist/components/ContextMenu/ContextMenuBase.js +19 -18
  26. package/dist/components/Dialog/Dialog.stories.js +30 -20
  27. package/dist/components/Dialog/DialogBase.d.ts +2 -0
  28. package/dist/components/Dialog/DialogBorder.d.ts +1 -1
  29. package/dist/components/Dialog/DialogBorder.js +5 -5
  30. package/dist/components/Dialog/DialogContent.stories.js +1 -1
  31. package/dist/components/Dialog/DialogGroup.js +5 -5
  32. package/dist/components/Dialog/DialogHeader.d.ts +1 -1
  33. package/dist/components/Dialog/DialogHeader.js +6 -6
  34. package/dist/components/Dialog/DialogHeaderBase.d.ts +3 -1
  35. package/dist/components/Dialog/DialogHeaderBase.js +3 -3
  36. package/dist/components/Dialog/DialogHeadings.d.ts +2 -3
  37. package/dist/components/Dialog/DialogHeadings.js +24 -26
  38. package/dist/components/Dialog/DialogLabel.d.ts +13 -0
  39. package/dist/components/Dialog/DialogLabel.js +17 -0
  40. package/dist/components/Dialog/DialogListItem.d.ts +17 -5
  41. package/dist/components/Dialog/DialogListItem.js +86 -70
  42. package/dist/components/Dialog/DialogListItem.stories.js +117 -68
  43. package/dist/components/Dialog/DialogMetadata.d.ts +9 -1
  44. package/dist/components/Dialog/DialogMetadata.js +25 -21
  45. package/dist/components/Dialog/DialogNav.js +16 -16
  46. package/dist/components/Dialog/DialogTitle.d.ts +7 -9
  47. package/dist/components/Dialog/DialogTitle.js +9 -10
  48. package/dist/components/Dialog/Examples.stories.js +31 -0
  49. package/dist/components/Dialog/index.d.ts +1 -1
  50. package/dist/components/Dialog/index.js +41 -41
  51. package/dist/components/List/ListItem.d.ts +5 -25
  52. package/dist/components/List/ListItem.js +41 -20
  53. package/dist/components/List/ListItem.stories.js +79 -45
  54. package/dist/components/List/ListItemBase.d.ts +8 -10
  55. package/dist/components/List/ListItemBase.js +52 -46
  56. package/dist/components/List/{ListItemAction.d.ts → ListItemControls.d.ts} +3 -3
  57. package/dist/components/List/ListItemControls.js +19 -0
  58. package/dist/components/List/ListItemHeader.d.ts +8 -0
  59. package/dist/components/List/ListItemHeader.js +8 -0
  60. package/dist/components/List/ListItemLabel.js +7 -7
  61. package/dist/components/List/ListItemMedia.js +7 -7
  62. package/dist/components/List/ListItemSelect.d.ts +12 -0
  63. package/dist/components/List/ListItemSelect.js +15 -0
  64. package/dist/components/List/index.d.ts +5 -3
  65. package/dist/components/List/index.js +16 -12
  66. package/dist/components/Meta/MetaItemBase.d.ts +1 -1
  67. package/dist/components/Meta/MetaItemBase.js +21 -20
  68. package/dist/components/Meta/MetaItemLabel.js +5 -4
  69. package/dist/components/Meta/MetaItemMedia.js +9 -8
  70. package/dist/components/Page/PageNav.js +7 -7
  71. package/dist/components/Searchbar/Autocomplete.stories.js +241 -13
  72. package/dist/components/Searchbar/AutocompleteBase.js +5 -5
  73. package/dist/components/Searchbar/AutocompleteGroup.js +9 -12
  74. package/dist/components/Searchbar/AutocompleteItem.d.ts +23 -11
  75. package/dist/components/Searchbar/AutocompleteItem.js +21 -8
  76. package/dist/components/Searchbar/ScopeListItem.d.ts +12 -0
  77. package/dist/components/Searchbar/ScopeListItem.js +12 -0
  78. package/dist/components/Toolbar/ToolbarButton.js +2 -1
  79. package/dist/components/index.js +153 -149
  80. package/dist/hooks/useMenu.js +19 -19
  81. package/dist/index.js +163 -159
  82. package/package.json +1 -1
  83. package/dist/assets/DialogListItemBase.css +0 -1
  84. package/dist/assets/ListItemAction.css +0 -1
  85. package/dist/assets/metaItem.css +0 -1
  86. package/dist/components/Dialog/DialogListItemBase.d.ts +0 -28
  87. package/dist/components/Dialog/DialogListItemBase.js +0 -24
  88. package/dist/components/Dialog/DialogTitle.stories.js +0 -26
  89. package/dist/components/List/ListItemAction.js +0 -19
  90. package/dist/components/List/ListItemAction.stories.js +0 -45
  91. package/dist/metaItem.module-CfNiX769.js +0 -8
  92. /package/dist/assets/{AutocompleteItem.css → ScopeListItem.css} +0 -0
@@ -1,15 +1,12 @@
1
- import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
- import "../../index-L8X2o7IH.js";
3
- import "../Icon/SvgIcon.js";
4
- import "react";
5
- import { MenuHeader as m } from "../Menu/MenuHeader.js";
6
- import "../RootProvider/RootProvider.js";
7
- import '../../assets/AutocompleteGroup.css';const s = "_group_da4mp_1", e = {
8
- group: s
9
- }, d = ({ title: o, children: r }) => /* @__PURE__ */ p("section", { className: e.group, children: [
10
- o && /* @__PURE__ */ t(m, { title: o }),
11
- r
1
+ import { jsxs as o, jsx as t } from "react/jsx-runtime";
2
+ import '../../assets/AutocompleteGroup.css';const l = "_group_l096y_1", c = "_header_l096y_9", a = "_title_l096y_13", e = {
3
+ group: l,
4
+ header: c,
5
+ title: a
6
+ }, h = ({ title: r, children: s }) => /* @__PURE__ */ o("section", { className: e.group, children: [
7
+ r && /* @__PURE__ */ t("header", { className: e.header, children: /* @__PURE__ */ t("h2", { className: e.title, children: r }) }),
8
+ s
12
9
  ] });
13
10
  export {
14
- d as AutocompleteGroup
11
+ h as AutocompleteGroup
15
12
  };
@@ -1,13 +1,25 @@
1
- import { ElementType, ReactNode } from 'react';
2
- export interface AutocompleteItemProps {
3
- as?: ElementType;
4
- href?: string;
5
- onClick?: () => void;
6
- loading?: boolean;
7
- active?: boolean;
8
- disabled?: boolean;
9
- label?: string | (() => ReactNode);
1
+ import { BookmarksListItemProps } from '../Bookmarks';
2
+ import { DialogListItemProps } from '../Dialog/';
3
+ import { ScopeListItemProps } from './ScopeListItem';
4
+ import { BadgeProps } from '../Badge';
5
+ export type AutocompleteItemType = 'scope' | 'dialog' | 'bookmark' | 'information';
6
+ export interface AutoCompleteItemWithType {
7
+ type: AutocompleteItemType;
10
8
  groupId?: string;
11
- style?: React.CSSProperties;
9
+ active?: boolean;
10
+ }
11
+ export interface ScopeAutocompleteItemProps extends AutoCompleteItemWithType, ScopeListItemProps {
12
+ type: 'scope';
13
+ }
14
+ export interface DialogAutocompleteItemProps extends AutoCompleteItemWithType, DialogListItemProps {
15
+ type: 'dialog';
16
+ }
17
+ export interface BookmarkAutocompleteItemProps extends AutoCompleteItemWithType, BookmarksListItemProps {
18
+ type: 'bookmark';
19
+ }
20
+ export interface InformationAutocompleteItemProps extends AutoCompleteItemWithType {
21
+ type: 'information';
22
+ badge: BadgeProps;
12
23
  }
13
- export declare const AutocompleteItem: ({ as, label, active, ...rest }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
24
+ export type AutocompleteItemProps = ScopeAutocompleteItemProps | DialogAutocompleteItemProps | BookmarkAutocompleteItemProps | InformationAutocompleteItemProps;
25
+ export declare const AutocompleteItem: ({ type, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +1,26 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { ListItemBase as r } from "../List/ListItemBase.js";
3
- import { ListItemLabel as s } from "../List/ListItemLabel.js";
4
- import "../../index-L8X2o7IH.js";
1
+ import { jsx as t } from "react/jsx-runtime";
5
2
  import "react";
3
+ import "../../index-L8X2o7IH.js";
6
4
  import "../Icon/SvgIcon.js";
7
5
  import "../RootProvider/RootProvider.js";
8
- import '../../assets/AutocompleteItem.css';const c = "_item_1a3bc_1", n = {
9
- item: c
10
- }, L = ({ as: i = "a", label: t, active: o, ...e }) => /* @__PURE__ */ m(r, { className: n.item, as: i, size: "sm", active: o, linkIcon: "chevron-right", ...e, children: /* @__PURE__ */ m(s, { size: "sm", children: typeof t == "function" ? t() : t }) });
6
+ import { DialogListItem as r } from "../Dialog/DialogListItem.js";
7
+ import { ListItem as i } from "../List/ListItem.js";
8
+ import { BookmarksListItem as s } from "../Bookmarks/BookmarksListItem.js";
9
+ import { ScopeListItem as e } from "./ScopeListItem.js";
10
+ const I = ({ type: m, ...o }) => {
11
+ switch (m) {
12
+ case "scope":
13
+ return /* @__PURE__ */ t(e, { ...o, shadow: "none" });
14
+ case "information":
15
+ return /* @__PURE__ */ t(e, { ...o, shadow: "none" });
16
+ case "bookmark":
17
+ return /* @__PURE__ */ t(s, { ...o, shadow: "none", size: "sm" });
18
+ case "dialog":
19
+ return /* @__PURE__ */ t(r, { ...o, shadow: "none", size: "sm" });
20
+ default:
21
+ return /* @__PURE__ */ t(i, { ...o, shadow: "none", size: "sm" });
22
+ }
23
+ };
11
24
  export {
12
- L as AutocompleteItem
25
+ I as AutocompleteItem
13
26
  };
@@ -0,0 +1,12 @@
1
+ import { ElementType, ReactNode } from 'react';
2
+ import { BadgeProps } from '../Badge';
3
+ import { ListItemProps } from '../List/';
4
+ export interface ScopeListItemProps extends ListItemProps {
5
+ as?: ElementType;
6
+ href?: string;
7
+ onClick?: () => void;
8
+ badge: BadgeProps;
9
+ loading?: boolean;
10
+ label?: string | (() => ReactNode);
11
+ }
12
+ export declare const ScopeListItem: ({ as, label, ...rest }: ScopeListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,12 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "../Icon/SvgIcon.js";
4
+ import "react";
5
+ import "../RootProvider/RootProvider.js";
6
+ import { ListItem as m } from "../List/ListItem.js";
7
+ import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", e = {
8
+ item: r
9
+ }, I = ({ as: s = "a", label: t, ...o }) => /* @__PURE__ */ i(m, { className: e.item, linkIcon: "chevron-right", ...o, children: typeof t == "function" ? t() : t });
10
+ export {
11
+ I as ScopeListItem
12
+ };
@@ -26,7 +26,7 @@ import '../../assets/ToolbarButton.css';const c = "_removeButton_fxc8_1", l = {
26
26
  onIconClick: a,
27
27
  children: r
28
28
  }
29
- ) : e === "add" ? /* @__PURE__ */ i(m, { reverse: !0, variant: "dotted", color: "primary", size: "sm", icon: "plus", selected: o, onClick: t, children: r }) : /* @__PURE__ */ i(
29
+ ) : e === "add" ? /* @__PURE__ */ i(m, { variant: "dotted", color: "primary", size: "sm", icon: "plus", selected: o, onClick: t, children: r }) : /* @__PURE__ */ i(
30
30
  m,
31
31
  {
32
32
  variant: n ? "solid" : "outline",
@@ -35,6 +35,7 @@ import '../../assets/ToolbarButton.css';const c = "_removeButton_fxc8_1", l = {
35
35
  icon: "chevron-up-down",
36
36
  selected: o,
37
37
  onClick: t,
38
+ reverse: !0,
38
39
  children: r
39
40
  }
40
41
  );
@@ -4,41 +4,41 @@ import { Avatar as p } from "./Avatar/Avatar.js";
4
4
  import { AvatarGroup as f } from "./Avatar/AvatarGroup.js";
5
5
  import { Badge as n } from "./Badge/Badge.js";
6
6
  import { BookmarksList as u } from "./Bookmarks/BookmarksList.js";
7
- import { BookmarksListItem as l } from "./Bookmarks/BookmarksListItem.js";
8
- import { QueryItem as c, QueryLabel as D } from "./Bookmarks/QueryLabel.js";
9
- import { ButtonBase as M } from "./Button/ButtonBase.js";
7
+ import { BookmarksListItem as B } from "./Bookmarks/BookmarksListItem.js";
8
+ import { QueryItem as c, QueryLabel as L } from "./Bookmarks/QueryLabel.js";
9
+ import { ButtonBase as d } from "./Button/ButtonBase.js";
10
10
  import { ButtonLabel as I } from "./Button/ButtonLabel.js";
11
11
  import { ButtonIcon as y } from "./Button/ButtonIcon.js";
12
12
  import { Button as S } from "./Button/Button.js";
13
- import { ComboButton as k } from "./Button/ComboButton.js";
13
+ import { ComboButton as A } from "./Button/ComboButton.js";
14
14
  import { IconButton as h } from "./Button/IconButton.js";
15
- import { ContextMenu as v } from "./ContextMenu/ContextMenu.js";
15
+ import { ContextMenu as T } from "./ContextMenu/ContextMenu.js";
16
16
  import { Dialog as F } from "./Dialog/Dialog.js";
17
17
  import { DialogList as R } from "./Dialog/DialogList.js";
18
18
  import { DialogMetadata as O } from "./Dialog/DialogMetadata.js";
19
19
  import { DialogListItem as E } from "./Dialog/DialogListItem.js";
20
- import { DialogListItemBase as j } from "./Dialog/DialogListItemBase.js";
21
- import { DialogActions as z } from "./Dialog/DialogActions.js";
22
- import { DialogActivityLog as K } from "./Dialog/DialogActivityLog.js";
23
- import { DialogArticleBase as V } from "./Dialog/DialogArticleBase.js";
24
- import { DialogBase as X } from "./Dialog/DialogBase.js";
25
- import { DialogBodyBase as Z } from "./Dialog/DialogBodyBase.js";
26
- import { DialogBorder as $ } from "./Dialog/DialogBorder.js";
27
- import { DialogContent as ro } from "./Dialog/DialogContent.js";
28
- import { DialogFooter as to } from "./Dialog/DialogFooter.js";
29
- import { DialogHeader as ao } from "./Dialog/DialogHeader.js";
30
- import { DialogHeaderBase as xo } from "./Dialog/DialogHeaderBase.js";
31
- import { DialogHeadings as io } from "./Dialog/DialogHeadings.js";
32
- import { DialogHistory as so } from "./Dialog/DialogHistory.js";
33
- import { DialogNav as Bo } from "./Dialog/DialogNav.js";
34
- import { DialogSectionBase as go } from "./Dialog/DialogSectionBase.js";
35
- import { DialogSeenBy as Do } from "./Dialog/DialogSeenBy.js";
36
- import { DialogSelect as Mo } from "./Dialog/DialogSelect.js";
37
- import { DialogStatus as bo, DialogStatusEnum as yo } from "./Dialog/DialogStatus.js";
38
- import { DialogTitle as So } from "./Dialog/DialogTitle.js";
39
- import { DialogTouchedBy as ko } from "./Dialog/DialogTouchedBy.js";
20
+ import { DialogActions as j } from "./Dialog/DialogActions.js";
21
+ import { DialogActivityLog as z } from "./Dialog/DialogActivityLog.js";
22
+ import { DialogArticleBase as K } from "./Dialog/DialogArticleBase.js";
23
+ import { DialogBase as V } from "./Dialog/DialogBase.js";
24
+ import { DialogBodyBase as X } from "./Dialog/DialogBodyBase.js";
25
+ import { DialogBorder as Z } from "./Dialog/DialogBorder.js";
26
+ import { DialogContent as $ } from "./Dialog/DialogContent.js";
27
+ import { DialogFooter as ro } from "./Dialog/DialogFooter.js";
28
+ import { DialogHeader as to } from "./Dialog/DialogHeader.js";
29
+ import { DialogHeaderBase as ao } from "./Dialog/DialogHeaderBase.js";
30
+ import { DialogHeadings as xo } from "./Dialog/DialogHeadings.js";
31
+ import { DialogHistory as io } from "./Dialog/DialogHistory.js";
32
+ import { DialogNav as so } from "./Dialog/DialogNav.js";
33
+ import { DialogSectionBase as lo } from "./Dialog/DialogSectionBase.js";
34
+ import { DialogSeenBy as go } from "./Dialog/DialogSeenBy.js";
35
+ import { DialogSelect as Lo } from "./Dialog/DialogSelect.js";
36
+ import { DialogStatus as Mo, DialogStatusEnum as Io } from "./Dialog/DialogStatus.js";
37
+ import { DialogTitle as yo } from "./Dialog/DialogTitle.js";
38
+ import { DialogTouchedBy as So } from "./Dialog/DialogTouchedBy.js";
39
+ import { DialogLabel as Ao } from "./Dialog/DialogLabel.js";
40
40
  import { DropdownBase as ho } from "./Dropdown/DropdownBase.js";
41
- import { Backdrop as vo } from "./Dropdown/Backdrop.js";
41
+ import { Backdrop as To } from "./Dropdown/Backdrop.js";
42
42
  import { DrawerBase as Fo } from "./Dropdown/DrawerBase.js";
43
43
  import { DrawerHeader as Ro } from "./Dropdown/DrawerHeader.js";
44
44
  import { DrawerFooter as Oo } from "./Dropdown/DrawerFooter.js";
@@ -56,63 +56,65 @@ import { HeaderBase as ar } from "./Header/HeaderBase.js";
56
56
  import { HeaderLogo as xr } from "./Header/HeaderLogo.js";
57
57
  import { HeaderButton as ir } from "./Header/HeaderButton.js";
58
58
  import { HistoryList as sr } from "./History/HistoryList.js";
59
- import { HistoryItem as Br } from "./History/HistoryItem.js";
59
+ import { HistoryItem as lr } from "./History/HistoryItem.js";
60
60
  import { Icon as gr } from "./Icon/Icon.js";
61
- import { SvgIcon as Dr } from "./Icon/SvgIcon.js";
62
- import { CheckboxIcon as Mr } from "./Icon/CheckboxIcon.js";
61
+ import { SvgIcon as Lr } from "./Icon/SvgIcon.js";
62
+ import { CheckboxIcon as dr } from "./Icon/CheckboxIcon.js";
63
63
  import { RadioIcon as Ir } from "./Icon/RadioIcon.js";
64
64
  import { ProgressIcon as yr } from "./Icon/ProgressIcon.js";
65
65
  import { iconsMap as Sr } from "./Icon/iconsMap.js";
66
- import { LayoutBase as kr } from "./Layout/LayoutBase.js";
66
+ import { LayoutBase as Ar } from "./Layout/LayoutBase.js";
67
67
  import { LayoutBody as hr } from "./Layout/LayoutBody.js";
68
- import { LayoutContent as vr } from "./Layout/LayoutContent.js";
68
+ import { LayoutContent as Tr } from "./Layout/LayoutContent.js";
69
69
  import { LayoutSidebar as Fr } from "./Layout/LayoutSidebar.js";
70
70
  import { Layout as Rr } from "./Layout/Layout.js";
71
71
  import { ActionHeader as Or } from "./LayoutAction/ActionHeader.js";
72
72
  import { ActionFooter as Er } from "./LayoutAction/ActionFooter.js";
73
73
  import { ActionMenu as jr } from "./LayoutAction/ActionMenu.js";
74
74
  import { ListItemBase as zr } from "./List/ListItemBase.js";
75
- import { ListItem as Kr } from "./List/ListItem.js";
76
- import { ListBase as Vr } from "./List/ListBase.js";
77
- import { List as Xr } from "./List/List.js";
78
- import { ListItemLabel as Zr } from "./List/ListItemLabel.js";
79
- import { ListItemMedia as $r } from "./List/ListItemMedia.js";
80
- import { ListItemAction as re } from "./List/ListItemAction.js";
81
- import { MenuItemBase as te } from "./Menu/MenuItemBase.js";
82
- import { MenuItemLabel as ae } from "./Menu/MenuItemLabel.js";
83
- import { MenuItemMedia as xe } from "./Menu/MenuItemMedia.js";
84
- import { MenuItem as ie } from "./Menu/MenuItem.js";
85
- import { MenuInputField as se } from "./Menu/MenuInputField.js";
86
- import { MenuOption as Be } from "./Menu/MenuOption.js";
87
- import { MenuSearch as ge } from "./Menu/MenuSearch.js";
88
- import { MenuHeader as De } from "./Menu/MenuHeader.js";
89
- import { MenuItems as Me } from "./Menu/MenuItems.js";
90
- import { MenuBase as Ie, MenuList as be, MenuListItem as ye } from "./Menu/MenuBase.js";
91
- import { Menu as Se } from "./Menu/Menu.js";
92
- import { MetaBase as ke } from "./Meta/MetaBase.js";
93
- import { MetaList as he, MetaListItem as Te } from "./Meta/MetaList.js";
94
- import { MetaItemBase as Ce } from "./Meta/MetaItemBase.js";
95
- import { MetaItemMedia as Pe } from "./Meta/MetaItemMedia.js";
96
- import { MetaItemLabel as Ge } from "./Meta/MetaItemLabel.js";
97
- import { MetaItem as Qe } from "./Meta/MetaItem.js";
98
- import { MetaProgress as Ne } from "./Meta/MetaProgress.js";
99
- import { MetaTimestamp as qe } from "./Meta/MetaTimestamp.js";
100
- import { RootProvider as Je, useRootContext as Ke } from "./RootProvider/RootProvider.js";
101
- import { Searchbar as Ve } from "./Searchbar/Searchbar.js";
102
- import { Snackbar as Xe } from "./Snackbar/Snackbar.js";
103
- import { SnackbarBase as Ze } from "./Snackbar/SnackbarBase.js";
104
- import { SnackbarMedia as $e } from "./Snackbar/SnackbarMedia.js";
105
- import { SnackbarLabel as rt } from "./Snackbar/SnackbarLabel.js";
106
- import { ToolbarBase as tt } from "./Toolbar/ToolbarBase.js";
107
- import { ToolbarButton as at } from "./Toolbar/ToolbarButton.js";
108
- import { Toolbar as xt } from "./Toolbar/Toolbar.js";
109
- import { PageBase as it } from "./Page/PageBase.js";
110
- import { PageHeader as st } from "./Page/PageHeader.js";
111
- import { SectionBase as Bt } from "./Page/SectionBase.js";
112
- import { SectionHeader as gt } from "./Page/SectionHeader.js";
113
- import { SectionFooter as Dt } from "./Page/SectionFooter.js";
114
- import { Typography as Mt } from "./Typography/Typography.js";
115
- import { Heading as It } from "./Typography/Heading.js";
75
+ import { ListItemHeader as Kr } from "./List/ListItemHeader.js";
76
+ import { ListItemLabel as Vr } from "./List/ListItemLabel.js";
77
+ import { ListItemMedia as Xr } from "./List/ListItemMedia.js";
78
+ import { ListItemControls as Zr } from "./List/ListItemControls.js";
79
+ import { ListItemSelect as $r } from "./List/ListItemSelect.js";
80
+ import { ListItem as re } from "./List/ListItem.js";
81
+ import { ListBase as te } from "./List/ListBase.js";
82
+ import { List as ae } from "./List/List.js";
83
+ import { MenuItemBase as xe } from "./Menu/MenuItemBase.js";
84
+ import { MenuItemLabel as ie } from "./Menu/MenuItemLabel.js";
85
+ import { MenuItemMedia as se } from "./Menu/MenuItemMedia.js";
86
+ import { MenuItem as le } from "./Menu/MenuItem.js";
87
+ import { MenuInputField as ge } from "./Menu/MenuInputField.js";
88
+ import { MenuOption as Le } from "./Menu/MenuOption.js";
89
+ import { MenuSearch as de } from "./Menu/MenuSearch.js";
90
+ import { MenuHeader as Ie } from "./Menu/MenuHeader.js";
91
+ import { MenuItems as ye } from "./Menu/MenuItems.js";
92
+ import { MenuBase as Se, MenuList as ke, MenuListItem as Ae } from "./Menu/MenuBase.js";
93
+ import { Menu as he } from "./Menu/Menu.js";
94
+ import { MetaBase as Te } from "./Meta/MetaBase.js";
95
+ import { MetaList as Fe, MetaListItem as Pe } from "./Meta/MetaList.js";
96
+ import { MetaItemBase as Ge } from "./Meta/MetaItemBase.js";
97
+ import { MetaItemMedia as Qe } from "./Meta/MetaItemMedia.js";
98
+ import { MetaItemLabel as Ne } from "./Meta/MetaItemLabel.js";
99
+ import { MetaItem as qe } from "./Meta/MetaItem.js";
100
+ import { MetaProgress as Je } from "./Meta/MetaProgress.js";
101
+ import { MetaTimestamp as Ue } from "./Meta/MetaTimestamp.js";
102
+ import { RootProvider as We, useRootContext as Xe } from "./RootProvider/RootProvider.js";
103
+ import { Searchbar as Ze } from "./Searchbar/Searchbar.js";
104
+ import { Snackbar as $e } from "./Snackbar/Snackbar.js";
105
+ import { SnackbarBase as rt } from "./Snackbar/SnackbarBase.js";
106
+ import { SnackbarMedia as tt } from "./Snackbar/SnackbarMedia.js";
107
+ import { SnackbarLabel as at } from "./Snackbar/SnackbarLabel.js";
108
+ import { ToolbarBase as xt } from "./Toolbar/ToolbarBase.js";
109
+ import { ToolbarButton as it } from "./Toolbar/ToolbarButton.js";
110
+ import { Toolbar as st } from "./Toolbar/Toolbar.js";
111
+ import { PageBase as lt } from "./Page/PageBase.js";
112
+ import { PageHeader as gt } from "./Page/PageHeader.js";
113
+ import { SectionBase as Lt } from "./Page/SectionBase.js";
114
+ import { SectionHeader as dt } from "./Page/SectionHeader.js";
115
+ import { SectionFooter as It } from "./Page/SectionFooter.js";
116
+ import { Typography as yt } from "./Typography/Typography.js";
117
+ import { Heading as St } from "./Typography/Heading.js";
116
118
  export {
117
119
  Zo as AccountButton,
118
120
  Vo as AccountMenu,
@@ -124,42 +126,42 @@ export {
124
126
  p as Avatar,
125
127
  f as AvatarGroup,
126
128
  $o as BackButton,
127
- vo as Backdrop,
129
+ To as Backdrop,
128
130
  n as Badge,
129
131
  u as BookmarksList,
130
- l as BookmarksListItem,
132
+ B as BookmarksListItem,
131
133
  S as Button,
132
- M as ButtonBase,
134
+ d as ButtonBase,
133
135
  y as ButtonIcon,
134
136
  I as ButtonLabel,
135
- Mr as CheckboxIcon,
136
- k as ComboButton,
137
- v as ContextMenu,
137
+ dr as CheckboxIcon,
138
+ A as ComboButton,
139
+ T as ContextMenu,
138
140
  F as Dialog,
139
- z as DialogActions,
140
- K as DialogActivityLog,
141
- V as DialogArticleBase,
142
- X as DialogBase,
143
- Z as DialogBodyBase,
144
- $ as DialogBorder,
145
- ro as DialogContent,
146
- to as DialogFooter,
147
- ao as DialogHeader,
148
- xo as DialogHeaderBase,
149
- io as DialogHeadings,
150
- so as DialogHistory,
141
+ j as DialogActions,
142
+ z as DialogActivityLog,
143
+ K as DialogArticleBase,
144
+ V as DialogBase,
145
+ X as DialogBodyBase,
146
+ Z as DialogBorder,
147
+ $ as DialogContent,
148
+ ro as DialogFooter,
149
+ to as DialogHeader,
150
+ ao as DialogHeaderBase,
151
+ xo as DialogHeadings,
152
+ io as DialogHistory,
153
+ Ao as DialogLabel,
151
154
  R as DialogList,
152
155
  E as DialogListItem,
153
- j as DialogListItemBase,
154
156
  O as DialogMetadata,
155
- Bo as DialogNav,
156
- go as DialogSectionBase,
157
- Do as DialogSeenBy,
158
- Mo as DialogSelect,
159
- bo as DialogStatus,
160
- yo as DialogStatusEnum,
161
- So as DialogTitle,
162
- ko as DialogTouchedBy,
157
+ so as DialogNav,
158
+ lo as DialogSectionBase,
159
+ go as DialogSeenBy,
160
+ Lo as DialogSelect,
161
+ Mo as DialogStatus,
162
+ Io as DialogStatusEnum,
163
+ yo as DialogTitle,
164
+ So as DialogTouchedBy,
163
165
  Fo as DrawerBase,
164
166
  jo as DrawerBody,
165
167
  Eo as DrawerButton,
@@ -173,66 +175,68 @@ export {
173
175
  ar as HeaderBase,
174
176
  ir as HeaderButton,
175
177
  xr as HeaderLogo,
176
- It as Heading,
177
- Br as HistoryItem,
178
+ St as Heading,
179
+ lr as HistoryItem,
178
180
  sr as HistoryList,
179
181
  gr as Icon,
180
182
  h as IconButton,
181
183
  Rr as Layout,
182
- kr as LayoutBase,
184
+ Ar as LayoutBase,
183
185
  hr as LayoutBody,
184
- vr as LayoutContent,
186
+ Tr as LayoutContent,
185
187
  Fr as LayoutSidebar,
186
- Xr as List,
187
- Vr as ListBase,
188
- Kr as ListItem,
189
- re as ListItemAction,
188
+ ae as List,
189
+ te as ListBase,
190
+ re as ListItem,
190
191
  zr as ListItemBase,
191
- Zr as ListItemLabel,
192
- $r as ListItemMedia,
192
+ Zr as ListItemControls,
193
+ Kr as ListItemHeader,
194
+ Vr as ListItemLabel,
195
+ Xr as ListItemMedia,
196
+ $r as ListItemSelect,
193
197
  rr as LogoutButton,
194
- Se as Menu,
195
- Ie as MenuBase,
196
- De as MenuHeader,
197
- se as MenuInputField,
198
- ie as MenuItem,
199
- te as MenuItemBase,
200
- ae as MenuItemLabel,
201
- xe as MenuItemMedia,
202
- Me as MenuItems,
203
- be as MenuList,
204
- ye as MenuListItem,
205
- Be as MenuOption,
206
- ge as MenuSearch,
207
- ke as MetaBase,
208
- Qe as MetaItem,
209
- Ce as MetaItemBase,
210
- Ge as MetaItemLabel,
211
- Pe as MetaItemMedia,
212
- he as MetaList,
213
- Te as MetaListItem,
214
- Ne as MetaProgress,
215
- qe as MetaTimestamp,
216
- it as PageBase,
217
- st as PageHeader,
198
+ he as Menu,
199
+ Se as MenuBase,
200
+ Ie as MenuHeader,
201
+ ge as MenuInputField,
202
+ le as MenuItem,
203
+ xe as MenuItemBase,
204
+ ie as MenuItemLabel,
205
+ se as MenuItemMedia,
206
+ ye as MenuItems,
207
+ ke as MenuList,
208
+ Ae as MenuListItem,
209
+ Le as MenuOption,
210
+ de as MenuSearch,
211
+ Te as MetaBase,
212
+ qe as MetaItem,
213
+ Ge as MetaItemBase,
214
+ Ne as MetaItemLabel,
215
+ Qe as MetaItemMedia,
216
+ Fe as MetaList,
217
+ Pe as MetaListItem,
218
+ Je as MetaProgress,
219
+ Ue as MetaTimestamp,
220
+ lt as PageBase,
221
+ gt as PageHeader,
218
222
  yr as ProgressIcon,
219
223
  c as QueryItem,
220
- D as QueryLabel,
224
+ L as QueryLabel,
221
225
  Ir as RadioIcon,
222
- Je as RootProvider,
223
- Ve as Searchbar,
224
- Bt as SectionBase,
225
- Dt as SectionFooter,
226
- gt as SectionHeader,
227
- Xe as Snackbar,
228
- Ze as SnackbarBase,
229
- rt as SnackbarLabel,
230
- $e as SnackbarMedia,
231
- Dr as SvgIcon,
232
- xt as Toolbar,
233
- tt as ToolbarBase,
234
- at as ToolbarButton,
235
- Mt as Typography,
226
+ We as RootProvider,
227
+ Ze as Searchbar,
228
+ Lt as SectionBase,
229
+ It as SectionFooter,
230
+ dt as SectionHeader,
231
+ $e as Snackbar,
232
+ rt as SnackbarBase,
233
+ at as SnackbarLabel,
234
+ tt as SnackbarMedia,
235
+ Lr as SvgIcon,
236
+ st as Toolbar,
237
+ xt as ToolbarBase,
238
+ it as ToolbarButton,
239
+ yt as Typography,
236
240
  Sr as iconsMap,
237
- Ke as useRootContext
241
+ Xe as useRootContext
238
242
  };
@@ -1,39 +1,39 @@
1
1
  "use client";
2
- import { useState as h, useMemo as w, useCallback as x, useEffect as k } from "react";
2
+ import { useState as h, useMemo as w, useCallback as x, useEffect as i } from "react";
3
3
  const v = ({
4
4
  items: n,
5
5
  groups: f,
6
6
  groupByKey: u,
7
- keyboardEvents: p = !1
7
+ keyboardEvents: a = !1
8
8
  }) => {
9
- const [c, d] = h(-1), a = w(() => {
10
- const t = [], s = n.reduce(
11
- (o, r) => {
12
- const e = u && r[u] ? r[u] : "ungrouped";
13
- return o[e] = o[e] || [], o[e].push(r), t.push(r), o;
9
+ const [l, d] = h(-1), p = w(() => {
10
+ const r = n.reduce(
11
+ (o, s) => {
12
+ const e = u && s[u] ? s[u] : "ungrouped";
13
+ return o[e] = o[e] || [], o[e].push(s), o;
14
14
  },
15
15
  {}
16
- );
17
- return Object.entries(s).map(([o, r]) => ({
18
- items: r.map((e) => ({
16
+ ), t = Object.values(r).flat();
17
+ return Object.entries(r).map(([o, s]) => ({
18
+ items: s.map((e) => ({
19
19
  menuIndex: t.indexOf(e),
20
- active: c === t.indexOf(e),
20
+ active: l === t.indexOf(e),
21
21
  props: e
22
22
  })),
23
23
  props: f[o] || {}
24
24
  }));
25
- }, [n, u, c, f]), l = x(
26
- (t) => {
27
- t.key === "ArrowDown" ? d((s) => (s + 1) % n.length) : t.key === "ArrowUp" && d((s) => (s - 1 + n.length) % n.length);
25
+ }, [n, u, l, f]), c = x(
26
+ (r) => {
27
+ r.key === "ArrowDown" ? d((t) => (t + 1) % n.length) : r.key === "ArrowUp" && d((t) => (t - 1 + n.length) % n.length);
28
28
  },
29
29
  [n.length]
30
30
  );
31
- return k(() => {
32
- if (p)
33
- return d(0), document.addEventListener("keydown", l), () => {
34
- document.removeEventListener("keydown", l);
31
+ return i(() => {
32
+ if (a)
33
+ return d(0), document.addEventListener("keydown", c), () => {
34
+ document.removeEventListener("keydown", c);
35
35
  };
36
- }, [l, p]), { menu: a, activeIndex: c, setActiveIndex: d };
36
+ }, [c, a]), { menu: p, activeIndex: l, setActiveIndex: d };
37
37
  };
38
38
  export {
39
39
  v as useMenu