@altinn/altinn-components 0.8.0 → 0.8.2
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-DQCs4_zv.js → Autocomplete-Cb9fQrzy.js} +81 -82
- 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/BookmarksSection.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/Dialog.js +1 -1
- package/dist/components/Dialog/DialogActions.js +1 -1
- package/dist/components/Dialog/DialogGroup.js +1 -1
- package/dist/components/Dialog/DialogHistory.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/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.js +1 -1
- package/dist/components/GlobalMenu/BackButton.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
- package/dist/components/Header/HeaderBase.js +1 -1
- package/dist/components/History/HistoryItem.js +1 -1
- package/dist/components/Layout/Layout.js +1 -1
- package/dist/components/Layout/Layout.stories.js +1 -1
- 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.d.ts +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/ListItemHeader.js +1 -1
- package/dist/components/List/ListItemHeader.stories.js +1 -1
- package/dist/components/List/ListItemMenu.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/Toolbar.js +22 -22
- package/dist/components/Toolbar/Toolbar.stories.js +10 -8
- 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/Transmission/TransmissionItem.js +1 -1
- package/dist/components/Transmission/TransmissionList.js +1 -1
- package/dist/components/Transmission/TransmissionSection.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -61,14 +61,14 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
61
61
|
className: c,
|
|
62
62
|
items: m
|
|
63
63
|
}) => {
|
|
64
|
-
const { currentId:
|
|
64
|
+
const { currentId: d, toggleId: s } = X();
|
|
65
65
|
return /* @__PURE__ */ t(
|
|
66
66
|
It,
|
|
67
67
|
{
|
|
68
68
|
size: o,
|
|
69
69
|
placement: n,
|
|
70
70
|
className: c,
|
|
71
|
-
expanded:
|
|
71
|
+
expanded: d === e,
|
|
72
72
|
onToggle: () => s(e),
|
|
73
73
|
children: /* @__PURE__ */ t(Q, { groups: a, items: m })
|
|
74
74
|
}
|
|
@@ -94,39 +94,39 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
94
94
|
select: a,
|
|
95
95
|
href: c,
|
|
96
96
|
onClick: m,
|
|
97
|
-
onKeyPress:
|
|
97
|
+
onKeyPress: d,
|
|
98
98
|
tabIndex: s,
|
|
99
99
|
collapsible: u,
|
|
100
100
|
expanded: i,
|
|
101
|
-
size:
|
|
101
|
+
size: l = "sm",
|
|
102
102
|
color: h,
|
|
103
103
|
title: I,
|
|
104
104
|
description: p,
|
|
105
105
|
icon: _,
|
|
106
|
-
avatar:
|
|
107
|
-
avatarGroup:
|
|
106
|
+
avatar: x,
|
|
107
|
+
avatarGroup: k,
|
|
108
108
|
linkIcon: r,
|
|
109
109
|
linkText: y,
|
|
110
|
-
badge:
|
|
110
|
+
badge: N,
|
|
111
111
|
menu: B,
|
|
112
112
|
controls: L,
|
|
113
113
|
className: M,
|
|
114
114
|
children: D
|
|
115
115
|
}) => {
|
|
116
116
|
const w = e || "button", T = u && i ? "chevron-up" : u ? "chevron-down" : r;
|
|
117
|
-
return /* @__PURE__ */ f("header", { className: F.header, "data-size":
|
|
118
|
-
a && /* @__PURE__ */ t(rt, { ...a, size:
|
|
117
|
+
return /* @__PURE__ */ f("header", { className: F.header, "data-size": l, "data-color": h, "aria-expanded": i, children: [
|
|
118
|
+
a && /* @__PURE__ */ t(rt, { ...a, size: l }),
|
|
119
119
|
/* @__PURE__ */ f(
|
|
120
120
|
w,
|
|
121
121
|
{
|
|
122
122
|
className: C(F.link, M),
|
|
123
123
|
href: c,
|
|
124
124
|
onKeyPress: (S) => {
|
|
125
|
-
S.key === "Enter" && (m == null || m()),
|
|
125
|
+
S.key === "Enter" && (m == null || m()), d == null || d(S);
|
|
126
126
|
},
|
|
127
127
|
onClick: m,
|
|
128
128
|
tabIndex: s,
|
|
129
|
-
"data-size":
|
|
129
|
+
"data-size": l,
|
|
130
130
|
"data-color": h,
|
|
131
131
|
"aria-disabled": n || o,
|
|
132
132
|
children: [
|
|
@@ -134,62 +134,61 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
134
134
|
ot,
|
|
135
135
|
{
|
|
136
136
|
loading: n,
|
|
137
|
-
size:
|
|
137
|
+
size: l,
|
|
138
138
|
color: h,
|
|
139
139
|
icon: _,
|
|
140
|
-
avatar:
|
|
141
|
-
avatarGroup:
|
|
140
|
+
avatar: x,
|
|
141
|
+
avatarGroup: k
|
|
142
142
|
}
|
|
143
143
|
),
|
|
144
|
-
/* @__PURE__ */ t(G, { loading: n, size:
|
|
145
|
-
/* @__PURE__ */ t(kt, { linkIcon: T, linkText: y, badge:
|
|
144
|
+
/* @__PURE__ */ t(G, { loading: n, size: l, title: I, description: p, children: D }),
|
|
145
|
+
/* @__PURE__ */ t(kt, { linkIcon: T, linkText: y, badge: N })
|
|
146
146
|
]
|
|
147
147
|
}
|
|
148
148
|
),
|
|
149
149
|
B && /* @__PURE__ */ t(Bt, { ...B }) || L
|
|
150
150
|
] });
|
|
151
151
|
}, v = ({
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
}) => /* @__PURE__ */ t(Y, { size: l, color: o, loading: a, ...x, children: /* @__PURE__ */ t(
|
|
152
|
+
className: e,
|
|
153
|
+
color: n,
|
|
154
|
+
loading: o,
|
|
155
|
+
collapsible: a,
|
|
156
|
+
expanded: c,
|
|
157
|
+
size: m = "sm",
|
|
158
|
+
icon: d,
|
|
159
|
+
avatar: s,
|
|
160
|
+
avatarGroup: u,
|
|
161
|
+
title: i,
|
|
162
|
+
description: l,
|
|
163
|
+
badge: h,
|
|
164
|
+
linkText: I,
|
|
165
|
+
linkIcon: p,
|
|
166
|
+
menu: _,
|
|
167
|
+
select: x,
|
|
168
|
+
controls: k,
|
|
169
|
+
children: r,
|
|
170
|
+
...y
|
|
171
|
+
}) => /* @__PURE__ */ t(Y, { size: m, color: n, loading: o, ...y, children: /* @__PURE__ */ t(
|
|
173
172
|
Dt,
|
|
174
173
|
{
|
|
175
|
-
className:
|
|
176
|
-
loading:
|
|
177
|
-
collapsible:
|
|
178
|
-
expanded:
|
|
179
|
-
select:
|
|
180
|
-
size:
|
|
181
|
-
title:
|
|
182
|
-
description:
|
|
183
|
-
icon:
|
|
184
|
-
avatar:
|
|
185
|
-
avatarGroup:
|
|
186
|
-
linkIcon:
|
|
187
|
-
linkText:
|
|
188
|
-
badge:
|
|
189
|
-
controls:
|
|
190
|
-
menu:
|
|
191
|
-
...
|
|
192
|
-
children:
|
|
174
|
+
className: e,
|
|
175
|
+
loading: o,
|
|
176
|
+
collapsible: a,
|
|
177
|
+
expanded: c,
|
|
178
|
+
select: x,
|
|
179
|
+
size: m,
|
|
180
|
+
title: i,
|
|
181
|
+
description: l,
|
|
182
|
+
icon: d,
|
|
183
|
+
avatar: s,
|
|
184
|
+
avatarGroup: u,
|
|
185
|
+
linkIcon: p,
|
|
186
|
+
linkText: I,
|
|
187
|
+
badge: h,
|
|
188
|
+
controls: k,
|
|
189
|
+
menu: _,
|
|
190
|
+
...y,
|
|
191
|
+
children: r
|
|
193
192
|
}
|
|
194
193
|
) }), Q = ({
|
|
195
194
|
level: e = 0,
|
|
@@ -199,22 +198,22 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
199
198
|
defaultItemColor: c,
|
|
200
199
|
defaultItemSize: m
|
|
201
200
|
}) => {
|
|
202
|
-
const { menu:
|
|
201
|
+
const { menu: d } = A({
|
|
203
202
|
items: o,
|
|
204
203
|
groups: a,
|
|
205
204
|
groupByKey: "groupId",
|
|
206
205
|
keyboardEvents: !1
|
|
207
206
|
});
|
|
208
|
-
return /* @__PURE__ */ t(P, { expanded: n, children:
|
|
209
|
-
const i = (s == null ? void 0 : s.props) || {}, { title:
|
|
207
|
+
return /* @__PURE__ */ t(P, { expanded: n, children: d.map((s, u) => {
|
|
208
|
+
const i = (s == null ? void 0 : s.props) || {}, { title: l, divider: h = !0 } = i, I = d[u + 1];
|
|
210
209
|
return /* @__PURE__ */ f(V, { children: [
|
|
211
210
|
(e > 0 || u) && h ? /* @__PURE__ */ t($, { role: "separator" }) : "",
|
|
212
|
-
|
|
211
|
+
l && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(z, { title: l }) }),
|
|
213
212
|
s == null ? void 0 : s.items.filter((p) => {
|
|
214
213
|
var _;
|
|
215
214
|
return !((_ = p.props) != null && _.hidden);
|
|
216
215
|
}).map((p, _) => {
|
|
217
|
-
const { active:
|
|
216
|
+
const { active: x } = p, { groupId: k, ...r } = p.props || {}, { expanded: y } = r, N = s == null ? void 0 : s.items[_ + 1];
|
|
218
217
|
return /* @__PURE__ */ f($, { role: "presentation", expanded: y, children: [
|
|
219
218
|
/* @__PURE__ */ t(
|
|
220
219
|
K,
|
|
@@ -222,7 +221,7 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
222
221
|
...r,
|
|
223
222
|
color: (r == null ? void 0 : r.color) || (i == null ? void 0 : i.defaultItemColor) || c,
|
|
224
223
|
size: (r == null ? void 0 : r.size) || (i == null ? void 0 : i.defaultItemSize) || m,
|
|
225
|
-
active:
|
|
224
|
+
active: x,
|
|
226
225
|
tabIndex: r != null && r.disabled ? -1 : 0
|
|
227
226
|
}
|
|
228
227
|
),
|
|
@@ -238,13 +237,13 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
238
237
|
defaultItemSize: m
|
|
239
238
|
}
|
|
240
239
|
),
|
|
241
|
-
(I ||
|
|
240
|
+
(I || N) && /* @__PURE__ */ t($, { role: "separator", as: "div" })
|
|
242
241
|
] })
|
|
243
242
|
] }, _);
|
|
244
243
|
})
|
|
245
244
|
] }, u);
|
|
246
245
|
}) });
|
|
247
|
-
}, wt = "_item_6aymu_1", $t = "_select_6aymu_6", jt = "_summary_6aymu_13", Tt = "_footer_6aymu_34", Et = "_touchedBy_6aymu_42", St = "_border_6aymu_51",
|
|
246
|
+
}, wt = "_item_6aymu_1", $t = "_select_6aymu_6", jt = "_summary_6aymu_13", Tt = "_footer_6aymu_34", Et = "_touchedBy_6aymu_42", St = "_border_6aymu_51", b = {
|
|
248
247
|
item: wt,
|
|
249
248
|
select: $t,
|
|
250
249
|
summary: jt,
|
|
@@ -258,28 +257,28 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
258
257
|
select: a,
|
|
259
258
|
status: c,
|
|
260
259
|
sender: m,
|
|
261
|
-
recipient:
|
|
260
|
+
recipient: d,
|
|
262
261
|
grouped: s,
|
|
263
262
|
updatedAt: u,
|
|
264
263
|
updatedAtLabel: i,
|
|
265
|
-
archivedAt:
|
|
264
|
+
archivedAt: l,
|
|
266
265
|
archivedAtLabel: h,
|
|
267
266
|
trashedAt: I,
|
|
268
267
|
trashedAtLabel: p,
|
|
269
268
|
label: _,
|
|
270
|
-
dueAt:
|
|
271
|
-
dueAtLabel:
|
|
269
|
+
dueAt: x,
|
|
270
|
+
dueAtLabel: k,
|
|
272
271
|
seen: r = !1,
|
|
273
272
|
seenBy: y,
|
|
274
|
-
touchedBy:
|
|
273
|
+
touchedBy: N,
|
|
275
274
|
attachmentsCount: B,
|
|
276
275
|
title: L,
|
|
277
276
|
description: M,
|
|
278
277
|
summary: D,
|
|
279
278
|
...w
|
|
280
279
|
}) => {
|
|
281
|
-
const T = I ? "trashed" :
|
|
282
|
-
return e === "xs" || e === "sm" ? /* @__PURE__ */ t(v, { ...w, loading: o, size: e, className:
|
|
280
|
+
const T = I ? "trashed" : l ? "archived" : n;
|
|
281
|
+
return e === "xs" || e === "sm" ? /* @__PURE__ */ t(v, { ...w, loading: o, size: e, className: b.item, children: /* @__PURE__ */ f(g, { className: b.border, size: e, seen: r, loading: o, children: [
|
|
283
282
|
/* @__PURE__ */ t(G, { loading: o, size: e, title: L, description: D || M }),
|
|
284
283
|
/* @__PURE__ */ t(H, { loading: o, updatedAt: u, updatedAtLabel: i })
|
|
285
284
|
] }) }) : /* @__PURE__ */ t(
|
|
@@ -288,15 +287,15 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
288
287
|
...w,
|
|
289
288
|
loading: o,
|
|
290
289
|
size: e,
|
|
291
|
-
className:
|
|
292
|
-
controls: a && /* @__PURE__ */ t(it, { className:
|
|
293
|
-
children: /* @__PURE__ */ f(g, { className:
|
|
290
|
+
className: b.item,
|
|
291
|
+
controls: a && /* @__PURE__ */ t(it, { className: b.select, ...a }),
|
|
292
|
+
children: /* @__PURE__ */ f(g, { className: b.border, size: e, seen: r, loading: o, children: [
|
|
294
293
|
/* @__PURE__ */ f(at, { size: e, children: [
|
|
295
294
|
/* @__PURE__ */ t(ct, { loading: o, size: e, variant: T, label: _, seen: r, children: L }),
|
|
296
|
-
/* @__PURE__ */ t(st, { loading: o, size: e, grouped: s, sender: m, recipient:
|
|
295
|
+
/* @__PURE__ */ t(st, { loading: o, size: e, grouped: s, sender: m, recipient: d })
|
|
297
296
|
] }),
|
|
298
297
|
/* @__PURE__ */ t(lt, { loading: o, size: e, children: D || M }),
|
|
299
|
-
/* @__PURE__ */ f("footer", { "data-size": e, className:
|
|
298
|
+
/* @__PURE__ */ f("footer", { "data-size": e, className: b.footer, children: [
|
|
300
299
|
/* @__PURE__ */ t(
|
|
301
300
|
H,
|
|
302
301
|
{
|
|
@@ -304,17 +303,17 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
304
303
|
status: c,
|
|
305
304
|
updatedAt: u,
|
|
306
305
|
updatedAtLabel: i,
|
|
307
|
-
archivedAt:
|
|
306
|
+
archivedAt: l,
|
|
308
307
|
archivedAtLabel: h,
|
|
309
308
|
trashedAt: I,
|
|
310
309
|
trashedAtLabel: p,
|
|
311
|
-
dueAt:
|
|
312
|
-
dueAtLabel:
|
|
310
|
+
dueAt: x,
|
|
311
|
+
dueAtLabel: k,
|
|
313
312
|
seenBy: y,
|
|
314
313
|
attachmentsCount: B
|
|
315
314
|
}
|
|
316
315
|
),
|
|
317
|
-
|
|
316
|
+
N && /* @__PURE__ */ t(mt, { loading: o, size: "xs", touchedBy: N, className: b.touchedBy })
|
|
318
317
|
] })
|
|
319
318
|
] })
|
|
320
319
|
}
|
|
@@ -336,19 +335,19 @@ import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, descr
|
|
|
336
335
|
}
|
|
337
336
|
}, _e = J(
|
|
338
337
|
({ className: e, items: n, groups: o = {}, expanded: a }, c) => {
|
|
339
|
-
const { menu: m, setActiveIndex:
|
|
338
|
+
const { menu: m, setActiveIndex: d } = A({
|
|
340
339
|
items: n,
|
|
341
340
|
groups: o,
|
|
342
341
|
groupByKey: "groupId",
|
|
343
342
|
keyboardEvents: !0
|
|
344
343
|
});
|
|
345
|
-
return /* @__PURE__ */ t(U, { className: e, expanded: a, ref: c, children: m.map((s, u) => /* @__PURE__ */ O(W, { ...s.props, key: u }, /* @__PURE__ */ t("ul", { children: s.items.map((i,
|
|
344
|
+
return /* @__PURE__ */ t(U, { className: e, expanded: a, ref: c, children: m.map((s, u) => /* @__PURE__ */ O(W, { ...s.props, key: u }, /* @__PURE__ */ t("ul", { children: s.items.map((i, l) => {
|
|
346
345
|
const {
|
|
347
346
|
active: h,
|
|
348
347
|
menuIndex: I,
|
|
349
348
|
props: { groupId: p, ..._ }
|
|
350
349
|
} = i;
|
|
351
|
-
return /* @__PURE__ */ t("li", { tabIndex: -1, onMouseEnter: () =>
|
|
350
|
+
return /* @__PURE__ */ t("li", { tabIndex: -1, onMouseEnter: () => d(I), children: /* @__PURE__ */ t(At, { ..._, active: h }) }, l);
|
|
352
351
|
}) }))) });
|
|
353
352
|
}
|
|
354
353
|
);
|
|
@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
|
|
|
2
2
|
import { createElement as t } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
|
-
import { B as p } from "../../Autocomplete-
|
|
5
|
+
import { B as p } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { ListBase as i } from "../List/ListBase.js";
|
|
8
8
|
const B = ({ items: r }) => /* @__PURE__ */ m(i, { spacing: "xs", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t(p, { ...o, key: o.id })) });
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { B as e } from "../../Autocomplete-
|
|
5
|
+
import { B as e } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "./QueryLabel.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
export {
|
|
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { Fragment as s } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
|
-
import { B as m } from "../../Autocomplete-
|
|
5
|
+
import { B as m } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { MetaItem as l } from "../Meta/MetaItem.js";
|
|
8
8
|
import { ListBase as i } from "../List/ListBase.js";
|
|
@@ -6,7 +6,7 @@ import "react";
|
|
|
6
6
|
import { BookmarksList as n } from "./BookmarksList.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import { MetaItem as p } from "../Meta/MetaItem.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { SectionBase as s } from "../Page/SectionBase.js";
|
|
11
11
|
import { SectionHeader as c } from "../Page/SectionHeader.js";
|
|
12
12
|
import { SectionFooter as d } from "../Page/SectionFooter.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BookmarksList as e } from "./BookmarksList.js";
|
|
2
|
-
import { B as t } from "../../Autocomplete-
|
|
2
|
+
import { B as t } from "../../Autocomplete-Cb9fQrzy.js";
|
|
3
3
|
import { QueryItem as a, QueryLabel as k } from "./QueryLabel.js";
|
|
4
4
|
export {
|
|
5
5
|
e as BookmarksList,
|
|
@@ -7,7 +7,7 @@ import { ComboButton as d } from "./ComboButton.js";
|
|
|
7
7
|
import { IconButton as p } from "./IconButton.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
9
|
import { MetaItem as c } from "../Meta/MetaItem.js";
|
|
10
|
-
import "../../Autocomplete-
|
|
10
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
11
11
|
const I = {
|
|
12
12
|
title: "Atoms/Button/Buttons",
|
|
13
13
|
tags: ["autodocs"],
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { C as n } from "../../Autocomplete-
|
|
5
|
+
import { C as n } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
export {
|
|
8
8
|
n as ContextMenu
|
|
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "../Button/IconButton.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import { c as s } from "../../Autocomplete-
|
|
7
|
+
import { c as s } from "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
import "../Dropdown/DropdownBase.js";
|
|
9
9
|
export {
|
|
10
10
|
s as ContextMenuBase
|
|
@@ -16,7 +16,7 @@ import { DialogActions as b } from "./DialogActions.js";
|
|
|
16
16
|
import { DialogHistory as k } from "./DialogHistory.js";
|
|
17
17
|
import { DialogNav as q } from "./DialogNav.js";
|
|
18
18
|
import "../RootProvider/RootProvider.js";
|
|
19
|
-
import "../../Autocomplete-
|
|
19
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
20
20
|
import { TransmissionSection as w } from "../Transmission/TransmissionSection.js";
|
|
21
21
|
const ro = ({
|
|
22
22
|
backButton: f,
|
|
@@ -6,7 +6,7 @@ import "../Icon/SvgIcon.js";
|
|
|
6
6
|
import { Button as u } from "../Button/Button.js";
|
|
7
7
|
import { ComboButton as f } from "../Button/ComboButton.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { Menu as y } from "../Menu/Menu.js";
|
|
11
11
|
import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
|
|
12
12
|
action: g,
|
|
@@ -6,7 +6,7 @@ import "react";
|
|
|
6
6
|
import { Button as e } from "../Button/Button.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import { ListBase as n } from "../List/ListBase.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { SectionBase as p } from "../Page/SectionBase.js";
|
|
11
11
|
import { SectionHeader as a } from "../Page/SectionHeader.js";
|
|
12
12
|
const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
|
|
@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
5
5
|
import "../Icon/SvgIcon.js";
|
|
6
6
|
import { DialogSectionBase as m } from "./DialogSectionBase.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import "../../Autocomplete-
|
|
8
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
9
9
|
const u = ({ title: i = "History", items: r }) => r ? /* @__PURE__ */ o(m, { title: i, children: /* @__PURE__ */ o(t, { items: r }) }) : null;
|
|
10
10
|
export {
|
|
11
11
|
u as DialogHistory
|
|
@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { useMenu as f } from "../../hooks/useMenu.js";
|
|
7
|
-
import { D as l } from "../../Autocomplete-
|
|
7
|
+
import { D as l } from "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
import { SectionBase as y } from "../Page/SectionBase.js";
|
|
9
9
|
import { DialogGroup as d } from "./DialogGroup.js";
|
|
10
10
|
const P = ({ items: e, groups: m = {} }) => {
|
|
@@ -9,7 +9,7 @@ import "./DialogHeadings.js";
|
|
|
9
9
|
import "./DialogTitle.js";
|
|
10
10
|
import "../RootProvider/RootProvider.js";
|
|
11
11
|
import "./DialogTouchedBy.js";
|
|
12
|
-
import { D as b } from "../../Autocomplete-
|
|
12
|
+
import { D as b } from "../../Autocomplete-Cb9fQrzy.js";
|
|
13
13
|
import "./DialogSelect.js";
|
|
14
14
|
import "../List/ListItemLabel.js";
|
|
15
15
|
import "./DialogDescription.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
2
|
import { withThemeByDataAttribute as y } from "@storybook/addon-themes";
|
|
3
3
|
import { Fragment as u, useState as v } from "react";
|
|
4
|
-
import { D as n } from "../../Autocomplete-
|
|
4
|
+
import { D as n } from "../../Autocomplete-Cb9fQrzy.js";
|
|
5
5
|
import { DialogStatusEnum as g } from "./DialogStatus.js";
|
|
6
6
|
import "../../index-L8X2o7IH.js";
|
|
7
7
|
import "../Icon/SvgIcon.js";
|
|
@@ -3,7 +3,7 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import { Button as c } from "../Button/Button.js";
|
|
6
|
-
import { C as l } from "../../Autocomplete-
|
|
6
|
+
import { C as l } from "../../Autocomplete-Cb9fQrzy.js";
|
|
7
7
|
import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
|
|
8
8
|
import { DialogStatus as d } from "./DialogStatus.js";
|
|
9
9
|
import { DialogTouchedBy as v } from "./DialogTouchedBy.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Dialog as e } from "./Dialog.js";
|
|
2
2
|
import { DialogList as a } from "./DialogList.js";
|
|
3
3
|
import { DialogMetadata as l } from "./DialogMetadata.js";
|
|
4
|
-
import { D as m } from "../../Autocomplete-
|
|
4
|
+
import { D as m } from "../../Autocomplete-Cb9fQrzy.js";
|
|
5
5
|
import { DialogActions as f } from "./DialogActions.js";
|
|
6
6
|
import { DialogActivityLog as x } from "./DialogActivityLog.js";
|
|
7
7
|
import { DialogArticleBase as B } from "./DialogArticleBase.js";
|
|
@@ -5,7 +5,7 @@ import "react";
|
|
|
5
5
|
import { ButtonBase as m } from "../Button/ButtonBase.js";
|
|
6
6
|
import { ButtonLabel as n } from "../Button/ButtonLabel.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import "../../Autocomplete-
|
|
8
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
9
9
|
import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
|
|
10
10
|
button: s
|
|
11
11
|
}, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
|
|
@@ -10,7 +10,7 @@ import { DrawerHeader as f } from "./DrawerHeader.js";
|
|
|
10
10
|
import { DrawerFooter as n } from "./DrawerFooter.js";
|
|
11
11
|
import { DrawerButton as t } from "./DrawerButton.js";
|
|
12
12
|
import { DrawerBody as D } from "./DrawerBody.js";
|
|
13
|
-
import "../../Autocomplete-
|
|
13
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
14
14
|
import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", B = "_drawer_1mzzo_5", i = {
|
|
15
15
|
dropdown: _,
|
|
16
16
|
drawer: B
|
|
@@ -6,7 +6,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
6
6
|
import "../Icon/SvgIcon.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
|
|
11
11
|
/* @__PURE__ */ i(
|
|
12
12
|
s,
|
|
@@ -4,7 +4,7 @@ import { useState as y } from "react";
|
|
|
4
4
|
import "../../index-L8X2o7IH.js";
|
|
5
5
|
import "../Icon/SvgIcon.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
import { Menu as L } from "../Menu/Menu.js";
|
|
9
9
|
const M = (p) => `${p} hits`, k = ({
|
|
10
10
|
accounts: p = [],
|
|
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import { MenuItem as i } from "../Menu/MenuItem.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
const u = ({ label: t, onClick: o }) => /* @__PURE__ */ r(i, { id: "back", icon: "arrow-left", title: t, onClick: o });
|
|
9
9
|
export {
|
|
10
10
|
u as BackButton
|
|
@@ -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-Cb9fQrzy.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";
|
|
@@ -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-Cb9fQrzy.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
|
|
@@ -6,7 +6,7 @@ import "../Icon/SvgIcon.js";
|
|
|
6
6
|
import { AttachmentSection as E } from "../Attachment/AttachmentSection.js";
|
|
7
7
|
import { HistoryItemBase as H } from "./HistoryItemBase.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { TransmissionSection as S } from "../Transmission/TransmissionSection.js";
|
|
11
11
|
import { HistoryMetadata as b } from "./HistoryMetadata.js";
|
|
12
12
|
const T = ({
|
|
@@ -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-Cb9fQrzy.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: [
|
|
@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { ListBase as A } from "../List/ListBase.js";
|
|
7
|
-
import { D as S } from "../../Autocomplete-
|
|
7
|
+
import { D as S } from "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
import { Layout as k } from "./Layout.js";
|
|
9
9
|
import { ActionHeader as v } from "../LayoutAction/ActionHeader.js";
|
|
10
10
|
import { ActionFooter as L } from "../LayoutAction/ActionFooter.js";
|
|
@@ -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-Cb9fQrzy.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 { b as n } from "../../Autocomplete-
|
|
6
|
+
import { b as n } from "../../Autocomplete-Cb9fQrzy.js";
|
|
7
7
|
import { ListBase as a } from "./ListBase.js";
|
|
8
8
|
const b = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(a, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(n, { ...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-Cb9fQrzy.js";
|
|
7
7
|
import { List as t } from "./List.js";
|
|
8
8
|
const a = {
|
|
9
9
|
title: "List/List",
|
|
@@ -32,4 +32,4 @@ export interface ListItemInputProps extends ListItemProps {
|
|
|
32
32
|
/** Child items */
|
|
33
33
|
items?: ListItemProps[];
|
|
34
34
|
}
|
|
35
|
-
export declare const ListItem: ({
|
|
35
|
+
export declare const ListItem: ({ className, color, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, description, badge, linkText, linkIcon, menu, select, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,7 +6,7 @@ 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
8
|
import { ListItemBase as k } from "./ListItemBase.js";
|
|
9
|
-
import { b as t, L as y } from "../../Autocomplete-
|
|
9
|
+
import { b as t, L as y } from "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { ListBase as d } from "./ListBase.js";
|
|
11
11
|
import { List as v } from "./List.js";
|
|
12
12
|
const l = ["lg", "md", "sm", "xs"], E = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
|
-
import { L as a } from "../../Autocomplete-
|
|
3
|
+
import { L as a } from "../../Autocomplete-Cb9fQrzy.js";
|
|
4
4
|
import "./ListItemLabel.js";
|
|
5
5
|
import "./ListItemMedia.js";
|
|
6
6
|
import "./ListItemSelect.js";
|
|
@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
|
|
|
5
5
|
import { Button as k } from "../Button/Button.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { MetaItem as r } from "../Meta/MetaItem.js";
|
|
8
|
-
import { L as t } from "../../Autocomplete-
|
|
8
|
+
import { L as t } from "../../Autocomplete-Cb9fQrzy.js";
|
|
9
9
|
import { ListBase as d } from "./ListBase.js";
|
|
10
10
|
const l = ["lg", "md", "sm", "xs"], H = {
|
|
11
11
|
title: "List/ListItemHeader",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ListItemBase as o } from "./ListItemBase.js";
|
|
2
|
-
import { b as s, a as m, L } from "../../Autocomplete-
|
|
2
|
+
import { b as s, a as m, L } from "../../Autocomplete-Cb9fQrzy.js";
|
|
3
3
|
import { ListItemLabel as a } from "./ListItemLabel.js";
|
|
4
4
|
import { ListItemMedia as p } from "./ListItemMedia.js";
|
|
5
5
|
import { ListItemSelect as I } from "./ListItemSelect.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-Cb9fQrzy.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-Cb9fQrzy.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-Cb9fQrzy.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-Cb9fQrzy.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-Cb9fQrzy.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 { Heading as c } from "../Typography/Heading.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-Cb9fQrzy.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 { e as a } from "../../Autocomplete-
|
|
6
|
+
import { e as a } from "../../Autocomplete-Cb9fQrzy.js";
|
|
7
7
|
export {
|
|
8
8
|
a 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-Cb9fQrzy.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-Cb9fQrzy.js";
|
|
5
5
|
import { SearchField as n } from "./SearchField.js";
|
|
6
6
|
import { SearchbarBase as E } from "./SearchbarBase.js";
|
|
7
7
|
const d = ({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as V, jsx as
|
|
2
|
+
import { jsxs as V, jsx as i } from "react/jsx-runtime";
|
|
3
3
|
import { useState as d, useMemo as C } from "react";
|
|
4
4
|
import { useRootContext as q } from "../RootProvider/RootProvider.js";
|
|
5
5
|
import { ToolbarAdd as w } from "./ToolbarAdd.js";
|
|
@@ -16,44 +16,44 @@ const Y = ({
|
|
|
16
16
|
getFilterLabel: A,
|
|
17
17
|
children: N
|
|
18
18
|
}) => {
|
|
19
|
-
const { currentId:
|
|
19
|
+
const { currentId: c, openId: R, closeAll: y } = q(), [e, s] = d(null), [j, v] = d(
|
|
20
20
|
u ?? {}
|
|
21
|
-
), p = typeof g == "function" ? g : v,
|
|
22
|
-
(l == null ? void 0 : l.filter((o) => !(o.removable && typeof
|
|
21
|
+
), p = typeof g == "function" ? g : v, t = u || j, [b, S] = d(
|
|
22
|
+
(l == null ? void 0 : l.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
|
|
23
23
|
), h = l == null ? void 0 : l.filter((o) => !b.includes(o.name)), L = C(
|
|
24
24
|
() => b.map((o) => l.find((n) => n.name === o)).filter((o) => typeof o < "u"),
|
|
25
25
|
[l, b]
|
|
26
26
|
), a = C(
|
|
27
27
|
() => l.filter((o) => h.includes(o)),
|
|
28
28
|
[l, h]
|
|
29
|
-
),
|
|
29
|
+
), r = (o, n) => {
|
|
30
30
|
(e == null ? void 0 : e.name) === n && e.type === o ? (y(), s(null)) : (R("toolbar"), s({ name: n, type: o }));
|
|
31
31
|
}, M = () => {
|
|
32
32
|
s(null), y();
|
|
33
33
|
}, k = (o, n, m) => {
|
|
34
34
|
m === "radio" ? (p({
|
|
35
|
-
...
|
|
35
|
+
...t,
|
|
36
36
|
[o]: n
|
|
37
|
-
}),
|
|
38
|
-
...
|
|
39
|
-
[o]:
|
|
37
|
+
}), r("filter", o)) : p({
|
|
38
|
+
...t,
|
|
39
|
+
[o]: t[o] ? t[o].some((f) => n == null ? void 0 : n.includes(f)) ? t[o].filter((f) => !(n || []).includes(f)) : [...t[o], ...n || []] : n
|
|
40
40
|
});
|
|
41
41
|
}, B = (o) => {
|
|
42
42
|
S((n) => n.filter((m) => m !== o)), p({
|
|
43
|
-
...
|
|
43
|
+
...t,
|
|
44
44
|
[o]: void 0
|
|
45
45
|
});
|
|
46
46
|
}, E = (o) => {
|
|
47
|
-
S((n) => [...n, o]),
|
|
47
|
+
S((n) => [...n, o]), r("filter", o);
|
|
48
48
|
};
|
|
49
|
-
return /* @__PURE__ */ V(z, { open:
|
|
50
|
-
F && /* @__PURE__ */
|
|
51
|
-
T && /* @__PURE__ */
|
|
52
|
-
L.map((o) => /* @__PURE__ */
|
|
49
|
+
return /* @__PURE__ */ V(z, { open: c === "toolbar", onClose: M, children: [
|
|
50
|
+
F && /* @__PURE__ */ i(G, { onToggle: () => r("menu", ""), expanded: (e == null ? void 0 : e.type) === "menu", ...F }),
|
|
51
|
+
T && /* @__PURE__ */ i(H, { ...T }),
|
|
52
|
+
L.map((o) => /* @__PURE__ */ i(
|
|
53
53
|
D,
|
|
54
54
|
{
|
|
55
|
-
onToggle: () =>
|
|
56
|
-
expanded:
|
|
55
|
+
onToggle: () => r("filter", o.name),
|
|
56
|
+
expanded: c === "toolbar" && o.name === (e == null ? void 0 : e.name) && (e == null ? void 0 : e.type) === "filter",
|
|
57
57
|
onRemove: () => {
|
|
58
58
|
B(o.name);
|
|
59
59
|
},
|
|
@@ -63,21 +63,21 @@ const Y = ({
|
|
|
63
63
|
name: o.name,
|
|
64
64
|
options: o.options,
|
|
65
65
|
label: o.label,
|
|
66
|
-
value:
|
|
66
|
+
value: t[o.name],
|
|
67
67
|
optionType: o.optionType,
|
|
68
68
|
removable: o.removable,
|
|
69
69
|
getSelectedLabel: A
|
|
70
70
|
},
|
|
71
71
|
o.name
|
|
72
72
|
)),
|
|
73
|
-
(a == null ? void 0 : a.length) > 0 && /* @__PURE__ */
|
|
73
|
+
(a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
|
|
74
74
|
w,
|
|
75
75
|
{
|
|
76
|
-
expanded:
|
|
77
|
-
onToggle: () =>
|
|
76
|
+
expanded: c === "toolbar" && (e == null ? void 0 : e.type) === "add-filter",
|
|
77
|
+
onToggle: () => r("add-filter", ""),
|
|
78
78
|
items: a.map((o) => ({
|
|
79
79
|
id: o.name,
|
|
80
|
-
|
|
80
|
+
title: o.label,
|
|
81
81
|
name: o.name,
|
|
82
82
|
onClick: () => {
|
|
83
83
|
E(o.name);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import n from "react";
|
|
3
3
|
import { Toolbar as o } from "./Toolbar.js";
|
|
4
|
-
const
|
|
4
|
+
const b = {
|
|
5
5
|
title: "Toolbar/Toolbar",
|
|
6
6
|
component: o,
|
|
7
7
|
tags: ["autodocs"],
|
|
@@ -17,13 +17,15 @@ const d = {
|
|
|
17
17
|
avatar: {
|
|
18
18
|
name: "Ola Nordmann"
|
|
19
19
|
},
|
|
20
|
-
|
|
20
|
+
title: "Ola Nordmann",
|
|
21
|
+
id: "ola"
|
|
21
22
|
},
|
|
22
23
|
{
|
|
23
24
|
avatar: {
|
|
24
25
|
name: "Kari Nordmann"
|
|
25
26
|
},
|
|
26
|
-
|
|
27
|
+
title: "Kari Nordmann",
|
|
28
|
+
id: "kari"
|
|
27
29
|
}
|
|
28
30
|
]
|
|
29
31
|
},
|
|
@@ -110,12 +112,12 @@ const d = {
|
|
|
110
112
|
}
|
|
111
113
|
]
|
|
112
114
|
}
|
|
113
|
-
},
|
|
115
|
+
}, g = {
|
|
114
116
|
args: {
|
|
115
117
|
...a.args,
|
|
116
118
|
getFilterLabel: (t, e) => Array.isArray(e) && e.length > 1 ? `${e.length} selected` : e
|
|
117
119
|
}
|
|
118
|
-
},
|
|
120
|
+
}, m = {
|
|
119
121
|
args: {
|
|
120
122
|
...a.args,
|
|
121
123
|
filters: []
|
|
@@ -177,10 +179,10 @@ const p = {
|
|
|
177
179
|
};
|
|
178
180
|
export {
|
|
179
181
|
v as ControlledStateFilters,
|
|
180
|
-
|
|
182
|
+
g as CustomFilterLabel,
|
|
181
183
|
a as Default,
|
|
182
184
|
c as FilterAndSearch,
|
|
183
|
-
|
|
185
|
+
m as NoFilters,
|
|
184
186
|
p as StaticFilters,
|
|
185
|
-
|
|
187
|
+
b as default
|
|
186
188
|
};
|
|
@@ -7,7 +7,7 @@ import { ToolbarButton as p } from "./ToolbarButton.js";
|
|
|
7
7
|
import { ToolbarFilterBase as l } from "./ToolbarFilterBase.js";
|
|
8
8
|
import { Menu as n } from "../Menu/Menu.js";
|
|
9
9
|
import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
|
|
10
|
-
import "../../Autocomplete-
|
|
10
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
11
11
|
const B = ({ expanded: o = !1, onToggle: t, label: i = "Legg til", items: m }) => /* @__PURE__ */ e(l, { expanded: o, children: [
|
|
12
12
|
/* @__PURE__ */ r(p, { type: "add", onToggle: t, children: i }),
|
|
13
13
|
/* @__PURE__ */ r(s, { title: i, onClose: t, expanded: o, children: /* @__PURE__ */ r(n, { theme: "global", items: m }) })
|
|
@@ -8,7 +8,7 @@ import { MenuInputField as p } from "../Menu/MenuInputField.js";
|
|
|
8
8
|
import { MenuBase as C } from "../Menu/MenuBase.js";
|
|
9
9
|
import { ToolbarFilterBase as F } from "./ToolbarFilterBase.js";
|
|
10
10
|
import { DrawerOrDropdown as T } from "../Dropdown/DrawerOrDropdown.js";
|
|
11
|
-
import "../../Autocomplete-
|
|
11
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
12
12
|
import { Datepicker as S } from "../Datepicker/Datepicker.js";
|
|
13
13
|
import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q = "_fields_mqb1p_6", w = "_description_mqb1p_10", n = {
|
|
14
14
|
datepicker: y,
|
|
@@ -6,7 +6,7 @@ import "../RootProvider/RootProvider.js";
|
|
|
6
6
|
import { ToolbarButton as j } from "./ToolbarButton.js";
|
|
7
7
|
import { ToolbarFilterBase as O } from "./ToolbarFilterBase.js";
|
|
8
8
|
import { DrawerOrDropdown as k } from "../Dropdown/DrawerOrDropdown.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { ToolbarOptions as u } from "./ToolbarOptions.js";
|
|
11
11
|
const w = (t, o) => Array.isArray(o) ? o.join(", ") : o, e = ({
|
|
12
12
|
expanded: t = !1,
|
|
@@ -7,7 +7,7 @@ import { ToolbarButton as s } from "./ToolbarButton.js";
|
|
|
7
7
|
import { Menu as a } from "../Menu/Menu.js";
|
|
8
8
|
import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
|
|
9
9
|
import { DrawerOrDropdown as c } from "../Dropdown/DrawerOrDropdown.js";
|
|
10
|
-
import "../../Autocomplete-
|
|
10
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
11
11
|
const M = ({ expanded: r = !1, onToggle: t, label: e, value: i, groups: m, search: l, items: p }) => /* @__PURE__ */ n(f, { expanded: r, children: [
|
|
12
12
|
/* @__PURE__ */ o(s, { type: "switch", onToggle: t, active: !!i, children: e }),
|
|
13
13
|
/* @__PURE__ */ o(c, { expanded: r, title: "Endre konto", onClose: t, children: /* @__PURE__ */ o(a, { theme: "global", defaultItemColor: "subtle", groups: m, search: l, items: p }) })
|
|
@@ -6,7 +6,7 @@ import { MenuOption as v } from "../Menu/MenuOption.js";
|
|
|
6
6
|
import { MenuSearch as j } from "../Menu/MenuSearch.js";
|
|
7
7
|
import { MenuHeader as x } from "../Menu/MenuHeader.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
|
|
11
11
|
const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
|
|
12
12
|
var a;
|
|
@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
5
5
|
import "react";
|
|
6
6
|
import { IconButton as m } from "../Button/IconButton.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import "../../Autocomplete-
|
|
8
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
9
9
|
import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_dvezx_5", d = "_input_dvezx_14", _ = "_clear_dvezx_30", o = {
|
|
10
10
|
field: l,
|
|
11
11
|
icon: p,
|
|
@@ -6,7 +6,7 @@ import { Typography as x } from "../Typography/Typography.js";
|
|
|
6
6
|
import { AttachmentSection as b } from "../Attachment/AttachmentSection.js";
|
|
7
7
|
import { MetaTimestamp as T } from "../Meta/MetaTimestamp.js";
|
|
8
8
|
import { ListItemBase as u } from "../List/ListItemBase.js";
|
|
9
|
-
import { L as v } from "../../Autocomplete-
|
|
9
|
+
import { L as v } from "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import "../RootProvider/RootProvider.js";
|
|
11
11
|
import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
|
|
12
12
|
body: I
|
|
@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
|
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import { TransmissionItem as e } from "./TransmissionItem.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../../Autocomplete-
|
|
7
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
import { ListBase as n } from "../List/ListBase.js";
|
|
9
9
|
const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
|
|
10
10
|
export {
|
|
@@ -6,7 +6,7 @@ import { Heading as t } from "../Typography/Heading.js";
|
|
|
6
6
|
import "react";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import { TransmissionList as p } from "./TransmissionList.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
|
|
11
11
|
/* @__PURE__ */ o(t, { as: "h2", size: "xs", children: n }),
|
|
12
12
|
i && /* @__PURE__ */ o(m, { ...i }),
|
package/dist/components/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { Avatar as f } from "./Avatar/Avatar.js";
|
|
|
5
5
|
import { AvatarGroup as n } from "./Avatar/AvatarGroup.js";
|
|
6
6
|
import { Badge as l } from "./Badge/Badge.js";
|
|
7
7
|
import { BookmarksList as B } from "./Bookmarks/BookmarksList.js";
|
|
8
|
-
import { B as g, C as L, D, b as M, a as d, L as I, M as b } from "../Autocomplete-
|
|
8
|
+
import { B as g, C as L, D, b as M, a as d, L as I, M as b } from "../Autocomplete-Cb9fQrzy.js";
|
|
9
9
|
import { QueryItem as y, QueryLabel as H } from "./Bookmarks/QueryLabel.js";
|
|
10
10
|
import { ButtonBase as T } from "./Button/ButtonBase.js";
|
|
11
11
|
import { ButtonLabel as h } from "./Button/ButtonLabel.js";
|
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { Avatar as f } from "./components/Avatar/Avatar.js";
|
|
|
5
5
|
import { AvatarGroup as s } from "./components/Avatar/AvatarGroup.js";
|
|
6
6
|
import { Badge as u } from "./components/Badge/Badge.js";
|
|
7
7
|
import { BookmarksList as B } from "./components/Bookmarks/BookmarksList.js";
|
|
8
|
-
import { B as g, C as L, D, b as M, a as d, L as I, M as b } from "./Autocomplete-
|
|
8
|
+
import { B as g, C as L, D, b as M, a as d, L as I, M as b } from "./Autocomplete-Cb9fQrzy.js";
|
|
9
9
|
import { QueryItem as S, QueryLabel as H } from "./components/Bookmarks/QueryLabel.js";
|
|
10
10
|
import { ButtonBase as A } from "./components/Button/ButtonBase.js";
|
|
11
11
|
import { ButtonLabel as h } from "./components/Button/ButtonLabel.js";
|