@cgi-learning-hub/ui 1.0.0-dev.1721824898 → 1.0.0-dev.1721901545
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/{Box-vGRO-On_.js → Box-BwHGDK_A.js} +10 -10
- package/dist/Button-BF7P0rje.js +359 -0
- package/dist/Button-BtjHaBJr.cjs +1 -0
- package/dist/{ButtonBase-vONl_zxO.js → ButtonBase-CWCHPphi.js} +36 -36
- package/dist/{CircularProgress-BDwTzcEn.js → CircularProgress-C_9OsPYJ.js} +17 -17
- package/dist/DatePicker-BE1RETq3.cjs +19 -0
- package/dist/DatePicker-DXoI-rbr.js +12663 -0
- package/dist/DefaultButton-BYqGgydF.cjs +1 -0
- package/dist/DefaultButton-CKAvlaVi.js +253 -0
- package/dist/{IconButton-Ctm1Peef.js → IconButton-De3-6K2r.js} +7 -7
- package/dist/{SearchInput-Clr0qHPm.js → InputAdornment-CdamqNqi.js} +55 -87
- package/dist/InputAdornment-UyNuc0Mc.cjs +1 -0
- package/dist/{InputBase-Dqfior4W.js → InputBase-DYf00QVg.js} +25 -25
- package/dist/Stack-D1lCED40.cjs +1 -0
- package/dist/Stack-DIH86N4F.js +172 -0
- package/dist/{Tabs-D-RPVuW4.js → Tabs-D1zibo7D.js} +118 -131
- package/dist/Tabs-DZDo7UqF.cjs +4 -0
- package/dist/{TextInput-BxI4zwrY.js → TextField-BAVYnvQj.js} +411 -414
- package/dist/{TextInput-Ba5ly1H9.cjs → TextField-CH-kzN1l.cjs} +11 -11
- package/dist/Tooltip-BEg5oYwE.js +7463 -0
- package/dist/Tooltip-DppWsdRm.cjs +95 -0
- package/dist/{Typography-Cl3kH-A8.js → Typography-CbZkNGSr.js} +11 -11
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.es.js +4 -4
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.cjs.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.es.js +2 -2
- package/dist/components/PaperHeader/PaperHeader.stories.es.js +2 -2
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +2 -2
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +2 -2
- package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/index.es.js +1 -1
- package/dist/components/buttons/IconButton.stories.es.js +3 -3
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +1 -1
- package/dist/components/buttons/index.cjs.js +1 -1
- package/dist/components/buttons/index.es.js +1 -1
- package/dist/components/feedback/QueryError/QueryError.es.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +1 -5
- package/dist/components/index.es.js +269 -278
- package/dist/components/inputs/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/inputs/PasswordInput/PasswordInput.es.js +18 -16
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.es.js +36 -5
- package/dist/components/inputs/SearchInput/SearchInput.stories.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.stories.es.js +4 -4
- package/dist/components/inputs/SearchInput/index.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/index.es.js +2 -2
- package/dist/components/inputs/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/inputs/TextInput/TextInput.es.js +4 -3
- package/dist/components/inputs/TextInput/TextInput.stories.cjs.js +1 -1
- package/dist/components/inputs/TextInput/TextInput.stories.es.js +1 -1
- package/dist/components/inputs/TextInput/index.cjs.js +1 -1
- package/dist/components/inputs/TextInput/index.es.js +2 -2
- package/dist/components/inputs/index.cjs.js +1 -1
- package/dist/components/inputs/index.es.js +6 -6
- package/dist/components/lists/FileList/FileList.es.js +1 -1
- package/dist/components/lists/FileList/FileListItem.es.js +6 -6
- package/dist/components/lists/TabList.stories.cjs.js +1 -1
- package/dist/components/lists/TabList.stories.es.js +16 -15
- package/dist/components/pickers/DatePicker/DatePicker.cjs.js +1 -0
- package/dist/components/pickers/DatePicker/DatePicker.d.ts +8 -0
- package/dist/components/pickers/DatePicker/DatePicker.es.js +6 -0
- package/dist/components/pickers/DatePicker/DatePicker.stories.cjs.js +1 -0
- package/dist/components/pickers/DatePicker/DatePicker.stories.d.ts +5 -0
- package/dist/components/pickers/DatePicker/DatePicker.stories.es.js +16 -0
- package/dist/components/pickers/DatePicker/index.cjs.js +1 -0
- package/dist/components/pickers/DatePicker/index.d.ts +2 -0
- package/dist/components/pickers/DatePicker/index.es.js +4 -0
- package/dist/components/pickers/index.cjs.js +1 -0
- package/dist/components/pickers/index.d.ts +1 -0
- package/dist/components/pickers/index.es.js +4 -0
- package/dist/createStyled-CXNF_m2b.js +142 -0
- package/dist/createStyled-CcHh6cyo.cjs +1 -0
- package/dist/{createSvgIcon-BwGNMrhW.js → createSvgIcon-B6V0jwwg.js} +5 -5
- package/dist/{createSvgIcon-Blbo0WDd.js → createSvgIcon-CGvnINlY.js} +15 -15
- package/dist/fr-BWMVjh4G.js +307 -0
- package/dist/fr-CzL4IYLw.cjs +1 -0
- package/dist/{identifier-wKuu0zOr.js → identifier-C_DzvlWx.js} +24 -24
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +270 -279
- package/dist/{refType-Bqz8QGtc.js → refType-KXZNSMpq.js} +1 -1
- package/dist/{styled-CFCmdTd8.js → styled-DCjqF2JO.js} +29 -29
- package/dist/{useTheme-DWyCcDbs.js → useTheme-8G-WLfhQ.js} +7 -7
- package/dist/{useTheme-D5vjhuQC.js → useTheme-D2TR379g.js} +1 -1
- package/dist/useThemeProps-DhHzyU0Y.cjs +1 -0
- package/dist/useThemeProps-DjJkz40D.js +17 -0
- package/dist/{useThemeProps-CZSYSmRG.js → useThemeProps-fXKB99fl.js} +2 -2
- package/package.json +1 -1
- package/dist/DefaultButton-BD1TIeNP.js +0 -604
- package/dist/DefaultButton-DV0j1bMY.cjs +0 -1
- package/dist/SearchInput-CruiB2CO.cjs +0 -1
- package/dist/Stack-CwklSaeG.js +0 -308
- package/dist/Stack-v4g12Xre.cjs +0 -1
- package/dist/Tabs-CLr003cV.cjs +0 -4
- package/dist/TimePicker-DK-Q99ep.js +0 -26252
- package/dist/TimePicker-DYEkxpHp.cjs +0 -113
package/dist/Stack-CwklSaeG.js
DELETED
|
@@ -1,308 +0,0 @@
|
|
|
1
|
-
import { z as H, s as P, x as q, _ as f, v as U, n as J, y as K, A as Q, P as o, B, D, E as X, F as Y, G as Z, u as ee, t as oe, k as re, H as G } from "./identifier-wKuu0zOr.js";
|
|
2
|
-
import { g as te, c as se, s as ne, u as ie } from "./styled-CFCmdTd8.js";
|
|
3
|
-
import * as A from "react";
|
|
4
|
-
import { jsx as ce } from "react/jsx-runtime";
|
|
5
|
-
import { u as ae } from "./useThemeProps-CZSYSmRG.js";
|
|
6
|
-
const le = ["ownerState"], ue = ["variants"], pe = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
|
7
|
-
function fe(e) {
|
|
8
|
-
return Object.keys(e).length === 0;
|
|
9
|
-
}
|
|
10
|
-
function de(e) {
|
|
11
|
-
return typeof e == "string" && // 96 is one less than the char code
|
|
12
|
-
// for "a" so this is checking that
|
|
13
|
-
// it's a lowercase character
|
|
14
|
-
e.charCodeAt(0) > 96;
|
|
15
|
-
}
|
|
16
|
-
function $(e) {
|
|
17
|
-
return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
|
|
18
|
-
}
|
|
19
|
-
const me = U(), L = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
|
|
20
|
-
function R({
|
|
21
|
-
defaultTheme: e,
|
|
22
|
-
theme: s,
|
|
23
|
-
themeId: t
|
|
24
|
-
}) {
|
|
25
|
-
return fe(s) ? e : s[t] || s;
|
|
26
|
-
}
|
|
27
|
-
function ye(e) {
|
|
28
|
-
return e ? (s, t) => t[e] : null;
|
|
29
|
-
}
|
|
30
|
-
function N(e, s) {
|
|
31
|
-
let {
|
|
32
|
-
ownerState: t
|
|
33
|
-
} = s, i = P(s, le);
|
|
34
|
-
const a = typeof e == "function" ? e(f({
|
|
35
|
-
ownerState: t
|
|
36
|
-
}, i)) : e;
|
|
37
|
-
if (Array.isArray(a))
|
|
38
|
-
return a.flatMap((c) => N(c, f({
|
|
39
|
-
ownerState: t
|
|
40
|
-
}, i)));
|
|
41
|
-
if (a && typeof a == "object" && Array.isArray(a.variants)) {
|
|
42
|
-
const {
|
|
43
|
-
variants: c = []
|
|
44
|
-
} = a;
|
|
45
|
-
let d = P(a, ue);
|
|
46
|
-
return c.forEach((r) => {
|
|
47
|
-
let n = !0;
|
|
48
|
-
typeof r.props == "function" ? n = r.props(f({
|
|
49
|
-
ownerState: t
|
|
50
|
-
}, i, t)) : Object.keys(r.props).forEach((m) => {
|
|
51
|
-
(t == null ? void 0 : t[m]) !== r.props[m] && i[m] !== r.props[m] && (n = !1);
|
|
52
|
-
}), n && (Array.isArray(d) || (d = [d]), d.push(typeof r.style == "function" ? r.style(f({
|
|
53
|
-
ownerState: t
|
|
54
|
-
}, i, t)) : r.style));
|
|
55
|
-
}), d;
|
|
56
|
-
}
|
|
57
|
-
return a;
|
|
58
|
-
}
|
|
59
|
-
function he(e = {}) {
|
|
60
|
-
const {
|
|
61
|
-
themeId: s,
|
|
62
|
-
defaultTheme: t = me,
|
|
63
|
-
rootShouldForwardProp: i = $,
|
|
64
|
-
slotShouldForwardProp: a = $
|
|
65
|
-
} = e, c = (l) => K(f({}, l, {
|
|
66
|
-
theme: R(f({}, l, {
|
|
67
|
-
defaultTheme: t,
|
|
68
|
-
themeId: s
|
|
69
|
-
}))
|
|
70
|
-
}));
|
|
71
|
-
return c.__mui_systemSx = !0, (l, d = {}) => {
|
|
72
|
-
H(l, (u) => u.filter((h) => !(h != null && h.__mui_systemSx)));
|
|
73
|
-
const {
|
|
74
|
-
name: r,
|
|
75
|
-
slot: n,
|
|
76
|
-
skipVariantsResolver: m,
|
|
77
|
-
skipSx: S,
|
|
78
|
-
// TODO v6: remove `lowercaseFirstLetter()` in the next major release
|
|
79
|
-
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
80
|
-
overridesResolver: v = ye(L(n))
|
|
81
|
-
} = d, V = P(d, pe), C = m !== void 0 ? m : (
|
|
82
|
-
// TODO v6: remove `Root` in the next major release
|
|
83
|
-
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
84
|
-
n && n !== "Root" && n !== "root" || !1
|
|
85
|
-
), g = S || !1;
|
|
86
|
-
let b;
|
|
87
|
-
process.env.NODE_ENV !== "production" && r && (b = `${r}-${L(n || "Root")}`);
|
|
88
|
-
let O = $;
|
|
89
|
-
n === "Root" || n === "root" ? O = i : n ? O = a : de(l) && (O = void 0);
|
|
90
|
-
const x = q(l, f({
|
|
91
|
-
shouldForwardProp: O,
|
|
92
|
-
label: b
|
|
93
|
-
}, V)), j = (u) => typeof u == "function" && u.__emotion_real !== u || Q(u) ? (h) => N(u, f({}, h, {
|
|
94
|
-
theme: R({
|
|
95
|
-
theme: h.theme,
|
|
96
|
-
defaultTheme: t,
|
|
97
|
-
themeId: s
|
|
98
|
-
})
|
|
99
|
-
})) : u, _ = (u, ...h) => {
|
|
100
|
-
let F = j(u);
|
|
101
|
-
const T = h ? h.map(j) : [];
|
|
102
|
-
r && v && T.push((p) => {
|
|
103
|
-
const y = R(f({}, p, {
|
|
104
|
-
defaultTheme: t,
|
|
105
|
-
themeId: s
|
|
106
|
-
}));
|
|
107
|
-
if (!y.components || !y.components[r] || !y.components[r].styleOverrides)
|
|
108
|
-
return null;
|
|
109
|
-
const k = y.components[r].styleOverrides, w = {};
|
|
110
|
-
return Object.entries(k).forEach(([I, W]) => {
|
|
111
|
-
w[I] = N(W, f({}, p, {
|
|
112
|
-
theme: y
|
|
113
|
-
}));
|
|
114
|
-
}), v(p, w);
|
|
115
|
-
}), r && !C && T.push((p) => {
|
|
116
|
-
var y;
|
|
117
|
-
const k = R(f({}, p, {
|
|
118
|
-
defaultTheme: t,
|
|
119
|
-
themeId: s
|
|
120
|
-
})), w = k == null || (y = k.components) == null || (y = y[r]) == null ? void 0 : y.variants;
|
|
121
|
-
return N({
|
|
122
|
-
variants: w
|
|
123
|
-
}, f({}, p, {
|
|
124
|
-
theme: k
|
|
125
|
-
}));
|
|
126
|
-
}), g || T.push(c);
|
|
127
|
-
const M = T.length - h.length;
|
|
128
|
-
if (Array.isArray(u) && M > 0) {
|
|
129
|
-
const p = new Array(M).fill("");
|
|
130
|
-
F = [...u, ...p], F.raw = [...u.raw, ...p];
|
|
131
|
-
}
|
|
132
|
-
const E = x(F, ...T);
|
|
133
|
-
if (process.env.NODE_ENV !== "production") {
|
|
134
|
-
let p;
|
|
135
|
-
r && (p = `${r}${J(n || "")}`), p === void 0 && (p = `Styled(${te(l)})`), E.displayName = p;
|
|
136
|
-
}
|
|
137
|
-
return l.muiName && (E.muiName = l.muiName), E;
|
|
138
|
-
};
|
|
139
|
-
return x.withConfig && (_.withConfig = x.withConfig), _;
|
|
140
|
-
};
|
|
141
|
-
}
|
|
142
|
-
const ve = he(), Oe = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], Se = U(), be = ve("div", {
|
|
143
|
-
name: "MuiStack",
|
|
144
|
-
slot: "Root",
|
|
145
|
-
overridesResolver: (e, s) => s.root
|
|
146
|
-
});
|
|
147
|
-
function xe(e) {
|
|
148
|
-
return ae({
|
|
149
|
-
props: e,
|
|
150
|
-
name: "MuiStack",
|
|
151
|
-
defaultTheme: Se
|
|
152
|
-
});
|
|
153
|
-
}
|
|
154
|
-
function Te(e, s) {
|
|
155
|
-
const t = A.Children.toArray(e).filter(Boolean);
|
|
156
|
-
return t.reduce((i, a, c) => (i.push(a), c < t.length - 1 && i.push(/* @__PURE__ */ A.cloneElement(s, {
|
|
157
|
-
key: `separator-${c}`
|
|
158
|
-
})), i), []);
|
|
159
|
-
}
|
|
160
|
-
const ke = (e) => ({
|
|
161
|
-
row: "Left",
|
|
162
|
-
"row-reverse": "Right",
|
|
163
|
-
column: "Top",
|
|
164
|
-
"column-reverse": "Bottom"
|
|
165
|
-
})[e], ge = ({
|
|
166
|
-
ownerState: e,
|
|
167
|
-
theme: s
|
|
168
|
-
}) => {
|
|
169
|
-
let t = f({
|
|
170
|
-
display: "flex",
|
|
171
|
-
flexDirection: "column"
|
|
172
|
-
}, B({
|
|
173
|
-
theme: s
|
|
174
|
-
}, D({
|
|
175
|
-
values: e.direction,
|
|
176
|
-
breakpoints: s.breakpoints.values
|
|
177
|
-
}), (i) => ({
|
|
178
|
-
flexDirection: i
|
|
179
|
-
})));
|
|
180
|
-
if (e.spacing) {
|
|
181
|
-
const i = X(s), a = Object.keys(s.breakpoints.values).reduce((r, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (r[n] = !0), r), {}), c = D({
|
|
182
|
-
values: e.direction,
|
|
183
|
-
base: a
|
|
184
|
-
}), l = D({
|
|
185
|
-
values: e.spacing,
|
|
186
|
-
base: a
|
|
187
|
-
});
|
|
188
|
-
typeof c == "object" && Object.keys(c).forEach((r, n, m) => {
|
|
189
|
-
if (!c[r]) {
|
|
190
|
-
const v = n > 0 ? c[m[n - 1]] : "column";
|
|
191
|
-
c[r] = v;
|
|
192
|
-
}
|
|
193
|
-
}), t = Y(t, B({
|
|
194
|
-
theme: s
|
|
195
|
-
}, l, (r, n) => e.useFlexGap ? {
|
|
196
|
-
gap: G(i, r)
|
|
197
|
-
} : {
|
|
198
|
-
// The useFlexGap={false} implement relies on each child to give up control of the margin.
|
|
199
|
-
// We need to reset the margin to avoid double spacing.
|
|
200
|
-
"& > :not(style):not(style)": {
|
|
201
|
-
margin: 0
|
|
202
|
-
},
|
|
203
|
-
"& > :not(style) ~ :not(style)": {
|
|
204
|
-
[`margin${ke(n ? c[n] : e.direction)}`]: G(i, r)
|
|
205
|
-
}
|
|
206
|
-
}));
|
|
207
|
-
}
|
|
208
|
-
return t = Z(s.breakpoints, t), t;
|
|
209
|
-
};
|
|
210
|
-
function je(e = {}) {
|
|
211
|
-
const {
|
|
212
|
-
// This will allow adding custom styled fn (for example for custom sx style function)
|
|
213
|
-
createStyledComponent: s = be,
|
|
214
|
-
useThemeProps: t = xe,
|
|
215
|
-
componentName: i = "MuiStack"
|
|
216
|
-
} = e, a = () => se({
|
|
217
|
-
root: ["root"]
|
|
218
|
-
}, (r) => re(i, r), {}), c = s(ge), l = /* @__PURE__ */ A.forwardRef(function(r, n) {
|
|
219
|
-
const m = t(r), S = ee(m), {
|
|
220
|
-
component: v = "div",
|
|
221
|
-
direction: V = "column",
|
|
222
|
-
spacing: C = 0,
|
|
223
|
-
divider: g,
|
|
224
|
-
children: b,
|
|
225
|
-
className: O,
|
|
226
|
-
useFlexGap: x = !1
|
|
227
|
-
} = S, j = P(S, Oe), _ = {
|
|
228
|
-
direction: V,
|
|
229
|
-
spacing: C,
|
|
230
|
-
useFlexGap: x
|
|
231
|
-
}, u = a();
|
|
232
|
-
return /* @__PURE__ */ ce(c, f({
|
|
233
|
-
as: v,
|
|
234
|
-
ownerState: _,
|
|
235
|
-
ref: n,
|
|
236
|
-
className: oe(u.root, O)
|
|
237
|
-
}, j, {
|
|
238
|
-
children: g ? Te(b, g) : b
|
|
239
|
-
}));
|
|
240
|
-
});
|
|
241
|
-
return process.env.NODE_ENV !== "production" && (l.propTypes = {
|
|
242
|
-
children: o.node,
|
|
243
|
-
direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
|
|
244
|
-
divider: o.node,
|
|
245
|
-
spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
|
|
246
|
-
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
247
|
-
}), l;
|
|
248
|
-
}
|
|
249
|
-
const z = je({
|
|
250
|
-
createStyledComponent: ne("div", {
|
|
251
|
-
name: "MuiStack",
|
|
252
|
-
slot: "Root",
|
|
253
|
-
overridesResolver: (e, s) => s.root
|
|
254
|
-
}),
|
|
255
|
-
useThemeProps: (e) => ie({
|
|
256
|
-
props: e,
|
|
257
|
-
name: "MuiStack"
|
|
258
|
-
})
|
|
259
|
-
});
|
|
260
|
-
process.env.NODE_ENV !== "production" && (z.propTypes = {
|
|
261
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
262
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
263
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
264
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
265
|
-
/**
|
|
266
|
-
* The content of the component.
|
|
267
|
-
*/
|
|
268
|
-
children: o.node,
|
|
269
|
-
/**
|
|
270
|
-
* The component used for the root node.
|
|
271
|
-
* Either a string to use a HTML element or a component.
|
|
272
|
-
*/
|
|
273
|
-
component: o.elementType,
|
|
274
|
-
/**
|
|
275
|
-
* Defines the `flex-direction` style property.
|
|
276
|
-
* It is applied for all screen sizes.
|
|
277
|
-
* @default 'column'
|
|
278
|
-
*/
|
|
279
|
-
direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
|
|
280
|
-
/**
|
|
281
|
-
* Add an element between each child.
|
|
282
|
-
*/
|
|
283
|
-
divider: o.node,
|
|
284
|
-
/**
|
|
285
|
-
* Defines the space between immediate children.
|
|
286
|
-
* @default 0
|
|
287
|
-
*/
|
|
288
|
-
spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
|
|
289
|
-
/**
|
|
290
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
291
|
-
*/
|
|
292
|
-
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
|
|
293
|
-
/**
|
|
294
|
-
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
295
|
-
*
|
|
296
|
-
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
|
297
|
-
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
298
|
-
*
|
|
299
|
-
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
300
|
-
* @default false
|
|
301
|
-
*/
|
|
302
|
-
useFlexGap: o.bool
|
|
303
|
-
});
|
|
304
|
-
const Pe = z;
|
|
305
|
-
export {
|
|
306
|
-
Pe as S,
|
|
307
|
-
$ as s
|
|
308
|
-
};
|
package/dist/Stack-v4g12Xre.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./identifier-J0ZxxQLU.cjs"),N=require("./styled-C04Dz9vm.cjs"),q=require("react"),G=require("react/jsx-runtime"),W=require("./useThemeProps-CEfrd8SJ.cjs");function U(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,p.get?p:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const $=U(q),z=["ownerState"],I=["variants"],H=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function J(o){return Object.keys(o).length===0}function K(o){return typeof o=="string"&&o.charCodeAt(0)>96}function w(o){return o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"}const Q=e.createTheme$1(),A=o=>o&&o.charAt(0).toLowerCase()+o.slice(1);function g({defaultTheme:o,theme:s,themeId:r}){return J(s)?o:s[r]||s}function X(o){return o?(s,r)=>r[o]:null}function R(o,s){let{ownerState:r}=s,p=e._objectWithoutPropertiesLoose(s,z);const c=typeof o=="function"?o(e._extends({ownerState:r},p)):o;if(Array.isArray(c))return c.flatMap(i=>R(i,e._extends({ownerState:r},p)));if(c&&typeof c=="object"&&Array.isArray(c.variants)){const{variants:i=[]}=c;let d=e._objectWithoutPropertiesLoose(c,I);return i.forEach(t=>{let n=!0;typeof t.props=="function"?n=t.props(e._extends({ownerState:r},p,r)):Object.keys(t.props).forEach(y=>{(r==null?void 0:r[y])!==t.props[y]&&p[y]!==t.props[y]&&(n=!1)}),n&&(Array.isArray(d)||(d=[d]),d.push(typeof t.style=="function"?t.style(e._extends({ownerState:r},p,r)):t.style))}),d}return c}function Y(o={}){const{themeId:s,defaultTheme:r=Q,rootShouldForwardProp:p=w,slotShouldForwardProp:c=w}=o,i=l=>e.styleFunctionSx(e._extends({},l,{theme:g(e._extends({},l,{defaultTheme:r,themeId:s}))}));return i.__mui_systemSx=!0,(l,d={})=>{e.internal_processStyles(l,u=>u.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:t,slot:n,skipVariantsResolver:y,skipSx:h,overridesResolver:T=X(A(n))}=d,V=e._objectWithoutPropertiesLoose(d,H),C=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,x=h||!1;let v;process.env.NODE_ENV!=="production"&&t&&(v=`${t}-${A(n||"Root")}`);let P=w;n==="Root"||n==="root"?P=p:n?P=c:K(l)&&(P=void 0);const O=e.styled(l,e._extends({shouldForwardProp:P,label:v},V)),b=u=>typeof u=="function"&&u.__emotion_real!==u||e.isPlainObject(u)?m=>R(u,e._extends({},m,{theme:g({theme:m.theme,defaultTheme:r,themeId:s})})):u,j=(u,...m)=>{let D=b(u);const S=m?m.map(b):[];t&&T&&S.push(a=>{const f=g(e._extends({},a,{defaultTheme:r,themeId:s}));if(!f.components||!f.components[t]||!f.components[t].styleOverrides)return null;const _=f.components[t].styleOverrides,k={};return Object.entries(_).forEach(([M,L])=>{k[M]=R(L,e._extends({},a,{theme:f}))}),T(a,k)}),t&&!C&&S.push(a=>{var f;const _=g(e._extends({},a,{defaultTheme:r,themeId:s})),k=_==null||(f=_.components)==null||(f=f[t])==null?void 0:f.variants;return R({variants:k},e._extends({},a,{theme:_}))}),x||S.push(i);const E=S.length-m.length;if(Array.isArray(u)&&E>0){const a=new Array(E).fill("");D=[...u,...a],D.raw=[...u.raw,...a]}const F=O(D,...S);if(process.env.NODE_ENV!=="production"){let a;t&&(a=`${t}${e.capitalize(n||"")}`),a===void 0&&(a=`Styled(${N.getDisplayName(l)})`),F.displayName=a}return l.muiName&&(F.muiName=l.muiName),F};return O.withConfig&&(j.withConfig=O.withConfig),j}}const Z=Y(),ee=["component","direction","spacing","divider","children","className","useFlexGap"],oe=e.createTheme$1(),re=Z("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,s)=>s.root});function te(o){return W.useThemeProps({props:o,name:"MuiStack",defaultTheme:oe})}function se(o,s){const r=$.Children.toArray(o).filter(Boolean);return r.reduce((p,c,i)=>(p.push(c),i<r.length-1&&p.push($.cloneElement(s,{key:`separator-${i}`})),p),[])}const ne=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],pe=({ownerState:o,theme:s})=>{let r=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:s},e.resolveBreakpointValues({values:o.direction,breakpoints:s.breakpoints.values}),p=>({flexDirection:p})));if(o.spacing){const p=e.createUnarySpacing(s),c=Object.keys(s.breakpoints.values).reduce((t,n)=>((typeof o.spacing=="object"&&o.spacing[n]!=null||typeof o.direction=="object"&&o.direction[n]!=null)&&(t[n]=!0),t),{}),i=e.resolveBreakpointValues({values:o.direction,base:c}),l=e.resolveBreakpointValues({values:o.spacing,base:c});typeof i=="object"&&Object.keys(i).forEach((t,n,y)=>{if(!i[t]){const T=n>0?i[y[n-1]]:"column";i[t]=T}});const d=(t,n)=>o.useFlexGap?{gap:e.getValue(p,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${ne(n?i[n]:o.direction)}`]:e.getValue(p,t)}};r=e.deepmerge(r,e.handleBreakpoints({theme:s},l,d))}return r=e.mergeBreakpointsInOrder(s.breakpoints,r),r};function ie(o={}){const{createStyledComponent:s=re,useThemeProps:r=te,componentName:p="MuiStack"}=o,c=()=>{const d={root:["root"]};return N.composeClasses(d,t=>e.generateUtilityClass(p,t),{})},i=s(pe),l=$.forwardRef(function(t,n){const y=r(t),h=e.extendSxProp(y),{component:T="div",direction:V="column",spacing:C=0,divider:x,children:v,className:P,useFlexGap:O=!1}=h,b=e._objectWithoutPropertiesLoose(h,ee),j={direction:V,spacing:C,useFlexGap:O},u=c();return G.jsx(i,e._extends({as:T,ownerState:j,ref:n,className:e.clsx(u.root,P)},b,{children:x?se(v,x):v}))});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),l}const B=ie({createStyledComponent:N.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,s)=>s.root}),useThemeProps:o=>N.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(B.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});const ce=B;exports.Stack=ce;exports.shouldForwardProp=w;
|
package/dist/Tabs-CLr003cV.cjs
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";const S=require("./styled-C04Dz9vm.cjs"),e=require("./identifier-J0ZxxQLU.cjs"),Ze=require("./useThemeProps-CEfrd8SJ.cjs"),eo=require("react"),h=require("react/jsx-runtime"),Ee=require("./ButtonBase-VIKeNyAr.cjs"),oo=require("./unsupportedProp-Bn6XWqwH.cjs"),D=require("./useTheme-C65ChbGW.cjs"),to=require("./useForkRef-CGd3Nhyb.cjs"),J=require("./ownerWindow-Dk_4aaak.cjs"),ue=require("./useTimeout-XUWYBnl6.cjs"),ro=require("./refType-DNJbSwsx.cjs"),Oe=require("./createSvgIcon-n-HUhGNK.cjs");function so(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>o[n]})}}return t.default=o,Object.freeze(t)}const p=so(eo);let H;function Me(){if(H)return H;const o=document.createElement("div"),t=document.createElement("div");return t.style.width="10px",t.style.height="1px",o.appendChild(t),o.dir="rtl",o.style.fontSize="14px",o.style.width="4px",o.style.height="1px",o.style.position="absolute",o.style.top="-1000px",o.style.overflow="scroll",document.body.appendChild(o),H="reverse",o.scrollLeft>0?H="default":(o.scrollLeft=1,o.scrollLeft===0&&(H="negative")),document.body.removeChild(o),H}function no(o,t){const n=o.scrollLeft;if(t!=="rtl")return n;switch(Me()){case"negative":return o.scrollWidth-o.clientWidth+n;case"reverse":return o.scrollWidth-o.clientWidth-n;default:return n}}function lo({props:o,name:t}){return Ze.useThemeProps({props:o,name:t,defaultTheme:S.defaultTheme,themeId:e.THEME_ID})}function Ne(o){return e.generateUtilityClass("MuiTab",o)}const io=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),R=io,co=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ao=o=>{const{classes:t,textColor:n,fullWidth:l,wrapped:c,icon:d,label:y,selected:f,disabled:u}=o,T={root:["root",d&&y&&"labelIcon",`textColor${e.capitalize(n)}`,l&&"fullWidth",c&&"wrapped",f&&"selected",u&&"disabled"],iconWrapper:["iconWrapper"]};return S.composeClasses(T,Ne,t)},po=S.styled(Ee.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.label&&n.icon&&t.labelIcon,t[`textColor${e.capitalize(n.textColor)}`],n.fullWidth&&t.fullWidth,n.wrapped&&t.wrapped,{[`& .${R.iconWrapper}`]:t.iconWrapper}]}})(({theme:o,ownerState:t})=>e._extends({},o.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},t.label&&{flexDirection:t.iconPosition==="top"||t.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},t.icon&&t.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${R.iconWrapper}`]:e._extends({},t.iconPosition==="top"&&{marginBottom:6},t.iconPosition==="bottom"&&{marginTop:6},t.iconPosition==="start"&&{marginRight:o.spacing(1)},t.iconPosition==="end"&&{marginLeft:o.spacing(1)})},t.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${R.selected}`]:{opacity:1},[`&.${R.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity}},t.textColor==="primary"&&{color:(o.vars||o).palette.text.secondary,[`&.${R.selected}`]:{color:(o.vars||o).palette.primary.main},[`&.${R.disabled}`]:{color:(o.vars||o).palette.text.disabled}},t.textColor==="secondary"&&{color:(o.vars||o).palette.text.secondary,[`&.${R.selected}`]:{color:(o.vars||o).palette.secondary.main},[`&.${R.disabled}`]:{color:(o.vars||o).palette.text.disabled}},t.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},t.wrapped&&{fontSize:o.typography.pxToRem(12)})),Re=p.forwardRef(function(t,n){const l=S.useDefaultProps({props:t,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:y=!1,fullWidth:f,icon:u,iconPosition:T="top",indicator:B,label:x,onChange:v,onClick:w,onFocus:z,selected:I,selectionFollowsFocus:P,textColor:A="inherit",value:O,wrapped:le=!1}=l,q=e._objectWithoutPropertiesLoose(l,co),V=e._extends({},l,{disabled:d,disableFocusRipple:y,selected:I,icon:!!u,iconPosition:T,label:!!x,fullWidth:f,textColor:A,wrapped:le}),U=ao(V),L=u&&x&&p.isValidElement(u)?p.cloneElement(u,{className:e.clsx(U.iconWrapper,u.props.className)}):u,Q=M=>{!I&&v&&v(M,O),w&&w(M)},_=M=>{P&&!I&&v&&v(M,O),z&&z(M)};return h.jsxs(po,e._extends({focusRipple:!y,className:e.clsx(U.root,c),ref:n,role:"tab","aria-selected":I,disabled:d,onClick:Q,onFocus:_,ownerState:V,tabIndex:I?0:-1},q,{children:[T==="top"||T==="start"?h.jsxs(p.Fragment,{children:[L,x]}):h.jsxs(p.Fragment,{children:[x,L]}),B]}))});process.env.NODE_ENV!=="production"&&(Re.propTypes={children:oo.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});const uo=Re,_e=Oe.createSvgIcon(h.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),We=Oe.createSvgIcon(h.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function bo(o){return(1+Math.sin(Math.PI*o-Math.PI/2))/2}function fo(o,t,n,l={},c=()=>{}){const{ease:d=bo,duration:y=300}=l;let f=null;const u=t[o];let T=!1;const B=()=>{T=!0},x=v=>{if(T){c(new Error("Animation cancelled"));return}f===null&&(f=v);const w=Math.min(1,(v-f)/y);if(t[o]=d(w)*(n-u)+u,w>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(x)};return u===n?(c(new Error("Element already at target position")),B):(requestAnimationFrame(x),B)}const yo=["onChange"],ho={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function je(o){const{onChange:t}=o,n=e._objectWithoutPropertiesLoose(o,yo),l=p.useRef(),c=p.useRef(null),d=()=>{l.current=c.current.offsetHeight-c.current.clientHeight};return to.useEnhancedEffect(()=>{const y=J.debounce(()=>{const u=l.current;d(),u!==l.current&&t(l.current)}),f=J.ownerWindow(c.current);return f.addEventListener("resize",y),()=>{y.clear(),f.removeEventListener("resize",y)}},[t]),p.useEffect(()=>{d(),t(l.current)},[t]),h.jsx("div",e._extends({style:ho,ref:c},n))}process.env.NODE_ENV!=="production"&&(je.propTypes={onChange:e.PropTypes.func.isRequired});function To(o){return e.generateUtilityClass("MuiTabScrollButton",o)}const vo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),mo=["className","slots","slotProps","direction","orientation","disabled"],So=o=>{const{classes:t,orientation:n,disabled:l}=o,c={root:["root",n,l&&"disabled"]};return S.composeClasses(c,To,t)},Po=S.styled(Ee.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.orientation&&t[n.orientation]]}})(({ownerState:o})=>e._extends({width:40,flexShrink:0,opacity:.8,[`&.${vo.disabled}`]:{opacity:0}},o.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${o.isRtl?-90:90}deg)`}})),ze=p.forwardRef(function(t,n){var l,c;const d=S.useDefaultProps({props:t,name:"MuiTabScrollButton"}),{className:y,slots:f={},slotProps:u={},direction:T}=d,B=e._objectWithoutPropertiesLoose(d,mo),x=D.useRtl(),v=e._extends({isRtl:x},d),w=So(v),z=(l=f.StartScrollButtonIcon)!=null?l:_e,I=(c=f.EndScrollButtonIcon)!=null?c:We,P=D.useSlotProps({elementType:z,externalSlotProps:u.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:v}),A=D.useSlotProps({elementType:I,externalSlotProps:u.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:v});return h.jsx(Po,e._extends({component:"div",className:e.clsx(w.root,y),ref:n,role:null,ownerState:v,tabIndex:null},B,{children:T==="left"?h.jsx(z,e._extends({},P)):h.jsx(I,e._extends({},A))}))});process.env.NODE_ENV!=="production"&&(ze.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function Le(o){return e.generateUtilityClass("MuiTabs",o)}const xo=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ne=xo,go=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],Ce=(o,t)=>o===t?o.firstChild:t&&t.nextElementSibling?t.nextElementSibling:o.firstChild,Be=(o,t)=>o===t?o.lastChild:t&&t.previousElementSibling?t.previousElementSibling:o.lastChild,se=(o,t,n)=>{let l=!1,c=n(o,t);for(;c;){if(c===o.firstChild){if(l)return;l=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=n(o,c);else{c.focus();return}}},Co=o=>{const{vertical:t,fixed:n,hideScrollbar:l,scrollableX:c,scrollableY:d,centered:y,scrollButtonsHideMobile:f,classes:u}=o,T={root:["root",t&&"vertical"],scroller:["scroller",n&&"fixed",l&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",t&&"flexContainerVertical",y&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[l&&"hideScrollbar"]};return S.composeClasses(T,Le,u)},Bo=S.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[{[`& .${ne.scrollButtons}`]:t.scrollButtons},{[`& .${ne.scrollButtons}`]:n.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,n.vertical&&t.vertical]}})(({ownerState:o,theme:t})=>e._extends({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},o.vertical&&{flexDirection:"column"},o.scrollButtonsHideMobile&&{[`& .${ne.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}})),wo=S.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.scroller,n.fixed&&t.fixed,n.hideScrollbar&&t.hideScrollbar,n.scrollableX&&t.scrollableX,n.scrollableY&&t.scrollableY]}})(({ownerState:o})=>e._extends({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},o.fixed&&{overflowX:"hidden",width:"100%"},o.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},o.scrollableX&&{overflowX:"auto",overflowY:"hidden"},o.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Io=S.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.flexContainer,n.vertical&&t.flexContainerVertical,n.centered&&t.centered]}})(({ownerState:o})=>e._extends({display:"flex"},o.vertical&&{flexDirection:"column"},o.centered&&{justifyContent:"center"})),Eo=S.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(o,t)=>t.indicator})(({ownerState:o,theme:t})=>e._extends({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create()},o.indicatorColor==="primary"&&{backgroundColor:(t.vars||t).palette.primary.main},o.indicatorColor==="secondary"&&{backgroundColor:(t.vars||t).palette.secondary.main},o.vertical&&{height:"100%",width:2,right:0})),Oo=S.styled(je)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),we={};let Ie=!1;const ke=p.forwardRef(function(t,n){const l=S.useDefaultProps({props:t,name:"MuiTabs"}),c=D.useTheme(),d=D.useRtl(),{"aria-label":y,"aria-labelledby":f,action:u,centered:T=!1,children:B,className:x,component:v="div",allowScrollButtonsMobile:w=!1,indicatorColor:z="primary",onChange:I,orientation:P="horizontal",ScrollButtonComponent:A=ze,scrollButtons:O="auto",selectionFollowsFocus:le,slots:q={},slotProps:V={},TabIndicatorProps:U={},TabScrollButtonProps:L={},textColor:Q="primary",value:_,variant:M="standard",visibleScrollbar:ie=!1}=l,$e=e._objectWithoutPropertiesLoose(l,go),g=M==="scrollable",C=P==="vertical",X=C?"scrollTop":"scrollLeft",Z=C?"top":"left",ee=C?"bottom":"right",ce=C?"clientHeight":"clientWidth",Y=C?"height":"width",k=e._extends({},l,{component:v,allowScrollButtonsMobile:w,indicatorColor:z,orientation:P,vertical:C,scrollButtons:O,textColor:Q,variant:M,visibleScrollbar:ie,fixed:!g,hideScrollbar:g&&!ie,scrollableX:g&&!C,scrollableY:g&&C,centered:T&&!g,scrollButtonsHideMobile:!w}),W=Co(k),Fe=D.useSlotProps({elementType:q.StartScrollButtonIcon,externalSlotProps:V.startScrollButtonIcon,ownerState:k}),De=D.useSlotProps({elementType:q.EndScrollButtonIcon,externalSlotProps:V.endScrollButtonIcon,ownerState:k});process.env.NODE_ENV!=="production"&&T&&g&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[be,Ae]=p.useState(!1),[$,fe]=p.useState(we),[ye,qe]=p.useState(!1),[he,Ue]=p.useState(!1),[Te,He]=p.useState(!1),[ve,Ve]=p.useState({overflow:"hidden",scrollbarWidth:0}),oe=new Map,N=p.useRef(null),F=p.useRef(null),me=()=>{const r=N.current;let s;if(r){const a=r.getBoundingClientRect();s={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollLeftNormalized:no(r,d?"rtl":"ltr"),scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let i;if(r&&_!==!1){const a=F.current.children;if(a.length>0){const b=a[oe.get(_)];process.env.NODE_ENV!=="production"&&(b||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${_}".`,oe.keys?`You can provide one of the following values: ${Array.from(oe.keys()).join(", ")}.`:null].join(`
|
|
2
|
-
`))),i=b?b.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Ie&&i&&i.width===0&&i.height===0&&s.clientWidth!==0&&(s=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${_}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
|
|
3
|
-
`)),Ie=!0)}}return{tabsMeta:s,tabMeta:i}},K=ue.useEventCallback(()=>{const{tabsMeta:r,tabMeta:s}=me();let i=0,a;if(C)a="top",s&&r&&(i=s.top-r.top+r.scrollTop);else if(a=d?"right":"left",s&&r){const m=d?r.scrollLeftNormalized+r.clientWidth-r.scrollWidth:r.scrollLeft;i=(d?-1:1)*(s[a]-r[a]+m)}const b={[a]:i,[Y]:s?s[Y]:0};if(isNaN($[a])||isNaN($[Y]))fe(b);else{const m=Math.abs($[a]-b[a]),E=Math.abs($[Y]-b[Y]);(m>=1||E>=1)&&fe(b)}}),ae=(r,{animation:s=!0}={})=>{s?fo(X,N.current,r,{duration:c.transitions.duration.standard}):N.current[X]=r},Se=r=>{let s=N.current[X];C?s+=r:(s+=r*(d?-1:1),s*=d&&Me()==="reverse"?-1:1),ae(s)},Pe=()=>{const r=N.current[ce];let s=0;const i=Array.from(F.current.children);for(let a=0;a<i.length;a+=1){const b=i[a];if(s+b[ce]>r){a===0&&(s=r);break}s+=b[ce]}return s},Xe=()=>{Se(-1*Pe())},Ye=()=>{Se(Pe())},Ke=p.useCallback(r=>{Ve({overflow:null,scrollbarWidth:r})},[]),Ge=()=>{const r={};r.scrollbarSizeListener=g?h.jsx(Oo,{onChange:Ke,className:e.clsx(W.scrollableX,W.hideScrollbar)}):null;const i=g&&(O==="auto"&&(ye||he)||O===!0);return r.scrollButtonStart=i?h.jsx(A,e._extends({slots:{StartScrollButtonIcon:q.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Fe},orientation:P,direction:d?"right":"left",onClick:Xe,disabled:!ye},L,{className:e.clsx(W.scrollButtons,L.className)})):null,r.scrollButtonEnd=i?h.jsx(A,e._extends({slots:{EndScrollButtonIcon:q.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:De},orientation:P,direction:d?"left":"right",onClick:Ye,disabled:!he},L,{className:e.clsx(W.scrollButtons,L.className)})):null,r},xe=ue.useEventCallback(r=>{const{tabsMeta:s,tabMeta:i}=me();if(!(!i||!s)){if(i[Z]<s[Z]){const a=s[X]+(i[Z]-s[Z]);ae(a,{animation:r})}else if(i[ee]>s[ee]){const a=s[X]+(i[ee]-s[ee]);ae(a,{animation:r})}}}),te=ue.useEventCallback(()=>{g&&O!==!1&&He(!Te)});p.useEffect(()=>{const r=J.debounce(()=>{N.current&&K()});let s;const i=m=>{m.forEach(E=>{E.removedNodes.forEach(G=>{var j;(j=s)==null||j.unobserve(G)}),E.addedNodes.forEach(G=>{var j;(j=s)==null||j.observe(G)})}),r(),te()},a=J.ownerWindow(N.current);a.addEventListener("resize",r);let b;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(r),Array.from(F.current.children).forEach(m=>{s.observe(m)})),typeof MutationObserver<"u"&&(b=new MutationObserver(i),b.observe(F.current,{childList:!0})),()=>{var m,E;r.clear(),a.removeEventListener("resize",r),(m=b)==null||m.disconnect(),(E=s)==null||E.disconnect()}},[K,te]),p.useEffect(()=>{const r=Array.from(F.current.children),s=r.length;if(typeof IntersectionObserver<"u"&&s>0&&g&&O!==!1){const i=r[0],a=r[s-1],b={root:N.current,threshold:.99},m=pe=>{qe(!pe[0].isIntersecting)},E=new IntersectionObserver(m,b);E.observe(i);const G=pe=>{Ue(!pe[0].isIntersecting)},j=new IntersectionObserver(G,b);return j.observe(a),()=>{E.disconnect(),j.disconnect()}}},[g,O,Te,B==null?void 0:B.length]),p.useEffect(()=>{Ae(!0)},[]),p.useEffect(()=>{K()}),p.useEffect(()=>{xe(we!==$)},[xe,$]),p.useImperativeHandle(u,()=>({updateIndicator:K,updateScrollButtons:te}),[K,te]);const ge=h.jsx(Eo,e._extends({},U,{className:e.clsx(W.indicator,U.className),ownerState:k,style:e._extends({},$,U.style)}));let re=0;const Je=p.Children.map(B,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&S.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
|
|
4
|
-
`));const s=r.props.value===void 0?re:r.props.value;oe.set(s,re);const i=s===_;return re+=1,p.cloneElement(r,e._extends({fullWidth:M==="fullWidth",indicator:i&&!be&&ge,selected:i,selectionFollowsFocus:le,onChange:I,textColor:Q,value:s},re===1&&_===!1&&!r.props.tabIndex?{tabIndex:0}:{}))}),Qe=r=>{const s=F.current,i=J.ownerDocument(s).activeElement;if(i.getAttribute("role")!=="tab")return;let b=P==="horizontal"?"ArrowLeft":"ArrowUp",m=P==="horizontal"?"ArrowRight":"ArrowDown";switch(P==="horizontal"&&d&&(b="ArrowRight",m="ArrowLeft"),r.key){case b:r.preventDefault(),se(s,i,Be);break;case m:r.preventDefault(),se(s,i,Ce);break;case"Home":r.preventDefault(),se(s,null,Ce);break;case"End":r.preventDefault(),se(s,null,Be);break}},de=Ge();return h.jsxs(Bo,e._extends({className:e.clsx(W.root,x),ownerState:k,ref:n,as:v},$e,{children:[de.scrollButtonStart,de.scrollbarSizeListener,h.jsxs(wo,{className:W.scroller,ownerState:k,style:{overflow:ve.overflow,[C?`margin${d?"Left":"Right"}`:"marginBottom"]:ie?void 0:-ve.scrollbarWidth},ref:N,children:[h.jsx(Io,{"aria-label":y,"aria-labelledby":f,"aria-orientation":P==="vertical"?"vertical":null,className:W.flexContainer,ownerState:k,onKeyDown:Qe,ref:F,role:"tablist",children:Je}),be&&ge]}),de.scrollButtonEnd]}))});process.env.NODE_ENV!=="production"&&(ke.propTypes={action:ro.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TabIndicatorProps:e.PropTypes.object,TabScrollButtonProps:e.PropTypes.object,textColor:e.PropTypes.oneOf(["inherit","primary","secondary"]),value:e.PropTypes.any,variant:e.PropTypes.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:e.PropTypes.bool});const Mo=ke;exports.KeyboardArrowLeft=_e;exports.KeyboardArrowRight=We;exports.Tab=uo;exports.Tabs=Mo;exports.getTabUtilityClass=Ne;exports.getTabsUtilityClass=Le;exports.tabClasses=R;exports.tabsClasses=ne;exports.useThemeProps=lo;
|