@cgi-learning-hub/ui 1.2.0-dev.1730801938 → 1.2.0-dev.1730814068
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-NYR-wJpx.js → Backdrop-CxHwPsCX.js} +313 -312
- package/dist/Backdrop-ZCTs-Ws8.cjs +1 -0
- package/dist/Box-D61CmHcZ.cjs +1 -0
- package/dist/{Box-BOwB0WGP.js → Box-a6v7fn61.js} +3 -3
- package/dist/{Button-DOz72eRZ.js → Button-B8Vr_qVd.js} +72 -76
- package/dist/Button-elp97nQ8.cjs +1 -0
- package/dist/ButtonBase-S0mFlojL.cjs +75 -0
- package/dist/{ButtonBase-Cc4QJr0W.js → ButtonBase-Y5TK5SRu.js} +140 -141
- package/dist/CircularProgress-DDIZxeFH.cjs +28 -0
- package/dist/{CircularProgress-CQAqrfVo.js → CircularProgress-DU3DJQfF.js} +60 -59
- package/dist/{DatePicker-DLbJ-Y35.js → DatePicker-CALU8PZA.js} +5492 -5523
- package/dist/DatePicker-Dxu_4hra.cjs +17 -0
- package/dist/{DefaultPropsProvider-3gIWHkeE.js → DefaultPropsProvider-7QnSWHxy.js} +47 -46
- package/dist/DefaultPropsProvider-eEVEiLDf.cjs +17 -0
- package/dist/{IconButton-DQ115lN0.js → IconButton-C7H_G1LX.js} +60 -70
- package/dist/IconButton-DfmbM9nO.cjs +2 -0
- package/dist/{InputAdornment-CQEOPpj_.cjs → InputAdornment-C-EbfNtT.cjs} +1 -1
- package/dist/{InputAdornment-C91s059c.js → InputAdornment-CPJFY_m_.js} +5 -5
- package/dist/{InputBase-BqiRpsZm.js → InputBase-5GB2c2J6.js} +76 -77
- package/dist/InputBase-CPtGhJye.cjs +3 -0
- package/dist/Stack-656bqKiW.cjs +1 -0
- package/dist/{Stack-CRf_NOj5.js → Stack-CutIWKkG.js} +13 -13
- package/dist/{Tabs-ClaQRksF.js → Tabs-CKic46Op.js} +13 -14
- package/dist/Tabs-DzrxYlm-.cjs +4 -0
- package/dist/TextField-CnyxYYzR.cjs +14 -0
- package/dist/{TextField-poQmKhLJ.js → TextField-DjQM2ffb.js} +1457 -1415
- package/dist/Tooltip-DmCabXFN.cjs +100 -0
- package/dist/{Tooltip-h4eHRca2.js → Tooltip-kMJPjug-.js} +1422 -1404
- package/dist/Typography-CreZW2v6.cjs +1 -0
- package/dist/{Typography-Brk7us7e.js → Typography-DsJC595c.js} +38 -37
- package/dist/components/Alert/Alert.cjs.js +1 -1
- package/dist/components/Alert/Alert.stories.cjs.js +1 -1
- package/dist/components/Button/Button.cjs.js +1 -0
- package/dist/components/Button/Button.d.ts +4 -0
- package/dist/{DefaultButton-xBiX39mb.js → components/Button/Button.es.js} +90 -110
- package/dist/components/Button/Button.stories.cjs.js +1 -0
- package/dist/components/{PrimaryButton/PrimaryButton.stories.d.ts → Button/Button.stories.d.ts} +3 -1
- package/dist/components/Button/Button.stories.es.js +45 -0
- package/dist/components/Button/index.cjs.js +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.es.js +4 -0
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +2 -2
- 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/Dropzone/Dropzone.cjs.js +5 -5
- package/dist/components/Dropzone/Dropzone.es.js +1675 -679
- package/dist/components/Dropzone/Dropzone.stories.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.es.js +2 -2
- package/dist/components/EmptyState/EmptyState.stories.cjs.js +1 -1
- package/dist/components/FileList/FileList.cjs.js +1 -1
- package/dist/components/FileList/FileList.es.js +1 -1
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.es.js +21 -33
- package/dist/components/Heading/Heading.cjs.js +1 -0
- package/dist/components/{PaperHeader/PaperHeader.d.ts → Heading/Heading.d.ts} +3 -3
- package/dist/components/{PaperHeader/PaperHeader.es.js → Heading/Heading.es.js} +15 -15
- package/dist/components/Heading/Heading.stories.cjs.js +1 -0
- package/dist/components/Heading/Heading.stories.es.js +22 -0
- package/dist/components/Heading/index.cjs.js +1 -0
- package/dist/components/Heading/index.d.ts +2 -0
- package/dist/components/Heading/index.es.js +4 -0
- package/dist/components/IconButton.stories.cjs.js +1 -1
- package/dist/components/IconButton.stories.es.js +11 -17
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/Loader/Loader.stories.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js +2 -2
- package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.es.js +5 -5
- package/dist/components/PasswordInput/PasswordInput.stories.cjs.js +1 -1
- package/dist/components/QueryError/QueryError.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.es.js +4 -4
- package/dist/components/SearchInput/SearchInput.stories.cjs.js +1 -1
- package/dist/components/TabList.stories.cjs.js +1 -1
- package/dist/components/TabList.stories.es.js +11 -12
- package/dist/components/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/TextInput/TextInput.es.js +1 -1
- package/dist/components/TextInput/TextInput.stories.cjs.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +2 -8
- package/dist/components/index.es.js +174 -185
- package/dist/createSimplePaletteValueFilter-B7--0ryQ.js +17 -0
- package/dist/createSimplePaletteValueFilter-PTK3TAhW.cjs +1 -0
- package/dist/{createSvgIcon-CWZXMIY6.js → createSvgIcon-Ae1vF9Lv.js} +3 -3
- package/dist/{createSvgIcon-BHNwYp0k.cjs → createSvgIcon-PXjVOXDY.cjs} +1 -1
- package/dist/{extendSxProp-Cr6SqfyU.js → extendSxProp-BzTGWWcy.js} +1 -1
- package/dist/{extendSxProp-h_vH_Efx.cjs → extendSxProp-DLhbnNxc.cjs} +1 -1
- package/dist/{fr-CrUmNQ8y.js → fr-B0c4Eu-I.js} +1 -1
- package/dist/{fr-Dh4vpkIL.cjs → fr-BtINyNRC.cjs} +1 -1
- package/dist/identifier-B_IiMbpZ.cjs +59 -0
- package/dist/{identifier-vL3mZxtO.js → identifier-Bu3vgTzE.js} +1041 -1053
- package/dist/{index-DJfvQgvG.cjs → index-BDy6VH40.cjs} +1 -1
- package/dist/{index-PJSlkMUh.js → index-D4YvqRSh.js} +3 -3
- package/dist/{index-CrWaTytV.js → index-DNmEgr4X.js} +4 -4
- package/dist/index-Dl4BXU0b.cjs +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +174 -185
- package/dist/memoTheme-C4_nd-x4.js +15 -0
- package/dist/memoTheme-DvW891YJ.cjs +1 -0
- package/dist/refType-DYRsy3ld.cjs +1 -0
- package/dist/{refType-CslmN23s.js → refType-DvOnKTmB.js} +12 -9
- package/dist/useForkRef-D-DyzOXj.js +21 -0
- package/dist/useForkRef-D81w5oMb.cjs +1 -0
- package/dist/{useTheme-Cs6W-67J.js → useTheme-B_3HWqyi.js} +3 -3
- package/dist/{useTheme-Cy30-54x.cjs → useTheme-BvsnROiB.cjs} +1 -1
- package/dist/{useTheme-BZN9T64v.js → useTheme-DhYab2-0.js} +1 -1
- package/dist/{useTheme-BcsinTgi.cjs → useTheme-vN32oV1t.cjs} +1 -1
- package/dist/useThemeProps-5hp2m3Xl.cjs +1 -0
- package/dist/useThemeProps-Bmkt_XOR.js +27 -0
- package/dist/useThemeProps-D_gKWuk1.cjs +1 -0
- package/dist/useThemeProps-DftpgVZ0.js +24 -0
- package/dist/useTimeout-Bx22KOcH.js +53 -0
- package/dist/useTimeout-gEG15bRo.cjs +1 -0
- package/package.json +10 -10
- package/dist/Backdrop-2u2eUNhW.cjs +0 -1
- package/dist/Box-BM-kEZ6w.cjs +0 -1
- package/dist/Button-DF4FLm9c.cjs +0 -1
- package/dist/ButtonBase-D-LBunY3.cjs +0 -75
- package/dist/CircularProgress-Bc4Jb-wh.cjs +0 -28
- package/dist/DatePicker-B7Kxulzh.cjs +0 -19
- package/dist/DefaultButton-BiytyhNr.cjs +0 -1
- package/dist/DefaultPropsProvider-D5gdl0ZP.cjs +0 -17
- package/dist/IconButton-C1Q6F-WI.cjs +0 -2
- package/dist/InputBase-BhTvM4pD.cjs +0 -3
- package/dist/Stack-C-pSEK_U.cjs +0 -1
- package/dist/Tabs-DQQR_Rej.cjs +0 -4
- package/dist/TextField-ESuNQ6_j.cjs +0 -12
- package/dist/Tooltip-iexr64ud.cjs +0 -100
- package/dist/Typography-DXUkMq5K.cjs +0 -1
- package/dist/chainPropTypes-CEUi6Jb4.cjs +0 -1
- package/dist/chainPropTypes-D9lkm76m.js +0 -8
- package/dist/components/DefaultButton/DefaultButton.cjs.js +0 -1
- package/dist/components/DefaultButton/DefaultButton.d.ts +0 -8
- package/dist/components/DefaultButton/DefaultButton.es.js +0 -8
- package/dist/components/DefaultButton/DefaultButtonIcon.cjs.js +0 -1
- package/dist/components/DefaultButton/DefaultButtonIcon.d.ts +0 -8
- package/dist/components/DefaultButton/DefaultButtonIcon.es.js +0 -185
- package/dist/components/DefaultButton/index.cjs.js +0 -1
- package/dist/components/DefaultButton/index.d.ts +0 -2
- package/dist/components/DefaultButton/index.es.js +0 -4
- package/dist/components/PaperHeader/PaperHeader.cjs.js +0 -1
- package/dist/components/PaperHeader/PaperHeader.stories.cjs.js +0 -1
- package/dist/components/PaperHeader/PaperHeader.stories.es.js +0 -28
- package/dist/components/PaperHeader/index.cjs.js +0 -1
- package/dist/components/PaperHeader/index.d.ts +0 -2
- package/dist/components/PaperHeader/index.es.js +0 -4
- package/dist/components/PrimaryButton/PrimaryButton.cjs.js +0 -1
- package/dist/components/PrimaryButton/PrimaryButton.d.ts +0 -5
- package/dist/components/PrimaryButton/PrimaryButton.es.js +0 -13
- package/dist/components/PrimaryButton/PrimaryButton.stories.cjs.js +0 -1
- package/dist/components/PrimaryButton/PrimaryButton.stories.es.js +0 -25
- package/dist/components/PrimaryButton/index.cjs.js +0 -1
- package/dist/components/PrimaryButton/index.d.ts +0 -2
- package/dist/components/PrimaryButton/index.es.js +0 -4
- package/dist/components/SecondaryButton/SecondaryButton.cjs.js +0 -1
- package/dist/components/SecondaryButton/SecondaryButton.d.ts +0 -5
- package/dist/components/SecondaryButton/SecondaryButton.es.js +0 -6
- package/dist/components/SecondaryButton/SecondaryButton.stories.cjs.js +0 -1
- package/dist/components/SecondaryButton/SecondaryButton.stories.d.ts +0 -4
- package/dist/components/SecondaryButton/SecondaryButton.stories.es.js +0 -25
- package/dist/components/SecondaryButton/index.cjs.js +0 -1
- package/dist/components/SecondaryButton/index.d.ts +0 -2
- package/dist/components/SecondaryButton/index.es.js +0 -4
- package/dist/composeClasses-B_ETVugV.cjs +0 -1
- package/dist/composeClasses-zmPRtZOg.js +0 -16
- package/dist/createSvgIcon-C9v8HKxu.cjs +0 -2
- package/dist/createSvgIcon-ampgkdBR.js +0 -89
- package/dist/identifier-lU3TQXv0.cjs +0 -59
- package/dist/index-B4-7REI3.cjs +0 -1
- package/dist/memoTheme-B2EWpIp3.cjs +0 -1
- package/dist/memoTheme-O-hJ9iBh.js +0 -13
- package/dist/refType-xt9KmJ1e.cjs +0 -1
- package/dist/unsupportedProp-Bn6XWqwH.cjs +0 -1
- package/dist/unsupportedProp-BuVD30Gh.js +0 -9
- package/dist/useControlled-Bf7_InaL.cjs +0 -3
- package/dist/useControlled-D59BLg1S.js +0 -48
- package/dist/useEnhancedEffect-BQZ6dtCo.cjs +0 -1
- package/dist/useEnhancedEffect-CJGo-L3B.js +0 -5
- package/dist/useEventCallback-BAQJJ3ye.js +0 -14
- package/dist/useEventCallback-C0-Qw3Sm.cjs +0 -1
- package/dist/useForkRef-CTI33h-3.cjs +0 -1
- package/dist/useForkRef-C_4o__cU.js +0 -15
- package/dist/useThemeProps-CjDUEYiA.js +0 -40
- package/dist/useThemeProps-DxowsTec.cjs +0 -1
- package/dist/useTimeout-COCrDKz-.cjs +0 -1
- package/dist/useTimeout-CcRdgCDK.js +0 -42
- /package/dist/components/{PaperHeader/PaperHeader.stories.d.ts → Heading/Heading.stories.d.ts} +0 -0
|
@@ -1,36 +1,35 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
|
-
import { P as e, J as Be, I as Me, L as pe, K as J, Z as He } from "./identifier-
|
|
3
|
-
import { g as Pe } from "./index-
|
|
4
|
-
import { m as ge } from "./memoTheme-
|
|
2
|
+
import { P as e, J as Be, I as Me, L as pe, K as J, Z as He } from "./identifier-Bu3vgTzE.js";
|
|
3
|
+
import { g as Pe } from "./index-DNmEgr4X.js";
|
|
4
|
+
import { m as ge } from "./memoTheme-C4_nd-x4.js";
|
|
5
5
|
import { jsxs as Q, jsx as B } from "react/jsx-runtime";
|
|
6
|
-
import { s as we, u as We, c as De } from "./DefaultPropsProvider-
|
|
7
|
-
import { u as ve } from "./useForkRef-
|
|
8
|
-
import { u as X } from "./
|
|
9
|
-
import { o as fe, d as
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
process.env.NODE_ENV !== "production" && (oe.displayName = "FormControlContext");
|
|
6
|
+
import { s as we, u as We, c as De } from "./DefaultPropsProvider-7QnSWHxy.js";
|
|
7
|
+
import { u as ve } from "./useForkRef-D-DyzOXj.js";
|
|
8
|
+
import { u as X, e as Le, r as Ve } from "./refType-DvOnKTmB.js";
|
|
9
|
+
import { o as fe, d as Ue } from "./ownerWindow-BoRkeomM.js";
|
|
10
|
+
const ne = /* @__PURE__ */ s.createContext(void 0);
|
|
11
|
+
process.env.NODE_ENV !== "production" && (ne.displayName = "FormControlContext");
|
|
13
12
|
function _e() {
|
|
14
|
-
return s.useContext(
|
|
13
|
+
return s.useContext(ne);
|
|
15
14
|
}
|
|
16
|
-
function me(
|
|
17
|
-
return
|
|
15
|
+
function me(n) {
|
|
16
|
+
return n != null && !(Array.isArray(n) && n.length === 0);
|
|
18
17
|
}
|
|
19
|
-
function je(
|
|
20
|
-
return
|
|
18
|
+
function je(n, o = !1) {
|
|
19
|
+
return n && (me(n.value) && n.value !== "" || o && me(n.defaultValue) && n.defaultValue !== "");
|
|
21
20
|
}
|
|
22
|
-
function
|
|
23
|
-
return
|
|
21
|
+
function cn(n) {
|
|
22
|
+
return n.startAdornment;
|
|
24
23
|
}
|
|
25
24
|
function Ke({
|
|
26
|
-
props:
|
|
27
|
-
states:
|
|
25
|
+
props: n,
|
|
26
|
+
states: o,
|
|
28
27
|
muiFormControl: t
|
|
29
28
|
}) {
|
|
30
|
-
return
|
|
29
|
+
return o.reduce((l, u) => (l[u] = n[u], t && typeof n[u] > "u" && (l[u] = t[u]), l), {});
|
|
31
30
|
}
|
|
32
|
-
function L(
|
|
33
|
-
return parseInt(
|
|
31
|
+
function L(n) {
|
|
32
|
+
return parseInt(n, 10) || 0;
|
|
34
33
|
}
|
|
35
34
|
const $e = {
|
|
36
35
|
shadow: {
|
|
@@ -47,10 +46,10 @@ const $e = {
|
|
|
47
46
|
transform: "translateZ(0)"
|
|
48
47
|
}
|
|
49
48
|
};
|
|
50
|
-
function qe(
|
|
51
|
-
return
|
|
49
|
+
function qe(n) {
|
|
50
|
+
return n == null || Object.keys(n).length === 0 || n.outerHeightStyle === 0 && !n.overflowing;
|
|
52
51
|
}
|
|
53
|
-
const Ce = /* @__PURE__ */ s.forwardRef(function(
|
|
52
|
+
const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
|
|
54
53
|
const {
|
|
55
54
|
onChange: l,
|
|
56
55
|
maxRows: u,
|
|
@@ -58,7 +57,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
|
58
57
|
style: O,
|
|
59
58
|
value: E,
|
|
60
59
|
...M
|
|
61
|
-
} =
|
|
60
|
+
} = o, {
|
|
62
61
|
current: C
|
|
63
62
|
} = s.useRef(E != null), h = s.useRef(null), T = ve(t, h), y = s.useRef(null), S = s.useRef(null), v = s.useCallback(() => {
|
|
64
63
|
const d = h.current, r = fe(d).getComputedStyle(d);
|
|
@@ -68,7 +67,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
|
68
67
|
overflowing: !1
|
|
69
68
|
};
|
|
70
69
|
const f = S.current;
|
|
71
|
-
f.style.width = r.width, f.value = d.value ||
|
|
70
|
+
f.style.width = r.width, f.value = d.value || o.placeholder || "x", f.value.slice(-1) === `
|
|
72
71
|
` && (f.value += " ");
|
|
73
72
|
const z = r.boxSizing, R = L(r.paddingBottom) + L(r.paddingTop), g = L(r.borderBottomWidth) + L(r.borderTopWidth), A = f.scrollHeight;
|
|
74
73
|
f.value = "x";
|
|
@@ -80,7 +79,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
|
80
79
|
outerHeightStyle: H,
|
|
81
80
|
overflowing: P
|
|
82
81
|
};
|
|
83
|
-
}, [u, p,
|
|
82
|
+
}, [u, p, o.placeholder]), x = s.useCallback(() => {
|
|
84
83
|
const d = v();
|
|
85
84
|
if (qe(d))
|
|
86
85
|
return;
|
|
@@ -96,7 +95,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
|
96
95
|
cancelAnimationFrame(b), b = requestAnimationFrame(() => {
|
|
97
96
|
d();
|
|
98
97
|
});
|
|
99
|
-
}, f =
|
|
98
|
+
}, f = Ue(d), z = h.current, R = fe(z);
|
|
100
99
|
R.addEventListener("resize", f);
|
|
101
100
|
let g;
|
|
102
101
|
return typeof ResizeObserver < "u" && (g = new ResizeObserver(process.env.NODE_ENV === "test" ? r : d), g.observe(z)), () => {
|
|
@@ -118,7 +117,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(n, t) {
|
|
|
118
117
|
...M
|
|
119
118
|
}), /* @__PURE__ */ B("textarea", {
|
|
120
119
|
"aria-hidden": !0,
|
|
121
|
-
className:
|
|
120
|
+
className: o.className,
|
|
122
121
|
readOnly: !0,
|
|
123
122
|
ref: S,
|
|
124
123
|
tabIndex: -1,
|
|
@@ -166,27 +165,27 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
|
|
|
166
165
|
*/
|
|
167
166
|
value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
|
|
168
167
|
});
|
|
169
|
-
function he(
|
|
170
|
-
return typeof
|
|
168
|
+
function he(n) {
|
|
169
|
+
return typeof n == "string";
|
|
171
170
|
}
|
|
172
|
-
function Ge(
|
|
173
|
-
return Me("MuiInputBase",
|
|
171
|
+
function Ge(n) {
|
|
172
|
+
return Me("MuiInputBase", n);
|
|
174
173
|
}
|
|
175
174
|
const ee = Be("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
|
|
176
175
|
var ye;
|
|
177
|
-
const Ye = (
|
|
176
|
+
const Ye = (n, o) => {
|
|
178
177
|
const {
|
|
179
178
|
ownerState: t
|
|
180
|
-
} =
|
|
181
|
-
return [
|
|
182
|
-
}, Ze = (
|
|
179
|
+
} = n;
|
|
180
|
+
return [o.root, t.formControl && o.formControl, t.startAdornment && o.adornedStart, t.endAdornment && o.adornedEnd, t.error && o.error, t.size === "small" && o.sizeSmall, t.multiline && o.multiline, t.color && o[`color${J(t.color)}`], t.fullWidth && o.fullWidth, t.hiddenLabel && o.hiddenLabel];
|
|
181
|
+
}, Ze = (n, o) => {
|
|
183
182
|
const {
|
|
184
183
|
ownerState: t
|
|
185
|
-
} =
|
|
186
|
-
return [
|
|
187
|
-
}, Je = (
|
|
184
|
+
} = n;
|
|
185
|
+
return [o.input, t.size === "small" && o.inputSizeSmall, t.multiline && o.inputMultiline, t.type === "search" && o.inputTypeSearch, t.startAdornment && o.inputAdornedStart, t.endAdornment && o.inputAdornedEnd, t.hiddenLabel && o.inputHiddenLabel];
|
|
186
|
+
}, Je = (n) => {
|
|
188
187
|
const {
|
|
189
|
-
classes:
|
|
188
|
+
classes: o,
|
|
190
189
|
color: t,
|
|
191
190
|
disabled: l,
|
|
192
191
|
error: u,
|
|
@@ -200,20 +199,20 @@ const Ye = (o, n) => {
|
|
|
200
199
|
size: y,
|
|
201
200
|
startAdornment: S,
|
|
202
201
|
type: v
|
|
203
|
-
} =
|
|
202
|
+
} = n, x = {
|
|
204
203
|
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"],
|
|
205
204
|
input: ["input", l && "disabled", v === "search" && "inputTypeSearch", h && "inputMultiline", y === "small" && "inputSizeSmall", C && "inputHiddenLabel", S && "inputAdornedStart", p && "inputAdornedEnd", T && "readOnly"]
|
|
206
205
|
};
|
|
207
|
-
return De(x, Ge,
|
|
206
|
+
return De(x, Ge, o);
|
|
208
207
|
}, Qe = we("div", {
|
|
209
208
|
name: "MuiInputBase",
|
|
210
209
|
slot: "Root",
|
|
211
210
|
overridesResolver: Ye
|
|
212
211
|
})(ge(({
|
|
213
|
-
theme:
|
|
212
|
+
theme: n
|
|
214
213
|
}) => ({
|
|
215
|
-
...
|
|
216
|
-
color: (
|
|
214
|
+
...n.typography.body1,
|
|
215
|
+
color: (n.vars || n).palette.text.primary,
|
|
217
216
|
lineHeight: "1.4375em",
|
|
218
217
|
// 23px
|
|
219
218
|
boxSizing: "border-box",
|
|
@@ -223,28 +222,28 @@ const Ye = (o, n) => {
|
|
|
223
222
|
display: "inline-flex",
|
|
224
223
|
alignItems: "center",
|
|
225
224
|
[`&.${ee.disabled}`]: {
|
|
226
|
-
color: (
|
|
225
|
+
color: (n.vars || n).palette.text.disabled,
|
|
227
226
|
cursor: "default"
|
|
228
227
|
},
|
|
229
228
|
variants: [{
|
|
230
229
|
props: ({
|
|
231
|
-
ownerState:
|
|
232
|
-
}) =>
|
|
230
|
+
ownerState: o
|
|
231
|
+
}) => o.multiline,
|
|
233
232
|
style: {
|
|
234
233
|
padding: "4px 0 5px"
|
|
235
234
|
}
|
|
236
235
|
}, {
|
|
237
236
|
props: ({
|
|
238
|
-
ownerState:
|
|
237
|
+
ownerState: o,
|
|
239
238
|
size: t
|
|
240
|
-
}) =>
|
|
239
|
+
}) => o.multiline && t === "small",
|
|
241
240
|
style: {
|
|
242
241
|
paddingTop: 1
|
|
243
242
|
}
|
|
244
243
|
}, {
|
|
245
244
|
props: ({
|
|
246
|
-
ownerState:
|
|
247
|
-
}) =>
|
|
245
|
+
ownerState: o
|
|
246
|
+
}) => o.fullWidth,
|
|
248
247
|
style: {
|
|
249
248
|
width: "100%"
|
|
250
249
|
}
|
|
@@ -254,24 +253,24 @@ const Ye = (o, n) => {
|
|
|
254
253
|
slot: "Input",
|
|
255
254
|
overridesResolver: Ze
|
|
256
255
|
})(ge(({
|
|
257
|
-
theme:
|
|
256
|
+
theme: n
|
|
258
257
|
}) => {
|
|
259
|
-
const
|
|
258
|
+
const o = n.palette.mode === "light", t = {
|
|
260
259
|
color: "currentColor",
|
|
261
|
-
...
|
|
262
|
-
opacity:
|
|
260
|
+
...n.vars ? {
|
|
261
|
+
opacity: n.vars.opacity.inputPlaceholder
|
|
263
262
|
} : {
|
|
264
|
-
opacity:
|
|
263
|
+
opacity: o ? 0.42 : 0.5
|
|
265
264
|
},
|
|
266
|
-
transition:
|
|
267
|
-
duration:
|
|
265
|
+
transition: n.transitions.create("opacity", {
|
|
266
|
+
duration: n.transitions.duration.shorter
|
|
268
267
|
})
|
|
269
268
|
}, l = {
|
|
270
269
|
opacity: "0 !important"
|
|
271
|
-
}, u =
|
|
272
|
-
opacity:
|
|
270
|
+
}, u = n.vars ? {
|
|
271
|
+
opacity: n.vars.opacity.inputPlaceholder
|
|
273
272
|
} : {
|
|
274
|
-
opacity:
|
|
273
|
+
opacity: o ? 0.42 : 0.5
|
|
275
274
|
};
|
|
276
275
|
return {
|
|
277
276
|
font: "inherit",
|
|
@@ -322,7 +321,7 @@ const Ye = (o, n) => {
|
|
|
322
321
|
[`&.${ee.disabled}`]: {
|
|
323
322
|
opacity: 1,
|
|
324
323
|
// Reset iOS opacity
|
|
325
|
-
WebkitTextFillColor: (
|
|
324
|
+
WebkitTextFillColor: (n.vars || n).palette.text.disabled
|
|
326
325
|
// Fix opacity Safari bug
|
|
327
326
|
},
|
|
328
327
|
variants: [{
|
|
@@ -375,9 +374,9 @@ const Ye = (o, n) => {
|
|
|
375
374
|
display: "block"
|
|
376
375
|
}
|
|
377
376
|
}
|
|
378
|
-
}),
|
|
377
|
+
}), en = /* @__PURE__ */ s.forwardRef(function(o, t) {
|
|
379
378
|
const l = We({
|
|
380
|
-
props:
|
|
379
|
+
props: o,
|
|
381
380
|
name: "MuiInputBase"
|
|
382
381
|
}), {
|
|
383
382
|
"aria-describedby": u,
|
|
@@ -405,14 +404,14 @@ const Ye = (o, n) => {
|
|
|
405
404
|
onBlur: c,
|
|
406
405
|
onChange: H,
|
|
407
406
|
onClick: P,
|
|
408
|
-
onFocus:
|
|
407
|
+
onFocus: oe,
|
|
409
408
|
onKeyDown: Se,
|
|
410
409
|
onKeyUp: xe,
|
|
411
410
|
placeholder: Re,
|
|
412
411
|
readOnly: U,
|
|
413
412
|
renderSuffix: te,
|
|
414
413
|
rows: W,
|
|
415
|
-
size:
|
|
414
|
+
size: nn,
|
|
416
415
|
slotProps: re = {},
|
|
417
416
|
slots: ie = {},
|
|
418
417
|
startAdornment: F,
|
|
@@ -446,7 +445,7 @@ const Ye = (o, n) => {
|
|
|
446
445
|
});
|
|
447
446
|
}, [D, k, _]);
|
|
448
447
|
const ze = (i) => {
|
|
449
|
-
|
|
448
|
+
oe && oe(i), r.onFocus && r.onFocus(i), a && a.onFocus ? a.onFocus(i) : K(!0);
|
|
450
449
|
}, Ae = (i) => {
|
|
451
450
|
c && c(i), r.onBlur && r.onBlur(i), a && a.onBlur ? a.onBlur(i) : K(!1);
|
|
452
451
|
}, Ne = (i, ...de) => {
|
|
@@ -519,7 +518,7 @@ const Ye = (o, n) => {
|
|
|
519
518
|
}
|
|
520
519
|
},
|
|
521
520
|
className: pe(se.root, Z.className, E, U && "MuiInputBase-readOnly"),
|
|
522
|
-
children: [F, /* @__PURE__ */ B(
|
|
521
|
+
children: [F, /* @__PURE__ */ B(ne.Provider, {
|
|
523
522
|
value: null,
|
|
524
523
|
children: /* @__PURE__ */ B(ue, {
|
|
525
524
|
"aria-invalid": m.error,
|
|
@@ -560,7 +559,7 @@ const Ye = (o, n) => {
|
|
|
560
559
|
})]
|
|
561
560
|
});
|
|
562
561
|
});
|
|
563
|
-
process.env.NODE_ENV !== "production" && (
|
|
562
|
+
process.env.NODE_ENV !== "production" && (en.propTypes = {
|
|
564
563
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
565
564
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
566
565
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -655,7 +654,7 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
|
|
|
655
654
|
* Either a string to use a HTML element or a component.
|
|
656
655
|
* @default 'input'
|
|
657
656
|
*/
|
|
658
|
-
inputComponent:
|
|
657
|
+
inputComponent: Le,
|
|
659
658
|
/**
|
|
660
659
|
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
|
|
661
660
|
* @default {}
|
|
@@ -664,7 +663,7 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
|
|
|
664
663
|
/**
|
|
665
664
|
* Pass a ref to the `input` element.
|
|
666
665
|
*/
|
|
667
|
-
inputRef:
|
|
666
|
+
inputRef: Ve,
|
|
668
667
|
/**
|
|
669
668
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
670
669
|
* FormControl.
|
|
@@ -789,8 +788,8 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
|
|
|
789
788
|
value: e.any
|
|
790
789
|
});
|
|
791
790
|
export {
|
|
792
|
-
|
|
793
|
-
|
|
791
|
+
ne as F,
|
|
792
|
+
en as I,
|
|
794
793
|
je as a,
|
|
795
794
|
ee as b,
|
|
796
795
|
Qe as c,
|
|
@@ -798,7 +797,7 @@ export {
|
|
|
798
797
|
Ze as e,
|
|
799
798
|
Ke as f,
|
|
800
799
|
he as g,
|
|
801
|
-
|
|
800
|
+
cn as i,
|
|
802
801
|
Ye as r,
|
|
803
802
|
_e as u
|
|
804
803
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";const De=require("react"),e=require("./identifier-B_IiMbpZ.cjs"),je=require("./index-BDy6VH40.cjs"),he=require("./memoTheme-DvW891YJ.cjs"),w=require("react/jsx-runtime"),q=require("./DefaultPropsProvider-eEVEiLDf.cjs"),Te=require("./useForkRef-D81w5oMb.cjs"),B=require("./refType-DYRsy3ld.cjs"),oe=require("./ownerWindow-Dk_4aaak.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(De),_=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(_.displayName="FormControlContext");function be(){return l.useContext(_)}function fe(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function ge(o,n=!1){return o&&(fe(o.value)&&o.value!==""||n&&fe(o.defaultValue)&&o.defaultValue!=="")}function Le(o){return o.startAdornment}function Pe({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 V(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function _e(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflowing}const we=l.forwardRef(function(n,t){const{onChange:a,maxRows:p,minRows:c=1,style:R,value:O,...M}=n,{current:v}=l.useRef(O!=null),m=l.useRef(null),E=Te.useForkRef(t,m),h=l.useRef(null),C=l.useRef(null),P=l.useCallback(()=>{const u=m.current,r=oe.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=V(r.paddingBottom)+V(r.paddingTop),b=V(r.borderBottomWidth)+V(r.borderTopWidth),A=f.scrollHeight;f.value="x";const N=f.scrollHeight;let d=A;c&&(d=Math.max(Number(c)*N,d)),p&&(d=Math.min(Number(p)*N,d)),d=Math.max(d,N);const H=d+(I==="border-box"?S+b:0),W=Math.abs(d-A)<=1;return{outerHeightStyle:H,overflowing:W}},[p,c,n.placeholder]),x=l.useCallback(()=>{const u=P();if(_e(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]);B.useEnhancedEffect(()=>{const u=()=>{x()};let T;const r=()=>{cancelAnimationFrame(T),T=requestAnimationFrame(()=>{u()})},f=oe.debounce(u),I=m.current,S=oe.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]),B.useEnhancedEffect(()=>{x()});const U=u=>{v||x(),a&&a(u)};return w.jsxs(l.Fragment,{children:[w.jsx("textarea",{value:O,onChange:U,ref:E,rows:c,style:R,...M}),w.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:C,tabIndex:-1,style:{...qe.shadow,...R,paddingTop:0,paddingBottom:0}})]})});process.env.NODE_ENV!=="production"&&(we.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 Ue(o){return e.generateUtilityClass("MuiInputBase",o)}const L=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var ye;const ve=(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]},Ce=(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]},$e=o=>{const{classes:n,color:t,disabled:a,error:p,endAdornment:c,focused:R,formControl:O,fullWidth:M,hiddenLabel:v,multiline:m,readOnly:E,size:h,startAdornment:C,type:P}=o,x={root:["root",`color${e.capitalize(t)}`,a&&"disabled",p&&"error",M&&"fullWidth",R&&"focused",O&&"formControl",h&&h!=="medium"&&`size${e.capitalize(h)}`,m&&"multiline",C&&"adornedStart",c&&"adornedEnd",v&&"hiddenLabel",E&&"readOnly"],input:["input",a&&"disabled",P==="search"&&"inputTypeSearch",m&&"inputMultiline",h==="small"&&"inputSizeSmall",v&&"inputHiddenLabel",C&&"inputAdornedStart",c&&"inputAdornedEnd",E&&"readOnly"]};return q.composeClasses(x,Ue,n)},xe=q.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:ve})(he.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",[`&.${L.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%"}}]}))),Se=q.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Ce})(he.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] + .${L.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},[`&.${L.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},variants:[{props:({ownerState:c})=>!c.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:c})=>c.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),me=je.globalCss({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),Re=l.forwardRef(function(n,t){const a=q.useDefaultProps({props:n,name:"MuiInputBase"}),{"aria-describedby":p,autoComplete:c,autoFocus:R,className:O,color:M,components:v={},componentsProps:m={},defaultValue:E,disabled:h,disableInjectingGlobalStyles:C,endAdornment:P,error:x,fullWidth:U=!1,id:u,inputComponent:T="input",inputProps:r={},inputRef:f,margin:I,maxRows:S,minRows:b,multiline:A=!1,name:N,onBlur:d,onChange:H,onClick:W,onFocus:te,onKeyDown:Oe,onKeyUp:Ee,placeholder:ze,readOnly:$,renderSuffix:re,rows:D,size:Ke,slotProps:se={},slots:ie={},startAdornment:F,type:le="text",value:Ie,...Ae}=a,j=r.value!=null?r.value:Ie,{current:K}=l.useRef(j!=null),z=l.useRef(),Ne=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
|
+
`))},[]),Fe=Te.useForkRef(z,f,r.ref,Ne),[G,Y]=l.useState(!1),i=be();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(i)return i.registerEffect()},[i]);const y=Pe({props:a,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});y.focused=i?i.focused:G,l.useEffect(()=>{!i&&h&&G&&(Y(!1),d&&d())},[i,h,G,d]);const Z=i&&i.onFilled,J=i&&i.onEmpty,k=l.useCallback(s=>{ge(s)?Z&&Z():J&&J()},[Z,J]);B.useEnhancedEffect(()=>{K&&k({value:j})},[j,k,K]);const ke=s=>{te&&te(s),r.onFocus&&r.onFocus(s),i&&i.onFocus?i.onFocus(s):Y(!0)},Be=s=>{d&&d(s),r.onBlur&&r.onBlur(s),i&&i.onBlur?i.onBlur(s):Y(!1)},Me=(s,...de)=>{if(!K){const ce=s.target||z.current;if(ce==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:ce.value})}r.onChange&&r.onChange(s,...de),H&&H(s,...de)};l.useEffect(()=>{k(z.current)},[]);const He=s=>{z.current&&s.currentTarget===s.target&&z.current.focus(),W&&W(s)};let Q=T,g=r;A&&Q==="input"&&(D?(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:D,maxRows:D,...g}):g={type:void 0,maxRows:S,minRows:b,...g},Q=we);const We=s=>{k(s.animationName==="mui-auto-fill-cancel"?z.current:{value:"x"})};l.useEffect(()=>{i&&i.setAdornedStart(!!F)},[i,F]);const X={...a,color:y.color||"primary",disabled:y.disabled,endAdornment:P,error:y.error,focused:y.focused,formControl:i,fullWidth:U,hiddenLabel:y.hiddenLabel,multiline:A,size:y.size,startAdornment:F,type:le},ae=$e(X),pe=ie.root||v.Root||xe,ee=se.root||m.root||{},ue=ie.input||v.Input||Se;return g={...g,...se.input??m.input},w.jsxs(l.Fragment,{children:[!C&&typeof me=="function"&&(ye||(ye=w.jsx(me,{}))),w.jsxs(pe,{...ee,ref:t,onClick:He,...Ae,...!ne(pe)&&{ownerState:{...X,...ee.ownerState}},className:e.clsx(ae.root,ee.className,O,$&&"MuiInputBase-readOnly"),children:[F,w.jsx(_.Provider,{value:null,children:w.jsx(ue,{"aria-invalid":y.error,"aria-describedby":p,autoComplete:c,autoFocus:R,defaultValue:E,disabled:y.disabled,id:u,onAnimationStart:We,name:N,placeholder:ze,readOnly:$,required:y.required,rows:D,value:j,onKeyDown:Oe,onKeyUp:Ee,type:le,...g,...!ne(ue)&&{as:Q,ownerState:{...X,...g.ownerState}},ref:Fe,className:e.clsx(ae.input,g.className,$&&"MuiInputBase-readOnly"),onBlur:Be,onChange:Me,onFocus:ke})}),P,re?re({...y,startAdornment:F}):null]})]})});process.env.NODE_ENV!=="production"&&(Re.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:B.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:B.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=_;exports.InputBase=Re;exports.InputBaseInput=Se;exports.InputBaseRoot=xe;exports.formControlState=Pe;exports.inputBaseClasses=L;exports.inputOverridesResolver=Ce;exports.isAdornedStart=Le;exports.isFilled=ge;exports.isHostComponent=ne;exports.rootOverridesResolver=ve;exports.useFormControl=be;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./identifier-B_IiMbpZ.cjs"),u=require("./DefaultPropsProvider-eEVEiLDf.cjs"),S=require("react"),V=require("react/jsx-runtime"),D=require("./extendSxProp-DLhbnNxc.cjs"),R=require("./useThemeProps-D_gKWuk1.cjs");function C(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 f=C(S),B=u.createStyled(),N=e.createTheme$1(),q=B("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function E(o){return R.useThemeProps({props:o,name:"MuiStack",defaultTheme:N})}function M(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(f.cloneElement(r,{key:`separator-${p}`})),n),[])}const w=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],F=({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 T=c>0?p[y[c-1]]:"column";p[t]=T}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${w(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 _(o={}){const{createStyledComponent:r=q,useThemeProps:s=E,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return u.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(F),a=f.forwardRef(function(t,c){const y=s(t),d=D.extendSxProp(y),{component:T="div",direction:O="column",spacing:g=0,divider:P,children:m,className:b,useFlexGap:j=!1,...k}=d,h={direction:O,spacing:g,useFlexGap:j},x=i();return V.jsx(p,{as:T,ownerState:h,ref:c,className:e.clsx(x.root,b),...k,children:P?M(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 v=_({createStyledComponent:u.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>u.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(v.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});exports.Stack=v;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { P as e, M as V, R as g, S as f, U as C, V as R, W as D, L as N, I as E, X as
|
|
2
|
-
import { a as F, c as M, s as B } from "./DefaultPropsProvider-
|
|
3
|
-
import { a as w, u as G } from "./useThemeProps-CjDUEYiA.js";
|
|
1
|
+
import { P as e, M as V, R as g, S as f, U as C, V as R, W as D, L as N, I as E, X as b } from "./identifier-Bu3vgTzE.js";
|
|
2
|
+
import { a as F, c as M, s as B, u as w } from "./DefaultPropsProvider-7QnSWHxy.js";
|
|
4
3
|
import * as m from "react";
|
|
5
|
-
import { jsx as
|
|
6
|
-
import { e as
|
|
4
|
+
import { jsx as G } from "react/jsx-runtime";
|
|
5
|
+
import { e as U } from "./extendSxProp-BzTGWWcy.js";
|
|
6
|
+
import { u as $ } from "./useThemeProps-Bmkt_XOR.js";
|
|
7
7
|
const A = F(), I = V(), L = A("div", {
|
|
8
8
|
name: "MuiStack",
|
|
9
9
|
slot: "Root",
|
|
10
10
|
overridesResolver: (o, r) => r.root
|
|
11
11
|
});
|
|
12
12
|
function _(o) {
|
|
13
|
-
return
|
|
13
|
+
return $({
|
|
14
14
|
props: o,
|
|
15
15
|
name: "MuiStack",
|
|
16
16
|
defaultTheme: I
|
|
@@ -59,7 +59,7 @@ const X = (o) => ({
|
|
|
59
59
|
}), c = R(c, g({
|
|
60
60
|
theme: r
|
|
61
61
|
}, l, (s, t) => o.useFlexGap ? {
|
|
62
|
-
gap:
|
|
62
|
+
gap: b(a, s)
|
|
63
63
|
} : {
|
|
64
64
|
// The useFlexGap={false} implement relies on each child to give up control of the margin.
|
|
65
65
|
// We need to reset the margin to avoid double spacing.
|
|
@@ -67,7 +67,7 @@ const X = (o) => ({
|
|
|
67
67
|
margin: 0
|
|
68
68
|
},
|
|
69
69
|
"& > :not(style) ~ :not(style)": {
|
|
70
|
-
[`margin${X(t ? n[t] : o.direction)}`]:
|
|
70
|
+
[`margin${X(t ? n[t] : o.direction)}`]: b(a, s)
|
|
71
71
|
}
|
|
72
72
|
}));
|
|
73
73
|
}
|
|
@@ -82,9 +82,9 @@ function z(o = {}) {
|
|
|
82
82
|
} = o, i = () => M({
|
|
83
83
|
root: ["root"]
|
|
84
84
|
}, (s) => E(a, s), {}), n = r(q), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
|
|
85
|
-
const p = c(s), y =
|
|
85
|
+
const p = c(s), y = U(p), {
|
|
86
86
|
component: u = "div",
|
|
87
|
-
direction:
|
|
87
|
+
direction: T = "column",
|
|
88
88
|
spacing: h = 0,
|
|
89
89
|
divider: v,
|
|
90
90
|
children: O,
|
|
@@ -92,11 +92,11 @@ function z(o = {}) {
|
|
|
92
92
|
useFlexGap: k = !1,
|
|
93
93
|
...x
|
|
94
94
|
} = y, P = {
|
|
95
|
-
direction:
|
|
95
|
+
direction: T,
|
|
96
96
|
spacing: h,
|
|
97
97
|
useFlexGap: k
|
|
98
98
|
}, S = i();
|
|
99
|
-
return /* @__PURE__ */
|
|
99
|
+
return /* @__PURE__ */ G(n, {
|
|
100
100
|
as: u,
|
|
101
101
|
ownerState: P,
|
|
102
102
|
ref: t,
|
|
@@ -119,7 +119,7 @@ const H = z({
|
|
|
119
119
|
slot: "Root",
|
|
120
120
|
overridesResolver: (o, r) => r.root
|
|
121
121
|
}),
|
|
122
|
-
useThemeProps: (o) =>
|
|
122
|
+
useThemeProps: (o) => w({
|
|
123
123
|
props: o,
|
|
124
124
|
name: "MuiStack"
|
|
125
125
|
})
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import * as c from "react";
|
|
2
|
-
import { I as pe, J as fe, K as We, L as W, P as t } from "./identifier-
|
|
3
|
-
import { m as be } from "./memoTheme-
|
|
2
|
+
import { I as pe, J as fe, K as We, L as W, P as t } from "./identifier-Bu3vgTzE.js";
|
|
3
|
+
import { m as be } from "./memoTheme-C4_nd-x4.js";
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
|
-
import { s as L, u as he, c as me, e as tt } from "./DefaultPropsProvider-
|
|
6
|
-
import { B as ke } from "./ButtonBase-
|
|
7
|
-
import {
|
|
8
|
-
import { u as ze, a as re } from "./index-
|
|
9
|
-
import { u as rt } from "./useTheme-
|
|
10
|
-
import { u as nt } from "./
|
|
11
|
-
import { o as De, d as $e, a as
|
|
12
|
-
import { u as de } from "./
|
|
13
|
-
import {
|
|
14
|
-
import { c as Ae } from "./createSvgIcon-CWZXMIY6.js";
|
|
5
|
+
import { s as L, u as he, c as me, e as tt } from "./DefaultPropsProvider-7QnSWHxy.js";
|
|
6
|
+
import { B as ke } from "./ButtonBase-Y5TK5SRu.js";
|
|
7
|
+
import { a as ot } from "./useThemeProps-DftpgVZ0.js";
|
|
8
|
+
import { u as ze, a as re } from "./index-D4YvqRSh.js";
|
|
9
|
+
import { u as rt } from "./useTheme-B_3HWqyi.js";
|
|
10
|
+
import { u as nt, r as lt } from "./refType-DvOnKTmB.js";
|
|
11
|
+
import { o as De, d as $e, a as st } from "./ownerWindow-BoRkeomM.js";
|
|
12
|
+
import { u as de } from "./useTimeout-Bx22KOcH.js";
|
|
13
|
+
import { c as Ae } from "./createSvgIcon-Ae1vF9Lv.js";
|
|
15
14
|
function at(o) {
|
|
16
15
|
return pe("MuiTab", o);
|
|
17
16
|
}
|
|
@@ -1015,7 +1014,7 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
1015
1014
|
} : {}
|
|
1016
1015
|
});
|
|
1017
1016
|
}), et = (r) => {
|
|
1018
|
-
const n = A.current, s =
|
|
1017
|
+
const n = A.current, s = st(n).activeElement;
|
|
1019
1018
|
if (s.getAttribute("role") !== "tab")
|
|
1020
1019
|
return;
|
|
1021
1020
|
let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
@@ -1075,7 +1074,7 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1075
1074
|
* @param {object} actions This object contains all possible actions
|
|
1076
1075
|
* that can be triggered programmatically.
|
|
1077
1076
|
*/
|
|
1078
|
-
action:
|
|
1077
|
+
action: lt,
|
|
1079
1078
|
/**
|
|
1080
1079
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
1081
1080
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";const Ze=require("react"),e=require("./identifier-B_IiMbpZ.cjs"),de=require("./memoTheme-DvW891YJ.cjs"),T=require("react/jsx-runtime"),v=require("./DefaultPropsProvider-eEVEiLDf.cjs"),Ee=require("./ButtonBase-S0mFlojL.cjs"),eo=require("./useThemeProps-5hp2m3Xl.cjs"),q=require("./index-Dl4BXU0b.cjs"),oo=require("./useTheme-BvsnROiB.cjs"),Re=require("./refType-DYRsy3ld.cjs"),K=require("./ownerWindow-Dk_4aaak.cjs"),pe=require("./useTimeout-gEG15bRo.cjs"),Me=require("./createSvgIcon-PXjVOXDY.cjs");function to(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,c.get?c:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const p=to(Ze);function Oe(t){return e.generateUtilityClass("MuiTab",t)}const m=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),ro=t=>{const{classes:o,textColor:s,fullWidth:c,wrapped:i,icon:d,label:b,selected:y,disabled:f}=t,S={root:["root",d&&b&&"labelIcon",`textColor${e.capitalize(s)}`,c&&"fullWidth",i&&"wrapped",y&&"selected",f&&"disabled"],icon:["iconWrapper","icon"]};return v.composeClasses(S,Oe,o)},no=v.styled(Ee.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)}}]}))),Ne=p.forwardRef(function(o,s){const c=v.useDefaultProps({props:o,name:"MuiTab"}),{className:i,disabled:d=!1,disableFocusRipple:b=!1,fullWidth:y,icon:f,iconPosition:S="top",indicator:P,label:g,onChange:h,onClick:C,onFocus:k,selected:I,selectionFollowsFocus:x,textColor:F="inherit",value:R,wrapped:ne=!1,...L}=c,H={...c,disabled:d,disableFocusRipple:b,selected:I,icon:!!f,iconPosition:S,label:!!g,fullWidth:y,textColor:F,wrapped:ne},U=ro(H),W=f&&g&&p.isValidElement(f)?p.cloneElement(f,{className:e.clsx(U.icon,f.props.className)}):f,G=M=>{!I&&h&&h(M,R),C&&C(M)},N=M=>{x&&!I&&h&&h(M,R),k&&k(M)};return T.jsxs(no,{focusRipple:!b,className:e.clsx(U.root,i),ref:s,role:"tab","aria-selected":I,disabled:d,onClick:G,onFocus:N,ownerState:H,tabIndex:I?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"&&(Ne.propTypes={children:eo.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 je=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"),ke=Me.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function so(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function lo(t,o,s,c={},i=()=>{}){const{ease:d=so,duration:b=300}=c;let y=null;const f=o[t];let S=!1;const P=()=>{S=!0},g=h=>{if(S){i(new Error("Animation cancelled"));return}y===null&&(y=h);const C=Math.min(1,(h-y)/b);if(o[t]=d(C)*(s-f)+f,C>=1){requestAnimationFrame(()=>{i(null)});return}requestAnimationFrame(g)};return f===s?(i(new Error("Element already at target position")),P):(requestAnimationFrame(g),P)}const ao={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function We(t){const{onChange:o,...s}=t,c=p.useRef(),i=p.useRef(null),d=()=>{c.current=i.current.offsetHeight-i.current.clientHeight};return Re.useEnhancedEffect(()=>{const b=K.debounce(()=>{const f=c.current;d(),f!==c.current&&o(c.current)}),y=K.ownerWindow(i.current);return y.addEventListener("resize",b),()=>{b.clear(),y.removeEventListener("resize",b)}},[o]),p.useEffect(()=>{d(),o(c.current)},[o]),T.jsx("div",{style:ao,ref:i,...s})}process.env.NODE_ENV!=="production"&&(We.propTypes={onChange:e.PropTypes.func.isRequired});function io(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const co=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),po=t=>{const{classes:o,orientation:s,disabled:c}=t,i={root:["root",s,c&&"disabled"]};return v.composeClasses(i,io,o)},uo=v.styled(Ee.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,[`&.${co.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),De=p.forwardRef(function(o,s){const c=v.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:i,slots:d={},slotProps:b={},direction:y,orientation:f,disabled:S,...P}=c,g=q.useRtl(),h={isRtl:g,...c},C=po(h),k=d.StartScrollButtonIcon??je,I=d.EndScrollButtonIcon??ke,x=q.useSlotProps({elementType:k,externalSlotProps:b.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),F=q.useSlotProps({elementType:I,externalSlotProps:b.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h});return T.jsx(uo,{component:"div",className:e.clsx(C.root,i),ref:s,role:null,ownerState:h,tabIndex:null,...P,style:{...P.style,...f==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${g?-90:90}deg)`}},children:y==="left"?T.jsx(k,{...x}):T.jsx(I,{...F})})});process.env.NODE_ENV!=="production"&&(De.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 ze(t){return e.generateUtilityClass("MuiTabs",t)}const re=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),we=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,Be=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,te=(t,o,s)=>{let c=!1,i=s(t,o);for(;i;){if(i===t.firstChild){if(c)return;c=!0}const d=i.disabled||i.getAttribute("aria-disabled")==="true";if(!i.hasAttribute("tabindex")||d)i=s(t,i);else{i.focus();return}}},fo=t=>{const{vertical:o,fixed:s,hideScrollbar:c,scrollableX:i,scrollableY:d,centered:b,scrollButtonsHideMobile:y,classes:f}=t,S={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",c&&"hideScrollbar",i&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",b&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",y&&"scrollButtonsHideMobile"],scrollableX:[i&&"scrollableX"],hideScrollbar:[c&&"hideScrollbar"]};return v.composeClasses(S,ze,f)},bo=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"}}}}]}))),yo=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"}}]}),To=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"}}]}),ho=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}}]}))),So=v.styled(We)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Ce={};let Ie=!1;const Ae=p.forwardRef(function(o,s){const c=v.useDefaultProps({props:o,name:"MuiTabs"}),i=oo.useTheme(),d=q.useRtl(),{"aria-label":b,"aria-labelledby":y,action:f,centered:S=!1,children:P,className:g,component:h="div",allowScrollButtonsMobile:C=!1,indicatorColor:k="primary",onChange:I,orientation:x="horizontal",ScrollButtonComponent:F=De,scrollButtons:R="auto",selectionFollowsFocus:ne,slots:L={},slotProps:H={},TabIndicatorProps:U={},TabScrollButtonProps:W={},textColor:G="primary",value:N,variant:M="standard",visibleScrollbar:se=!1,...$e}=c,w=M==="scrollable",B=x==="vertical",V=B?"scrollTop":"scrollLeft",J=B?"top":"left",Q=B?"bottom":"right",le=B?"clientHeight":"clientWidth",X=B?"height":"width",D={...c,component:h,allowScrollButtonsMobile:C,indicatorColor:k,orientation:x,vertical:B,scrollButtons:R,textColor:G,variant:M,visibleScrollbar:se,fixed:!w,hideScrollbar:w&&!se,scrollableX:w&&!B,scrollableY:w&&B,centered:S&&!w,scrollButtonsHideMobile:!C},j=fo(D),Fe=q.useSlotProps({elementType:L.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:D}),Le=q.useSlotProps({elementType:L.EndScrollButtonIcon,externalSlotProps:H.endScrollButtonIcon,ownerState:D});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,Ue]=p.useState(!1),[z,fe]=p.useState(Ce),[be,qe]=p.useState(!1),[ye,He]=p.useState(!1),[Te,Ve]=p.useState(!1),[he,Xe]=p.useState({overflow:"hidden",scrollbarWidth:0}),Z=new Map,O=p.useRef(null),A=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=A.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"&&!Ie&&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
|
+
`)),Ie=!0)}}return{tabsMeta:n,tabMeta:l}},Y=pe.useEventCallback(()=>{const{tabsMeta:r,tabMeta:n}=Se();let l=0,a;B?(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 z[a]!="number"||typeof z[X]!="number")fe(u);else{const E=Math.abs(z[a]-u[a]),$=Math.abs(z[X]-u[X]);(E>=1||$>=1)&&fe(u)}}),ae=(r,{animation:n=!0}={})=>{n?lo(V,O.current,r,{duration:i.transitions.duration.standard}):O.current[V]=r},ve=r=>{let n=O.current[V];B?n+=r:n+=r*(d?-1:1),ae(n)},me=()=>{const r=O.current[le];let n=0;const l=Array.from(A.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},Ye=()=>{ve(-1*me())},_e=()=>{ve(me())},Ke=p.useCallback(r=>{Xe({overflow:null,scrollbarWidth:r})},[]),Ge=()=>{const r={};r.scrollbarSizeListener=w?T.jsx(So,{onChange:Ke,className:e.clsx(j.scrollableX,j.hideScrollbar)}):null;const l=w&&(R==="auto"&&(be||ye)||R===!0);return r.scrollButtonStart=l?T.jsx(F,{slots:{StartScrollButtonIcon:L.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Fe},orientation:x,direction:d?"right":"left",onClick:Ye,disabled:!be,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r.scrollButtonEnd=l?T.jsx(F,{slots:{EndScrollButtonIcon:L.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Le},orientation:x,direction:d?"left":"right",onClick:_e,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&&R!==!1&&Ve(!Te)});p.useEffect(()=>{const r=K.debounce(()=>{O.current&&Y()});let n;const l=E=>{E.forEach($=>{$.removedNodes.forEach(_=>{n==null||n.unobserve(_)}),$.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(A.current.children).forEach(E=>{n.observe(E)})),typeof MutationObserver<"u"&&(u=new MutationObserver(l),u.observe(A.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(A.current.children),n=r.length;if(typeof IntersectionObserver<"u"&&n>0&&w&&R!==!1){const l=r[0],a=r[n-1],u={root:O.current,threshold:.99},E=ce=>{qe(!ce[0].isIntersecting)},$=new IntersectionObserver(E,u);$.observe(l);const _=ce=>{He(!ce[0].isIntersecting)},xe=new IntersectionObserver(_,u);return xe.observe(a),()=>{$.disconnect(),xe.disconnect()}}},[w,R,Te,P==null?void 0:P.length]),p.useEffect(()=>{Ue(!0)},[]),p.useEffect(()=>{Y()}),p.useEffect(()=>{Pe(Ce!==z)},[Pe,z]),p.useImperativeHandle(f,()=>({updateIndicator:Y,updateScrollButtons:ee}),[Y,ee]);const ge=T.jsx(ho,{...U,className:e.clsx(j.indicator,U.className),ownerState:D,style:{...z,...U.style}});let oe=0;const Je=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:M==="fullWidth",indicator:l&&!ue&&ge,selected:l,selectionFollowsFocus:ne,onChange:I,textColor:G,value:n,...oe===1&&N===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),Qe=r=>{const n=A.current,l=K.ownerDocument(n).activeElement;if(l.getAttribute("role")!=="tab")return;let u=x==="horizontal"?"ArrowLeft":"ArrowUp",E=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&d&&(u="ArrowRight",E="ArrowLeft"),r.key){case u:r.preventDefault(),te(n,l,Be);break;case E:r.preventDefault(),te(n,l,we);break;case"Home":r.preventDefault(),te(n,null,we);break;case"End":r.preventDefault(),te(n,null,Be);break}},ie=Ge();return T.jsxs(bo,{className:e.clsx(j.root,g),ownerState:D,ref:s,as:h,...$e,children:[ie.scrollButtonStart,ie.scrollbarSizeListener,T.jsxs(yo,{className:j.scroller,ownerState:D,style:{overflow:he.overflow,[B?`margin${d?"Left":"Right"}`:"marginBottom"]:se?void 0:-he.scrollbarWidth},ref:O,children:[T.jsx(To,{"aria-label":b,"aria-labelledby":y,"aria-orientation":x==="vertical"?"vertical":null,className:j.flexContainer,ownerState:D,onKeyDown:Qe,ref:A,role:"tablist",children:Je}),ue&&ge]}),ie.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(Ae.propTypes={action:Re.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});exports.KeyboardArrowLeft=je;exports.KeyboardArrowRight=ke;exports.Tab=Ne;exports.Tabs=Ae;exports.getTabUtilityClass=Oe;exports.getTabsUtilityClass=ze;exports.tabClasses=m;exports.tabsClasses=re;
|