@altinn/altinn-components 0.7.4 → 0.7.5
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/{Autocomplete-BNV2UfH3.js → Autocomplete-hEFuiN2u.js} +66 -63
- package/dist/assets/GlobalMenuBase.css +1 -1
- package/dist/assets/Header.css +1 -1
- package/dist/assets/LayoutBase.css +1 -1
- package/dist/components/Bookmarks/BookmarksList.js +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.stories.js +1 -1
- package/dist/components/Bookmarks/index.js +1 -1
- package/dist/components/Button/Buttons.stories.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.stories.js +1 -1
- package/dist/components/ContextMenu/ContextMenuBase.js +1 -1
- package/dist/components/ContextMenu/index.js +1 -1
- package/dist/components/Dialog/DialogActions.js +1 -1
- package/dist/components/Dialog/DialogGroup.js +1 -1
- package/dist/components/Dialog/DialogList.js +1 -1
- package/dist/components/Dialog/DialogListItem.js +1 -1
- package/dist/components/Dialog/DialogListItem.stories.js +1 -1
- package/dist/components/Dialog/DialogNav.js +1 -1
- package/dist/components/Dialog/Examples.stories.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dropdown/DrawerButton.js +1 -1
- package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
- package/dist/components/GlobalMenu/AccountButton.js +1 -1
- package/dist/components/GlobalMenu/AccountMenu.d.ts +5 -2
- package/dist/components/GlobalMenu/AccountMenu.js +35 -27
- package/dist/components/GlobalMenu/AccountMenu.stories.js +19 -2
- package/dist/components/GlobalMenu/BackButton.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.stories.js +6 -12
- package/dist/components/GlobalMenu/GlobalMenuBase.js +9 -9
- package/dist/components/Header/Header.js +13 -13
- package/dist/components/Header/HeaderBase.js +1 -1
- package/dist/components/Layout/Layout.js +1 -1
- package/dist/components/Layout/Layout.stories.js +131 -42
- package/dist/components/Layout/LayoutBase.js +3 -3
- package/dist/components/LayoutAction/ActionMenu.js +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/List/List.stories.js +1 -1
- package/dist/components/List/ListItem.js +1 -1
- package/dist/components/List/ListItem.stories.js +1 -1
- package/dist/components/List/ListItemControls.js +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuItem.stories.js +1 -1
- package/dist/components/Menu/MenuItems.js +1 -1
- package/dist/components/Menu/MenuItems.stories.js +1 -1
- package/dist/components/Menu/MenuSearch.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Page/PageHeader.js +1 -1
- package/dist/components/Searchbar/Autocomplete.js +1 -1
- package/dist/components/Searchbar/Autocomplete.stories.js +1 -1
- package/dist/components/Searchbar/AutocompleteItem.js +1 -1
- package/dist/components/Searchbar/ScopeListItem.js +1 -1
- package/dist/components/Searchbar/Searchbar.js +1 -1
- package/dist/components/Toolbar/ToolbarAdd.js +1 -1
- package/dist/components/Toolbar/ToolbarDaterange.js +1 -1
- package/dist/components/Toolbar/ToolbarFilter.js +1 -1
- package/dist/components/Toolbar/ToolbarMenu.js +1 -1
- package/dist/components/Toolbar/ToolbarOptions.js +1 -1
- package/dist/components/Toolbar/ToolbarSearch.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ import { AccountMenu as v } from "./AccountMenu.js";
|
|
|
8
8
|
import { AccountButton as C } from "./AccountButton.js";
|
|
9
9
|
import { BackButton as j } from "./BackButton.js";
|
|
10
10
|
import { LogoutButton as A } from "./LogoutButton.js";
|
|
11
|
-
import "../../Autocomplete-
|
|
11
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
12
12
|
import { MenuListItem as l } from "../Menu/MenuBase.js";
|
|
13
13
|
import { Menu as d } from "../Menu/Menu.js";
|
|
14
14
|
import { GlobalMenuBase as m, GlobalMenuHeader as f, GlobalMenuFooter as F } from "./GlobalMenuBase.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { GlobalMenu as
|
|
2
|
-
const
|
|
1
|
+
import { GlobalMenu as a } from "./GlobalMenu.js";
|
|
2
|
+
const t = {
|
|
3
3
|
title: "GlobalMenu/GlobalMenu",
|
|
4
|
-
component:
|
|
4
|
+
component: a,
|
|
5
5
|
tags: ["autodocs"],
|
|
6
6
|
parameters: {},
|
|
7
7
|
args: {
|
|
@@ -152,19 +152,14 @@ const r = {
|
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
}, l = {
|
|
155
|
-
args: {
|
|
156
|
-
accountSearch: {
|
|
157
|
-
placeholder: "Finn konto"
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}, s = {
|
|
161
155
|
args: {
|
|
162
156
|
logoutLabel: "Logg ut",
|
|
163
157
|
menuLabel: "Meny",
|
|
164
158
|
backLabel: "Tilbake",
|
|
165
159
|
changeLabel: "Endre konto",
|
|
166
160
|
accountSearch: {
|
|
167
|
-
placeholder: "
|
|
161
|
+
placeholder: "Finn konto",
|
|
162
|
+
name: "search-account",
|
|
168
163
|
getResultsLabel: (e = 0) => e ? e + " treff" : "Ingen treff",
|
|
169
164
|
hidden: !1
|
|
170
165
|
}
|
|
@@ -173,8 +168,7 @@ const r = {
|
|
|
173
168
|
export {
|
|
174
169
|
l as AccountSearch,
|
|
175
170
|
i as Company,
|
|
176
|
-
s as CustomLabels,
|
|
177
171
|
o as Default,
|
|
178
172
|
n as Login,
|
|
179
|
-
|
|
173
|
+
t as default
|
|
180
174
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../assets/GlobalMenuBase.css';const
|
|
3
|
-
nav:
|
|
4
|
-
footer:
|
|
5
|
-
drawer:
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/GlobalMenuBase.css';const a = "_nav_ratd2_1", t = "_footer_ratd2_7", n = "_drawer_ratd2_15", s = "_dropdown_ratd2_21", e = {
|
|
3
|
+
nav: a,
|
|
4
|
+
footer: t,
|
|
5
|
+
drawer: n,
|
|
6
6
|
dropdown: s
|
|
7
|
-
},
|
|
7
|
+
}, l = ({ children: o }) => /* @__PURE__ */ r("nav", { className: e.nav, "data-theme": "global", children: o }), _ = ({ children: o }) => /* @__PURE__ */ r("header", { className: e.header, children: o }), c = ({ children: o }) => /* @__PURE__ */ r("footer", { className: e.footer, children: o });
|
|
8
8
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
l as GlobalMenuBase,
|
|
10
|
+
c as GlobalMenuFooter,
|
|
11
|
+
_ as GlobalMenuHeader
|
|
12
12
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
|
-
import { useEscapeKey as
|
|
5
|
-
import { DropdownBase as
|
|
4
|
+
import { useEscapeKey as x } from "../../hooks/useEscapeKey.js";
|
|
5
|
+
import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
|
|
6
6
|
import "../../index-L8X2o7IH.js";
|
|
7
7
|
import { DrawerBase as H } from "../Dropdown/DrawerBase.js";
|
|
8
8
|
import "../Icon/SvgIcon.js";
|
|
9
9
|
import { useRootContext as _ } from "../RootProvider/RootProvider.js";
|
|
10
|
-
import { GlobalMenu as
|
|
10
|
+
import { GlobalMenu as p } from "../GlobalMenu/GlobalMenu.js";
|
|
11
11
|
import { HeaderBase as C } from "./HeaderBase.js";
|
|
12
12
|
import { HeaderLogo as b } from "./HeaderLogo.js";
|
|
13
13
|
import { HeaderButton as y } from "./HeaderButton.js";
|
|
14
14
|
import { Searchbar as B } from "../Searchbar/Searchbar.js";
|
|
15
15
|
import { HeaderMenu as N } from "./HeaderMenu.js";
|
|
16
16
|
import { HeaderSearch as S } from "./HeaderSearch.js";
|
|
17
|
-
import '../../assets/Header.css';const
|
|
18
|
-
drawer:
|
|
19
|
-
dropdown:
|
|
17
|
+
import '../../assets/Header.css';const u = "_drawer_ft5v3_1", v = "_dropdown_ft5v3_5", d = {
|
|
18
|
+
drawer: u,
|
|
19
|
+
dropdown: v
|
|
20
20
|
}, O = ({ search: s, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
|
|
21
|
-
const { currentId: e, toggleId: n, openId: c, closeAll:
|
|
22
|
-
|
|
21
|
+
const { currentId: e, toggleId: n, openId: c, closeAll: t } = _();
|
|
22
|
+
x(t);
|
|
23
23
|
const f = () => {
|
|
24
24
|
c("search");
|
|
25
25
|
}, h = () => {
|
|
@@ -27,9 +27,9 @@ import '../../assets/Header.css';const I = "_drawer_1wgf5_1", M = "_dropdown_1wg
|
|
|
27
27
|
}, w = () => {
|
|
28
28
|
n("menu");
|
|
29
29
|
};
|
|
30
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ m(C, { currentId: e, open: e === "search" || e === "menu", onClose: t, children: [
|
|
31
31
|
/* @__PURE__ */ o(b, { ...l, className: d.logo }),
|
|
32
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ m(N, { className: d.menu, children: [
|
|
33
33
|
/* @__PURE__ */ o(
|
|
34
34
|
y,
|
|
35
35
|
{
|
|
@@ -43,10 +43,10 @@ import '../../assets/Header.css';const I = "_drawer_1wgf5_1", M = "_dropdown_1wg
|
|
|
43
43
|
label: r == null ? void 0 : r.menuLabel
|
|
44
44
|
}
|
|
45
45
|
),
|
|
46
|
-
r && /* @__PURE__ */ o(
|
|
46
|
+
r && /* @__PURE__ */ o(g, { padding: !0, placement: "right", expanded: e === "menu", className: d.dropdown, children: /* @__PURE__ */ o(p, { ...r, currentAccount: a }) })
|
|
47
47
|
] }),
|
|
48
48
|
s && /* @__PURE__ */ o(S, { expanded: e === "search", children: /* @__PURE__ */ o(B, { ...s, expanded: e === "search", onClose: h, onFocus: f }) }),
|
|
49
|
-
r && /* @__PURE__ */ o(H, { expanded: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(
|
|
49
|
+
r && /* @__PURE__ */ o(H, { expanded: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(p, { ...r, currentAccount: a }) })
|
|
50
50
|
] });
|
|
51
51
|
};
|
|
52
52
|
export {
|
|
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { Backdrop as m } from "../Dropdown/Backdrop.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
8
8
|
import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
|
|
9
9
|
header: i,
|
|
10
10
|
backdrop: n
|
|
@@ -11,7 +11,7 @@ import "../Icon/SvgIcon.js";
|
|
|
11
11
|
import "react";
|
|
12
12
|
import { useRootContext as B } from "../RootProvider/RootProvider.js";
|
|
13
13
|
import { Menu as C } from "../Menu/Menu.js";
|
|
14
|
-
import "../../Autocomplete-
|
|
14
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
15
15
|
const A = ({ theme: n = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: e }) => {
|
|
16
16
|
const { currentId: f } = B(), { menu: h, ...l } = o;
|
|
17
17
|
return /* @__PURE__ */ r(i, { theme: n, currentId: f, children: [
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as o, jsxs as p, Fragment as y } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h, createElement as I } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import { D as A } from "../../Autocomplete-
|
|
6
|
+
import { D as A } from "../../Autocomplete-hEFuiN2u.js";
|
|
7
7
|
import { Layout as k } from "./Layout.js";
|
|
8
|
-
import { ActionHeader as
|
|
9
|
-
import { ActionFooter as
|
|
10
|
-
import { ActionMenu as
|
|
11
|
-
import { ListBase as
|
|
12
|
-
import { Snackbar as
|
|
8
|
+
import { ActionHeader as S } from "../LayoutAction/ActionHeader.js";
|
|
9
|
+
import { ActionFooter as v } from "../LayoutAction/ActionFooter.js";
|
|
10
|
+
import { ActionMenu as L } from "../LayoutAction/ActionMenu.js";
|
|
11
|
+
import { ListBase as w } from "../List/ListBase.js";
|
|
12
|
+
import { Snackbar as B } from "../Snackbar/Snackbar.js";
|
|
13
13
|
const m = {
|
|
14
14
|
search: {
|
|
15
15
|
name: "search",
|
|
@@ -21,15 +21,104 @@ const m = {
|
|
|
21
21
|
name: "Aurora Mikalsen"
|
|
22
22
|
},
|
|
23
23
|
menu: {
|
|
24
|
+
logoutButton: {
|
|
25
|
+
label: "Logg ut"
|
|
26
|
+
},
|
|
27
|
+
items: [
|
|
28
|
+
{
|
|
29
|
+
id: "1",
|
|
30
|
+
icon: "airplane",
|
|
31
|
+
size: "lg",
|
|
32
|
+
title: "Section 1"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
id: "2",
|
|
36
|
+
icon: "briefcase",
|
|
37
|
+
size: "lg",
|
|
38
|
+
title: "Section 2"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
id: "3",
|
|
42
|
+
size: "lg",
|
|
43
|
+
title: "Section 3",
|
|
44
|
+
icon: "camera"
|
|
45
|
+
}
|
|
46
|
+
],
|
|
47
|
+
accountSearch: {
|
|
48
|
+
name: "account-search",
|
|
49
|
+
placeholder: "Søk etter konto"
|
|
50
|
+
},
|
|
51
|
+
accountGroups: {
|
|
52
|
+
primary: {
|
|
53
|
+
title: "Deg selv og favoritter"
|
|
54
|
+
},
|
|
55
|
+
secondary: {
|
|
56
|
+
title: "Andre kontoer"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
24
59
|
accounts: [
|
|
25
60
|
{
|
|
26
|
-
id: "
|
|
61
|
+
id: "aurora",
|
|
62
|
+
groupId: "primary",
|
|
27
63
|
type: "person",
|
|
28
|
-
name: "Aurora Mikalsen"
|
|
64
|
+
name: "Aurora Mikalsen",
|
|
65
|
+
selected: !0,
|
|
66
|
+
badge: {
|
|
67
|
+
label: "2"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
id: "bergen-bar",
|
|
72
|
+
groupId: "favourites",
|
|
73
|
+
type: "company",
|
|
74
|
+
name: "Bergen Bar",
|
|
75
|
+
selected: !1,
|
|
76
|
+
badge: {
|
|
77
|
+
label: "19"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
id: "allAccounts",
|
|
82
|
+
groupId: "groups",
|
|
83
|
+
type: "company",
|
|
84
|
+
name: "Alle virksomheter",
|
|
85
|
+
accountNames: ["Keeperhansker AS", "Stadion drift AS", "Landslaget"],
|
|
86
|
+
selected: !1,
|
|
87
|
+
badge: {
|
|
88
|
+
label: "19"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
id: "keeper",
|
|
93
|
+
groupId: "secondary",
|
|
94
|
+
type: "company",
|
|
95
|
+
name: "Keeperhansker AS",
|
|
96
|
+
selected: !1
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
id: "stadion-drift",
|
|
100
|
+
groupId: "secondary",
|
|
101
|
+
type: "company",
|
|
102
|
+
name: "Stadion drift AS",
|
|
103
|
+
selected: !1
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
id: "sk-brann",
|
|
107
|
+
groupId: "favourites",
|
|
108
|
+
type: "company",
|
|
109
|
+
name: "Sportsklubben Brann",
|
|
110
|
+
selected: !1
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
id: "norge",
|
|
114
|
+
groupId: "secondary",
|
|
115
|
+
type: "company",
|
|
116
|
+
name: "Landslaget",
|
|
117
|
+
selected: !1
|
|
29
118
|
}
|
|
30
119
|
]
|
|
31
120
|
}
|
|
32
|
-
},
|
|
121
|
+
}, C = {
|
|
33
122
|
address: "Postboks 1382 Vika, 0114 Oslo.",
|
|
34
123
|
address2: "Org.nr. 991 825 827",
|
|
35
124
|
menu: {
|
|
@@ -100,7 +189,7 @@ const m = {
|
|
|
100
189
|
title: "Papirkurv"
|
|
101
190
|
}
|
|
102
191
|
]
|
|
103
|
-
},
|
|
192
|
+
}, G = {
|
|
104
193
|
title: "Layout/Layout",
|
|
105
194
|
component: k,
|
|
106
195
|
tags: ["autodocs"],
|
|
@@ -110,23 +199,23 @@ const m = {
|
|
|
110
199
|
args: {
|
|
111
200
|
theme: "person",
|
|
112
201
|
header: m,
|
|
113
|
-
footer:
|
|
202
|
+
footer: C,
|
|
114
203
|
sidebar: {
|
|
115
204
|
menu: f
|
|
116
205
|
}
|
|
117
206
|
}
|
|
118
|
-
},
|
|
207
|
+
}, H = {
|
|
119
208
|
args: {}
|
|
120
|
-
},
|
|
121
|
-
const [r, s] =
|
|
209
|
+
}, N = (l) => {
|
|
210
|
+
const [r, s] = h(""), u = (t) => {
|
|
122
211
|
s(t.target.value);
|
|
123
|
-
},
|
|
212
|
+
}, g = [
|
|
124
213
|
{
|
|
125
214
|
type: "scope",
|
|
126
215
|
groupId: "1",
|
|
127
216
|
id: "inbox",
|
|
128
217
|
href: "#",
|
|
129
|
-
label: r ? () => /* @__PURE__ */
|
|
218
|
+
label: r ? () => /* @__PURE__ */ p("span", { children: [
|
|
130
219
|
/* @__PURE__ */ o("mark", { children: r }),
|
|
131
220
|
" i innboksen"
|
|
132
221
|
] }) : "Alt i innboksen"
|
|
@@ -136,7 +225,7 @@ const m = {
|
|
|
136
225
|
groupId: "1",
|
|
137
226
|
id: "global",
|
|
138
227
|
href: "#",
|
|
139
|
-
label: r ? () => /* @__PURE__ */
|
|
228
|
+
label: r ? () => /* @__PURE__ */ p("span", { children: [
|
|
140
229
|
/* @__PURE__ */ o("mark", { children: r }),
|
|
141
230
|
" i hele Altinn"
|
|
142
231
|
] }) : "Alt i hele Altinn"
|
|
@@ -158,26 +247,26 @@ const m = {
|
|
|
158
247
|
title: `${c.length} treff i innboksen`
|
|
159
248
|
}
|
|
160
249
|
},
|
|
161
|
-
items: [...
|
|
250
|
+
items: [...g, ...c]
|
|
162
251
|
};
|
|
163
252
|
return /* @__PURE__ */ o(
|
|
164
253
|
k,
|
|
165
254
|
{
|
|
166
|
-
...
|
|
255
|
+
...l,
|
|
167
256
|
header: {
|
|
168
|
-
...
|
|
257
|
+
...l.header,
|
|
169
258
|
search: {
|
|
170
|
-
...
|
|
259
|
+
...l.header.search,
|
|
171
260
|
value: r,
|
|
172
|
-
onChange:
|
|
261
|
+
onChange: u,
|
|
173
262
|
onClear: () => s(""),
|
|
174
263
|
autocomplete: d
|
|
175
264
|
}
|
|
176
265
|
}
|
|
177
266
|
}
|
|
178
267
|
);
|
|
179
|
-
},
|
|
180
|
-
const [r, s] =
|
|
268
|
+
}, Q = (l) => {
|
|
269
|
+
const [r, s] = h([]), [u, g] = h({
|
|
181
270
|
1: {
|
|
182
271
|
id: "1",
|
|
183
272
|
title: "Item 1",
|
|
@@ -224,45 +313,45 @@ const m = {
|
|
|
224
313
|
}
|
|
225
314
|
])
|
|
226
315
|
})), d = ({ id: e }) => {
|
|
227
|
-
|
|
316
|
+
g((n) => ({
|
|
228
317
|
...n,
|
|
229
318
|
[e]: {
|
|
230
319
|
...n[e],
|
|
231
320
|
selected: !n[e].selected
|
|
232
321
|
}
|
|
233
322
|
}));
|
|
234
|
-
}, t = Object.values(
|
|
235
|
-
return /* @__PURE__ */
|
|
323
|
+
}, t = Object.values(u), a = t == null ? void 0 : t.filter((e) => e.selected), i = (a == null ? void 0 : a.length) > 0, b = (a == null ? void 0 : a.length) + " av " + (t == null ? void 0 : t.length) + " valgt";
|
|
324
|
+
return /* @__PURE__ */ p(
|
|
236
325
|
k,
|
|
237
326
|
{
|
|
238
|
-
theme:
|
|
239
|
-
header: { ...m, search:
|
|
240
|
-
sidebar: { hidden:
|
|
327
|
+
theme: i ? "neutral" : "company",
|
|
328
|
+
header: { ...m, search: i ? void 0 : m.search },
|
|
329
|
+
sidebar: { hidden: i, menu: f },
|
|
241
330
|
content: { theme: "neutral" },
|
|
242
331
|
children: [
|
|
243
|
-
/* @__PURE__ */ o(
|
|
244
|
-
/* @__PURE__ */ o(
|
|
332
|
+
/* @__PURE__ */ o(S, { title: b, hidden: !i }),
|
|
333
|
+
/* @__PURE__ */ o(w, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ I(
|
|
245
334
|
A,
|
|
246
335
|
{
|
|
247
336
|
...e,
|
|
248
337
|
key: e == null ? void 0 : e.id,
|
|
249
338
|
title: e.title,
|
|
250
|
-
onClick:
|
|
339
|
+
onClick: i ? () => d(e) : void 0,
|
|
251
340
|
selected: e.selected,
|
|
252
341
|
select: { checked: e == null ? void 0 : e.selected, onChange: () => d(e) }
|
|
253
342
|
}
|
|
254
343
|
)) }),
|
|
255
|
-
/* @__PURE__ */ o(
|
|
256
|
-
|
|
257
|
-
r.length > 0 && (r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ o(
|
|
344
|
+
/* @__PURE__ */ o(v, { hidden: !1, children: /* @__PURE__ */ p(y, { children: [
|
|
345
|
+
i && /* @__PURE__ */ o(L, { items: c, theme: "global-dark" }),
|
|
346
|
+
r.length > 0 && (r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ o(B, { ...e }, n)))
|
|
258
347
|
] }) })
|
|
259
348
|
]
|
|
260
349
|
}
|
|
261
350
|
);
|
|
262
351
|
};
|
|
263
352
|
export {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
353
|
+
N as ControlledStateSearch,
|
|
354
|
+
H as Default,
|
|
355
|
+
Q as InboxBulkMode,
|
|
356
|
+
G as default
|
|
268
357
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../assets/LayoutBase.css';const o = "
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/LayoutBase.css';const o = "_base_wqztk_1", r = {
|
|
3
3
|
base: o
|
|
4
|
-
}, n = ({ currentId: s, theme:
|
|
4
|
+
}, n = ({ currentId: s, theme: t, children: a }) => /* @__PURE__ */ e("div", { className: r.base, "data-theme": t, "data-current-id": s, children: a });
|
|
5
5
|
export {
|
|
6
6
|
n as LayoutBase
|
|
7
7
|
};
|
|
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import { MenuItem as o } from "../Menu/MenuItem.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
8
8
|
import { MenuBase as n } from "../Menu/MenuBase.js";
|
|
9
9
|
import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", e = {
|
|
10
10
|
menu: s,
|
|
@@ -3,7 +3,7 @@ import { createElement as s } from "react";
|
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import { a } from "../../Autocomplete-
|
|
6
|
+
import { a } from "../../Autocomplete-hEFuiN2u.js";
|
|
7
7
|
import { ListBase as n } from "./ListBase.js";
|
|
8
8
|
const h = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(n, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(a, { ...e, size: t, key: "item" + i })) });
|
|
9
9
|
export {
|
|
@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import "../../Autocomplete-
|
|
6
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
7
7
|
import { List as t } from "./List.js";
|
|
8
8
|
const a = {
|
|
9
9
|
title: "List/List",
|
|
@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
|
|
|
5
5
|
import { Button as b } from "../Button/Button.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { MetaItem as r } from "../Meta/MetaItem.js";
|
|
8
|
-
import { a as t } from "../../Autocomplete-
|
|
8
|
+
import { a as t } from "../../Autocomplete-hEFuiN2u.js";
|
|
9
9
|
import { ListBase as d } from "./ListBase.js";
|
|
10
10
|
import { List as k } from "./List.js";
|
|
11
11
|
const l = ["lg", "md", "sm", "xs"], T = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../Badge/Badge.js";
|
|
3
|
-
import { L as e } from "../../Autocomplete-
|
|
3
|
+
import { L as e } from "../../Autocomplete-hEFuiN2u.js";
|
|
4
4
|
import "../Icon/Icon.js";
|
|
5
5
|
import "../Icon/SvgIcon.js";
|
|
6
6
|
import "../../index-L8X2o7IH.js";
|
|
@@ -2,7 +2,7 @@ import { ListItemBase as o } from "./ListItemBase.js";
|
|
|
2
2
|
import { ListItemHeader as m } from "./ListItemHeader.js";
|
|
3
3
|
import { ListItemLabel as L } from "./ListItemLabel.js";
|
|
4
4
|
import { ListItemMedia as a } from "./ListItemMedia.js";
|
|
5
|
-
import { a as p, L as x } from "../../Autocomplete-
|
|
5
|
+
import { a as p, L as x } from "../../Autocomplete-hEFuiN2u.js";
|
|
6
6
|
import { ListItemSelect as l } from "./ListItemSelect.js";
|
|
7
7
|
import { ListBase as B } from "./ListBase.js";
|
|
8
8
|
import { List as c } from "./List.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { MenuBase as u } from "./MenuBase.js";
|
|
3
|
-
import { M as p } from "../../Autocomplete-
|
|
3
|
+
import { M as p } from "../../Autocomplete-hEFuiN2u.js";
|
|
4
4
|
import { MenuSearch as M } from "./MenuSearch.js";
|
|
5
5
|
const h = ({
|
|
6
6
|
theme: m = "inherit",
|
|
@@ -8,7 +8,7 @@ import "../RootProvider/RootProvider.js";
|
|
|
8
8
|
import { MetaItem as p } from "../Meta/MetaItem.js";
|
|
9
9
|
import { MenuItem as o } from "./MenuItem.js";
|
|
10
10
|
import { MenuBase as m } from "./MenuBase.js";
|
|
11
|
-
import "../../Autocomplete-
|
|
11
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
12
12
|
const I = {
|
|
13
13
|
title: "Menu/MenuItem",
|
|
14
14
|
component: o,
|
|
@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
|
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import "./MenuItem.js";
|
|
7
7
|
import "./MenuHeader.js";
|
|
8
|
-
import { M as n } from "../../Autocomplete-
|
|
8
|
+
import { M as n } from "../../Autocomplete-hEFuiN2u.js";
|
|
9
9
|
import "./MenuBase.js";
|
|
10
10
|
import "../../hooks/useMenu.js";
|
|
11
11
|
export {
|
|
@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
5
5
|
import "react";
|
|
6
6
|
import { IconButton as a } from "../Button/IconButton.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import "../../Autocomplete-
|
|
8
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
9
9
|
import '../../assets/MenuSearch.css';const l = "_field_mo7y9_1", p = "_icon_mo7y9_5", _ = "_input_mo7y9_14", f = "_clear_mo7y9_31", o = {
|
|
10
10
|
field: l,
|
|
11
11
|
icon: p,
|
|
@@ -6,7 +6,7 @@ import { MenuInputField as x } from "./MenuInputField.js";
|
|
|
6
6
|
import { MenuOption as I } from "./MenuOption.js";
|
|
7
7
|
import { MenuSearch as i } from "./MenuSearch.js";
|
|
8
8
|
import { MenuHeader as L } from "./MenuHeader.js";
|
|
9
|
-
import { M as B } from "../../Autocomplete-
|
|
9
|
+
import { M as B } from "../../Autocomplete-hEFuiN2u.js";
|
|
10
10
|
import { MenuBase as c, MenuList as h, MenuListItem as F } from "./MenuBase.js";
|
|
11
11
|
import { Menu as O } from "./Menu.js";
|
|
12
12
|
export {
|
|
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { Heading as c } from "../Typography/Heading.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
8
8
|
import { SectionBase as n } from "./SectionBase.js";
|
|
9
9
|
import { P as p, s as i } from "../../PageHeaderMedia-DpZ09tLD.js";
|
|
10
10
|
import { PageNav as l } from "./PageNav.js";
|
|
@@ -3,7 +3,7 @@ import "react";
|
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import { c } from "../../Autocomplete-
|
|
6
|
+
import { c } from "../../Autocomplete-hEFuiN2u.js";
|
|
7
7
|
export {
|
|
8
8
|
c as AutocompleteItem
|
|
9
9
|
};
|
|
@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import { S as s } from "../../Autocomplete-
|
|
6
|
+
import { S as s } from "../../Autocomplete-hEFuiN2u.js";
|
|
7
7
|
export {
|
|
8
8
|
s as ScopeListItem
|
|
9
9
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as p, jsx as u } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as h } from "react";
|
|
3
3
|
import { useEnterKey as l } from "../../hooks/useEnterKey.js";
|
|
4
|
-
import { A as b } from "../../Autocomplete-
|
|
4
|
+
import { A as b } from "../../Autocomplete-hEFuiN2u.js";
|
|
5
5
|
import { SearchField as n } from "./SearchField.js";
|
|
6
6
|
import { SearchbarBase as E } from "./SearchbarBase.js";
|
|
7
7
|
const d = ({
|
|
@@ -5,7 +5,7 @@ import "react";
|
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { Menu as p } from "../Menu/Menu.js";
|
|
7
7
|
import { DrawerOrDropdown as l } from "../Dropdown/DrawerOrDropdown.js";
|
|
8
|
-
import "../../Autocomplete-
|
|
8
|
+
import "../../Autocomplete-hEFuiN2u.js";
|
|
9
9
|
import { ToolbarButton as n } from "./ToolbarButton.js";
|
|
10
10
|
import { ToolbarFilterBase as s } from "./ToolbarFilterBase.js";
|
|
11
11
|
const B = ({ expanded: o = !1, onToggle: t, label: i = "Legg til", items: m }) => /* @__PURE__ */ e(s, { expanded: o, children: [
|