@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.
- package/dist/assets/AutocompleteBase.css +1 -1
- package/dist/assets/AutocompleteGroup.css +1 -1
- package/dist/assets/DialogBorder.css +1 -1
- package/dist/assets/DialogHeaderBase.css +1 -1
- package/dist/assets/DialogHeadings.css +1 -1
- package/dist/assets/DialogListItem.css +1 -1
- package/dist/assets/DialogTitle.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/ListItemControls.css +1 -0
- package/dist/assets/ListItemHeader.css +1 -0
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/ListItemMedia.css +1 -1
- package/dist/assets/ListItemSelect.css +1 -0
- package/dist/assets/MetaItemBase.css +1 -0
- package/dist/assets/MetaItemLabel.css +1 -0
- package/dist/assets/MetaItemMedia.css +1 -0
- package/dist/components/Bookmarks/BookmarksList.d.ts +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.d.ts +2 -13
- package/dist/components/Bookmarks/BookmarksListItem.js +5 -10
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Buttons.stories.js +2 -2
- package/dist/components/ContextMenu/ContextMenu.d.ts +2 -1
- package/dist/components/ContextMenu/ContextMenu.js +19 -8
- package/dist/components/ContextMenu/ContextMenuBase.d.ts +2 -1
- package/dist/components/ContextMenu/ContextMenuBase.js +19 -18
- package/dist/components/Dialog/Dialog.stories.js +30 -20
- package/dist/components/Dialog/DialogBase.d.ts +2 -0
- package/dist/components/Dialog/DialogBorder.d.ts +1 -1
- package/dist/components/Dialog/DialogBorder.js +5 -5
- package/dist/components/Dialog/DialogContent.stories.js +1 -1
- package/dist/components/Dialog/DialogGroup.js +5 -5
- package/dist/components/Dialog/DialogHeader.d.ts +1 -1
- package/dist/components/Dialog/DialogHeader.js +6 -6
- package/dist/components/Dialog/DialogHeaderBase.d.ts +3 -1
- package/dist/components/Dialog/DialogHeaderBase.js +3 -3
- package/dist/components/Dialog/DialogHeadings.d.ts +2 -3
- package/dist/components/Dialog/DialogHeadings.js +24 -26
- package/dist/components/Dialog/DialogLabel.d.ts +13 -0
- package/dist/components/Dialog/DialogLabel.js +17 -0
- package/dist/components/Dialog/DialogListItem.d.ts +17 -5
- package/dist/components/Dialog/DialogListItem.js +86 -70
- package/dist/components/Dialog/DialogListItem.stories.js +117 -68
- package/dist/components/Dialog/DialogMetadata.d.ts +9 -1
- package/dist/components/Dialog/DialogMetadata.js +25 -21
- package/dist/components/Dialog/DialogNav.js +16 -16
- package/dist/components/Dialog/DialogTitle.d.ts +7 -9
- package/dist/components/Dialog/DialogTitle.js +9 -10
- package/dist/components/Dialog/Examples.stories.js +31 -0
- package/dist/components/Dialog/index.d.ts +1 -1
- package/dist/components/Dialog/index.js +41 -41
- package/dist/components/List/ListItem.d.ts +5 -25
- package/dist/components/List/ListItem.js +41 -20
- package/dist/components/List/ListItem.stories.js +79 -45
- package/dist/components/List/ListItemBase.d.ts +8 -10
- package/dist/components/List/ListItemBase.js +52 -46
- package/dist/components/List/{ListItemAction.d.ts → ListItemControls.d.ts} +3 -3
- package/dist/components/List/ListItemControls.js +19 -0
- package/dist/components/List/ListItemHeader.d.ts +8 -0
- package/dist/components/List/ListItemHeader.js +8 -0
- package/dist/components/List/ListItemLabel.js +7 -7
- package/dist/components/List/ListItemMedia.js +7 -7
- package/dist/components/List/ListItemSelect.d.ts +12 -0
- package/dist/components/List/ListItemSelect.js +15 -0
- package/dist/components/List/index.d.ts +5 -3
- package/dist/components/List/index.js +16 -12
- package/dist/components/Meta/MetaItemBase.d.ts +1 -1
- package/dist/components/Meta/MetaItemBase.js +21 -20
- package/dist/components/Meta/MetaItemLabel.js +5 -4
- package/dist/components/Meta/MetaItemMedia.js +9 -8
- package/dist/components/Page/PageNav.js +7 -7
- package/dist/components/Searchbar/Autocomplete.stories.js +241 -13
- package/dist/components/Searchbar/AutocompleteBase.js +5 -5
- package/dist/components/Searchbar/AutocompleteGroup.js +9 -12
- package/dist/components/Searchbar/AutocompleteItem.d.ts +23 -11
- package/dist/components/Searchbar/AutocompleteItem.js +21 -8
- package/dist/components/Searchbar/ScopeListItem.d.ts +12 -0
- package/dist/components/Searchbar/ScopeListItem.js +12 -0
- package/dist/components/Toolbar/ToolbarButton.js +2 -1
- package/dist/components/index.js +153 -149
- package/dist/hooks/useMenu.js +19 -19
- package/dist/index.js +163 -159
- package/package.json +1 -1
- package/dist/assets/DialogListItemBase.css +0 -1
- package/dist/assets/ListItemAction.css +0 -1
- package/dist/assets/metaItem.css +0 -1
- package/dist/components/Dialog/DialogListItemBase.d.ts +0 -28
- package/dist/components/Dialog/DialogListItemBase.js +0 -24
- package/dist/components/Dialog/DialogTitle.stories.js +0 -26
- package/dist/components/List/ListItemAction.js +0 -19
- package/dist/components/List/ListItemAction.stories.js +0 -45
- package/dist/metaItem.module-CfNiX769.js +0 -8
- /package/dist/assets/{AutocompleteItem.css → ScopeListItem.css} +0 -0
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
11
|
+
h as AutocompleteGroup
|
|
15
12
|
};
|
|
@@ -1,13 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
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, {
|
|
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
|
);
|
package/dist/components/index.js
CHANGED
|
@@ -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
|
|
8
|
-
import { QueryItem as c, QueryLabel as
|
|
9
|
-
import { ButtonBase as
|
|
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
|
|
13
|
+
import { ComboButton as A } from "./Button/ComboButton.js";
|
|
14
14
|
import { IconButton as h } from "./Button/IconButton.js";
|
|
15
|
-
import { ContextMenu as
|
|
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 {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
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
|
|
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
|
|
59
|
+
import { HistoryItem as lr } from "./History/HistoryItem.js";
|
|
60
60
|
import { Icon as gr } from "./Icon/Icon.js";
|
|
61
|
-
import { SvgIcon as
|
|
62
|
-
import { CheckboxIcon as
|
|
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
|
|
66
|
+
import { LayoutBase as Ar } from "./Layout/LayoutBase.js";
|
|
67
67
|
import { LayoutBody as hr } from "./Layout/LayoutBody.js";
|
|
68
|
-
import { LayoutContent as
|
|
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 {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
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
|
-
|
|
129
|
+
To as Backdrop,
|
|
128
130
|
n as Badge,
|
|
129
131
|
u as BookmarksList,
|
|
130
|
-
|
|
132
|
+
B as BookmarksListItem,
|
|
131
133
|
S as Button,
|
|
132
|
-
|
|
134
|
+
d as ButtonBase,
|
|
133
135
|
y as ButtonIcon,
|
|
134
136
|
I as ButtonLabel,
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
137
|
+
dr as CheckboxIcon,
|
|
138
|
+
A as ComboButton,
|
|
139
|
+
T as ContextMenu,
|
|
138
140
|
F as Dialog,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
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
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
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
|
-
|
|
177
|
-
|
|
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
|
-
|
|
184
|
+
Ar as LayoutBase,
|
|
183
185
|
hr as LayoutBody,
|
|
184
|
-
|
|
186
|
+
Tr as LayoutContent,
|
|
185
187
|
Fr as LayoutSidebar,
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
re as ListItemAction,
|
|
188
|
+
ae as List,
|
|
189
|
+
te as ListBase,
|
|
190
|
+
re as ListItem,
|
|
190
191
|
zr as ListItemBase,
|
|
191
|
-
Zr as
|
|
192
|
-
|
|
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
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
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
|
-
|
|
224
|
+
L as QueryLabel,
|
|
221
225
|
Ir as RadioIcon,
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
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
|
-
|
|
241
|
+
Xe as useRootContext
|
|
238
242
|
};
|
package/dist/hooks/useMenu.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { useState as h, useMemo as w, useCallback as x, useEffect as
|
|
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:
|
|
7
|
+
keyboardEvents: a = !1
|
|
8
8
|
}) => {
|
|
9
|
-
const [
|
|
10
|
-
const
|
|
11
|
-
(o,
|
|
12
|
-
const e = u &&
|
|
13
|
-
return o[e] = o[e] || [], o[e].push(
|
|
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(
|
|
18
|
-
items:
|
|
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:
|
|
20
|
+
active: l === t.indexOf(e),
|
|
21
21
|
props: e
|
|
22
22
|
})),
|
|
23
23
|
props: f[o] || {}
|
|
24
24
|
}));
|
|
25
|
-
}, [n, u,
|
|
26
|
-
(
|
|
27
|
-
|
|
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
|
|
32
|
-
if (
|
|
33
|
-
return d(0), document.addEventListener("keydown",
|
|
34
|
-
document.removeEventListener("keydown",
|
|
31
|
+
return i(() => {
|
|
32
|
+
if (a)
|
|
33
|
+
return d(0), document.addEventListener("keydown", c), () => {
|
|
34
|
+
document.removeEventListener("keydown", c);
|
|
35
35
|
};
|
|
36
|
-
}, [
|
|
36
|
+
}, [c, a]), { menu: p, activeIndex: l, setActiveIndex: d };
|
|
37
37
|
};
|
|
38
38
|
export {
|
|
39
39
|
v as useMenu
|