@cgi-learning-hub/ui 1.2.0-dev.1726475372 → 1.2.0-dev.1726477884
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/Backdrop-B8-BL3jx.js +789 -0
- package/dist/Backdrop-CQM1mw_6.cjs +1 -0
- package/dist/Button-BzvFp4sx.cjs +1 -0
- package/dist/{Button-CiwMrz4f.js → Button-CvUAFzG_.js} +8 -7
- package/dist/ButtonBase-0-NuO2tj.cjs +75 -0
- package/dist/{ButtonBase-SLqKsMbv.js → ButtonBase-BMflDb9x.js} +81 -80
- package/dist/CircularProgress-DdMAzWVy.cjs +28 -0
- package/dist/{CircularProgress-CMyGy943.js → CircularProgress-Dmg3SNAP.js} +15 -14
- package/dist/{DatePicker-DwFLe3I1.cjs → DatePicker-BEtxyoTT.cjs} +15 -15
- package/dist/{DatePicker-C2NB6D2n.js → DatePicker-Bz8V-O3o.js} +54 -49
- package/dist/DefaultButton-C73SCGlE.cjs +1 -0
- package/dist/{DefaultButton-BoUBlnAR.js → DefaultButton-D0x7we4I.js} +13 -12
- package/dist/DefaultPropsProvider-5NdZnDS0.cjs +17 -0
- package/dist/{DefaultPropsProvider-DjhaxXa-.js → DefaultPropsProvider-CU--SVzB.js} +117 -127
- package/dist/IconButton-B7jxxXOK.cjs +2 -0
- package/dist/{IconButton-BJnGbprU.js → IconButton-DzYEBDbu.js} +15 -14
- package/dist/InputAdornment-CbLgi938.cjs +1 -0
- package/dist/{InputAdornment-PpcxpcaW.js → InputAdornment-x1WIM2Yz.js} +10 -9
- package/dist/{InputBase-WXNV7_fG.js → InputBase-C1BvXunK.js} +76 -74
- package/dist/InputBase-C_CFype-.cjs +3 -0
- package/dist/{Stack-B8WfhPQe.cjs → Stack-Bvr_N6-t.cjs} +1 -1
- package/dist/{Stack-r7RL43ez.js → Stack-CJLo9S4b.js} +2 -2
- package/dist/{Tabs-Bdj0BksM.js → Tabs-Cvnp3jpR.js} +13 -11
- package/dist/Tabs-wj4N9aH3.cjs +4 -0
- package/dist/{TextField-9ZYkEzxx.js → TextField-B-GxVtVu.js} +1741 -2515
- package/dist/TextField-Bf0iVvZT.cjs +12 -0
- package/dist/Tooltip-CIuc_nUD.cjs +100 -0
- package/dist/{Tooltip-DTbN1pOw.js → Tooltip-CzaHtHhc.js} +317 -312
- package/dist/TransitionGroupContext-DMJLhY9-.js +24 -0
- package/dist/TransitionGroupContext-DbXD5xqS.cjs +1 -0
- package/dist/{Typography-DY82MH5N.js → Typography-APp4bmiX.js} +13 -12
- package/dist/Typography-DEzPHYLs.cjs +1 -0
- package/dist/assets/styles.css +1 -1
- package/dist/chainPropTypes-CEUi6Jb4.cjs +1 -0
- package/dist/chainPropTypes-D9lkm76m.js +8 -0
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +1 -1
- package/dist/components/DatePicker/DatePicker.stories.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.stories.es.js +1 -1
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +1 -1
- package/dist/components/DefaultButton/DefaultButton.cjs.js +1 -1
- package/dist/components/DefaultButton/DefaultButton.es.js +2 -2
- package/dist/components/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/DefaultButton/DefaultButtonIcon.es.js +17 -16
- package/dist/components/DefaultButton/index.cjs.js +1 -1
- package/dist/components/DefaultButton/index.es.js +1 -1
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.es.js +3 -3
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.es.js +2 -2
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.es.js +5 -5
- package/dist/components/IconButton.stories.cjs.js +1 -1
- package/dist/components/IconButton.stories.es.js +2 -2
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js +4 -3
- package/dist/components/PaperHeader/PaperHeader.cjs.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.es.js +2 -2
- package/dist/components/PaperHeader/PaperHeader.stories.cjs.js +1 -1
- package/dist/components/PaperHeader/PaperHeader.stories.es.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.es.js +4 -4
- package/dist/components/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/PrimaryButton/PrimaryButton.es.js +1 -1
- package/dist/components/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
- package/dist/components/PrimaryButton/PrimaryButton.stories.es.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.es.js +4 -4
- package/dist/components/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/SecondaryButton/SecondaryButton.es.js +1 -1
- package/dist/components/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
- package/dist/components/SecondaryButton/SecondaryButton.stories.es.js +1 -1
- package/dist/components/TabList.stories.cjs.js +1 -1
- package/dist/components/TabList.stories.es.js +3 -3
- package/dist/components/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/TextInput/TextInput.es.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +115 -114
- package/dist/{createSvgIcon-BhmTVu_m.js → createSvgIcon-B7p9QbNy.js} +19 -18
- package/dist/{createSvgIcon-DlEk80Du.js → createSvgIcon-CdFwTtth.js} +14 -13
- package/dist/createSvgIcon-DJwoygjS.cjs +1 -0
- package/dist/createSvgIcon-VDwq_j-P.cjs +2 -0
- package/dist/{index-CRyIA2QM.js → index-C4eGfgCg.js} +1 -1
- package/dist/index-CMQY-kBc.js +45 -0
- package/dist/{index-7aduOqI8.cjs → index-D40qjF4v.cjs} +1 -1
- package/dist/index-D7Jwk3AM.cjs +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +77 -76
- package/dist/memoTheme-B2EWpIp3.cjs +1 -0
- package/dist/memoTheme-O-hJ9iBh.js +13 -0
- package/dist/refType-DFnOH04O.js +24 -0
- package/dist/refType-DdcYgSUO.cjs +1 -0
- package/dist/useEnhancedEffect-BQZ6dtCo.cjs +1 -0
- package/dist/useEnhancedEffect-CJGo-L3B.js +5 -0
- package/dist/{useEventCallback-BgMlqKLP.js → useEventCallback-BAQJJ3ye.js} +1 -1
- package/dist/useEventCallback-C0-Qw3Sm.cjs +1 -0
- package/dist/useForkRef-CTI33h-3.cjs +1 -0
- package/dist/useForkRef-C_4o__cU.js +15 -0
- package/dist/useTheme-CeUi--X1.cjs +1 -0
- package/dist/useTheme-DmvRg71t.js +88 -0
- package/dist/{useThemeProps-BYd-NHTG.cjs → useThemeProps-Bw-cwTu1.cjs} +1 -1
- package/dist/{useThemeProps-DD2tI2rB.js → useThemeProps-DE5uuT3t.js} +1 -1
- package/dist/useTimeout-COCrDKz-.cjs +1 -0
- package/dist/useTimeout-CcRdgCDK.js +42 -0
- package/package.json +1 -1
- package/dist/Button-CB4yAw-S.cjs +0 -1
- package/dist/ButtonBase-D_43d34y.cjs +0 -75
- package/dist/CircularProgress-DG72WOS6.cjs +0 -28
- package/dist/DefaultButton-DuBPX2t6.cjs +0 -1
- package/dist/DefaultPropsProvider-DKOXnH6X.cjs +0 -17
- package/dist/IconButton-BwalKkMi.cjs +0 -2
- package/dist/InputAdornment-JWlblqnc.cjs +0 -1
- package/dist/InputBase-OeRcp1ZZ.cjs +0 -3
- package/dist/Tabs-C27chebV.cjs +0 -4
- package/dist/TextField-4SmLYYTW.cjs +0 -12
- package/dist/Tooltip-BHgQjBJ3.cjs +0 -100
- package/dist/TransitionGroupContext-B5aSBz0G.js +0 -64
- package/dist/TransitionGroupContext-gQFtuZSh.cjs +0 -1
- package/dist/Typography-Dtz_Yu7Z.cjs +0 -1
- package/dist/createSvgIcon-D8PyZepp.cjs +0 -1
- package/dist/createSvgIcon-DEt1ypbw.cjs +0 -2
- package/dist/refType-G0JBQGmt.js +0 -29
- package/dist/refType-WMhKyzag.cjs +0 -1
- package/dist/useEventCallback-CrCf96iG.cjs +0 -1
- package/dist/useForkRef-CGd3Nhyb.cjs +0 -1
- package/dist/useForkRef-DwN_Iz9R.js +0 -17
- package/dist/useTheme-Cdc-CPjN.cjs +0 -1
- package/dist/useTheme-DDW1zTPK.js +0 -128
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
2
|
import { P as e, J as Be, I as Me, L as pe, K as J, Z as He } from "./identifier-nbk7LEJv.js";
|
|
3
|
-
import { g as Pe } from "./index-
|
|
4
|
-
import {
|
|
3
|
+
import { g as Pe } from "./index-C4eGfgCg.js";
|
|
4
|
+
import { m as ge } from "./memoTheme-O-hJ9iBh.js";
|
|
5
5
|
import { jsxs as Q, jsx as B } from "react/jsx-runtime";
|
|
6
|
-
import {
|
|
6
|
+
import { s as we, u as We, c as De } from "./DefaultPropsProvider-CU--SVzB.js";
|
|
7
|
+
import { u as ve } from "./useForkRef-C_4o__cU.js";
|
|
8
|
+
import { u as X } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
7
9
|
import { o as fe, d as Le } from "./ownerWindow-BoRkeomM.js";
|
|
8
|
-
import { e as Ve, r as Ue } from "./refType-
|
|
9
|
-
const
|
|
10
|
-
process.env.NODE_ENV !== "production" && (
|
|
10
|
+
import { e as Ve, r as Ue } from "./refType-DFnOH04O.js";
|
|
11
|
+
const oe = /* @__PURE__ */ s.createContext(void 0);
|
|
12
|
+
process.env.NODE_ENV !== "production" && (oe.displayName = "FormControlContext");
|
|
11
13
|
function _e() {
|
|
12
|
-
return s.useContext(
|
|
14
|
+
return s.useContext(oe);
|
|
13
15
|
}
|
|
14
|
-
function me(
|
|
15
|
-
return
|
|
16
|
+
function me(o) {
|
|
17
|
+
return o != null && !(Array.isArray(o) && o.length === 0);
|
|
16
18
|
}
|
|
17
|
-
function je(
|
|
18
|
-
return
|
|
19
|
+
function je(o, n = !1) {
|
|
20
|
+
return o && (me(o.value) && o.value !== "" || n && me(o.defaultValue) && o.defaultValue !== "");
|
|
19
21
|
}
|
|
20
|
-
function
|
|
21
|
-
return
|
|
22
|
+
function po(o) {
|
|
23
|
+
return o.startAdornment;
|
|
22
24
|
}
|
|
23
25
|
function Ke({
|
|
24
|
-
props:
|
|
25
|
-
states:
|
|
26
|
+
props: o,
|
|
27
|
+
states: n,
|
|
26
28
|
muiFormControl: t
|
|
27
29
|
}) {
|
|
28
|
-
return
|
|
30
|
+
return n.reduce((l, u) => (l[u] = o[u], t && typeof o[u] > "u" && (l[u] = t[u]), l), {});
|
|
29
31
|
}
|
|
30
|
-
function L(
|
|
31
|
-
return parseInt(
|
|
32
|
+
function L(o) {
|
|
33
|
+
return parseInt(o, 10) || 0;
|
|
32
34
|
}
|
|
33
35
|
const $e = {
|
|
34
36
|
shadow: {
|
|
@@ -45,10 +47,10 @@ const $e = {
|
|
|
45
47
|
transform: "translateZ(0)"
|
|
46
48
|
}
|
|
47
49
|
};
|
|
48
|
-
function qe(
|
|
49
|
-
return
|
|
50
|
+
function qe(o) {
|
|
51
|
+
return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflowing;
|
|
50
52
|
}
|
|
51
|
-
const Ce = /* @__PURE__ */ s.forwardRef(function(
|
|
53
|
+
const Ce = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
52
54
|
const {
|
|
53
55
|
onChange: l,
|
|
54
56
|
maxRows: u,
|
|
@@ -56,7 +58,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
|
|
|
56
58
|
style: O,
|
|
57
59
|
value: E,
|
|
58
60
|
...M
|
|
59
|
-
} =
|
|
61
|
+
} = n, {
|
|
60
62
|
current: C
|
|
61
63
|
} = s.useRef(E != null), h = s.useRef(null), T = ve(t, h), y = s.useRef(null), S = s.useRef(null), v = s.useCallback(() => {
|
|
62
64
|
const d = h.current, r = fe(d).getComputedStyle(d);
|
|
@@ -66,7 +68,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
|
|
|
66
68
|
overflowing: !1
|
|
67
69
|
};
|
|
68
70
|
const f = S.current;
|
|
69
|
-
f.style.width = r.width, f.value = d.value ||
|
|
71
|
+
f.style.width = r.width, f.value = d.value || n.placeholder || "x", f.value.slice(-1) === `
|
|
70
72
|
` && (f.value += " ");
|
|
71
73
|
const z = r.boxSizing, R = L(r.paddingBottom) + L(r.paddingTop), g = L(r.borderBottomWidth) + L(r.borderTopWidth), A = f.scrollHeight;
|
|
72
74
|
f.value = "x";
|
|
@@ -78,7 +80,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
|
|
|
78
80
|
outerHeightStyle: H,
|
|
79
81
|
overflowing: P
|
|
80
82
|
};
|
|
81
|
-
}, [u, p,
|
|
83
|
+
}, [u, p, n.placeholder]), x = s.useCallback(() => {
|
|
82
84
|
const d = v();
|
|
83
85
|
if (qe(d))
|
|
84
86
|
return;
|
|
@@ -116,7 +118,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
|
|
|
116
118
|
...M
|
|
117
119
|
}), /* @__PURE__ */ B("textarea", {
|
|
118
120
|
"aria-hidden": !0,
|
|
119
|
-
className:
|
|
121
|
+
className: n.className,
|
|
120
122
|
readOnly: !0,
|
|
121
123
|
ref: S,
|
|
122
124
|
tabIndex: -1,
|
|
@@ -164,27 +166,27 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
|
|
|
164
166
|
*/
|
|
165
167
|
value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
|
|
166
168
|
});
|
|
167
|
-
function he(
|
|
168
|
-
return typeof
|
|
169
|
+
function he(o) {
|
|
170
|
+
return typeof o == "string";
|
|
169
171
|
}
|
|
170
|
-
function Ge(
|
|
171
|
-
return Me("MuiInputBase",
|
|
172
|
+
function Ge(o) {
|
|
173
|
+
return Me("MuiInputBase", o);
|
|
172
174
|
}
|
|
173
175
|
const ee = Be("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
|
|
174
176
|
var ye;
|
|
175
|
-
const Ye = (
|
|
177
|
+
const Ye = (o, n) => {
|
|
176
178
|
const {
|
|
177
179
|
ownerState: t
|
|
178
|
-
} =
|
|
179
|
-
return [
|
|
180
|
-
}, Ze = (
|
|
180
|
+
} = o;
|
|
181
|
+
return [n.root, t.formControl && n.formControl, t.startAdornment && n.adornedStart, t.endAdornment && n.adornedEnd, t.error && n.error, t.size === "small" && n.sizeSmall, t.multiline && n.multiline, t.color && n[`color${J(t.color)}`], t.fullWidth && n.fullWidth, t.hiddenLabel && n.hiddenLabel];
|
|
182
|
+
}, Ze = (o, n) => {
|
|
181
183
|
const {
|
|
182
184
|
ownerState: t
|
|
183
|
-
} =
|
|
184
|
-
return [
|
|
185
|
-
}, Je = (
|
|
185
|
+
} = o;
|
|
186
|
+
return [n.input, t.size === "small" && n.inputSizeSmall, t.multiline && n.inputMultiline, t.type === "search" && n.inputTypeSearch, t.startAdornment && n.inputAdornedStart, t.endAdornment && n.inputAdornedEnd, t.hiddenLabel && n.inputHiddenLabel];
|
|
187
|
+
}, Je = (o) => {
|
|
186
188
|
const {
|
|
187
|
-
classes:
|
|
189
|
+
classes: n,
|
|
188
190
|
color: t,
|
|
189
191
|
disabled: l,
|
|
190
192
|
error: u,
|
|
@@ -198,20 +200,20 @@ const Ye = (n, o) => {
|
|
|
198
200
|
size: y,
|
|
199
201
|
startAdornment: S,
|
|
200
202
|
type: v
|
|
201
|
-
} =
|
|
203
|
+
} = o, x = {
|
|
202
204
|
root: ["root", `color${J(t)}`, l && "disabled", u && "error", M && "fullWidth", O && "focused", E && "formControl", y && y !== "medium" && `size${J(y)}`, h && "multiline", S && "adornedStart", p && "adornedEnd", C && "hiddenLabel", T && "readOnly"],
|
|
203
205
|
input: ["input", l && "disabled", v === "search" && "inputTypeSearch", h && "inputMultiline", y === "small" && "inputSizeSmall", C && "inputHiddenLabel", S && "inputAdornedStart", p && "inputAdornedEnd", T && "readOnly"]
|
|
204
206
|
};
|
|
205
|
-
return De(x, Ge,
|
|
206
|
-
}, Qe =
|
|
207
|
+
return De(x, Ge, n);
|
|
208
|
+
}, Qe = we("div", {
|
|
207
209
|
name: "MuiInputBase",
|
|
208
210
|
slot: "Root",
|
|
209
211
|
overridesResolver: Ye
|
|
210
|
-
})(
|
|
211
|
-
theme:
|
|
212
|
+
})(ge(({
|
|
213
|
+
theme: o
|
|
212
214
|
}) => ({
|
|
213
|
-
...
|
|
214
|
-
color: (
|
|
215
|
+
...o.typography.body1,
|
|
216
|
+
color: (o.vars || o).palette.text.primary,
|
|
215
217
|
lineHeight: "1.4375em",
|
|
216
218
|
// 23px
|
|
217
219
|
boxSizing: "border-box",
|
|
@@ -221,55 +223,55 @@ const Ye = (n, o) => {
|
|
|
221
223
|
display: "inline-flex",
|
|
222
224
|
alignItems: "center",
|
|
223
225
|
[`&.${ee.disabled}`]: {
|
|
224
|
-
color: (
|
|
226
|
+
color: (o.vars || o).palette.text.disabled,
|
|
225
227
|
cursor: "default"
|
|
226
228
|
},
|
|
227
229
|
variants: [{
|
|
228
230
|
props: ({
|
|
229
|
-
ownerState:
|
|
230
|
-
}) =>
|
|
231
|
+
ownerState: n
|
|
232
|
+
}) => n.multiline,
|
|
231
233
|
style: {
|
|
232
234
|
padding: "4px 0 5px"
|
|
233
235
|
}
|
|
234
236
|
}, {
|
|
235
237
|
props: ({
|
|
236
|
-
ownerState:
|
|
238
|
+
ownerState: n,
|
|
237
239
|
size: t
|
|
238
|
-
}) =>
|
|
240
|
+
}) => n.multiline && t === "small",
|
|
239
241
|
style: {
|
|
240
242
|
paddingTop: 1
|
|
241
243
|
}
|
|
242
244
|
}, {
|
|
243
245
|
props: ({
|
|
244
|
-
ownerState:
|
|
245
|
-
}) =>
|
|
246
|
+
ownerState: n
|
|
247
|
+
}) => n.fullWidth,
|
|
246
248
|
style: {
|
|
247
249
|
width: "100%"
|
|
248
250
|
}
|
|
249
251
|
}]
|
|
250
|
-
}))), Xe =
|
|
252
|
+
}))), Xe = we("input", {
|
|
251
253
|
name: "MuiInputBase",
|
|
252
254
|
slot: "Input",
|
|
253
255
|
overridesResolver: Ze
|
|
254
|
-
})(
|
|
255
|
-
theme:
|
|
256
|
+
})(ge(({
|
|
257
|
+
theme: o
|
|
256
258
|
}) => {
|
|
257
|
-
const
|
|
259
|
+
const n = o.palette.mode === "light", t = {
|
|
258
260
|
color: "currentColor",
|
|
259
|
-
...
|
|
260
|
-
opacity:
|
|
261
|
+
...o.vars ? {
|
|
262
|
+
opacity: o.vars.opacity.inputPlaceholder
|
|
261
263
|
} : {
|
|
262
|
-
opacity:
|
|
264
|
+
opacity: n ? 0.42 : 0.5
|
|
263
265
|
},
|
|
264
|
-
transition:
|
|
265
|
-
duration:
|
|
266
|
+
transition: o.transitions.create("opacity", {
|
|
267
|
+
duration: o.transitions.duration.shorter
|
|
266
268
|
})
|
|
267
269
|
}, l = {
|
|
268
270
|
opacity: "0 !important"
|
|
269
|
-
}, u =
|
|
270
|
-
opacity:
|
|
271
|
+
}, u = o.vars ? {
|
|
272
|
+
opacity: o.vars.opacity.inputPlaceholder
|
|
271
273
|
} : {
|
|
272
|
-
opacity:
|
|
274
|
+
opacity: n ? 0.42 : 0.5
|
|
273
275
|
};
|
|
274
276
|
return {
|
|
275
277
|
font: "inherit",
|
|
@@ -320,7 +322,7 @@ const Ye = (n, o) => {
|
|
|
320
322
|
[`&.${ee.disabled}`]: {
|
|
321
323
|
opacity: 1,
|
|
322
324
|
// Reset iOS opacity
|
|
323
|
-
WebkitTextFillColor: (
|
|
325
|
+
WebkitTextFillColor: (o.vars || o).palette.text.disabled
|
|
324
326
|
// Fix opacity Safari bug
|
|
325
327
|
},
|
|
326
328
|
variants: [{
|
|
@@ -373,9 +375,9 @@ const Ye = (n, o) => {
|
|
|
373
375
|
display: "block"
|
|
374
376
|
}
|
|
375
377
|
}
|
|
376
|
-
}),
|
|
378
|
+
}), eo = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
377
379
|
const l = We({
|
|
378
|
-
props:
|
|
380
|
+
props: n,
|
|
379
381
|
name: "MuiInputBase"
|
|
380
382
|
}), {
|
|
381
383
|
"aria-describedby": u,
|
|
@@ -403,14 +405,14 @@ const Ye = (n, o) => {
|
|
|
403
405
|
onBlur: c,
|
|
404
406
|
onChange: H,
|
|
405
407
|
onClick: P,
|
|
406
|
-
onFocus:
|
|
408
|
+
onFocus: ne,
|
|
407
409
|
onKeyDown: Se,
|
|
408
410
|
onKeyUp: xe,
|
|
409
411
|
placeholder: Re,
|
|
410
412
|
readOnly: U,
|
|
411
413
|
renderSuffix: te,
|
|
412
414
|
rows: W,
|
|
413
|
-
size:
|
|
415
|
+
size: oo,
|
|
414
416
|
slotProps: re = {},
|
|
415
417
|
slots: ie = {},
|
|
416
418
|
startAdornment: F,
|
|
@@ -444,7 +446,7 @@ const Ye = (n, o) => {
|
|
|
444
446
|
});
|
|
445
447
|
}, [D, k, _]);
|
|
446
448
|
const ze = (i) => {
|
|
447
|
-
|
|
449
|
+
ne && ne(i), r.onFocus && r.onFocus(i), a && a.onFocus ? a.onFocus(i) : K(!0);
|
|
448
450
|
}, Ae = (i) => {
|
|
449
451
|
c && c(i), r.onBlur && r.onBlur(i), a && a.onBlur ? a.onBlur(i) : K(!1);
|
|
450
452
|
}, Ne = (i, ...de) => {
|
|
@@ -517,7 +519,7 @@ const Ye = (n, o) => {
|
|
|
517
519
|
}
|
|
518
520
|
},
|
|
519
521
|
className: pe(se.root, Z.className, E, U && "MuiInputBase-readOnly"),
|
|
520
|
-
children: [F, /* @__PURE__ */ B(
|
|
522
|
+
children: [F, /* @__PURE__ */ B(oe.Provider, {
|
|
521
523
|
value: null,
|
|
522
524
|
children: /* @__PURE__ */ B(ue, {
|
|
523
525
|
"aria-invalid": m.error,
|
|
@@ -558,7 +560,7 @@ const Ye = (n, o) => {
|
|
|
558
560
|
})]
|
|
559
561
|
});
|
|
560
562
|
});
|
|
561
|
-
process.env.NODE_ENV !== "production" && (
|
|
563
|
+
process.env.NODE_ENV !== "production" && (eo.propTypes = {
|
|
562
564
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
563
565
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
564
566
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -787,8 +789,8 @@ process.env.NODE_ENV !== "production" && (en.propTypes = {
|
|
|
787
789
|
value: e.any
|
|
788
790
|
});
|
|
789
791
|
export {
|
|
790
|
-
|
|
791
|
-
|
|
792
|
+
oe as F,
|
|
793
|
+
eo as I,
|
|
792
794
|
je as a,
|
|
793
795
|
ee as b,
|
|
794
796
|
Qe as c,
|
|
@@ -796,7 +798,7 @@ export {
|
|
|
796
798
|
Ze as e,
|
|
797
799
|
Ke as f,
|
|
798
800
|
he as g,
|
|
799
|
-
|
|
801
|
+
po as i,
|
|
800
802
|
Ye as r,
|
|
801
803
|
_e as u
|
|
802
804
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";const je=require("react"),e=require("./identifier-icEThk5F.cjs"),qe=require("./index-D40qjF4v.cjs"),Te=require("./memoTheme-B2EWpIp3.cjs"),w=require("react/jsx-runtime"),V=require("./DefaultPropsProvider-5NdZnDS0.cjs"),be=require("./useForkRef-CTI33h-3.cjs"),oe=require("./useEnhancedEffect-BQZ6dtCo.cjs"),ee=require("./ownerWindow-Dk_4aaak.cjs"),fe=require("./refType-DdcYgSUO.cjs");function Ve(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=Ve(je),L=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(L.displayName="FormControlContext");function ge(){return l.useContext(L)}function ye(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Pe(o,n=!1){return o&&(ye(o.value)&&o.value!==""||n&&ye(o.defaultValue)&&o.defaultValue!=="")}function Le(o){return o.startAdornment}function we({props:o,states:n,muiFormControl:t}){return n.reduce((a,p)=>(a[p]=o[p],t&&typeof o[p]>"u"&&(a[p]=t[p]),a),{})}function j(o){return parseInt(o,10)||0}const _e={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function Ue(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflowing}const ve=l.forwardRef(function(n,t){const{onChange:a,maxRows:p,minRows:d=1,style:R,value:O,...B}=n,{current:v}=l.useRef(O!=null),m=l.useRef(null),E=be.useForkRef(t,m),h=l.useRef(null),C=l.useRef(null),P=l.useCallback(()=>{const u=m.current,r=ee.ownerWindow(u).getComputedStyle(u);if(r.width==="0px")return{outerHeightStyle:0,overflowing:!1};const f=C.current;f.style.width=r.width,f.value=u.value||n.placeholder||"x",f.value.slice(-1)===`
|
|
2
|
+
`&&(f.value+=" ");const I=r.boxSizing,S=j(r.paddingBottom)+j(r.paddingTop),b=j(r.borderBottomWidth)+j(r.borderTopWidth),A=f.scrollHeight;f.value="x";const N=f.scrollHeight;let c=A;d&&(c=Math.max(Number(d)*N,c)),p&&(c=Math.min(Number(p)*N,c)),c=Math.max(c,N);const M=c+(I==="border-box"?S+b:0),H=Math.abs(c-A)<=1;return{outerHeightStyle:M,overflowing:H}},[p,d,n.placeholder]),x=l.useCallback(()=>{const u=P();if(Ue(u))return;const T=u.outerHeightStyle,r=m.current;h.current!==T&&(h.current=T,r.style.height=`${T}px`),r.style.overflow=u.overflowing?"hidden":""},[P]);oe.useEnhancedEffect(()=>{const u=()=>{x()};let T;const r=()=>{cancelAnimationFrame(T),T=requestAnimationFrame(()=>{u()})},f=ee.debounce(u),I=m.current,S=ee.ownerWindow(I);S.addEventListener("resize",f);let b;return typeof ResizeObserver<"u"&&(b=new ResizeObserver(process.env.NODE_ENV==="test"?r:u),b.observe(I)),()=>{f.clear(),cancelAnimationFrame(T),S.removeEventListener("resize",f),b&&b.disconnect()}},[P,x]),oe.useEnhancedEffect(()=>{x()});const _=u=>{v||x(),a&&a(u)};return w.jsxs(l.Fragment,{children:[w.jsx("textarea",{value:O,onChange:_,ref:E,rows:d,style:R,...B}),w.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:C,tabIndex:-1,style:{..._e.shadow,...R,paddingTop:0,paddingBottom:0}})]})});process.env.NODE_ENV!=="production"&&(ve.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function ne(o){return typeof o=="string"}function $e(o){return e.generateUtilityClass("MuiInputBase",o)}const q=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var me;const Ce=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},xe=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Ke=o=>{const{classes:n,color:t,disabled:a,error:p,endAdornment:d,focused:R,formControl:O,fullWidth:B,hiddenLabel:v,multiline:m,readOnly:E,size:h,startAdornment:C,type:P}=o,x={root:["root",`color${e.capitalize(t)}`,a&&"disabled",p&&"error",B&&"fullWidth",R&&"focused",O&&"formControl",h&&h!=="medium"&&`size${e.capitalize(h)}`,m&&"multiline",C&&"adornedStart",d&&"adornedEnd",v&&"hiddenLabel",E&&"readOnly"],input:["input",a&&"disabled",P==="search"&&"inputTypeSearch",m&&"inputMultiline",h==="small"&&"inputSizeSmall",v&&"inputHiddenLabel",C&&"inputAdornedStart",d&&"inputAdornedEnd",E&&"readOnly"]};return V.composeClasses(x,$e,n)},Se=V.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Ce})(Te.memoTheme(({theme:o})=>({...o.typography.body1,color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${q.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"},variants:[{props:({ownerState:n})=>n.multiline,style:{padding:"4px 0 5px"}},{props:({ownerState:n,size:t})=>n.multiline&&t==="small",style:{paddingTop:1}},{props:({ownerState:n})=>n.fullWidth,style:{width:"100%"}}]}))),Re=V.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:xe})(Te.memoTheme(({theme:o})=>{const n=o.palette.mode==="light",t={color:"currentColor",...o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5},transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})},a={opacity:"0 !important"},p=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5};return{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%","&::-webkit-input-placeholder":t,"&::-moz-placeholder":t,"&::-ms-input-placeholder":t,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":a,"&::-moz-placeholder":a,"&::-ms-input-placeholder":a,"&:focus::-webkit-input-placeholder":p,"&:focus::-moz-placeholder":p,"&:focus::-ms-input-placeholder":p},[`&.${q.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},variants:[{props:({ownerState:d})=>!d.disableInjectingGlobalStyles,style:{animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}}},{props:{size:"small"},style:{paddingTop:1}},{props:({ownerState:d})=>d.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),he=qe.globalCss({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),Oe=l.forwardRef(function(n,t){const a=V.useDefaultProps({props:n,name:"MuiInputBase"}),{"aria-describedby":p,autoComplete:d,autoFocus:R,className:O,color:B,components:v={},componentsProps:m={},defaultValue:E,disabled:h,disableInjectingGlobalStyles:C,endAdornment:P,error:x,fullWidth:_=!1,id:u,inputComponent:T="input",inputProps:r={},inputRef:f,margin:I,maxRows:S,minRows:b,multiline:A=!1,name:N,onBlur:c,onChange:M,onClick:H,onFocus:te,onKeyDown:Ee,onKeyUp:ze,placeholder:Ie,readOnly:U,renderSuffix:re,rows:W,size:Ge,slotProps:se={},slots:ie={},startAdornment:F,type:le="text",value:Ae,...Ne}=a,D=r.value!=null?r.value:Ae,{current:$}=l.useRef(D!=null),z=l.useRef(),Fe=l.useCallback(s=>{process.env.NODE_ENV!=="production"&&s&&s.nodeName!=="INPUT"&&!s.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
|
|
3
|
+
`))},[]),ke=be.useForkRef(z,f,r.ref,Fe),[K,G]=l.useState(!1),i=ge();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(i)return i.registerEffect()},[i]);const y=we({props:a,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});y.focused=i?i.focused:K,l.useEffect(()=>{!i&&h&&K&&(G(!1),c&&c())},[i,h,K,c]);const Y=i&&i.onFilled,Z=i&&i.onEmpty,k=l.useCallback(s=>{Pe(s)?Y&&Y():Z&&Z()},[Y,Z]);oe.useEnhancedEffect(()=>{$&&k({value:D})},[D,k,$]);const Be=s=>{te&&te(s),r.onFocus&&r.onFocus(s),i&&i.onFocus?i.onFocus(s):G(!0)},Me=s=>{c&&c(s),r.onBlur&&r.onBlur(s),i&&i.onBlur?i.onBlur(s):G(!1)},He=(s,...ce)=>{if(!$){const de=s.target||z.current;if(de==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));k({value:de.value})}r.onChange&&r.onChange(s,...ce),M&&M(s,...ce)};l.useEffect(()=>{k(z.current)},[]);const We=s=>{z.current&&s.currentTarget===s.target&&z.current.focus(),H&&H(s)};let J=T,g=r;A&&J==="input"&&(W?(process.env.NODE_ENV!=="production"&&(b||S)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),g={type:void 0,minRows:W,maxRows:W,...g}):g={type:void 0,maxRows:S,minRows:b,...g},J=ve);const De=s=>{k(s.animationName==="mui-auto-fill-cancel"?z.current:{value:"x"})};l.useEffect(()=>{i&&i.setAdornedStart(!!F)},[i,F]);const Q={...a,color:y.color||"primary",disabled:y.disabled,endAdornment:P,error:y.error,focused:y.focused,formControl:i,fullWidth:_,hiddenLabel:y.hiddenLabel,multiline:A,size:y.size,startAdornment:F,type:le},ae=Ke(Q),pe=ie.root||v.Root||Se,X=se.root||m.root||{},ue=ie.input||v.Input||Re;return g={...g,...se.input??m.input},w.jsxs(l.Fragment,{children:[!C&&typeof he=="function"&&(me||(me=w.jsx(he,{}))),w.jsxs(pe,{...X,ref:t,onClick:We,...Ne,...!ne(pe)&&{ownerState:{...Q,...X.ownerState}},className:e.clsx(ae.root,X.className,O,U&&"MuiInputBase-readOnly"),children:[F,w.jsx(L.Provider,{value:null,children:w.jsx(ue,{"aria-invalid":y.error,"aria-describedby":p,autoComplete:d,autoFocus:R,defaultValue:E,disabled:y.disabled,id:u,onAnimationStart:De,name:N,placeholder:Ie,readOnly:U,required:y.required,rows:W,value:D,onKeyDown:Ee,onKeyUp:ze,type:le,...g,...!ne(ue)&&{as:J,ownerState:{...Q,...g.ownerState}},ref:ke,className:e.clsx(ae.input,g.className,U&&"MuiInputBase-readOnly"),onBlur:Me,onChange:He,onFocus:Be})}),P,re?re({...y,startAdornment:F}):null]})]})});process.env.NODE_ENV!=="production"&&(Oe.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});exports.FormControlContext=L;exports.InputBase=Oe;exports.InputBaseInput=Re;exports.InputBaseRoot=Se;exports.formControlState=we;exports.inputBaseClasses=q;exports.inputOverridesResolver=xe;exports.isAdornedStart=Le;exports.isFilled=Pe;exports.isHostComponent=ne;exports.rootOverridesResolver=Ce;exports.useFormControl=ge;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./identifier-icEThk5F.cjs"),d=require("./DefaultPropsProvider-
|
|
1
|
+
"use strict";const e=require("./identifier-icEThk5F.cjs"),d=require("./DefaultPropsProvider-5NdZnDS0.cjs"),v=require("./useThemeProps-Bw-cwTu1.cjs"),V=require("react"),D=require("react/jsx-runtime"),C=require("./extendSxProp-CVoS5ruY.cjs");function R(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const T=R(V),B=d.createStyled(),N=e.createTheme$1(),q=B("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return v.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:N})}function E(o,r){const s=T.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(T.cloneElement(r,{key:`separator-${p}`})),n),[])}const M=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],w=({ownerState:o,theme:r})=>{let s={display:"flex",flexDirection:"column",...e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),n=>({flexDirection:n}))};if(o.spacing){const n=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((t,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(t[c]=!0),t),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),a=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((t,c,y)=>{if(!p[t]){const u=c>0?p[y[c-1]]:"column";p[t]=u}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${M(c?p[c]:o.direction)}`]:e.getValue(n,t)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},a,l))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function F(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return d.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(w),a=T.forwardRef(function(t,c){const y=s(t),f=C.extendSxProp(y),{component:u="div",direction:g="column",spacing:b=0,divider:P,children:m,className:k,useFlexGap:h=!1,...j}=f,S={direction:g,spacing:b,useFlexGap:h},x=i();return D.jsx(p,{as:u,ownerState:S,ref:c,className:e.clsx(x.root,k),...j,children:P?E(m,P):m})});return process.env.NODE_ENV!=="production"&&(a.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])}),a}const O=F({createStyledComponent:d.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>v.useThemeProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(O.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 _=O;exports.Stack=_;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { P as e, M as C, R as g, S as f, U as R, V as D, W as N, L as E, I as F, X as T } from "./identifier-nbk7LEJv.js";
|
|
2
|
-
import { a as M, c as B, s as $ } from "./DefaultPropsProvider-
|
|
3
|
-
import { a as w, u as G } from "./useThemeProps-
|
|
2
|
+
import { a as M, c as B, s as $ } from "./DefaultPropsProvider-CU--SVzB.js";
|
|
3
|
+
import { a as w, u as G } from "./useThemeProps-DE5uuT3t.js";
|
|
4
4
|
import * as m from "react";
|
|
5
5
|
import { jsx as U } from "react/jsx-runtime";
|
|
6
6
|
import { e as A } from "./extendSxProp-RHa13SsY.js";
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as c from "react";
|
|
2
2
|
import { I as pt, J as ft, K as Wt, L as W, P as e } from "./identifier-nbk7LEJv.js";
|
|
3
|
-
import {
|
|
3
|
+
import { m as bt } from "./memoTheme-O-hJ9iBh.js";
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
|
-
import {
|
|
5
|
+
import { s as L, u as ht, c as mt, e as ne } from "./DefaultPropsProvider-CU--SVzB.js";
|
|
6
|
+
import { B as kt } from "./ButtonBase-BMflDb9x.js";
|
|
6
7
|
import { u as re } from "./unsupportedProp-BuVD30Gh.js";
|
|
7
|
-
import {
|
|
8
|
-
import { u as
|
|
8
|
+
import { u as $t, a as nt } from "./index-CMQY-kBc.js";
|
|
9
|
+
import { u as le } from "./useTheme-DmvRg71t.js";
|
|
10
|
+
import { u as se } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
9
11
|
import { o as zt, d as Dt, a as ae } from "./ownerWindow-BoRkeomM.js";
|
|
10
|
-
import { u as dt } from "./useEventCallback-
|
|
11
|
-
import { r as ie } from "./refType-
|
|
12
|
-
import { c as At } from "./createSvgIcon-
|
|
12
|
+
import { u as dt } from "./useEventCallback-BAQJJ3ye.js";
|
|
13
|
+
import { r as ie } from "./refType-DFnOH04O.js";
|
|
14
|
+
import { c as At } from "./createSvgIcon-CdFwTtth.js";
|
|
13
15
|
function ce(o) {
|
|
14
16
|
return pt("MuiTab", o);
|
|
15
17
|
}
|
|
@@ -317,7 +319,7 @@ process.env.NODE_ENV !== "production" && (Ft.propTypes = {
|
|
|
317
319
|
*/
|
|
318
320
|
wrapped: e.bool
|
|
319
321
|
});
|
|
320
|
-
const
|
|
322
|
+
const Ve = Ft, fe = At(/* @__PURE__ */ x("path", {
|
|
321
323
|
d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
|
|
322
324
|
}), "KeyboardArrowLeft"), be = At(/* @__PURE__ */ x("path", {
|
|
323
325
|
d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
|
|
@@ -1209,11 +1211,11 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
|
|
|
1209
1211
|
*/
|
|
1210
1212
|
visibleScrollbar: e.bool
|
|
1211
1213
|
});
|
|
1212
|
-
const
|
|
1214
|
+
const Ue = Ht;
|
|
1213
1215
|
export {
|
|
1214
1216
|
be as K,
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
+
Ve as T,
|
|
1218
|
+
Ue as a,
|
|
1217
1219
|
ut as b,
|
|
1218
1220
|
we as c,
|
|
1219
1221
|
fe as d,
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";const Qe=require("react"),e=require("./identifier-icEThk5F.cjs"),de=require("./memoTheme-B2EWpIp3.cjs"),T=require("react/jsx-runtime"),v=require("./DefaultPropsProvider-5NdZnDS0.cjs"),Ie=require("./ButtonBase-0-NuO2tj.cjs"),Ze=require("./unsupportedProp-Bn6XWqwH.cjs"),U=require("./index-D7Jwk3AM.cjs"),eo=require("./useTheme-CeUi--X1.cjs"),oo=require("./useEnhancedEffect-BQZ6dtCo.cjs"),K=require("./ownerWindow-Dk_4aaak.cjs"),pe=require("./useEventCallback-C0-Qw3Sm.cjs"),to=require("./refType-DdcYgSUO.cjs"),Me=require("./createSvgIcon-DJwoygjS.cjs");function ro(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const p=ro(Qe);function Re(t){return e.generateUtilityClass("MuiTab",t)}const no=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),m=no,so=t=>{const{classes:o,textColor:s,fullWidth:i,wrapped:c,icon:d,label:f,selected:y,disabled:b}=t,S={root:["root",d&&f&&"labelIcon",`textColor${e.capitalize(s)}`,i&&"fullWidth",c&&"wrapped",y&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return v.composeClasses(S,Re,o)},lo=v.styled(Ie.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.label&&s.icon&&o.labelIcon,o[`textColor${e.capitalize(s.textColor)}`],s.fullWidth&&o.fullWidth,s.wrapped&&o.wrapped,{[`& .${m.iconWrapper}`]:o.iconWrapper},{[`& .${m.icon}`]:o.icon}]}})(de.memoTheme(({theme:t})=>({...t.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:o})=>o.label&&(o.iconPosition==="top"||o.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:o})=>o.label&&o.iconPosition!=="top"&&o.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:o})=>o.icon&&o.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="top",style:{[`& > .${m.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${m.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${m.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${m.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${m.selected}`]:{opacity:1},[`&.${m.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${m.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${m.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${m.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${m.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:({ownerState:o})=>o.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:o})=>o.wrapped,style:{fontSize:t.typography.pxToRem(12)}}]}))),Oe=p.forwardRef(function(o,s){const i=v.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:f=!1,fullWidth:y,icon:b,iconPosition:S="top",indicator:P,label:g,onChange:h,onClick:B,onFocus:k,selected:E,selectionFollowsFocus:x,textColor:F="inherit",value:M,wrapped:ne=!1,...L}=i,H={...i,disabled:d,disableFocusRipple:f,selected:E,icon:!!b,iconPosition:S,label:!!g,fullWidth:y,textColor:F,wrapped:ne},q=so(H),W=b&&g&&p.isValidElement(b)?p.cloneElement(b,{className:e.clsx(q.icon,b.props.className)}):b,G=R=>{!E&&h&&h(R,M),B&&B(R)},N=R=>{x&&!E&&h&&h(R,M),k&&k(R)};return T.jsxs(lo,{focusRipple:!f,className:e.clsx(q.root,c),ref:s,role:"tab","aria-selected":E,disabled:d,onClick:G,onFocus:N,ownerState:H,tabIndex:E?0:-1,...L,children:[S==="top"||S==="start"?T.jsxs(p.Fragment,{children:[W,g]}):T.jsxs(p.Fragment,{children:[g,W]}),P]})});process.env.NODE_ENV!=="production"&&(Oe.propTypes={children:Ze.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 ao=Oe,Ne=Me.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),je=Me.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function co(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function io(t,o,s,i={},c=()=>{}){const{ease:d=co,duration:f=300}=i;let y=null;const b=o[t];let S=!1;const P=()=>{S=!0},g=h=>{if(S){c(new Error("Animation cancelled"));return}y===null&&(y=h);const B=Math.min(1,(h-y)/f);if(o[t]=d(B)*(s-b)+b,B>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(g)};return b===s?(c(new Error("Element already at target position")),P):(requestAnimationFrame(g),P)}const po={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function ke(t){const{onChange:o,...s}=t,i=p.useRef(),c=p.useRef(null),d=()=>{i.current=c.current.offsetHeight-c.current.clientHeight};return oo.useEnhancedEffect(()=>{const f=K.debounce(()=>{const b=i.current;d(),b!==i.current&&o(i.current)}),y=K.ownerWindow(c.current);return y.addEventListener("resize",f),()=>{f.clear(),y.removeEventListener("resize",f)}},[o]),p.useEffect(()=>{d(),o(i.current)},[o]),T.jsx("div",{style:po,ref:c,...s})}process.env.NODE_ENV!=="production"&&(ke.propTypes={onChange:e.PropTypes.func.isRequired});function uo(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const bo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),fo=t=>{const{classes:o,orientation:s,disabled:i}=t,c={root:["root",s,i&&"disabled"]};return v.composeClasses(c,uo,o)},yo=v.styled(Ie.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.orientation&&o[s.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${bo.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),We=p.forwardRef(function(o,s){const i=v.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:d={},slotProps:f={},direction:y,orientation:b,disabled:S,...P}=i,g=U.useRtl(),h={isRtl:g,...i},B=fo(h),k=d.StartScrollButtonIcon??Ne,E=d.EndScrollButtonIcon??je,x=U.useSlotProps({elementType:k,externalSlotProps:f.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),F=U.useSlotProps({elementType:E,externalSlotProps:f.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h});return T.jsx(yo,{component:"div",className:e.clsx(B.root,c),ref:s,role:null,ownerState:h,tabIndex:null,...P,style:{...P.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${g?-90:90}deg)`}},children:y==="left"?T.jsx(k,{...x}):T.jsx(E,{...F})})});process.env.NODE_ENV!=="production"&&(We.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}),style:e.PropTypes.object,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 $e(t){return e.generateUtilityClass("MuiTabs",t)}const To=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),re=To,we=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,Ce=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,te=(t,o,s)=>{let i=!1,c=s(t,o);for(;c;){if(c===t.firstChild){if(i)return;i=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=s(t,c);else{c.focus();return}}},ho=t=>{const{vertical:o,fixed:s,hideScrollbar:i,scrollableX:c,scrollableY:d,centered:f,scrollButtonsHideMobile:y,classes:b}=t,S={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",i&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",f&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",y&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]};return v.composeClasses(S,$e,b)},So=v.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[{[`& .${re.scrollButtons}`]:o.scrollButtons},{[`& .${re.scrollButtons}`]:s.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,s.vertical&&o.vertical]}})(de.memoTheme(({theme:t})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.scrollButtonsHideMobile,style:{[`& .${re.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),vo=v.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.scroller,s.fixed&&o.fixed,s.hideScrollbar&&o.hideScrollbar,s.scrollableX&&o.scrollableX,s.scrollableY&&o.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:t})=>t.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:t})=>t.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:t})=>t.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:t})=>t.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),mo=v.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.flexContainer,s.vertical&&o.flexContainerVertical,s.centered&&o.centered]}})({display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.centered,style:{justifyContent:"center"}}]}),Po=v.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(de.memoTheme(({theme:t})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(t.vars||t).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(t.vars||t).palette.secondary.main}},{props:({ownerState:o})=>o.vertical,style:{height:"100%",width:2,right:0}}]}))),go=v.styled(ke)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Be={};let Ee=!1;const De=p.forwardRef(function(o,s){const i=v.useDefaultProps({props:o,name:"MuiTabs"}),c=eo.useTheme(),d=U.useRtl(),{"aria-label":f,"aria-labelledby":y,action:b,centered:S=!1,children:P,className:g,component:h="div",allowScrollButtonsMobile:B=!1,indicatorColor:k="primary",onChange:E,orientation:x="horizontal",ScrollButtonComponent:F=We,scrollButtons:M="auto",selectionFollowsFocus:ne,slots:L={},slotProps:H={},TabIndicatorProps:q={},TabScrollButtonProps:W={},textColor:G="primary",value:N,variant:R="standard",visibleScrollbar:se=!1,...ze}=i,w=R==="scrollable",C=x==="vertical",V=C?"scrollTop":"scrollLeft",J=C?"top":"left",Q=C?"bottom":"right",le=C?"clientHeight":"clientWidth",X=C?"height":"width",$={...i,component:h,allowScrollButtonsMobile:B,indicatorColor:k,orientation:x,vertical:C,scrollButtons:M,textColor:G,variant:R,visibleScrollbar:se,fixed:!w,hideScrollbar:w&&!se,scrollableX:w&&!C,scrollableY:w&&C,centered:S&&!w,scrollButtonsHideMobile:!B},j=ho($),Ae=U.useSlotProps({elementType:L.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:$}),Fe=U.useSlotProps({elementType:L.EndScrollButtonIcon,externalSlotProps:H.endScrollButtonIcon,ownerState:$});process.env.NODE_ENV!=="production"&&S&&w&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[ue,Le]=p.useState(!1),[D,be]=p.useState(Be),[fe,qe]=p.useState(!1),[ye,Ue]=p.useState(!1),[Te,He]=p.useState(!1),[he,Ve]=p.useState({overflow:"hidden",scrollbarWidth:0}),Z=new Map,O=p.useRef(null),z=p.useRef(null),Se=()=>{const r=O.current;let n;if(r){const a=r.getBoundingClientRect();n={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let l;if(r&&N!==!1){const a=z.current.children;if(a.length>0){const u=a[Z.get(N)];process.env.NODE_ENV!=="production"&&(u||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${N}".`,Z.keys?`You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.`:null].join(`
|
|
2
|
+
`))),l=u?u.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Ee&&l&&l.width===0&&l.height===0&&n.clientWidth!==0&&(n=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${N}") 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
|
+
`)),Ee=!0)}}return{tabsMeta:n,tabMeta:l}},Y=pe.useEventCallback(()=>{const{tabsMeta:r,tabMeta:n}=Se();let l=0,a;C?(a="top",n&&r&&(l=n.top-r.top+r.scrollTop)):(a=d?"right":"left",n&&r&&(l=(d?-1:1)*(n[a]-r[a]+r.scrollLeft)));const u={[a]:l,[X]:n?n[X]:0};if(typeof D[a]!="number"||typeof D[X]!="number")be(u);else{const I=Math.abs(D[a]-u[a]),A=Math.abs(D[X]-u[X]);(I>=1||A>=1)&&be(u)}}),ae=(r,{animation:n=!0}={})=>{n?io(V,O.current,r,{duration:c.transitions.duration.standard}):O.current[V]=r},ve=r=>{let n=O.current[V];C?n+=r:n+=r*(d?-1:1),ae(n)},me=()=>{const r=O.current[le];let n=0;const l=Array.from(z.current.children);for(let a=0;a<l.length;a+=1){const u=l[a];if(n+u[le]>r){a===0&&(n=r);break}n+=u[le]}return n},Xe=()=>{ve(-1*me())},Ye=()=>{ve(me())},_e=p.useCallback(r=>{Ve({overflow:null,scrollbarWidth:r})},[]),Ke=()=>{const r={};r.scrollbarSizeListener=w?T.jsx(go,{onChange:_e,className:e.clsx(j.scrollableX,j.hideScrollbar)}):null;const l=w&&(M==="auto"&&(fe||ye)||M===!0);return r.scrollButtonStart=l?T.jsx(F,{slots:{StartScrollButtonIcon:L.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Ae},orientation:x,direction:d?"right":"left",onClick:Xe,disabled:!fe,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r.scrollButtonEnd=l?T.jsx(F,{slots:{EndScrollButtonIcon:L.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Fe},orientation:x,direction:d?"left":"right",onClick:Ye,disabled:!ye,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r},Pe=pe.useEventCallback(r=>{const{tabsMeta:n,tabMeta:l}=Se();if(!(!l||!n)){if(l[J]<n[J]){const a=n[V]+(l[J]-n[J]);ae(a,{animation:r})}else if(l[Q]>n[Q]){const a=n[V]+(l[Q]-n[Q]);ae(a,{animation:r})}}}),ee=pe.useEventCallback(()=>{w&&M!==!1&&He(!Te)});p.useEffect(()=>{const r=K.debounce(()=>{O.current&&Y()});let n;const l=I=>{I.forEach(A=>{A.removedNodes.forEach(_=>{n==null||n.unobserve(_)}),A.addedNodes.forEach(_=>{n==null||n.observe(_)})}),r(),ee()},a=K.ownerWindow(O.current);a.addEventListener("resize",r);let u;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(r),Array.from(z.current.children).forEach(I=>{n.observe(I)})),typeof MutationObserver<"u"&&(u=new MutationObserver(l),u.observe(z.current,{childList:!0})),()=>{r.clear(),a.removeEventListener("resize",r),u==null||u.disconnect(),n==null||n.disconnect()}},[Y,ee]),p.useEffect(()=>{const r=Array.from(z.current.children),n=r.length;if(typeof IntersectionObserver<"u"&&n>0&&w&&M!==!1){const l=r[0],a=r[n-1],u={root:O.current,threshold:.99},I=ie=>{qe(!ie[0].isIntersecting)},A=new IntersectionObserver(I,u);A.observe(l);const _=ie=>{Ue(!ie[0].isIntersecting)},xe=new IntersectionObserver(_,u);return xe.observe(a),()=>{A.disconnect(),xe.disconnect()}}},[w,M,Te,P==null?void 0:P.length]),p.useEffect(()=>{Le(!0)},[]),p.useEffect(()=>{Y()}),p.useEffect(()=>{Pe(Be!==D)},[Pe,D]),p.useImperativeHandle(b,()=>({updateIndicator:Y,updateScrollButtons:ee}),[Y,ee]);const ge=T.jsx(Po,{...q,className:e.clsx(j.indicator,q.className),ownerState:$,style:{...D,...q.style}});let oe=0;const Ge=p.Children.map(P,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&v.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 n=r.props.value===void 0?oe:r.props.value;Z.set(n,oe);const l=n===N;return oe+=1,p.cloneElement(r,{fullWidth:R==="fullWidth",indicator:l&&!ue&&ge,selected:l,selectionFollowsFocus:ne,onChange:E,textColor:G,value:n,...oe===1&&N===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),Je=r=>{const n=z.current,l=K.ownerDocument(n).activeElement;if(l.getAttribute("role")!=="tab")return;let u=x==="horizontal"?"ArrowLeft":"ArrowUp",I=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&d&&(u="ArrowRight",I="ArrowLeft"),r.key){case u:r.preventDefault(),te(n,l,Ce);break;case I:r.preventDefault(),te(n,l,we);break;case"Home":r.preventDefault(),te(n,null,we);break;case"End":r.preventDefault(),te(n,null,Ce);break}},ce=Ke();return T.jsxs(So,{className:e.clsx(j.root,g),ownerState:$,ref:s,as:h,...ze,children:[ce.scrollButtonStart,ce.scrollbarSizeListener,T.jsxs(vo,{className:j.scroller,ownerState:$,style:{overflow:he.overflow,[C?`margin${d?"Left":"Right"}`:"marginBottom"]:se?void 0:-he.scrollbarWidth},ref:O,children:[T.jsx(mo,{"aria-label":f,"aria-labelledby":y,"aria-orientation":x==="vertical"?"vertical":null,className:j.flexContainer,ownerState:$,onKeyDown:Je,ref:z,role:"tablist",children:Ge}),ue&&ge]}),ce.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(De.propTypes={action:to.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 xo=De;exports.KeyboardArrowLeft=Ne;exports.KeyboardArrowRight=je;exports.Tab=ao;exports.Tabs=xo;exports.getTabUtilityClass=Re;exports.getTabsUtilityClass=$e;exports.tabClasses=m;exports.tabsClasses=re;
|