@altinn/altinn-components 0.56.9 → 0.56.10
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/{SearchField-CXMhgFiw.js → SearchField-CYYz0JvC.js} +91 -91
- package/dist/assets/DatepickerFilter.css +1 -0
- package/dist/assets/FooterBase.css +1 -1
- package/dist/assets/GlobalHeaderBase.css +1 -1
- package/dist/assets/LayoutBody.css +1 -1
- package/dist/assets/LayoutContent.css +1 -1
- package/dist/assets/LayoutGrid.css +1 -0
- package/dist/assets/LayoutSidebar.css +1 -1
- package/dist/assets/SearchField.css +1 -1
- package/dist/components/Account/AccountMenu.js +1 -1
- package/dist/components/Breadcrumbs/index.js +6 -0
- package/dist/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/components/Dialog/DialogActions.js +1 -1
- package/dist/components/Footer/FooterBase.js +7 -7
- package/dist/components/Forms/SearchField.js +1 -1
- package/dist/components/Forms/index.js +1 -1
- package/dist/components/GlobalHeader/AccountSelector.js +1 -1
- package/dist/components/GlobalHeader/GlobalHeaderBase.js +4 -4
- package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
- package/dist/components/GlobalMenu/LocaleSwitcher.js +1 -1
- package/dist/components/GlobalMenu_old/GlobalMenu.js +1 -1
- package/dist/components/Header/LocaleSwitcher.js +1 -1
- package/dist/components/Layout/Layout.js +44 -33
- package/dist/components/Layout/LayoutBody.js +5 -5
- package/dist/components/Layout/LayoutContent.js +1 -1
- package/dist/components/Layout/LayoutGrid.js +7 -0
- package/dist/components/Layout/LayoutSidebar.js +4 -4
- package/dist/components/Layout/index.js +12 -10
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuItems.js +1 -1
- package/dist/components/Menu/MenuListSearch.js +1 -1
- package/dist/components/Menu/VirtualizedMenuItems.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Page/PageNav.js +4 -4
- package/dist/components/Page/index.js +18 -22
- package/dist/components/Toolbar/DatepickerFilter.js +57 -57
- package/dist/components/Toolbar/SelectDateFilter.js +49 -34
- package/dist/components/Toolbar/ToolbarFilterAddMenu.js +1 -1
- package/dist/components/Toolbar/ToolbarFilterMenu.js +83 -78
- package/dist/components/Toolbar/ToolbarMenu.js +1 -1
- package/dist/components/Toolbar/ToolbarSearch.js +1 -1
- package/dist/components/index.js +443 -441
- package/dist/index.js +455 -453
- package/dist/types/lib/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/types/lib/components/Layout/Layout.d.ts +3 -1
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +2 -1
- package/dist/types/lib/components/Layout/LayoutGrid.d.ts +13 -0
- package/dist/types/lib/components/Layout/index.d.ts +1 -0
- package/dist/types/lib/components/Page/index.d.ts +0 -2
- package/dist/types/lib/components/Toolbar/SelectDateFilter.d.ts +1 -0
- package/dist/types/lib/components/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/{Page → Breadcrumbs}/Breadcrumbs.js +1 -1
- /package/dist/components/{Page → Breadcrumbs}/BreadcrumbsLink.js +0 -0
- /package/dist/types/lib/components/{Page → Breadcrumbs}/Breadcrumbs.d.ts +0 -0
- /package/dist/types/lib/components/{Page → Breadcrumbs}/Breadcrumbs.stories.d.ts +0 -0
- /package/dist/types/lib/components/{Page → Breadcrumbs}/BreadcrumbsLink.d.ts +0 -0
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import { jsx as o, jsxs as E } from "react/jsx-runtime";
|
|
3
3
|
import { c as oe } from "./index-p1eeF8LQ.js";
|
|
4
4
|
import { useRef as j, useState as Q, useMemo as R, useEffect as G, Fragment as ge, useLayoutEffect as ne, useId as re } from "react";
|
|
5
|
-
import { Button as
|
|
5
|
+
import { Button as ie } from "./components/Button/Button.js";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
import "./components/RootProvider/RootProvider.js";
|
|
8
8
|
import { useMenu as de } from "./hooks/useMenu.js";
|
|
9
|
-
import { Input as
|
|
9
|
+
import { Input as se } from "./components/Forms/Input.js";
|
|
10
10
|
import { FieldBase as ae } from "./components/Forms/FieldBase.js";
|
|
11
11
|
import "./components/Snackbar/useSnackbar.js";
|
|
12
12
|
import { S as ce } from "./MagnifyingGlass-bwVhw07z.js";
|
|
@@ -17,14 +17,14 @@ import { MenuListItem as pe } from "./components/Menu/MenuListItem.js";
|
|
|
17
17
|
import { MenuListGroup as me } from "./components/Menu/MenuListGroup.js";
|
|
18
18
|
import { MenuListDivider as he } from "./components/Menu/MenuListDivider.js";
|
|
19
19
|
import { MenuListHeading as ye } from "./components/Menu/MenuListHeading.js";
|
|
20
|
-
import { a as
|
|
21
|
-
import { useMenuSearch as
|
|
22
|
-
import './assets/SearchField.css';const
|
|
23
|
-
search:
|
|
20
|
+
import { a as we } from "./useMenuVirtualization-Cs426RCN.js";
|
|
21
|
+
import { useMenuSearch as be } from "./components/Menu/useMenuSearch.js";
|
|
22
|
+
import './assets/SearchField.css';const ve = "_search_18jfe_1", Ce = "_searchInput_18jfe_8", te = {
|
|
23
|
+
search: ve,
|
|
24
24
|
searchInput: Ce
|
|
25
25
|
}, xe = ({
|
|
26
|
-
style:
|
|
27
|
-
index:
|
|
26
|
+
style: w,
|
|
27
|
+
index: b,
|
|
28
28
|
name: A,
|
|
29
29
|
value: k,
|
|
30
30
|
placeholder: d = "Search",
|
|
@@ -32,14 +32,14 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
32
32
|
onChange: _,
|
|
33
33
|
onClear: D,
|
|
34
34
|
onNavigate: p,
|
|
35
|
-
combobox:
|
|
35
|
+
combobox: s = !1,
|
|
36
36
|
listId: h,
|
|
37
37
|
"aria-activedescendant": B,
|
|
38
38
|
onKeyDown: y,
|
|
39
|
-
onInput:
|
|
39
|
+
onInput: i,
|
|
40
40
|
onFocus: x,
|
|
41
41
|
...M
|
|
42
|
-
}) => /* @__PURE__ */ o("li", { className: te.search, style:
|
|
42
|
+
}) => /* @__PURE__ */ o("li", { className: te.search, style: w, "data-index": b, "data-menu-search": "true", children: s ? (
|
|
43
43
|
// biome-ignore lint/a11y/useFocusableInteractive: <explanation>
|
|
44
44
|
// biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
|
|
45
45
|
// biome-ignore lint/a11y/useSemanticElements: <explanation>
|
|
@@ -64,7 +64,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
64
64
|
onKeyDown: (a) => {
|
|
65
65
|
(a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
|
|
66
66
|
},
|
|
67
|
-
onInput:
|
|
67
|
+
onInput: i,
|
|
68
68
|
onFocus: x,
|
|
69
69
|
...M
|
|
70
70
|
}
|
|
@@ -87,13 +87,13 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
87
87
|
onKeyDown: (a) => {
|
|
88
88
|
(a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
|
|
89
89
|
},
|
|
90
|
-
onInput:
|
|
90
|
+
onInput: i,
|
|
91
91
|
onFocus: x,
|
|
92
92
|
...M
|
|
93
93
|
}
|
|
94
94
|
) }), Ie = ({
|
|
95
|
-
level:
|
|
96
|
-
maxLevels:
|
|
95
|
+
level: w = 0,
|
|
96
|
+
maxLevels: b,
|
|
97
97
|
expanded: A,
|
|
98
98
|
a11yMode: k = "menu",
|
|
99
99
|
open: d,
|
|
@@ -101,27 +101,27 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
101
101
|
autoActivateFirstItem: _ = !0,
|
|
102
102
|
autoFocusList: D = !0,
|
|
103
103
|
announceNoResults: p = !1,
|
|
104
|
-
search:
|
|
104
|
+
search: s,
|
|
105
105
|
items: h,
|
|
106
106
|
groups: B = {},
|
|
107
107
|
size: y,
|
|
108
|
-
id:
|
|
108
|
+
id: i,
|
|
109
109
|
color: x,
|
|
110
110
|
variant: M,
|
|
111
111
|
scrollRefStyles: a = {},
|
|
112
112
|
keyboardEvents: I = !1,
|
|
113
113
|
onSelect: z = () => {
|
|
114
114
|
},
|
|
115
|
-
onActiveItemIdChange:
|
|
115
|
+
onActiveItemIdChange: v
|
|
116
116
|
}) => {
|
|
117
|
-
if (
|
|
117
|
+
if (b && w >= b)
|
|
118
118
|
return null;
|
|
119
|
-
const m = k === "combobox", l = m &&
|
|
119
|
+
const m = k === "combobox", l = m && i ? `${i}-listbox` : i, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
|
|
120
120
|
() => h.map((n, g) => ({
|
|
121
121
|
...n,
|
|
122
|
-
id: n.id || `${
|
|
122
|
+
id: n.id || `${i}-item-${g}`
|
|
123
123
|
})),
|
|
124
|
-
[h,
|
|
124
|
+
[h, i]
|
|
125
125
|
), S = j(null), { menu: L, setActiveIndex: H, activeItem: W } = de({
|
|
126
126
|
items: f,
|
|
127
127
|
groups: B,
|
|
@@ -132,8 +132,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
132
132
|
ref: S
|
|
133
133
|
});
|
|
134
134
|
return G(() => {
|
|
135
|
-
|
|
136
|
-
}, [W?.id,
|
|
135
|
+
v?.(W?.id);
|
|
136
|
+
}, [W?.id, v]), G(() => {
|
|
137
137
|
if (!r) {
|
|
138
138
|
F.current = d;
|
|
139
139
|
return;
|
|
@@ -142,8 +142,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
142
142
|
F.current = d, d && !n && S.current?.scrollTo({ top: 0 });
|
|
143
143
|
}, [d, r]), G(() => {
|
|
144
144
|
const n = O.current;
|
|
145
|
-
O.current = d, !(!I ||
|
|
146
|
-
}, [d, I,
|
|
145
|
+
O.current = d, !(!I || s || !D) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
|
|
146
|
+
}, [d, I, s]), G(() => {
|
|
147
147
|
if (m && p) {
|
|
148
148
|
H(0), C(!0);
|
|
149
149
|
return;
|
|
@@ -159,35 +159,35 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
159
159
|
role: m ? "listbox" : void 0,
|
|
160
160
|
tabIndex: I ? -1 : void 0,
|
|
161
161
|
children: [
|
|
162
|
-
|
|
162
|
+
s && /* @__PURE__ */ o(
|
|
163
163
|
xe,
|
|
164
164
|
{
|
|
165
|
-
...
|
|
165
|
+
...s,
|
|
166
166
|
combobox: m,
|
|
167
167
|
listId: l,
|
|
168
168
|
"aria-activedescendant": m && Y ? W?.id : void 0,
|
|
169
169
|
onNavigate: m ? () => C(!0) : void 0,
|
|
170
170
|
onChange: (n) => {
|
|
171
|
-
C(!1),
|
|
171
|
+
C(!1), s.onChange?.(n);
|
|
172
172
|
},
|
|
173
173
|
onFocus: (n) => {
|
|
174
|
-
C(!1),
|
|
174
|
+
C(!1), s.onFocus?.(n);
|
|
175
175
|
},
|
|
176
176
|
onInput: (n) => {
|
|
177
|
-
C(!1),
|
|
177
|
+
C(!1), s.onInput?.(n);
|
|
178
178
|
},
|
|
179
179
|
onKeyDown: (n) => {
|
|
180
180
|
const g = n.key === "ArrowUp" || n.key === "ArrowDown", T = n.key.length === 1 || n.key === "Backspace" || n.key === "Delete";
|
|
181
|
-
m && !g && T && C(!1),
|
|
181
|
+
m && !g && T && C(!1), s.onKeyDown?.(n);
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
184
|
),
|
|
185
185
|
L.map((n, g) => {
|
|
186
186
|
const T = n?.props || {}, { title: P, hidden: q = !1, divider: X = !0 } = T;
|
|
187
187
|
return /* @__PURE__ */ E(ge, { children: [
|
|
188
|
-
(
|
|
188
|
+
(w > 0 || g) && X ? /* @__PURE__ */ o(he, {}) : "",
|
|
189
189
|
/* @__PURE__ */ o(me, { hidden: q, children: /* @__PURE__ */ E(Z, { role: "presentation", children: [
|
|
190
|
-
P && /* @__PURE__ */ o(ye, { title: P, level:
|
|
190
|
+
P && /* @__PURE__ */ o(ye, { title: P, level: w }),
|
|
191
191
|
n?.items.filter((U) => !U.props?.hidden).map((U, e) => {
|
|
192
192
|
const { active: t, onMouseEnter: u } = U, { groupId: K, ...c } = U.props || {}, { expanded: $ } = c, V = Array.isArray(c?.items) && c.items.length > 0, J = c.role === "checkbox" || c.role === "radio", ee = m && !J ? "option" : c.role;
|
|
193
193
|
return /* @__PURE__ */ E(
|
|
@@ -219,8 +219,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
219
219
|
{
|
|
220
220
|
id: c.id + "-menu",
|
|
221
221
|
expanded: $,
|
|
222
|
-
level:
|
|
223
|
-
maxLevels:
|
|
222
|
+
level: w + 1,
|
|
223
|
+
maxLevels: b,
|
|
224
224
|
items: c?.items,
|
|
225
225
|
groups: B,
|
|
226
226
|
size: y,
|
|
@@ -239,40 +239,40 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
239
239
|
]
|
|
240
240
|
}
|
|
241
241
|
);
|
|
242
|
-
}, ke = (
|
|
243
|
-
const
|
|
242
|
+
}, ke = (w) => {
|
|
243
|
+
const b = j(null), A = j(null), [k, d] = Q(0), {
|
|
244
244
|
search: r,
|
|
245
245
|
items: _,
|
|
246
246
|
groups: D = {},
|
|
247
247
|
size: p,
|
|
248
|
-
color:
|
|
248
|
+
color: s,
|
|
249
249
|
variant: h,
|
|
250
250
|
keyboardEvents: B,
|
|
251
251
|
scrollRefStyles: y = {},
|
|
252
|
-
id:
|
|
252
|
+
id: i,
|
|
253
253
|
expanded: x,
|
|
254
254
|
a11yMode: M = "menu",
|
|
255
255
|
open: a,
|
|
256
256
|
scrollToTopOnOpen: I = !1,
|
|
257
257
|
autoActivateFirstItem: z = !0,
|
|
258
|
-
announceNoResults:
|
|
258
|
+
announceNoResults: v = !1,
|
|
259
259
|
onActiveItemIdChange: m
|
|
260
|
-
} =
|
|
260
|
+
} = w, l = M === "combobox", F = l && i ? `${i}-listbox` : i, O = j(a), [Y, C] = Q(!1), f = R(
|
|
261
261
|
() => _.map((e, t) => ({
|
|
262
262
|
...e,
|
|
263
|
-
id: e.id || `${
|
|
263
|
+
id: e.id || `${i}-item-${t}`
|
|
264
264
|
})),
|
|
265
|
-
[_,
|
|
265
|
+
[_, i]
|
|
266
266
|
), { menu: S, activeItem: L, setActiveIndex: H, activeIndex: W } = de({
|
|
267
267
|
items: f,
|
|
268
268
|
groups: D,
|
|
269
269
|
groupByKey: "groupId",
|
|
270
270
|
keyboardEvents: B,
|
|
271
271
|
autoActivateFirstItem: z,
|
|
272
|
-
ref:
|
|
273
|
-
}), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } =
|
|
272
|
+
ref: b
|
|
273
|
+
}), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } = we({
|
|
274
274
|
menu: S,
|
|
275
|
-
scrollRef:
|
|
275
|
+
scrollRef: b
|
|
276
276
|
});
|
|
277
277
|
ne(() => {
|
|
278
278
|
const e = A.current;
|
|
@@ -322,17 +322,17 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
322
322
|
G(() => {
|
|
323
323
|
m?.(L?.id);
|
|
324
324
|
}, [L?.id, m]), G(() => {
|
|
325
|
-
if (l &&
|
|
325
|
+
if (l && v) {
|
|
326
326
|
H(0), C(!0);
|
|
327
327
|
return;
|
|
328
328
|
}
|
|
329
|
-
}, [
|
|
329
|
+
}, [v, l, H]), G(() => {
|
|
330
330
|
if (!I) {
|
|
331
331
|
O.current = a;
|
|
332
332
|
return;
|
|
333
333
|
}
|
|
334
334
|
const e = O.current;
|
|
335
|
-
O.current = a, a && !e &&
|
|
335
|
+
O.current = a, a && !e && b.current?.scrollTo({ top: 0 });
|
|
336
336
|
}, [a, I]);
|
|
337
337
|
const U = {
|
|
338
338
|
position: "relative",
|
|
@@ -346,10 +346,10 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
346
346
|
return /* @__PURE__ */ E(
|
|
347
347
|
Z,
|
|
348
348
|
{
|
|
349
|
-
ref:
|
|
349
|
+
ref: b,
|
|
350
350
|
style: U,
|
|
351
351
|
variant: h,
|
|
352
|
-
color:
|
|
352
|
+
color: s,
|
|
353
353
|
expanded: x,
|
|
354
354
|
id: F,
|
|
355
355
|
role: l ? "listbox" : void 0,
|
|
@@ -425,7 +425,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
425
425
|
{
|
|
426
426
|
...t.itemProps || {},
|
|
427
427
|
size: t.itemProps?.size || p,
|
|
428
|
-
color: t.itemProps?.color ||
|
|
428
|
+
color: t.itemProps?.color || s,
|
|
429
429
|
variant: t.itemProps?.variant || h,
|
|
430
430
|
active: t.active,
|
|
431
431
|
role: $,
|
|
@@ -447,8 +447,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
447
447
|
}
|
|
448
448
|
);
|
|
449
449
|
}, _e = ({
|
|
450
|
-
searchable:
|
|
451
|
-
search:
|
|
450
|
+
searchable: w,
|
|
451
|
+
search: b,
|
|
452
452
|
items: A = [],
|
|
453
453
|
groups: k = {},
|
|
454
454
|
variant: d = "default",
|
|
@@ -456,33 +456,33 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
456
456
|
level: _ = 0,
|
|
457
457
|
maxLevels: D = 3,
|
|
458
458
|
virtualized: p = !1,
|
|
459
|
-
keyboardEvents:
|
|
459
|
+
keyboardEvents: s = !1,
|
|
460
460
|
scrollRefStyles: h = {},
|
|
461
461
|
onActiveItemIdChange: B,
|
|
462
462
|
a11yMode: y = "menu",
|
|
463
|
-
open:
|
|
463
|
+
open: i,
|
|
464
464
|
scrollToTopOnOpen: x,
|
|
465
465
|
autoFocusList: M,
|
|
466
466
|
id: a
|
|
467
467
|
}) => {
|
|
468
|
-
const I =
|
|
468
|
+
const I = be({ ...b, items: A, groups: k }), z = w ? I.search : b, v = w && I.hasQuery && I.resultCount === 0, m = w ? I.items : A, l = w ? { ...k, ...I.groups } : k, F = y !== "combobox";
|
|
469
469
|
return p ? /* @__PURE__ */ o(
|
|
470
470
|
ke,
|
|
471
471
|
{
|
|
472
472
|
id: a,
|
|
473
473
|
search: z,
|
|
474
|
-
announceNoResults:
|
|
474
|
+
announceNoResults: v,
|
|
475
475
|
items: m,
|
|
476
476
|
groups: l,
|
|
477
477
|
variant: d,
|
|
478
478
|
size: r,
|
|
479
479
|
level: _,
|
|
480
480
|
maxLevels: D,
|
|
481
|
-
keyboardEvents:
|
|
481
|
+
keyboardEvents: s,
|
|
482
482
|
scrollRefStyles: h,
|
|
483
483
|
onActiveItemIdChange: B,
|
|
484
484
|
a11yMode: y,
|
|
485
|
-
open:
|
|
485
|
+
open: i,
|
|
486
486
|
scrollToTopOnOpen: x,
|
|
487
487
|
autoActivateFirstItem: F,
|
|
488
488
|
autoFocusList: M
|
|
@@ -492,24 +492,24 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
492
492
|
{
|
|
493
493
|
id: a,
|
|
494
494
|
search: z,
|
|
495
|
-
announceNoResults:
|
|
495
|
+
announceNoResults: v,
|
|
496
496
|
items: m,
|
|
497
497
|
groups: l,
|
|
498
498
|
variant: d,
|
|
499
499
|
size: r,
|
|
500
500
|
level: _,
|
|
501
501
|
maxLevels: D,
|
|
502
|
-
keyboardEvents:
|
|
502
|
+
keyboardEvents: s,
|
|
503
503
|
scrollRefStyles: h,
|
|
504
504
|
onActiveItemIdChange: B,
|
|
505
505
|
a11yMode: y,
|
|
506
|
-
open:
|
|
506
|
+
open: i,
|
|
507
507
|
scrollToTopOnOpen: x,
|
|
508
508
|
autoActivateFirstItem: F,
|
|
509
509
|
autoFocusList: M
|
|
510
510
|
}
|
|
511
511
|
);
|
|
512
|
-
}, Me = "
|
|
512
|
+
}, Me = "_fieldContainer_w2w2p_1", Ae = "_field_w2w2p_1", De = "_icon_w2w2p_15", Be = "_input_w2w2p_9", Ne = "_clear_w2w2p_39", Fe = "_clearButton_w2w2p_52", Se = "_autocomplete_w2w2p_81", N = {
|
|
513
513
|
fieldContainer: Me,
|
|
514
514
|
field: Ae,
|
|
515
515
|
icon: De,
|
|
@@ -518,8 +518,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
518
518
|
clearButton: Fe,
|
|
519
519
|
autocomplete: Se
|
|
520
520
|
}, ue = ({
|
|
521
|
-
className:
|
|
522
|
-
collapsible:
|
|
521
|
+
className: w,
|
|
522
|
+
collapsible: b,
|
|
523
523
|
size: A,
|
|
524
524
|
color: k = "neutral",
|
|
525
525
|
label: d,
|
|
@@ -527,30 +527,30 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
527
527
|
onClear: _,
|
|
528
528
|
clearButtonAltText: D = "Clear search",
|
|
529
529
|
menu: p,
|
|
530
|
-
minLength:
|
|
530
|
+
minLength: s,
|
|
531
531
|
...h
|
|
532
532
|
}) => {
|
|
533
|
-
const B = re(), [y,
|
|
533
|
+
const B = re(), [y, i] = Q(!1), x = h.id || `search-field-${B}`, M = `${x}-listbox`, [a, I] = Q(void 0), z = "searchfield-clear-button-" + re(), v = R(() => !r || typeof s == "number" && typeof r == "string" && r.length < s ? !1 : y, [y, s, r]), m = R(() => (p?.items ?? []).map((f) => ({
|
|
534
534
|
...f,
|
|
535
535
|
onClick: () => {
|
|
536
|
-
f.onClick?.(),
|
|
536
|
+
f.onClick?.(), i(!1);
|
|
537
537
|
}
|
|
538
538
|
})), [p]), l = (f) => {
|
|
539
|
-
if (f.key === "Enter" &&
|
|
540
|
-
p?.items?.[0]?.onClick?.(),
|
|
539
|
+
if (f.key === "Enter" && v) {
|
|
540
|
+
p?.items?.[0]?.onClick?.(), i(!1);
|
|
541
541
|
return;
|
|
542
542
|
}
|
|
543
|
-
if (f.key === "Escape" &&
|
|
544
|
-
f.preventDefault(), f.stopPropagation(),
|
|
543
|
+
if (f.key === "Escape" && v) {
|
|
544
|
+
f.preventDefault(), f.stopPropagation(), i(!1), p?.onClose(), document.getElementById(x)?.focus();
|
|
545
545
|
return;
|
|
546
546
|
}
|
|
547
|
-
h.onKeyDown?.(f),
|
|
547
|
+
h.onKeyDown?.(f), i(!0);
|
|
548
548
|
}, F = () => {
|
|
549
|
-
|
|
549
|
+
i(!0);
|
|
550
550
|
}, O = (f) => {
|
|
551
551
|
if (!y) return;
|
|
552
552
|
const S = f.relatedTarget;
|
|
553
|
-
S && f.currentTarget.contains(S) ||
|
|
553
|
+
S && f.currentTarget.contains(S) || i(!1);
|
|
554
554
|
}, Y = (f) => {
|
|
555
555
|
f.preventDefault();
|
|
556
556
|
}, C = (f) => {
|
|
@@ -563,37 +563,37 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
563
563
|
size: A,
|
|
564
564
|
color: k,
|
|
565
565
|
label: d,
|
|
566
|
-
className: oe(N.field,
|
|
566
|
+
className: oe(N.field, w),
|
|
567
567
|
onBlurCapture: O,
|
|
568
568
|
children: [
|
|
569
569
|
/* @__PURE__ */ o(
|
|
570
|
-
|
|
570
|
+
se,
|
|
571
571
|
{
|
|
572
572
|
...h,
|
|
573
573
|
id: x,
|
|
574
574
|
type: "search",
|
|
575
575
|
value: r,
|
|
576
576
|
className: N.input,
|
|
577
|
-
"data-collapsible":
|
|
577
|
+
"data-collapsible": b,
|
|
578
578
|
autoCapitalize: "off",
|
|
579
579
|
autoComplete: "off",
|
|
580
|
-
minLength:
|
|
580
|
+
minLength: s,
|
|
581
581
|
onKeyDown: l,
|
|
582
582
|
onBlur: C,
|
|
583
583
|
...p && {
|
|
584
584
|
role: "combobox",
|
|
585
585
|
"aria-autocomplete": "list",
|
|
586
|
-
"aria-expanded": !!
|
|
586
|
+
"aria-expanded": !!v,
|
|
587
587
|
"aria-haspopup": "listbox",
|
|
588
588
|
"aria-controls": M,
|
|
589
|
-
"aria-activedescendant":
|
|
589
|
+
"aria-activedescendant": v ? a : void 0,
|
|
590
590
|
onFocus: F
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
),
|
|
594
594
|
/* @__PURE__ */ o(ce, { className: N.icon }),
|
|
595
595
|
_ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
|
|
596
|
-
|
|
596
|
+
ie,
|
|
597
597
|
{
|
|
598
598
|
id: z,
|
|
599
599
|
"data-testid": "clear-button",
|
|
@@ -613,7 +613,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
613
613
|
]
|
|
614
614
|
}
|
|
615
615
|
),
|
|
616
|
-
p &&
|
|
616
|
+
p && v && /* @__PURE__ */ o("div", { className: N.autocomplete, "aria-hidden": !v, onMouseDown: Y, children: /* @__PURE__ */ o(
|
|
617
617
|
_e,
|
|
618
618
|
{
|
|
619
619
|
...p,
|
|
@@ -622,7 +622,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
622
622
|
groups: p?.groups,
|
|
623
623
|
keyboardEvents: !0,
|
|
624
624
|
a11yMode: "combobox",
|
|
625
|
-
open:
|
|
625
|
+
open: v,
|
|
626
626
|
autoFocusList: !1,
|
|
627
627
|
onActiveItemIdChange: I
|
|
628
628
|
}
|
|
@@ -633,28 +633,28 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
|
|
|
633
633
|
size: A,
|
|
634
634
|
color: k,
|
|
635
635
|
label: d,
|
|
636
|
-
className: oe(N.field,
|
|
636
|
+
className: oe(N.field, w),
|
|
637
637
|
onBlurCapture: O,
|
|
638
638
|
children: [
|
|
639
639
|
/* @__PURE__ */ o(
|
|
640
|
-
|
|
640
|
+
se,
|
|
641
641
|
{
|
|
642
642
|
...h,
|
|
643
643
|
id: x,
|
|
644
644
|
type: "search",
|
|
645
645
|
value: r,
|
|
646
646
|
className: N.input,
|
|
647
|
-
"data-collapsible":
|
|
647
|
+
"data-collapsible": b,
|
|
648
648
|
autoCapitalize: "off",
|
|
649
649
|
autoComplete: "off",
|
|
650
|
-
minLength:
|
|
650
|
+
minLength: s,
|
|
651
651
|
onKeyDown: l,
|
|
652
652
|
onBlur: C
|
|
653
653
|
}
|
|
654
654
|
),
|
|
655
655
|
/* @__PURE__ */ o(ce, { className: N.icon }),
|
|
656
656
|
_ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
|
|
657
|
-
|
|
657
|
+
ie,
|
|
658
658
|
{
|
|
659
659
|
id: z,
|
|
660
660
|
"data-testid": "clear-button",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_1yxd7_1{border-top:1px solid;border-color:var(--ds-color-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:0 1rem}._grid_1yxd7_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media(min-width:1024px){._grid_1yxd7_13{flex-direction:row}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_pafet_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff}._backdrop_pafet_12{display:none}._header_pafet_1[data-current-id=menu],._header_pafet_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_pafet_1[data-current-id=menu] ._backdrop_pafet_12,._header_pafet_1[data-current-id=locale] ._backdrop_pafet_12{display:block}}@media(max-width:1023px){._header_pafet_1{gap:0}}._header_pafet_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._body_1s4on_1{flex-grow:1;width:100%;max-width:80rem;margin:0 auto;display:flex;column-gap:2em}._body_1s4on_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._body_1s4on_1[data-current-id=menu]{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._content_1508z_1{overflow-wrap:anywhere;flex-grow:1;display:flex;flex-direction:column;width:100%;padding:1rem 0;margin:0 auto}@media(min-width:1024px){[aria-hidden=true]+._content_1508z_1{padding:1rem 112px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._grid_6h47e_1{flex-grow:1;width:100%;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column}._grid_6h47e_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._grid_6h47e_1[data-current-id=menu]{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._sidebar_1b5b3_1{padding:1rem 0;display:none}._sidebar_1b5b3_1[aria-hidden=true]{display:none}._footer_1b5b3_10{margin-top:.75rem;padding-top:1rem;padding-left:.5rem;border-top:1px solid var(--ds-color-border-subtle)}@media(min-width:1024px){._sidebar_1b5b3_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_1b5b3_1[data-sticky=true]{position:sticky;top:0}._sidebar_1b5b3_1[aria-hidden=true]{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}.
|
|
1
|
+
._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._fieldContainer_w2w2p_1,._field_w2w2p_1{position:relative}._inputContainer_w2w2p_9{position:relative;display:inline-flex;width:100%}._icon_w2w2p_15{position:absolute;top:1px;bottom:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none!important}._input_w2w2p_9{padding-left:2.25em;padding-right:2.25em}._input_w2w2p_9[type=search]::-webkit-search-decoration,._input_w2w2p_9[type=search]::-webkit-search-cancel-button{appearance:none}._clear_w2w2p_39{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_w2w2p_52[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_w2w2p_52:focus-visible{outline-offset:0;outline-width:2px}._input_w2w2p_9[data-collapsible=true]{transition:width .5s ease-in-out}._input_w2w2p_9[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_w2w2p_9[data-collapsible=true]:focus,._input_w2w2p_9[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_w2w2p_81{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._autocomplete_w2w2p_81[aria-hidden=true]{display:none}@media(max-width:479px){._fieldContainer_w2w2p_1,._field_w2w2p_1{width:100%}._autocomplete_w2w2p_81{--var-max-width: 100%;--var-width: 100%}._input_w2w2p_9[data-collapsible=true]:placeholder-shown,._input_w2w2p_9[data-collapsible=true]:focus,._input_w2w2p_9[data-collapsible=true]:not(:placeholder-shown){width:100%!important}._field_w2w2p_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}
|
|
@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
|
|
|
5
5
|
import "../Button/Button.js";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import { M as S } from "../../SearchField-
|
|
8
|
+
import { M as S } from "../../SearchField-CYYz0JvC.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
10
|
const F = (n) => `${n} hits`, G = ({
|
|
11
11
|
items: n = [],
|
|
@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
|
|
|
5
5
|
import u, { forwardRef as s } from "react";
|
|
6
6
|
import { Dropdown as m } from "../Dropdown/Dropdown.js";
|
|
7
7
|
import { useRootContext as c } from "../RootProvider/RootProvider.js";
|
|
8
|
-
import { M as f } from "../../SearchField-
|
|
8
|
+
import { M as f } from "../../SearchField-CYYz0JvC.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
10
|
import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
|
|
11
11
|
import { Tooltip as b } from "../Tooltip/Tooltip.js";
|
|
@@ -8,7 +8,7 @@ import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
|
|
|
8
8
|
import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
|
|
9
9
|
import "react-dom";
|
|
10
10
|
import { useRootContext as _ } from "../RootProvider/RootProvider.js";
|
|
11
|
-
import { M as v } from "../../SearchField-
|
|
11
|
+
import { M as v } from "../../SearchField-CYYz0JvC.js";
|
|
12
12
|
import "../Snackbar/useSnackbar.js";
|
|
13
13
|
import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
|
|
14
14
|
import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as t, jsxs as e } from "react/jsx-runtime";
|
|
2
2
|
import { c } from "../../index-p1eeF8LQ.js";
|
|
3
|
-
import '../../assets/FooterBase.css';const
|
|
4
|
-
footer:
|
|
5
|
-
grid:
|
|
6
|
-
},
|
|
7
|
-
|
|
3
|
+
import '../../assets/FooterBase.css';const d = "_footer_1yxd7_1", i = "_grid_1yxd7_13", o = {
|
|
4
|
+
footer: d,
|
|
5
|
+
grid: i
|
|
6
|
+
}, a = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
|
|
7
|
+
s,
|
|
8
8
|
" "
|
|
9
9
|
] }) });
|
|
10
10
|
export {
|
|
11
|
-
|
|
11
|
+
a as FooterBase
|
|
12
12
|
};
|
|
@@ -4,7 +4,7 @@ import "react";
|
|
|
4
4
|
import "../Button/Button.js";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import { S as l } from "../../SearchField-
|
|
7
|
+
import { S as l } from "../../SearchField-CYYz0JvC.js";
|
|
8
8
|
import "./Input.js";
|
|
9
9
|
import "./FieldBase.js";
|
|
10
10
|
import "../Snackbar/useSnackbar.js";
|
|
@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
|
|
|
12
12
|
import { TextField as C } from "./TextField.js";
|
|
13
13
|
import { TextareaField as R } from "./TextareaField.js";
|
|
14
14
|
import { SelectField as u } from "./SelectField.js";
|
|
15
|
-
import { S as I } from "../../SearchField-
|
|
15
|
+
import { S as I } from "../../SearchField-CYYz0JvC.js";
|
|
16
16
|
import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
|
|
17
17
|
import { FieldsetBase as y } from "./FieldsetBase.js";
|
|
18
18
|
import { OptionsBase as A } from "./OptionsBase.js";
|
|
@@ -8,7 +8,7 @@ import { Button as A } from "../Button/Button.js";
|
|
|
8
8
|
import "react-dom";
|
|
9
9
|
import { useRootContext as P } from "../RootProvider/RootProvider.js";
|
|
10
10
|
import "../Snackbar/useSnackbar.js";
|
|
11
|
-
import { S as H } from "../../SearchField-
|
|
11
|
+
import { S as H } from "../../SearchField-CYYz0JvC.js";
|
|
12
12
|
import { S as T } from "../../button-BB5sYVKY.js";
|
|
13
13
|
import { H as V, S as B } from "../../switch-Cemfhx0H.js";
|
|
14
14
|
import { u as j } from "../../useId-BVFxCjkq.js";
|