@pismo/marola 1.0.0-beta.7 → 1.0.0-beta.9
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/{Button-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
- package/dist/Dialog.module-DFcZsVAd.js +30 -0
- package/dist/Input.module-ZTRZRcNt.js +405 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
- package/dist/SelectButton-CoOT2txy.js +61 -0
- package/dist/Toggle-f5brSwAI.js +175 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Autocomplete.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
- package/dist/components/Advice/Advice.d.ts +32 -17
- package/dist/components/Advice/Advice.js +39 -40
- package/dist/components/Advice/Advice.stories.d.ts +4 -3
- package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
- package/dist/components/Autocomplete/Autocomplete.js +689 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
- package/dist/components/Button/Button.js +48 -48
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.js +3 -3
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +2 -2
- package/dist/components/Dialog/Dialog.js +13 -12
- package/dist/components/Dialog/Dialog.stories.d.ts +43 -43
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.js +74 -471
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.js +70 -70
- package/dist/components/RowItem/RowItem.js +2 -2
- package/dist/components/Select/Select.js +8 -7
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.js +96 -96
- package/dist/components/Tabs/Tab.js +18 -17
- package/dist/components/Tabs/TabPanel.js +27 -26
- package/dist/components/Tabs/Tabs.js +25 -25
- package/dist/components/Toggle/Toggle.js +55 -55
- package/dist/components/ToggleGroup/Toggle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -3
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +77 -75
- package/dist/ownerDocument-B61GUaFs.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
- package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
- package/package.json +1 -1
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/SelectButton-K3OIfR5m.js +0 -61
- package/dist/Toggle-BWF0-SPB.js +0 -175
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import '../../assets/Table.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
2
|
+
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import * as c from "react";
|
|
4
4
|
import { useState as w } from "react";
|
|
5
|
-
import { c as
|
|
6
|
-
import { paginationDefaultTranslations as
|
|
7
|
-
import { sortTooltipDefaultTranslations as
|
|
8
|
-
import { TableProvider as
|
|
9
|
-
const
|
|
10
|
-
"u-typography-h1": "_u-typography-
|
|
11
|
-
"u-typography-h2": "_u-typography-
|
|
12
|
-
"u-typography-h3": "_u-typography-
|
|
13
|
-
"u-typography-h4": "_u-typography-
|
|
14
|
-
"u-typography-h5": "_u-typography-
|
|
15
|
-
"u-typography-h6": "_u-typography-
|
|
16
|
-
"u-typography-base": "_u-typography-
|
|
17
|
-
table:
|
|
18
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
19
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
20
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
21
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
22
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
23
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
24
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
25
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
26
|
-
"table--full-width": "_table--full-
|
|
27
|
-
"table--white-theme": "_table--white-
|
|
28
|
-
"table--transparent-theme": "_table--transparent-
|
|
29
|
-
"cell--left-alignment": "_cell--left-
|
|
30
|
-
"cell--center-alignment": "_cell--center-
|
|
31
|
-
"cell--right-alignment": "_cell--right-
|
|
32
|
-
th__wrapper:
|
|
33
|
-
"th__wrapper--pressed": "_th__wrapper--
|
|
34
|
-
"th__wrapper--clickable": "_th__wrapper--
|
|
35
|
-
"th__sort-icon-container": "_th__sort-icon-
|
|
36
|
-
"tr__row-or-cell--disabled": "_tr__row-or-cell--
|
|
37
|
-
tr:
|
|
38
|
-
td:
|
|
39
|
-
"tr__row-or-cell--clickable": "_tr__row-or-cell--
|
|
40
|
-
"td__row-or-cell--clickable": "_td__row-or-cell--
|
|
41
|
-
"td__row-or-cell--disabled": "_td__row-or-cell--
|
|
42
|
-
"td-wrapper": "_td-
|
|
43
|
-
},
|
|
5
|
+
import { c as i } from "../../clsx-DB4S2d7J.js";
|
|
6
|
+
import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
|
|
7
|
+
import { sortTooltipDefaultTranslations as b, SortTooltip as j } from "../SortTooltip/SortTooltip.js";
|
|
8
|
+
import { TableProvider as f, useTable as N } from "./TableContext.js";
|
|
9
|
+
const x = (a) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), C = "_table_9cjay_43", L = "_th__wrapper_9cjay_115", E = "_tr_9cjay_131", k = "_td_9cjay_135", t = {
|
|
10
|
+
"u-typography-h1": "_u-typography-h1_9cjay_1",
|
|
11
|
+
"u-typography-h2": "_u-typography-h2_9cjay_8",
|
|
12
|
+
"u-typography-h3": "_u-typography-h3_9cjay_15",
|
|
13
|
+
"u-typography-h4": "_u-typography-h4_9cjay_22",
|
|
14
|
+
"u-typography-h5": "_u-typography-h5_9cjay_29",
|
|
15
|
+
"u-typography-h6": "_u-typography-h6_9cjay_36",
|
|
16
|
+
"u-typography-base": "_u-typography-base_9cjay_43",
|
|
17
|
+
table: C,
|
|
18
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_9cjay_49",
|
|
19
|
+
"u-typography-base--xl": "_u-typography-base--xl_9cjay_53",
|
|
20
|
+
"u-typography-base--lg": "_u-typography-base--lg_9cjay_57",
|
|
21
|
+
"u-typography-base--sm": "_u-typography-base--sm_9cjay_61",
|
|
22
|
+
"u-typography-base--bold": "_u-typography-base--bold_9cjay_65",
|
|
23
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_9cjay_68",
|
|
24
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_9cjay_71",
|
|
25
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9cjay_74",
|
|
26
|
+
"table--full-width": "_table--full-width_9cjay_82",
|
|
27
|
+
"table--white-theme": "_table--white-theme_9cjay_85",
|
|
28
|
+
"table--transparent-theme": "_table--transparent-theme_9cjay_88",
|
|
29
|
+
"cell--left-alignment": "_cell--left-alignment_9cjay_91",
|
|
30
|
+
"cell--center-alignment": "_cell--center-alignment_9cjay_95",
|
|
31
|
+
"cell--right-alignment": "_cell--right-alignment_9cjay_99",
|
|
32
|
+
th__wrapper: L,
|
|
33
|
+
"th__wrapper--pressed": "_th__wrapper--pressed_9cjay_118",
|
|
34
|
+
"th__wrapper--clickable": "_th__wrapper--clickable_9cjay_122",
|
|
35
|
+
"th__sort-icon-container": "_th__sort-icon-container_9cjay_125",
|
|
36
|
+
"tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_9cjay_131",
|
|
37
|
+
tr: E,
|
|
38
|
+
td: k,
|
|
39
|
+
"tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_9cjay_140",
|
|
40
|
+
"td__row-or-cell--clickable": "_td__row-or-cell--clickable_9cjay_141",
|
|
41
|
+
"td__row-or-cell--disabled": "_td__row-or-cell--disabled_9cjay_145",
|
|
42
|
+
"td-wrapper": "_td-wrapper_9cjay_149"
|
|
43
|
+
}, v = {
|
|
44
44
|
pt: {
|
|
45
|
-
...
|
|
46
|
-
...
|
|
45
|
+
...u.pt,
|
|
46
|
+
...b.pt
|
|
47
47
|
},
|
|
48
48
|
en: {
|
|
49
|
-
...
|
|
50
|
-
...
|
|
49
|
+
...u.en,
|
|
50
|
+
...b.en
|
|
51
51
|
},
|
|
52
52
|
// example to add a new language translation
|
|
53
53
|
es: {
|
|
@@ -59,79 +59,79 @@ const C = (p) => /* @__PURE__ */ h.createElement("svg", { width: 7, height: 10,
|
|
|
59
59
|
of: "de",
|
|
60
60
|
results: "resultados"
|
|
61
61
|
}
|
|
62
|
-
},
|
|
63
|
-
children:
|
|
62
|
+
}, _ = ({
|
|
63
|
+
children: a,
|
|
64
64
|
theme: e = "white",
|
|
65
|
-
fullWidth:
|
|
66
|
-
className:
|
|
65
|
+
fullWidth: l = !0,
|
|
66
|
+
className: p,
|
|
67
67
|
paginationProps: s,
|
|
68
|
-
language:
|
|
69
|
-
translations:
|
|
68
|
+
language: o,
|
|
69
|
+
translations: y,
|
|
70
70
|
...d
|
|
71
71
|
}) => {
|
|
72
|
-
const
|
|
72
|
+
const h = i(
|
|
73
73
|
t.table,
|
|
74
|
-
|
|
74
|
+
l ? t["table--full-width"] : "",
|
|
75
75
|
t[`table--${e}-theme`],
|
|
76
|
-
|
|
77
|
-
),
|
|
78
|
-
return /* @__PURE__ */
|
|
79
|
-
/* @__PURE__ */
|
|
80
|
-
s && /* @__PURE__ */
|
|
76
|
+
p
|
|
77
|
+
), n = o && v[o] || y;
|
|
78
|
+
return /* @__PURE__ */ m(f, { initialTranslations: n, children: [
|
|
79
|
+
/* @__PURE__ */ r("table", { ...d, className: h, children: a }),
|
|
80
|
+
s && /* @__PURE__ */ r(T, { ...s, t: n })
|
|
81
81
|
] });
|
|
82
|
-
},
|
|
83
|
-
const
|
|
82
|
+
}, B = ({ children: a, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: a }), H = ({ children: a, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: a }), P = ({ children: a, onClick: e, disabled: l, className: p, ...s }) => {
|
|
83
|
+
const o = i(
|
|
84
84
|
t.tr,
|
|
85
|
-
e && !
|
|
86
|
-
|
|
85
|
+
e && !l ? t["tr__row-or-cell--clickable"] : l ? t["tr__row-or-cell--disabled"] : "",
|
|
86
|
+
p
|
|
87
87
|
);
|
|
88
|
-
return /* @__PURE__ */
|
|
89
|
-
},
|
|
90
|
-
const
|
|
88
|
+
return /* @__PURE__ */ r("tr", { ...s, className: o, onClick: () => !l && (e == null ? void 0 : e()), children: a });
|
|
89
|
+
}, D = ({ children: a, onClick: e, disabled: l, className: p, align: s = "left", ...o }) => {
|
|
90
|
+
const y = i(
|
|
91
91
|
t.td,
|
|
92
|
-
e && !
|
|
92
|
+
e && !l ? t["td__row-or-cell--clickable"] : l ? t["td__row-or-cell--disabled"] : "",
|
|
93
93
|
t[`cell--${s}-alignment`],
|
|
94
|
-
|
|
94
|
+
p
|
|
95
95
|
);
|
|
96
|
-
return /* @__PURE__ */
|
|
97
|
-
},
|
|
98
|
-
const { translations: d } =
|
|
96
|
+
return /* @__PURE__ */ r("td", { ...o, className: y, onClick: () => !l && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: a }) });
|
|
97
|
+
}, M = ({ children: a, onSort: e, sortType: l, className: p, classNameTooltip: s, align: o = "left", ...y }) => {
|
|
98
|
+
const { translations: d } = N(), [h, n] = w(!1), g = i(
|
|
99
99
|
t.th__wrapper,
|
|
100
|
-
|
|
100
|
+
h ? t["th__wrapper--pressed"] : "",
|
|
101
101
|
e ? t["th__wrapper--clickable"] : "",
|
|
102
|
-
|
|
102
|
+
p
|
|
103
103
|
);
|
|
104
|
-
return /* @__PURE__ */
|
|
105
|
-
|
|
104
|
+
return /* @__PURE__ */ r("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ r("span", { className: g, onClick: e && (() => n(!h)), children: e ? /* @__PURE__ */ m(
|
|
105
|
+
j,
|
|
106
106
|
{
|
|
107
|
-
onClose: () =>
|
|
107
|
+
onClose: () => n(!1),
|
|
108
108
|
onSort: e,
|
|
109
|
-
show:
|
|
110
|
-
sortType:
|
|
109
|
+
show: h,
|
|
110
|
+
sortType: l,
|
|
111
111
|
className: s,
|
|
112
112
|
t: d,
|
|
113
113
|
children: [
|
|
114
|
-
/* @__PURE__ */
|
|
115
|
-
/* @__PURE__ */
|
|
114
|
+
/* @__PURE__ */ r("span", { children: a }),
|
|
115
|
+
/* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(x, {}) })
|
|
116
116
|
]
|
|
117
117
|
}
|
|
118
|
-
) : /* @__PURE__ */
|
|
118
|
+
) : /* @__PURE__ */ r("span", { children: a }) }) });
|
|
119
119
|
};
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
120
|
+
_.THead = B;
|
|
121
|
+
_.THead.displayName = "Table.THead";
|
|
122
|
+
_.TBody = H;
|
|
123
|
+
_.TBody.displayName = "Table.TBody";
|
|
124
|
+
_.Tr = P;
|
|
125
|
+
_.Tr.displayName = "Table.Tr";
|
|
126
|
+
_.Td = D;
|
|
127
|
+
_.Td.displayName = "Table.Td";
|
|
128
|
+
_.Th = M;
|
|
129
|
+
_.Th.displayName = "Table.Th";
|
|
130
130
|
export {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
131
|
+
H as TBody,
|
|
132
|
+
B as THead,
|
|
133
|
+
_ as Table,
|
|
134
|
+
D as Td,
|
|
135
|
+
M as Th,
|
|
136
|
+
P as Tr
|
|
137
137
|
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as N } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
2
|
+
import * as f from "react";
|
|
3
3
|
import { forwardRef as H, useContext as U, useMemo as j } from "react";
|
|
4
4
|
import { c as k } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { u as B, T as D, s as y } from "../../Tabs.module-jkH1Qjn7.js";
|
|
6
|
-
import { g as L, a as W, u as O, f as $, b as d, _ as q, c as z, P as e, d as A, e as G } from "../../
|
|
7
|
-
import { u as J, c as K } from "../../combineHooksSlotProps-
|
|
8
|
-
import { u as Q
|
|
9
|
-
import { u as
|
|
6
|
+
import { g as L, a as W, u as O, f as $, b as d, _ as q, c as z, P as e, d as A, e as G } from "../../useSlotProps-kRhf7Gil.js";
|
|
7
|
+
import { u as J, c as K } from "../../combineHooksSlotProps-BtBYUV_B.js";
|
|
8
|
+
import { u as Q } from "../../useId-BW-oWmul.js";
|
|
9
|
+
import { u as X } from "../../useButton-Bn3MNH8I.js";
|
|
10
|
+
import { u as Y } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
10
11
|
const E = "Tab";
|
|
11
12
|
function Z(o) {
|
|
12
13
|
return L(E, o);
|
|
@@ -21,11 +22,11 @@ function te(o) {
|
|
|
21
22
|
rootRef: s,
|
|
22
23
|
disabled: n = !1,
|
|
23
24
|
id: c
|
|
24
|
-
} = o, a =
|
|
25
|
-
value:
|
|
25
|
+
} = o, a = f.useRef(null), r = Q(c), {
|
|
26
|
+
value: b,
|
|
26
27
|
selectionFollowsFocus: p,
|
|
27
28
|
getTabPanelId: m
|
|
28
|
-
} = B(), P =
|
|
29
|
+
} = B(), P = f.useMemo(() => ({
|
|
29
30
|
disabled: n,
|
|
30
31
|
ref: a,
|
|
31
32
|
id: r
|
|
@@ -33,7 +34,7 @@ function te(o) {
|
|
|
33
34
|
id: l,
|
|
34
35
|
index: R,
|
|
35
36
|
totalItemCount: g
|
|
36
|
-
} =
|
|
37
|
+
} = Y(t ?? ee, P), {
|
|
37
38
|
getRootProps: h,
|
|
38
39
|
highlighted: T,
|
|
39
40
|
selected: i
|
|
@@ -45,7 +46,7 @@ function te(o) {
|
|
|
45
46
|
active: v,
|
|
46
47
|
focusVisible: I,
|
|
47
48
|
setFocusVisible: V
|
|
48
|
-
} =
|
|
49
|
+
} = X({
|
|
49
50
|
disabled: n,
|
|
50
51
|
focusableWhenDisabled: !p,
|
|
51
52
|
type: "button"
|
|
@@ -68,7 +69,7 @@ function te(o) {
|
|
|
68
69
|
rootRef: _,
|
|
69
70
|
// the `selected` state isn't set on the server (it relies on effects to be calculated),
|
|
70
71
|
// so we fall back to checking the `value` prop with the selectedValue from the TabsContext
|
|
71
|
-
selected: i || l ===
|
|
72
|
+
selected: i || l === b,
|
|
72
73
|
setFocusVisible: V,
|
|
73
74
|
totalTabsCount: g
|
|
74
75
|
};
|
|
@@ -81,15 +82,15 @@ const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
|
|
|
81
82
|
return A({
|
|
82
83
|
root: ["root", t && "selected", s && "disabled"]
|
|
83
84
|
}, G(Z));
|
|
84
|
-
}, F = /* @__PURE__ */
|
|
85
|
+
}, F = /* @__PURE__ */ f.forwardRef(function(t, s) {
|
|
85
86
|
var n;
|
|
86
87
|
const {
|
|
87
88
|
children: c,
|
|
88
89
|
disabled: a = !1,
|
|
89
90
|
slotProps: r = {},
|
|
90
|
-
slots:
|
|
91
|
+
slots: b = {},
|
|
91
92
|
value: p
|
|
92
|
-
} = t, m = q(t, oe), P =
|
|
93
|
+
} = t, m = q(t, oe), P = f.useRef(), l = O(P, s), {
|
|
93
94
|
active: R,
|
|
94
95
|
highlighted: g,
|
|
95
96
|
selected: h,
|
|
@@ -102,7 +103,7 @@ const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus",
|
|
|
102
103
|
disabled: a,
|
|
103
104
|
highlighted: g,
|
|
104
105
|
selected: h
|
|
105
|
-
}), C = se(i), u = (n =
|
|
106
|
+
}), C = se(i), u = (n = b.root) != null ? n : "button", v = z({
|
|
106
107
|
elementType: u,
|
|
107
108
|
getSlotProps: T,
|
|
108
109
|
externalSlotProps: r.root,
|
|
@@ -163,7 +164,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
|
|
|
163
164
|
*/
|
|
164
165
|
value: e.oneOfType([e.number, e.string])
|
|
165
166
|
});
|
|
166
|
-
const
|
|
167
|
+
const pe = H(
|
|
167
168
|
({ children: o, value: t, disabled: s, dataTestId: n }, c) => {
|
|
168
169
|
const a = U(D), r = j(
|
|
169
170
|
() => k(
|
|
@@ -177,5 +178,5 @@ const fe = H(
|
|
|
177
178
|
}
|
|
178
179
|
);
|
|
179
180
|
export {
|
|
180
|
-
|
|
181
|
+
pe as Tab
|
|
181
182
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as T } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
2
|
+
import * as P from "react";
|
|
3
3
|
import { forwardRef as v } from "react";
|
|
4
4
|
import { u as y, s as x } from "../../Tabs.module-jkH1Qjn7.js";
|
|
5
|
-
import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../
|
|
6
|
-
import { u as S
|
|
5
|
+
import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../useSlotProps-kRhf7Gil.js";
|
|
6
|
+
import { u as S } from "../../useId-BW-oWmul.js";
|
|
7
|
+
import { u as U } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
7
8
|
const h = "TabPanel";
|
|
8
9
|
function j(t) {
|
|
9
10
|
return C(h, t);
|
|
@@ -22,23 +23,23 @@ function V(t) {
|
|
|
22
23
|
throw new Error("No TabContext provided");
|
|
23
24
|
const {
|
|
24
25
|
value: f,
|
|
25
|
-
getTabId:
|
|
26
|
-
} = i,
|
|
27
|
-
id:
|
|
28
|
-
ref:
|
|
29
|
-
}), [
|
|
26
|
+
getTabId: m
|
|
27
|
+
} = i, r = S(s), a = P.useRef(null), u = _(a, n), c = P.useMemo(() => ({
|
|
28
|
+
id: r,
|
|
29
|
+
ref: a
|
|
30
|
+
}), [r]), {
|
|
30
31
|
id: l
|
|
31
|
-
} = U(e ?? M,
|
|
32
|
+
} = U(e ?? M, c), d = l !== f, p = l !== void 0 ? m(l) : void 0;
|
|
32
33
|
return {
|
|
33
34
|
hidden: d,
|
|
34
35
|
getRootProps: (g = {}) => b({
|
|
35
36
|
"aria-labelledby": p ?? void 0,
|
|
36
37
|
hidden: d,
|
|
37
|
-
id:
|
|
38
|
+
id: r ?? void 0
|
|
38
39
|
}, g, {
|
|
39
|
-
ref:
|
|
40
|
+
ref: u
|
|
40
41
|
}),
|
|
41
|
-
rootRef:
|
|
42
|
+
rootRef: u
|
|
42
43
|
};
|
|
43
44
|
}
|
|
44
45
|
const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
|
|
@@ -48,31 +49,31 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
|
|
|
48
49
|
return E({
|
|
49
50
|
root: ["root", e && "hidden"]
|
|
50
51
|
}, I(j));
|
|
51
|
-
}, R = /* @__PURE__ */
|
|
52
|
+
}, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
|
|
52
53
|
var n;
|
|
53
54
|
const {
|
|
54
55
|
children: i,
|
|
55
56
|
slotProps: f = {},
|
|
56
|
-
slots:
|
|
57
|
-
} = e,
|
|
58
|
-
hidden:
|
|
59
|
-
getRootProps:
|
|
60
|
-
} = V(e),
|
|
61
|
-
hidden:
|
|
62
|
-
}), l = $(
|
|
57
|
+
slots: m = {}
|
|
58
|
+
} = e, r = w(e, F), {
|
|
59
|
+
hidden: a,
|
|
60
|
+
getRootProps: u
|
|
61
|
+
} = V(e), c = b({}, e, {
|
|
62
|
+
hidden: a
|
|
63
|
+
}), l = $(c), d = (n = m.root) != null ? n : "div", p = O({
|
|
63
64
|
elementType: d,
|
|
64
|
-
getSlotProps:
|
|
65
|
+
getSlotProps: u,
|
|
65
66
|
externalSlotProps: f.root,
|
|
66
|
-
externalForwardedProps:
|
|
67
|
+
externalForwardedProps: r,
|
|
67
68
|
additionalProps: {
|
|
68
69
|
role: "tabpanel",
|
|
69
70
|
ref: s
|
|
70
71
|
},
|
|
71
|
-
ownerState:
|
|
72
|
+
ownerState: c,
|
|
72
73
|
className: l.root
|
|
73
74
|
});
|
|
74
75
|
return /* @__PURE__ */ T(d, b({}, p, {
|
|
75
|
-
children: !
|
|
76
|
+
children: !a && i
|
|
76
77
|
}));
|
|
77
78
|
});
|
|
78
79
|
process.env.NODE_ENV !== "production" && (R.propTypes = {
|
|
@@ -110,9 +111,9 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
|
|
|
110
111
|
*/
|
|
111
112
|
value: o.oneOfType([o.number, o.string])
|
|
112
113
|
});
|
|
113
|
-
const
|
|
114
|
+
const q = v(
|
|
114
115
|
({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
|
|
115
116
|
);
|
|
116
117
|
export {
|
|
117
|
-
|
|
118
|
+
q as TabPanel
|
|
118
119
|
};
|
|
@@ -4,11 +4,11 @@ import { forwardRef as q, useState as B } from "react";
|
|
|
4
4
|
import { T as G, u as J, s as Q } from "../../Tabs.module-jkH1Qjn7.js";
|
|
5
5
|
import { Tab as Le } from "./Tab.js";
|
|
6
6
|
import { TabPanel as _e } from "./TabPanel.js";
|
|
7
|
-
import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../
|
|
8
|
-
import {
|
|
7
|
+
import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../useSlotProps-kRhf7Gil.js";
|
|
8
|
+
import { a as O, C as S } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
9
9
|
import { u as X } from "../../useControlled-CCMYYdCM.js";
|
|
10
|
-
import { L as Y, a as Z } from "../../combineHooksSlotProps-
|
|
11
|
-
import { l as ee, m as te, u as oe } from "../../useList-
|
|
10
|
+
import { L as Y, a as Z } from "../../combineHooksSlotProps-BtBYUV_B.js";
|
|
11
|
+
import { l as ee, m as te, u as oe } from "../../useList-BpJT77u3.js";
|
|
12
12
|
const k = "Tabs";
|
|
13
13
|
function se(s) {
|
|
14
14
|
return I(k, s);
|
|
@@ -33,17 +33,17 @@ function ne(s) {
|
|
|
33
33
|
subitems: m,
|
|
34
34
|
contextValue: g
|
|
35
35
|
} = O(), p = r.useRef(() => {
|
|
36
|
-
}),
|
|
36
|
+
}), f = r.useCallback((x) => {
|
|
37
37
|
var y;
|
|
38
38
|
return (y = m.get(x)) == null ? void 0 : y.id;
|
|
39
|
-
}, [m]),
|
|
39
|
+
}, [m]), b = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
|
|
40
40
|
p.current = x;
|
|
41
41
|
}, []);
|
|
42
42
|
return {
|
|
43
43
|
contextValue: C({
|
|
44
44
|
direction: c,
|
|
45
|
-
getTabId:
|
|
46
|
-
getTabPanelId:
|
|
45
|
+
getTabId: b,
|
|
46
|
+
getTabPanelId: f,
|
|
47
47
|
onSelected: a,
|
|
48
48
|
orientation: i,
|
|
49
49
|
registerTabIdLookup: P,
|
|
@@ -67,23 +67,23 @@ function le(s) {
|
|
|
67
67
|
totalSubitemCount: m,
|
|
68
68
|
value: g,
|
|
69
69
|
getTabId: p,
|
|
70
|
-
getTabPanelId:
|
|
71
|
-
} = e,
|
|
70
|
+
getTabPanelId: f
|
|
71
|
+
} = e, b = r.useMemo(() => ({
|
|
72
72
|
getItemIndex: i,
|
|
73
73
|
registerItem: d,
|
|
74
74
|
totalSubitemCount: m
|
|
75
75
|
}), [d, i, m]), P = r.useMemo(() => ({
|
|
76
76
|
direction: n,
|
|
77
77
|
getTabId: p,
|
|
78
|
-
getTabPanelId:
|
|
78
|
+
getTabPanelId: f,
|
|
79
79
|
onSelected: c,
|
|
80
80
|
orientation: l,
|
|
81
81
|
registerTabIdLookup: u,
|
|
82
82
|
selectionFollowsFocus: a,
|
|
83
83
|
value: g
|
|
84
|
-
}), [n, p,
|
|
84
|
+
}), [n, p, f, c, l, u, a, g]);
|
|
85
85
|
return /* @__PURE__ */ T(S.Provider, {
|
|
86
|
-
value:
|
|
86
|
+
value: b,
|
|
87
87
|
children: /* @__PURE__ */ T(G.Provider, {
|
|
88
88
|
value: P,
|
|
89
89
|
children: o
|
|
@@ -110,8 +110,8 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
|
|
|
110
110
|
direction: l
|
|
111
111
|
}), {
|
|
112
112
|
contextValue: g
|
|
113
|
-
} = ne(m), p = ae(m),
|
|
114
|
-
elementType:
|
|
113
|
+
} = ne(m), p = ae(m), f = (n = u.root) != null ? n : "div", b = $({
|
|
114
|
+
elementType: f,
|
|
115
115
|
externalSlotProps: d.root,
|
|
116
116
|
externalForwardedProps: a,
|
|
117
117
|
additionalProps: {
|
|
@@ -120,7 +120,7 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
|
|
|
120
120
|
ownerState: m,
|
|
121
121
|
className: p.root
|
|
122
122
|
});
|
|
123
|
-
return /* @__PURE__ */ T(
|
|
123
|
+
return /* @__PURE__ */ T(f, C({}, b, {
|
|
124
124
|
children: /* @__PURE__ */ T(le, {
|
|
125
125
|
value: g,
|
|
126
126
|
children: i
|
|
@@ -232,12 +232,12 @@ function ce(s) {
|
|
|
232
232
|
return (v = a.get(h)) == null ? void 0 : v.id;
|
|
233
233
|
}, [a]);
|
|
234
234
|
d(g);
|
|
235
|
-
const p = r.useMemo(() => Array.from(a.keys()), [a]),
|
|
235
|
+
const p = r.useMemo(() => Array.from(a.keys()), [a]), f = r.useCallback((h) => {
|
|
236
236
|
var v, V;
|
|
237
237
|
return h == null ? null : (v = (V = a.get(h)) == null ? void 0 : V.ref.current) != null ? v : null;
|
|
238
|
-
}, [a]),
|
|
238
|
+
}, [a]), b = n === "rtl";
|
|
239
239
|
let P;
|
|
240
|
-
c === "vertical" ? P = "vertical" : P =
|
|
240
|
+
c === "vertical" ? P = "vertical" : P = b ? "horizontal-rtl" : "horizontal-ltr";
|
|
241
241
|
const x = r.useCallback((h, v) => {
|
|
242
242
|
var V;
|
|
243
243
|
i(h, (V = v[0]) != null ? V : null);
|
|
@@ -261,7 +261,7 @@ function ce(s) {
|
|
|
261
261
|
controlledProps: y,
|
|
262
262
|
disabledItemsFocusable: !u,
|
|
263
263
|
focusManagement: "DOM",
|
|
264
|
-
getItemDomElement:
|
|
264
|
+
getItemDomElement: f,
|
|
265
265
|
isItemDisabled: U,
|
|
266
266
|
items: p,
|
|
267
267
|
rootRef: o,
|
|
@@ -288,7 +288,7 @@ function ce(s) {
|
|
|
288
288
|
dispatch: R,
|
|
289
289
|
getRootProps: W,
|
|
290
290
|
highlightedValue: j,
|
|
291
|
-
isRtl:
|
|
291
|
+
isRtl: b,
|
|
292
292
|
orientation: c,
|
|
293
293
|
rootRef: K,
|
|
294
294
|
selectedValue: (e = H[0]) != null ? e : null
|
|
@@ -344,17 +344,17 @@ const me = ["children", "slotProps", "slots"], pe = (s) => {
|
|
|
344
344
|
}), p = C({}, e, {
|
|
345
345
|
isRtl: u,
|
|
346
346
|
orientation: a
|
|
347
|
-
}),
|
|
348
|
-
elementType:
|
|
347
|
+
}), f = pe(p), b = (n = l.root) != null ? n : "div", P = $({
|
|
348
|
+
elementType: b,
|
|
349
349
|
getSlotProps: m,
|
|
350
350
|
externalSlotProps: c.root,
|
|
351
351
|
externalForwardedProps: d,
|
|
352
352
|
ownerState: p,
|
|
353
|
-
className:
|
|
353
|
+
className: f.root
|
|
354
354
|
});
|
|
355
355
|
return /* @__PURE__ */ T(de, {
|
|
356
356
|
value: g,
|
|
357
|
-
children: /* @__PURE__ */ T(
|
|
357
|
+
children: /* @__PURE__ */ T(b, C({}, P, {
|
|
358
358
|
children: i
|
|
359
359
|
}))
|
|
360
360
|
});
|