@midas-ds/components 17.8.2 → 17.9.0
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/CHANGELOG.md +30 -0
- package/accordion/index.js +1 -1
- package/assets/Button.css +1 -1
- package/assets/Checkbox.css +1 -1
- package/assets/ComboBox.css +1 -1
- package/assets/DateRangePicker.css +1 -1
- package/assets/Dialog.css +1 -1
- package/assets/InfoBanner.css +1 -1
- package/assets/Label.css +1 -1
- package/assets/Link.css +1 -1
- package/assets/LinkButton.css +1 -1
- package/assets/ListBox.css +1 -1
- package/assets/Popover.css +1 -1
- package/assets/ProgressBar.css +1 -1
- package/assets/Radio.css +1 -1
- package/assets/SearchField.css +1 -1
- package/assets/Select.css +1 -1
- package/assets/Separator.css +1 -1
- package/assets/Skeleton.css +1 -1
- package/assets/Table.css +1 -1
- package/assets/Toast.css +1 -1
- package/assets/Tooltip.css +1 -1
- package/assets/default.css +1 -1
- package/button/index.js +1 -1
- package/calendar/index.js +1 -1
- package/checkbox/index.js +2 -2
- package/chunks/{AccordionItem-w6c28fSu.js → AccordionItem-DHhQDd6o.js} +1 -1
- package/chunks/{Button-D22xOe8j.js → Button-GCROAMSl.js} +1 -1
- package/chunks/Button.module-byTN5rhp.js +14 -0
- package/chunks/{Checkbox-sAkQe7Q9.js → Checkbox-DSW-_Qpm.js} +28 -28
- package/chunks/{CheckboxGroup-DY8sC9ro.js → CheckboxGroup-DteJIgnR.js} +2 -2
- package/chunks/{ClearButton-DfwjeVYh.js → ClearButton-DkC8PIMi.js} +1 -1
- package/chunks/{ColorSchemeSwitch-D52V0sr3.js → ColorSchemeSwitch-gD9pFu9h.js} +1 -1
- package/chunks/{ComboBox-BGMkkxN2.js → ComboBox-BEUfJ6IN.js} +29 -29
- package/chunks/{DateField-kEqIc-Nc.js → DateField-Bwis4G2o.js} +2 -2
- package/chunks/DateRangePicker-5E41DzGI.js +198 -0
- package/chunks/{Dialog-SBj6IJAF.js → Dialog-BSWBlyJI.js} +16 -16
- package/chunks/InfoBanner-CWLvkP6D.js +76 -0
- package/chunks/{Label-BNQY5OnB.js → Label-Cg0aAlnt.js} +7 -7
- package/chunks/{Layout-fkaVQ6a0.js → Layout-BLP0HVR-.js} +2 -2
- package/chunks/Link-CyY3-8M8.js +59 -0
- package/chunks/{LinkButton-DJ-D5PkB.js → LinkButton-DWKAbxXF.js} +28 -28
- package/chunks/{ListBox-BmONCo_D.js → ListBox-CRtyHPj1.js} +19 -19
- package/chunks/{ListBoxEmptyState-7VzB4KvQ.js → ListBoxEmptyState-D6Jvy1WT.js} +1 -1
- package/chunks/{ListBoxHeader-D_WqTfOS.js → ListBoxHeader-DIxY1gOH.js} +1 -1
- package/chunks/{Popover-6cnHxDEK.js → Popover-CjEPHe4A.js} +7 -7
- package/chunks/ProgressBar-CBz_dIOH.js +53 -0
- package/chunks/Radio-CRHdSthr.js +44 -0
- package/chunks/{RangeCalendar-_g_BVyUN.js → RangeCalendar-DL6cCjH3.js} +1 -1
- package/chunks/SearchField-VIMb28RB.js +118 -0
- package/chunks/{Select-DJ_VE1E4.js → Select-C01v_D--.js} +57 -57
- package/chunks/Separator-CDRwpeHz.js +76 -0
- package/chunks/{Skeleton-D6mxKxuu.js → Skeleton-tiP1Syzf.js} +20 -20
- package/chunks/{Table-Bg-AKi7d.js → Table-BpVSZ3aM.js} +48 -48
- package/chunks/{TagGroup-YCiXkdo3.js → TagGroup-DPFh8qHR.js} +1 -1
- package/chunks/{TextArea-Z4BKGpA9.js → TextArea-C7l7_Kof.js} +2 -2
- package/chunks/Toast-BFq_0Ue4.js +158 -0
- package/chunks/{ToggleButtonGroup-Bv9xpwTT.js → ToggleButtonGroup-DRnEEi5-.js} +1 -1
- package/chunks/{Tooltip-C1bbgr2l.js → Tooltip-BYEaNkZG.js} +11 -11
- package/clear-button/index.js +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/index.js +32 -32
- package/info-banner/index.js +1 -1
- package/label/index.js +1 -1
- package/layout/index.js +1 -1
- package/link/index.js +1 -1
- package/link-button/index.js +1 -1
- package/list-box/index.js +3 -3
- package/menu/index.js +1 -1
- package/modal/index.js +1 -1
- package/package.json +2 -2
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/search-field/SearchField.d.ts +22 -4
- package/search-field/SearchField.stories.d.ts +10 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/skeleton/index.js +1 -1
- package/table/index.js +1 -1
- package/tag/index.js +1 -1
- package/textfield/index.js +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.js +1 -1
- package/tooltip/index.js +1 -1
- package/chunks/Button.module-BW0TvYZ2.js +0 -14
- package/chunks/DateRangePicker-B7d3F0qi.js +0 -197
- package/chunks/InfoBanner-BIDGEIpk.js +0 -76
- package/chunks/Link-rqGQvFQq.js +0 -59
- package/chunks/ProgressBar-BIfkrfrH.js +0 -53
- package/chunks/Radio-D-sGYrD6.js +0 -44
- package/chunks/SearchField-D2Mm_VUO.js +0 -128
- package/chunks/Separator-CkVOLF6I.js +0 -76
- package/chunks/Toast-D8euCY5O.js +0 -158
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsx as e, Fragment as
|
|
2
|
-
import { SelectStateContext as d, SelectValue as f, Button as
|
|
3
|
-
import { FocusScope as
|
|
4
|
-
import { a as
|
|
5
|
-
import { a as
|
|
6
|
-
import { T
|
|
7
|
-
import { F as
|
|
8
|
-
import
|
|
9
|
-
import { C as
|
|
1
|
+
import { jsx as e, Fragment as j, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import { SelectStateContext as d, SelectValue as f, Button as w, TagList as A, Select as C } from "react-aria-components";
|
|
3
|
+
import { FocusScope as N } from "@react-aria/focus";
|
|
4
|
+
import { a as q, L as x } from "./Label-Cg0aAlnt.js";
|
|
5
|
+
import { a as b, c as _ } from "./clsx-AexbMWKp.js";
|
|
6
|
+
import { T } from "./Text-D0r_W4lH.js";
|
|
7
|
+
import { F as h } from "./FieldError-krpMBtie.js";
|
|
8
|
+
import p, { useContext as S } from "react";
|
|
9
|
+
import { C as y } from "./Checkbox-DSW-_Qpm.js";
|
|
10
10
|
import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
11
|
-
import { useFocusManager as
|
|
12
|
-
import { X as
|
|
13
|
-
import { L as
|
|
14
|
-
import { P as
|
|
15
|
-
import { a as
|
|
16
|
-
import { C as
|
|
17
|
-
import '../assets/Select.css';const
|
|
18
|
-
en:
|
|
19
|
-
sv:
|
|
20
|
-
},
|
|
21
|
-
select:
|
|
22
|
-
triggerContainer:
|
|
23
|
-
trigger:
|
|
24
|
-
medium:
|
|
25
|
-
icon:
|
|
26
|
-
selectValue:
|
|
27
|
-
placeholder:
|
|
11
|
+
import { useFocusManager as B } from "react-aria";
|
|
12
|
+
import { X as M } from "./x-B9bYxG31.js";
|
|
13
|
+
import { L as F } from "./ListBox-CRtyHPj1.js";
|
|
14
|
+
import { P as L } from "./Popover-CjEPHe4A.js";
|
|
15
|
+
import { a as I, T as G } from "./TagGroup-DPFh8qHR.js";
|
|
16
|
+
import { C as k } from "./chevron-down-BBFYYzZq.js";
|
|
17
|
+
import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, $ = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
|
|
18
|
+
en: R,
|
|
19
|
+
sv: $
|
|
20
|
+
}, z = "_select_wjqw8_1", D = "_triggerContainer_wjqw8_7", E = "_trigger_wjqw8_7", K = "_medium_wjqw8_30", P = "_icon_wjqw8_68", W = "_selectValue_wjqw8_74", X = "_placeholder_wjqw8_80", H = "_multiSelectValue_wjqw8_90", J = "_selectValueTag_wjqw8_114", O = "_clearButton_wjqw8_128", Q = "_truncate_wjqw8_140", U = "_popover_wjqw8_177", Y = "_selectAll_wjqw8_205", Z = "_tagGroup_wjqw8_271", a = {
|
|
21
|
+
select: z,
|
|
22
|
+
triggerContainer: D,
|
|
23
|
+
trigger: E,
|
|
24
|
+
medium: K,
|
|
25
|
+
icon: P,
|
|
26
|
+
selectValue: W,
|
|
27
|
+
placeholder: X,
|
|
28
28
|
multiSelectValue: H,
|
|
29
29
|
selectValueTag: J,
|
|
30
30
|
clearButton: O,
|
|
@@ -33,13 +33,13 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
33
33
|
selectAll: Y,
|
|
34
34
|
tagGroup: Z
|
|
35
35
|
}, ee = () => {
|
|
36
|
-
const t =
|
|
36
|
+
const t = p.useContext(d), c = m(u), r = () => {
|
|
37
37
|
t?.setValue(
|
|
38
38
|
t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
|
|
39
39
|
), t?.commitValidation();
|
|
40
40
|
};
|
|
41
41
|
return /* @__PURE__ */ e(
|
|
42
|
-
|
|
42
|
+
y,
|
|
43
43
|
{
|
|
44
44
|
className: a.selectAll,
|
|
45
45
|
isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
|
|
@@ -57,7 +57,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
57
57
|
{
|
|
58
58
|
className: a.multiSelectValue,
|
|
59
59
|
"data-disabled": t || void 0,
|
|
60
|
-
children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ? /* @__PURE__ */ e(
|
|
60
|
+
children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ? /* @__PURE__ */ e(j, {}) : /* @__PURE__ */ i(
|
|
61
61
|
"div",
|
|
62
62
|
{
|
|
63
63
|
className: a.selectValueTag,
|
|
@@ -73,11 +73,11 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
73
73
|
}, le = ({
|
|
74
74
|
isDisabled: t
|
|
75
75
|
}) => {
|
|
76
|
-
const c =
|
|
76
|
+
const c = p.useContext(d), r = m(u), l = B(), n = () => {
|
|
77
77
|
l?.focusFirst(), c?.setValue(null);
|
|
78
78
|
};
|
|
79
79
|
return /* @__PURE__ */ e(
|
|
80
|
-
|
|
80
|
+
w,
|
|
81
81
|
{
|
|
82
82
|
"aria-label": r.format("clearAll"),
|
|
83
83
|
className: a.clearButton,
|
|
@@ -85,7 +85,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
85
85
|
slot: null,
|
|
86
86
|
isDisabled: t,
|
|
87
87
|
children: /* @__PURE__ */ e(
|
|
88
|
-
|
|
88
|
+
M,
|
|
89
89
|
{
|
|
90
90
|
width: 20,
|
|
91
91
|
height: 20
|
|
@@ -97,18 +97,18 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
97
97
|
showTags: t,
|
|
98
98
|
isDisabled: c
|
|
99
99
|
}) => {
|
|
100
|
-
const r = m(u), l =
|
|
100
|
+
const r = m(u), l = S(d), n = (s) => {
|
|
101
101
|
l?.selectionManager.toggleSelection(Array.from(s)[0]);
|
|
102
102
|
};
|
|
103
103
|
return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
|
|
104
|
-
|
|
104
|
+
I,
|
|
105
105
|
{
|
|
106
106
|
"aria-label": r.format("selectedItems"),
|
|
107
107
|
className: a.tagGroup,
|
|
108
108
|
onRemove: n,
|
|
109
109
|
selectionBehavior: "toggle",
|
|
110
|
-
children: /* @__PURE__ */ e(
|
|
111
|
-
|
|
110
|
+
children: /* @__PURE__ */ e(A, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
|
|
111
|
+
G,
|
|
112
112
|
{
|
|
113
113
|
isDismissable: !0,
|
|
114
114
|
id: s.key,
|
|
@@ -125,11 +125,11 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
125
125
|
selectionMode: c,
|
|
126
126
|
size: r
|
|
127
127
|
}) => {
|
|
128
|
-
const l =
|
|
128
|
+
const l = S(d);
|
|
129
129
|
return /* @__PURE__ */ i(
|
|
130
|
-
|
|
130
|
+
w,
|
|
131
131
|
{
|
|
132
|
-
className:
|
|
132
|
+
className: b(
|
|
133
133
|
{
|
|
134
134
|
[a.medium]: r === "medium"
|
|
135
135
|
},
|
|
@@ -150,34 +150,34 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
|
|
|
150
150
|
{
|
|
151
151
|
"aria-hidden": "true",
|
|
152
152
|
className: a.icon,
|
|
153
|
-
children: /* @__PURE__ */ e(
|
|
153
|
+
children: /* @__PURE__ */ e(k, { size: 20 })
|
|
154
154
|
}
|
|
155
155
|
)
|
|
156
156
|
]
|
|
157
157
|
}
|
|
158
158
|
);
|
|
159
159
|
};
|
|
160
|
-
function
|
|
160
|
+
function ve({
|
|
161
161
|
children: t,
|
|
162
162
|
description: c,
|
|
163
163
|
errorMessage: r,
|
|
164
164
|
errorPosition: l = "top",
|
|
165
165
|
items: n,
|
|
166
166
|
label: s,
|
|
167
|
-
popover:
|
|
168
|
-
popoverProps:
|
|
169
|
-
size:
|
|
167
|
+
popover: V,
|
|
168
|
+
popoverProps: g,
|
|
169
|
+
size: v = "large",
|
|
170
170
|
...o
|
|
171
171
|
}) {
|
|
172
|
-
return /* @__PURE__ */ e(
|
|
173
|
-
|
|
172
|
+
return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(
|
|
173
|
+
C,
|
|
174
174
|
{
|
|
175
175
|
...o,
|
|
176
|
-
className:
|
|
176
|
+
className: _(o.className, a.select),
|
|
177
177
|
children: [
|
|
178
|
-
/* @__PURE__ */ e(
|
|
179
|
-
c && /* @__PURE__ */ e(
|
|
180
|
-
l === "top" && /* @__PURE__ */ e(
|
|
178
|
+
/* @__PURE__ */ e(q, { popover: V, children: s && /* @__PURE__ */ e(x, { "data-disabled": o.isDisabled || void 0, children: s }) }),
|
|
179
|
+
c && /* @__PURE__ */ e(T, { slot: "description", children: c }),
|
|
180
|
+
l === "top" && /* @__PURE__ */ e(h, { children: r }),
|
|
181
181
|
/* @__PURE__ */ i(
|
|
182
182
|
"div",
|
|
183
183
|
{
|
|
@@ -187,7 +187,7 @@ function Ae({
|
|
|
187
187
|
/* @__PURE__ */ e(
|
|
188
188
|
se,
|
|
189
189
|
{
|
|
190
|
-
size:
|
|
190
|
+
size: v,
|
|
191
191
|
...o
|
|
192
192
|
}
|
|
193
193
|
),
|
|
@@ -195,18 +195,18 @@ function Ae({
|
|
|
195
195
|
]
|
|
196
196
|
}
|
|
197
197
|
),
|
|
198
|
-
l === "bottom" && /* @__PURE__ */ e(
|
|
198
|
+
l === "bottom" && /* @__PURE__ */ e(h, { children: r }),
|
|
199
199
|
/* @__PURE__ */ i(
|
|
200
|
-
|
|
200
|
+
L,
|
|
201
201
|
{
|
|
202
202
|
offset: 0,
|
|
203
203
|
hideArrow: !0,
|
|
204
|
-
...
|
|
205
|
-
className: g
|
|
204
|
+
...g,
|
|
205
|
+
className: _(g?.className, a.popover),
|
|
206
206
|
children: [
|
|
207
207
|
o.isSelectableAll && /* @__PURE__ */ e(ee, {}),
|
|
208
208
|
/* @__PURE__ */ e(
|
|
209
|
-
|
|
209
|
+
F,
|
|
210
210
|
{
|
|
211
211
|
escapeKeyBehavior: "none",
|
|
212
212
|
items: n,
|
|
@@ -222,5 +222,5 @@ function Ae({
|
|
|
222
222
|
) });
|
|
223
223
|
}
|
|
224
224
|
export {
|
|
225
|
-
|
|
225
|
+
ve as S
|
|
226
226
|
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as t, jsxs as i, Fragment as u } from "react/jsx-runtime";
|
|
2
|
+
import { Menu as _, MenuItem as l, Popover as d, MenuSection as M, Separator as h } from "react-aria-components";
|
|
3
|
+
import { c as a } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import { C as S } from "./check-Bt2UikoU.js";
|
|
5
|
+
import { C as p } from "./chevron-right-DvXGOiS_.js";
|
|
6
|
+
import '../assets/Separator.css';const v = "_menu_1wm5z_1", f = "_menuSection_1wm5z_17", k = "_medium_1wm5z_29", z = "_menuItem_1wm5z_36", w = "_mainContent_1wm5z_105", C = "_checkMark_1wm5z_116", N = "_separator_1wm5z_126", I = "_menuPopover_1wm5z_149 _dropdownAnimation_1ljkv_4", m = {
|
|
7
|
+
menu: v,
|
|
8
|
+
menuSection: f,
|
|
9
|
+
medium: k,
|
|
10
|
+
menuItem: z,
|
|
11
|
+
mainContent: w,
|
|
12
|
+
checkMark: C,
|
|
13
|
+
separator: N,
|
|
14
|
+
menuPopover: I
|
|
15
|
+
}, y = ({
|
|
16
|
+
className: e,
|
|
17
|
+
size: n = "large",
|
|
18
|
+
...o
|
|
19
|
+
}) => /* @__PURE__ */ t(
|
|
20
|
+
_,
|
|
21
|
+
{
|
|
22
|
+
className: a(e, m.menu, n === "medium" && m.medium),
|
|
23
|
+
...o
|
|
24
|
+
}
|
|
25
|
+
), b = (e) => /* @__PURE__ */ t(
|
|
26
|
+
l,
|
|
27
|
+
{
|
|
28
|
+
...e,
|
|
29
|
+
textValue: e.textValue || (typeof e.children == "string" ? e.children : void 0),
|
|
30
|
+
className: a(m.menuItem, e.className),
|
|
31
|
+
children: (n) => {
|
|
32
|
+
const { children: o } = e, { selectionMode: s, isSelected: c, hasSubmenu: r } = n;
|
|
33
|
+
return /* @__PURE__ */ i(u, { children: [
|
|
34
|
+
s !== "none" && /* @__PURE__ */ t(
|
|
35
|
+
S,
|
|
36
|
+
{
|
|
37
|
+
size: 16,
|
|
38
|
+
className: m.checkMark,
|
|
39
|
+
"data-selected": c || void 0
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ t("div", { className: m.mainContent, children: typeof o == "function" ? o(n) : o }),
|
|
43
|
+
r && /* @__PURE__ */ t(p, { size: 20 })
|
|
44
|
+
] });
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
), V = ({ className: e, ...n }) => /* @__PURE__ */ t(
|
|
48
|
+
d,
|
|
49
|
+
{
|
|
50
|
+
className: a(e, m.menuPopover),
|
|
51
|
+
offset: 4,
|
|
52
|
+
...n
|
|
53
|
+
}
|
|
54
|
+
), A = ({
|
|
55
|
+
className: e,
|
|
56
|
+
...n
|
|
57
|
+
}) => /* @__PURE__ */ t(
|
|
58
|
+
M,
|
|
59
|
+
{
|
|
60
|
+
className: a(e, m.menuSection),
|
|
61
|
+
...n
|
|
62
|
+
}
|
|
63
|
+
), F = ({ className: e, ...n }) => /* @__PURE__ */ t(
|
|
64
|
+
h,
|
|
65
|
+
{
|
|
66
|
+
className: a(e, m.separator),
|
|
67
|
+
...n
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
export {
|
|
71
|
+
y as M,
|
|
72
|
+
F as S,
|
|
73
|
+
b as a,
|
|
74
|
+
V as b,
|
|
75
|
+
A as c
|
|
76
|
+
};
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as i, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "./clsx-AexbMWKp.js";
|
|
3
|
-
import '../assets/Skeleton.css';const
|
|
4
|
-
skeleton:
|
|
3
|
+
import '../assets/Skeleton.css';const x = "_skeleton_1rxfc_11", p = "_circle_1rxfc_25", u = "_wave_1rxfc_30", v = "_onLayer01_1rxfc_54", w = "_form_1rxfc_58", d = "_formLabel_1rxfc_64", k = "_formDescription_1rxfc_70", L = "_formInput_1rxfc_76", y = "_medium_1rxfc_81", o = {
|
|
4
|
+
skeleton: x,
|
|
5
5
|
circle: p,
|
|
6
6
|
wave: u,
|
|
7
7
|
onLayer01: v,
|
|
8
8
|
form: w,
|
|
9
|
-
formLabel:
|
|
10
|
-
formDescription:
|
|
9
|
+
formLabel: d,
|
|
10
|
+
formDescription: k,
|
|
11
11
|
formInput: L,
|
|
12
12
|
medium: y
|
|
13
|
-
},
|
|
13
|
+
}, I = ({
|
|
14
14
|
variant: s = "rectangle",
|
|
15
15
|
width: t,
|
|
16
16
|
height: l,
|
|
17
17
|
size: a = "large",
|
|
18
|
-
isAnimated:
|
|
19
|
-
className:
|
|
18
|
+
isAnimated: c = !0,
|
|
19
|
+
className: f,
|
|
20
20
|
style: m,
|
|
21
21
|
isOnLayer01: e,
|
|
22
22
|
..._
|
|
23
23
|
}) => (s === "circle" && l !== void 0 && console.warn(
|
|
24
24
|
"Height is not allowed when using circle, control size with width"
|
|
25
|
-
), s === "form" ? /* @__PURE__ */
|
|
25
|
+
), s === "form" ? /* @__PURE__ */ i(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
28
|
className: r(
|
|
29
29
|
o.form,
|
|
30
30
|
o[a],
|
|
31
31
|
e && o.onLayer01,
|
|
32
|
-
|
|
32
|
+
f
|
|
33
33
|
),
|
|
34
34
|
style: { width: t, ...m },
|
|
35
35
|
..._,
|
|
36
36
|
children: [
|
|
37
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ n(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
40
|
className: r(
|
|
41
41
|
o.skeleton,
|
|
42
42
|
o.formLabel,
|
|
43
|
-
|
|
43
|
+
c && o.wave,
|
|
44
44
|
e && o.onLayer01
|
|
45
45
|
)
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ n(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
className: r(
|
|
52
52
|
o.skeleton,
|
|
53
53
|
o.formDescription,
|
|
54
|
-
|
|
54
|
+
c && o.wave,
|
|
55
55
|
e && o.onLayer01
|
|
56
56
|
)
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
|
-
/* @__PURE__ */
|
|
59
|
+
/* @__PURE__ */ n(
|
|
60
60
|
"div",
|
|
61
61
|
{
|
|
62
62
|
className: r(
|
|
63
63
|
o.skeleton,
|
|
64
64
|
o.formInput,
|
|
65
|
-
|
|
65
|
+
c && o.wave,
|
|
66
66
|
e && o.onLayer01
|
|
67
67
|
)
|
|
68
68
|
}
|
|
69
69
|
)
|
|
70
70
|
]
|
|
71
71
|
}
|
|
72
|
-
) : /* @__PURE__ */
|
|
72
|
+
) : /* @__PURE__ */ n(
|
|
73
73
|
"div",
|
|
74
74
|
{
|
|
75
75
|
className: r(
|
|
76
76
|
o.skeleton,
|
|
77
77
|
o[s],
|
|
78
|
-
|
|
78
|
+
c && o.wave,
|
|
79
79
|
e && o.onLayer01,
|
|
80
|
-
|
|
80
|
+
f
|
|
81
81
|
),
|
|
82
82
|
style: { width: t, height: l, ...m },
|
|
83
83
|
..._
|
|
84
84
|
}
|
|
85
85
|
));
|
|
86
86
|
export {
|
|
87
|
-
|
|
87
|
+
I as S
|
|
88
88
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
|
|
3
|
-
import { Cell as w, Column as g, useTableOptions as
|
|
4
|
-
import { C as h } from "./Checkbox-
|
|
3
|
+
import { Cell as w, Column as g, useTableOptions as _, Row as N, Button as k, Collection as u, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
|
|
4
|
+
import { C as h } from "./Checkbox-DSW-_Qpm.js";
|
|
5
5
|
import { c as a } from "./clsx-AexbMWKp.js";
|
|
6
6
|
import { c as i } from "./createLucideIcon-CP-mMPfa.js";
|
|
7
7
|
import '../assets/Table.css';const C = [
|
|
@@ -25,7 +25,7 @@ const H = [
|
|
|
25
25
|
["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
|
|
26
26
|
["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
|
|
27
27
|
["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
|
|
28
|
-
], z = i("grip-vertical", H), M = "
|
|
28
|
+
], z = i("grip-vertical", H), M = "_table_6m1lp_1", R = "_tableHeader_6m1lp_11", q = "_column_6m1lp_12", A = "_sortIndicator_6m1lp_28", D = "_sortIconNeutral_6m1lp_36", V = "_selection_6m1lp_51", U = "_row_6m1lp_57", F = "_cell_6m1lp_75", G = "_medium_6m1lp_115", L = "_striped_6m1lp_126", o = {
|
|
29
29
|
table: M,
|
|
30
30
|
tableHeader: R,
|
|
31
31
|
column: q,
|
|
@@ -37,101 +37,101 @@ const H = [
|
|
|
37
37
|
medium: G,
|
|
38
38
|
striped: L
|
|
39
39
|
}, P = ({
|
|
40
|
-
size:
|
|
41
|
-
striped:
|
|
42
|
-
className:
|
|
43
|
-
...
|
|
40
|
+
size: c = "large",
|
|
41
|
+
striped: l = !1,
|
|
42
|
+
className: t,
|
|
43
|
+
...s
|
|
44
44
|
}) => /* @__PURE__ */ e(
|
|
45
45
|
f,
|
|
46
46
|
{
|
|
47
|
-
className: a(
|
|
48
|
-
[
|
|
49
|
-
[
|
|
47
|
+
className: a(o.table, t, {
|
|
48
|
+
[o.medium]: c === "medium",
|
|
49
|
+
[o.striped]: l
|
|
50
50
|
}),
|
|
51
|
-
...
|
|
51
|
+
...s
|
|
52
52
|
}
|
|
53
53
|
), Q = ({
|
|
54
|
-
columns:
|
|
55
|
-
children:
|
|
56
|
-
className:
|
|
54
|
+
columns: c,
|
|
55
|
+
children: l,
|
|
56
|
+
className: t
|
|
57
57
|
}) => {
|
|
58
|
-
const { selectionBehavior:
|
|
59
|
-
return /* @__PURE__ */ d(T, { className: a(
|
|
58
|
+
const { selectionBehavior: s, selectionMode: r, allowsDragging: n } = _();
|
|
59
|
+
return /* @__PURE__ */ d(T, { className: a(t, o.tableHeader), children: [
|
|
60
60
|
n && /* @__PURE__ */ e(m, {}),
|
|
61
|
-
|
|
61
|
+
s === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: r === "multiple" && /* @__PURE__ */ e(
|
|
62
62
|
h,
|
|
63
63
|
{
|
|
64
|
-
className:
|
|
64
|
+
className: o.selection,
|
|
65
65
|
slot: "selection"
|
|
66
66
|
}
|
|
67
67
|
) }),
|
|
68
|
-
/* @__PURE__ */ e(
|
|
68
|
+
/* @__PURE__ */ e(u, { items: c, children: l })
|
|
69
69
|
] });
|
|
70
70
|
}, W = ({
|
|
71
|
-
id:
|
|
72
|
-
columns:
|
|
73
|
-
children:
|
|
74
|
-
className:
|
|
75
|
-
...
|
|
71
|
+
id: c,
|
|
72
|
+
columns: l,
|
|
73
|
+
children: t,
|
|
74
|
+
className: s,
|
|
75
|
+
...r
|
|
76
76
|
}) => {
|
|
77
|
-
const { selectionBehavior: n, allowsDragging: y } =
|
|
77
|
+
const { selectionBehavior: n, allowsDragging: y } = _();
|
|
78
78
|
return /* @__PURE__ */ d(
|
|
79
79
|
N,
|
|
80
80
|
{
|
|
81
|
-
id:
|
|
82
|
-
className: a(
|
|
83
|
-
...
|
|
81
|
+
id: c,
|
|
82
|
+
className: a(s, o.row),
|
|
83
|
+
...r,
|
|
84
84
|
children: [
|
|
85
|
-
y && /* @__PURE__ */ e(
|
|
86
|
-
n === "toggle" && /* @__PURE__ */ e(
|
|
85
|
+
y && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(k, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
|
|
86
|
+
n === "toggle" && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
|
|
87
87
|
h,
|
|
88
88
|
{
|
|
89
|
-
className:
|
|
89
|
+
className: o.selection,
|
|
90
90
|
slot: "selection"
|
|
91
91
|
}
|
|
92
92
|
) }),
|
|
93
|
-
/* @__PURE__ */ e(
|
|
93
|
+
/* @__PURE__ */ e(u, { items: l, children: t })
|
|
94
94
|
]
|
|
95
95
|
}
|
|
96
96
|
);
|
|
97
|
-
}, m = ({ children:
|
|
97
|
+
}, m = ({ children: c, className: l, ...t }) => /* @__PURE__ */ e(
|
|
98
98
|
g,
|
|
99
99
|
{
|
|
100
|
-
className: a(
|
|
101
|
-
...
|
|
102
|
-
children: ({ allowsSorting:
|
|
103
|
-
const n = () =>
|
|
100
|
+
className: a(l, o.column),
|
|
101
|
+
...t,
|
|
102
|
+
children: ({ allowsSorting: s, sortDirection: r }) => {
|
|
103
|
+
const n = () => r === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : r === "descending" ? /* @__PURE__ */ e(I, { size: 16 }) : /* @__PURE__ */ e($, { size: 16, className: o.sortIconNeutral });
|
|
104
104
|
return /* @__PURE__ */ d(b, { children: [
|
|
105
|
-
|
|
106
|
-
|
|
105
|
+
c,
|
|
106
|
+
s && /* @__PURE__ */ e(
|
|
107
107
|
"span",
|
|
108
108
|
{
|
|
109
109
|
"aria-hidden": "true",
|
|
110
|
-
className:
|
|
110
|
+
className: o.sortIndicator,
|
|
111
111
|
children: n()
|
|
112
112
|
}
|
|
113
113
|
)
|
|
114
114
|
] });
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
),
|
|
117
|
+
), p = ({ className: c, ...l }) => /* @__PURE__ */ e(
|
|
118
118
|
w,
|
|
119
119
|
{
|
|
120
|
-
className: a(
|
|
121
|
-
...
|
|
120
|
+
className: a(c, o.cell),
|
|
121
|
+
...l
|
|
122
122
|
}
|
|
123
123
|
), X = ({
|
|
124
|
-
className:
|
|
125
|
-
...
|
|
124
|
+
className: c,
|
|
125
|
+
...l
|
|
126
126
|
}) => /* @__PURE__ */ e(
|
|
127
127
|
x,
|
|
128
128
|
{
|
|
129
|
-
className: a(
|
|
130
|
-
...
|
|
129
|
+
className: a(c, o.tableBody),
|
|
130
|
+
...l
|
|
131
131
|
}
|
|
132
132
|
);
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
p as C,
|
|
135
135
|
W as R,
|
|
136
136
|
P as T,
|
|
137
137
|
m as a,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i, jsxs as _, Fragment as u } from "react/jsx-runtime";
|
|
2
2
|
import { Tag as b, composeRenderProps as T, useContextProps as d, TagListContext as p, TagList as v, TagGroupContext as y, TagGroup as x } from "react-aria-components";
|
|
3
|
-
import { B as h } from "./Button-
|
|
3
|
+
import { B as h } from "./Button-GCROAMSl.js";
|
|
4
4
|
import { c } from "./clsx-AexbMWKp.js";
|
|
5
5
|
import { X as L } from "./x-B9bYxG31.js";
|
|
6
6
|
import { forwardRef as f, Children as N, isValidElement as w } from "react";
|
|
@@ -4,12 +4,12 @@ import { forwardRef as c, useState as F } from "react";
|
|
|
4
4
|
import { useContextProps as u, TextFieldContext as y, TextField as g, InputContext as P, Input as b, TextArea as C } from "react-aria-components";
|
|
5
5
|
import { a as I, c as h } from "./clsx-AexbMWKp.js";
|
|
6
6
|
import { s as d } from "./TextField.module-BDIbEV87.js";
|
|
7
|
-
import { B as A } from "./Button-
|
|
7
|
+
import { B as A } from "./Button-GCROAMSl.js";
|
|
8
8
|
import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
9
9
|
import { T as L } from "./Text-D0r_W4lH.js";
|
|
10
10
|
import { F as f } from "./FieldError-krpMBtie.js";
|
|
11
11
|
import { C as S } from "./CharacterCounter-Dgnv-orm.js";
|
|
12
|
-
import { a as v, L as E } from "./Label-
|
|
12
|
+
import { a as v, L as E } from "./Label-Cg0aAlnt.js";
|
|
13
13
|
const x = c(
|
|
14
14
|
(e, o) => {
|
|
15
15
|
[e] = u(e, o, y);
|