@cgi-learning-hub/ui 1.3.5-dev.1738165321 → 1.3.5-dev.1739206891
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-Dnd-7Jz5.cjs → Backdrop-Cvbj4YKG.cjs} +1 -1
- package/dist/{Backdrop-CjFhgXFW.js → Backdrop-DZHacmMU.js} +21 -21
- package/dist/{Box-BTYxUBc5.cjs → Box-CVaz7diG.cjs} +1 -1
- package/dist/{Box-C5qOvRw6.js → Box-Cpg9IWKr.js} +8 -8
- package/dist/{Button-QAP1Wyns.cjs → Button-COTy9ASL.cjs} +1 -1
- package/dist/{Button-DJ9kLggx.js → Button-DovfjBkz.js} +14 -14
- package/dist/{ButtonBase-Di2DXi1_.cjs → ButtonBase-DKNIY_Ve.cjs} +2 -2
- package/dist/{ButtonBase-CGJRRTHm.js → ButtonBase-eQU9HVgU.js} +42 -42
- package/dist/{Card-BkkrhzGz.js → Card-B7MHmB_Y.js} +7 -7
- package/dist/{Card-BklIrMy_.cjs → Card-CwE6nm11.cjs} +1 -1
- package/dist/{Checkbox-Bfngr2Ow.cjs → Checkbox-YCpJS_3E.cjs} +1 -1
- package/dist/{Checkbox-BMr92NEw.js → Checkbox-y6Kts0Hm.js} +26 -26
- package/dist/{CircularProgress-Wu1RUH10.js → CircularProgress-BgUNlpbU.js} +9 -9
- package/dist/{CircularProgress-CIsFCabr.cjs → CircularProgress-nxAXvjY0.cjs} +2 -2
- package/dist/{DatePicker-BIrYgv-6.js → DatePicker-B2dOH7Zl.js} +1283 -1282
- package/dist/{DatePicker-UggPKt6P.cjs → DatePicker-C3CzK9Fb.cjs} +9 -9
- package/dist/{DefaultPropsProvider-CeEBQtDy.js → DefaultPropsProvider-CmOKr9hq.js} +48 -48
- package/dist/{DefaultPropsProvider-Se6dgF9O.cjs → DefaultPropsProvider-PRhNsS_3.cjs} +1 -1
- package/dist/{Delete-D269dtzC.js → Delete-DCHX_nNr.js} +1 -1
- package/dist/{Delete-CN1Nvyw-.cjs → Delete-Z2rf9szx.cjs} +1 -1
- package/dist/{Dialog-FQAvW7D6.cjs → Dialog-BFZeovlo.cjs} +1 -1
- package/dist/{Dialog-DX2Mdwmr.js → Dialog-D0fzD-TX.js} +13 -13
- package/dist/{DialogContent-CkPzndRH.js → DialogContent-4rDvu_sh.js} +13 -13
- package/dist/{DialogContent-BaKv3Ei9.cjs → DialogContent-DMvW6Xos.cjs} +1 -1
- package/dist/{DialogTitle-D7utXPRz.js → DialogTitle-BXGok8k-.js} +30 -30
- package/dist/{DialogTitle-BwJVdg4G.cjs → DialogTitle-CXRmRtja.cjs} +1 -1
- package/dist/{Divider-BAPyGNV2.cjs → Divider-CISPNs7L.cjs} +1 -1
- package/dist/{Divider-DViVz6TV.js → Divider-CeOjSQMP.js} +8 -8
- package/dist/{FormControlLabel-DMrvY_r6.js → FormControlLabel-BjbkwHC0.js} +13 -13
- package/dist/{FormControlLabel-BKz4_Gd0.cjs → FormControlLabel-BjlJz2oa.cjs} +1 -1
- package/dist/{FormGroup-Cp4YeqR3.js → FormGroup-DdwFGMq2.js} +15 -15
- package/dist/{FormGroup-BulQbkfu.cjs → FormGroup-x7hlLAv1.cjs} +1 -1
- package/dist/{FormLabel-DXWktPiT.js → FormLabel-Cm4Ba58U.js} +21 -21
- package/dist/{FormLabel-DwND2qd8.cjs → FormLabel-CtCBcJ-1.cjs} +2 -2
- package/dist/{Grow-BYbd5knJ.cjs → Grow-BK4rGn4x.cjs} +1 -1
- package/dist/{Grow-C9mKol1b.js → Grow-EpJy9qdL.js} +15 -15
- package/dist/{IconButton-Dl_aERqI.cjs → IconButton-BUCTqOFa.cjs} +1 -1
- package/dist/{IconButton-HSWaMjTn.js → IconButton-CZvDgqOc.js} +13 -13
- package/dist/{InputAdornment-VmPspNH6.cjs → InputAdornment-CLIvW7Gk.cjs} +1 -1
- package/dist/{InputAdornment-DEwfQJnE.js → InputAdornment-XfxRdI9K.js} +14 -14
- package/dist/{InputBase-BWlk5xev.cjs → InputBase-BXcShs87.cjs} +2 -2
- package/dist/{InputBase-NJYUs2qK.js → InputBase-DBsV_L3Y.js} +9 -9
- package/dist/{Link-D-_BtjdU.cjs → Link-DgsVJ4Wk.cjs} +1 -1
- package/dist/{Link-DRY3a76q.js → Link-Dqbq0dpE.js} +11 -11
- package/dist/{Menu-BIebKPfA.cjs → Menu-NuheFzLD.cjs} +6 -6
- package/dist/{Menu-D4QuPq36.js → Menu-_4rLUzDf.js} +54 -54
- package/dist/{MenuItem-CLytGq10.cjs → MenuItem-CNUAbgnE.cjs} +1 -1
- package/dist/{MenuItem-BaVk-qxi.js → MenuItem-D9Hs7HRQ.js} +20 -20
- package/dist/{Modal-D9Xuvhjf.cjs → Modal-BhIbbbzx.cjs} +2 -2
- package/dist/{Modal-Bv_n3vzB.js → Modal-a-cSzSt8.js} +32 -32
- package/dist/{Paper-B-qSqbHC.js → Paper-BIgadgtb.js} +8 -8
- package/dist/{Paper-cQSlrWza.cjs → Paper-DYhLUL1K.cjs} +2 -2
- package/dist/{Popper-CIpGciMP.js → Popper-BcaTNUvi.js} +241 -243
- package/dist/{Popper-rY0PGJdm.cjs → Popper-CPstdcBG.cjs} +3 -3
- package/dist/{Portal-DsPJ5mJy.js → Portal-B8inUnB_.js} +2 -2
- package/dist/{Portal-Cxw-nTCW.cjs → Portal-BL8eg_0C.cjs} +1 -1
- package/dist/{Radio-CTv0ptam.cjs → Radio-8fNX60rb.cjs} +1 -1
- package/dist/{Radio-g00XgvHL.js → Radio-DgedCGZw.js} +15 -15
- package/dist/{Select-D2_IXdrU.js → Select-D4pmgfdb.js} +99 -99
- package/dist/{Select-C8HBwNk7.cjs → Select-DtrvYyJ3.cjs} +1 -1
- package/dist/Stack-B68ooSQ-.cjs +1 -0
- package/dist/{Stack-DX7XIsZG.js → Stack-CSgGU-cq.js} +29 -29
- package/dist/{SwitchBase-BOo1bjHy.cjs → SwitchBase-VA100mrf.cjs} +1 -1
- package/dist/{SwitchBase-eilyehy9.js → SwitchBase-ynQQkTVh.js} +29 -29
- package/dist/{TableSortLabel-BE_c25_7.cjs → TableSortLabel-B2Nvl2FF.cjs} +7 -7
- package/dist/{TableSortLabel-CkN2fsuh.js → TableSortLabel-DrpjgQBL.js} +51 -52
- package/dist/{Tabs-CZ0zpzfU.js → Tabs-CMnuOnzP.js} +328 -328
- package/dist/{Tabs-Cu3QAwFQ.cjs → Tabs-CTYqNGoo.cjs} +3 -3
- package/dist/{TextField-CYuyowfl.cjs → TextField-BcAZk2Rx.cjs} +1 -1
- package/dist/{TextField-CB2G2DE7.js → TextField-dvVq-1Hp.js} +27 -27
- package/dist/{Tooltip-BbMItBno.js → Tooltip-CVvaAqh7.js} +13 -13
- package/dist/{Tooltip-CcjNbPHm.cjs → Tooltip-DL2i_lGL.cjs} +3 -3
- package/dist/{Typography-CsC_hF8M.js → Typography-C9ltjPyz.js} +9 -9
- package/dist/{Typography-BYWZ5kB1.cjs → Typography-Y-OGmT9M.cjs} +1 -1
- package/dist/{capitalize-BDTxYy_y.cjs → capitalize-Cq3s4y8R.cjs} +1 -1
- package/dist/{capitalize-B55K71yP.js → capitalize-yX_QSknw.js} +1 -1
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.es.js +47 -47
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +2 -2
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +1 -1
- package/dist/components/Dialog/Dialog.cjs.js +1 -1
- package/dist/components/Dialog/Dialog.es.js +3 -3
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.es.js +4 -4
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.es.js +2 -2
- 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 +7 -7
- package/dist/components/Heading/Heading.cjs.js +1 -1
- package/dist/components/Heading/Heading.es.js +2 -2
- package/dist/components/ImagePicker/ImagePicker.cjs.js +1 -1
- package/dist/components/ImagePicker/ImagePicker.es.js +5 -5
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.es.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 +4 -4
- package/dist/components/QueryError/QueryError.cjs.js +1 -1
- package/dist/components/QueryError/QueryError.es.js +14 -14
- package/dist/components/ResourceCard/ResourceCard.cjs.js +1 -1
- package/dist/components/ResourceCard/ResourceCard.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/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 +38 -38
- package/dist/components/stories/Button.stories.cjs.js +1 -1
- package/dist/components/stories/Button.stories.es.js +1 -1
- package/dist/components/stories/Card.stories.cjs.js +1 -1
- package/dist/components/stories/Card.stories.es.js +8 -8
- package/dist/components/stories/Checkbox.stories.cjs.js +1 -1
- package/dist/components/stories/Checkbox.stories.es.js +5 -5
- package/dist/components/stories/DatePicker.stories.cjs.js +1 -1
- package/dist/components/stories/DatePicker.stories.es.js +1 -1
- package/dist/components/stories/Dialog.stories.cjs.js +1 -1
- package/dist/components/stories/Dialog.stories.es.js +2 -2
- package/dist/components/stories/Divider.stories.cjs.js +1 -1
- package/dist/components/stories/Divider.stories.es.js +5 -5
- package/dist/components/stories/FormControlLabel.stories.cjs.js +1 -1
- package/dist/components/stories/FormControlLabel.stories.es.js +75 -75
- package/dist/components/stories/Heading.stories.cjs.js +1 -1
- package/dist/components/stories/Heading.stories.es.js +2 -2
- package/dist/components/stories/IconButton.stories.cjs.js +1 -1
- package/dist/components/stories/IconButton.stories.es.js +2 -2
- package/dist/components/stories/Link.stories.cjs.js +1 -1
- package/dist/components/stories/Link.stories.es.js +1 -1
- package/dist/components/stories/Menu.stories.cjs.js +1 -1
- package/dist/components/stories/Menu.stories.es.js +16 -16
- package/dist/components/stories/Paper.stories.cjs.js +1 -1
- package/dist/components/stories/Paper.stories.es.js +1 -1
- package/dist/components/stories/RadioGroup.stories.cjs.js +1 -1
- package/dist/components/stories/RadioGroup.stories.es.js +8 -8
- package/dist/components/stories/ResourceCard.stories.cjs.js +1 -1
- package/dist/components/stories/ResourceCard.stories.es.js +11 -11
- package/dist/components/stories/Select.stories.cjs.js +1 -1
- package/dist/components/stories/Select.stories.es.js +3 -3
- package/dist/components/stories/TabList.stories.cjs.js +1 -1
- package/dist/components/stories/TabList.stories.es.js +14 -14
- package/dist/components/stories/TextField.stories.cjs.js +1 -1
- package/dist/components/stories/TextField.stories.es.js +3 -3
- package/dist/components/stories/Tooltip.stories.cjs.js +1 -1
- package/dist/components/stories/Tooltip.stories.es.js +2 -2
- package/dist/components/stories/Typography.stories.cjs.js +1 -1
- package/dist/components/stories/Typography.stories.es.js +1 -1
- package/dist/{createSvgIcon-DestgQu_.cjs → createSvgIcon-CWNQW6u6.cjs} +1 -1
- package/dist/{createSvgIcon-C9kh-71a.js → createSvgIcon-Cd6y8E9W.js} +6 -6
- package/dist/{dividerClasses-CmqQpmPs.cjs → dividerClasses-1ChhOCNX.cjs} +1 -1
- package/dist/{dividerClasses-Cx-v4p9p.js → dividerClasses-DHKvPyr8.js} +3 -3
- package/dist/{elementTypeAcceptingRef-93jMVjym.cjs → elementTypeAcceptingRef-BgjnOQqe.cjs} +1 -1
- package/dist/{elementTypeAcceptingRef-BwApo3R5.js → elementTypeAcceptingRef-BnBq35EV.js} +1 -1
- package/dist/{extendSxProp-BuzWiNW6.js → extendSxProp-D1UphbpP.js} +3 -3
- package/dist/{extendSxProp-CWfAkLIT.cjs → extendSxProp-Dolw-tGY.cjs} +1 -1
- package/dist/{fr-Bjufn3RW.js → fr-B3qrCNcK.js} +18 -18
- package/dist/{generateUtilityClasses-CCNEQAp0.cjs → generateUtilityClasses-0dYt6eGZ.cjs} +2 -2
- package/dist/{generateUtilityClasses-CMVTZlSt.js → generateUtilityClasses-v9KcqdK1.js} +6 -6
- package/dist/{index-BvElRKTI.cjs → index-BUATG6-f.cjs} +1 -1
- package/dist/{index-HBv5JZBE.js → index-BhCs2pHX.js} +22 -22
- package/dist/index-CgWaRcwQ.cjs +1 -0
- package/dist/{index-DT_OMUCV.js → index-OesDQygc.js} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +36 -36
- package/dist/{memoTheme-CnIL9ySw.js → memoTheme-D-rebSfX.js} +1 -1
- package/dist/{memoTheme-DTSENpyZ.cjs → memoTheme-D1tPxCd9.cjs} +1 -1
- package/dist/{mergeSlotProps-A2fwE85L.cjs → mergeSlotProps-DJgEFzGv.cjs} +1 -1
- package/dist/{mergeSlotProps-lTnyHfRr.js → mergeSlotProps-DwgGXvkj.js} +1 -1
- package/dist/{refType-IuPwh8dk.js → refType-DcE_kWty.js} +1 -1
- package/dist/{refType-B9Yjv-2f.cjs → refType-DdkUp8DT.cjs} +1 -1
- package/dist/{useSlot-DKRXHGjw.js → useSlot-BYfmyYXv.js} +1 -1
- package/dist/{useSlot-BHPToxin.cjs → useSlot-CMUEd7j7.cjs} +1 -1
- package/dist/useSlotProps-D0jr2eYF.cjs +1 -0
- package/dist/{useSlotProps-DW4-IGZ7.js → useSlotProps-r0vmrJvl.js} +11 -11
- package/dist/{useTheme-CQhlwWHY.cjs → useTheme-B1HNivkF.cjs} +1 -1
- package/dist/{useTheme-6TUGBldK.js → useTheme-BB8ZCoMF.js} +1 -1
- package/dist/{useTheme-BovhfGLb.cjs → useTheme-C0AF6jAe.cjs} +1 -1
- package/dist/useTheme-Dyx3LMQU.js +11 -0
- package/dist/{useThemeProps-BcTQ5K1G.cjs → useThemeProps-DcOn-vk2.cjs} +1 -1
- package/dist/{useThemeProps-1WBbiiBB.js → useThemeProps-DnDXTiQj.js} +2 -2
- package/dist/{useThemeProps-CAttQgvS.js → useThemeProps-DwnyQf-S.js} +3 -3
- package/dist/{useThemeProps-CTpVXkg_.cjs → useThemeProps-u8EQT0RR.cjs} +1 -1
- package/dist/{utils-CHzhlXgP.cjs → utils-BWXB1haV.cjs} +1 -1
- package/dist/{utils-CuFsTY6H.js → utils-D4djO_Ph.js} +1 -1
- package/package.json +1 -1
- package/dist/Stack-6AHEa1bx.cjs +0 -1
- package/dist/index-vTvfssKH.cjs +0 -1
- package/dist/useSlotProps-CgzVLVxq.cjs +0 -1
- package/dist/useTheme-i6uFvVRH.js +0 -11
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import * as c from "react";
|
|
2
|
-
import { H as
|
|
3
|
-
import { m as
|
|
2
|
+
import { H as pt, I as ft, G as W, P as o, Z as oo } from "./generateUtilityClasses-v9KcqdK1.js";
|
|
3
|
+
import { m as bt } from "./memoTheme-D-rebSfX.js";
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { a as
|
|
9
|
-
import { u as
|
|
10
|
-
import { u as
|
|
11
|
-
import { u as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
function
|
|
19
|
-
return
|
|
5
|
+
import { u as ht, s as j, c as mt } from "./DefaultPropsProvider-CmOKr9hq.js";
|
|
6
|
+
import { c as Wt } from "./capitalize-yX_QSknw.js";
|
|
7
|
+
import { B as kt } from "./ButtonBase-eQU9HVgU.js";
|
|
8
|
+
import { a as eo } from "./useThemeProps-DwnyQf-S.js";
|
|
9
|
+
import { u as zt, a as rt } from "./useSlotProps-r0vmrJvl.js";
|
|
10
|
+
import { u as ro } from "./useTheme-Dyx3LMQU.js";
|
|
11
|
+
import { u as no } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
12
|
+
import { d as Dt } from "./debounce-46wSf_lW.js";
|
|
13
|
+
import { o as $t } from "./ownerWindow-niciwP7I.js";
|
|
14
|
+
import { c as At } from "./createSvgIcon-Cd6y8E9W.js";
|
|
15
|
+
import { u as dt } from "./useEventCallback-BAQJJ3ye.js";
|
|
16
|
+
import { o as lo } from "./ownerDocument-CUrv0DIK.js";
|
|
17
|
+
import { r as so } from "./refType-DcE_kWty.js";
|
|
18
|
+
function ao(e) {
|
|
19
|
+
return ft("MuiTab", e);
|
|
20
20
|
}
|
|
21
|
-
const T =
|
|
21
|
+
const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), io = (e) => {
|
|
22
22
|
const {
|
|
23
|
-
classes:
|
|
23
|
+
classes: t,
|
|
24
24
|
textColor: l,
|
|
25
25
|
fullWidth: d,
|
|
26
26
|
wrapped: i,
|
|
@@ -28,28 +28,28 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
28
28
|
label: b,
|
|
29
29
|
selected: h,
|
|
30
30
|
disabled: f
|
|
31
|
-
} =
|
|
32
|
-
root: ["root", u && b && "labelIcon", `textColor${
|
|
31
|
+
} = e, S = {
|
|
32
|
+
root: ["root", u && b && "labelIcon", `textColor${Wt(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
|
|
33
33
|
icon: ["iconWrapper", "icon"]
|
|
34
34
|
};
|
|
35
|
-
return
|
|
36
|
-
},
|
|
35
|
+
return mt(S, ao, t);
|
|
36
|
+
}, co = j(kt, {
|
|
37
37
|
name: "MuiTab",
|
|
38
38
|
slot: "Root",
|
|
39
|
-
overridesResolver: (
|
|
39
|
+
overridesResolver: (e, t) => {
|
|
40
40
|
const {
|
|
41
41
|
ownerState: l
|
|
42
|
-
} =
|
|
43
|
-
return [
|
|
44
|
-
[`& .${T.iconWrapper}`]:
|
|
42
|
+
} = e;
|
|
43
|
+
return [t.root, l.label && l.icon && t.labelIcon, t[`textColor${Wt(l.textColor)}`], l.fullWidth && t.fullWidth, l.wrapped && t.wrapped, {
|
|
44
|
+
[`& .${T.iconWrapper}`]: t.iconWrapper
|
|
45
45
|
}, {
|
|
46
|
-
[`& .${T.icon}`]:
|
|
46
|
+
[`& .${T.icon}`]: t.icon
|
|
47
47
|
}];
|
|
48
48
|
}
|
|
49
|
-
})(
|
|
50
|
-
theme:
|
|
49
|
+
})(bt(({
|
|
50
|
+
theme: e
|
|
51
51
|
}) => ({
|
|
52
|
-
...
|
|
52
|
+
...e.typography.button,
|
|
53
53
|
maxWidth: 360,
|
|
54
54
|
minWidth: 90,
|
|
55
55
|
position: "relative",
|
|
@@ -62,22 +62,22 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
62
62
|
lineHeight: 1.25,
|
|
63
63
|
variants: [{
|
|
64
64
|
props: ({
|
|
65
|
-
ownerState:
|
|
66
|
-
}) =>
|
|
65
|
+
ownerState: t
|
|
66
|
+
}) => t.label && (t.iconPosition === "top" || t.iconPosition === "bottom"),
|
|
67
67
|
style: {
|
|
68
68
|
flexDirection: "column"
|
|
69
69
|
}
|
|
70
70
|
}, {
|
|
71
71
|
props: ({
|
|
72
|
-
ownerState:
|
|
73
|
-
}) =>
|
|
72
|
+
ownerState: t
|
|
73
|
+
}) => t.label && t.iconPosition !== "top" && t.iconPosition !== "bottom",
|
|
74
74
|
style: {
|
|
75
75
|
flexDirection: "row"
|
|
76
76
|
}
|
|
77
77
|
}, {
|
|
78
78
|
props: ({
|
|
79
|
-
ownerState:
|
|
80
|
-
}) =>
|
|
79
|
+
ownerState: t
|
|
80
|
+
}) => t.icon && t.label,
|
|
81
81
|
style: {
|
|
82
82
|
minHeight: 72,
|
|
83
83
|
paddingTop: 9,
|
|
@@ -85,9 +85,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
85
85
|
}
|
|
86
86
|
}, {
|
|
87
87
|
props: ({
|
|
88
|
-
ownerState:
|
|
88
|
+
ownerState: t,
|
|
89
89
|
iconPosition: l
|
|
90
|
-
}) =>
|
|
90
|
+
}) => t.icon && t.label && l === "top",
|
|
91
91
|
style: {
|
|
92
92
|
[`& > .${T.icon}`]: {
|
|
93
93
|
marginBottom: 6
|
|
@@ -95,9 +95,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
95
95
|
}
|
|
96
96
|
}, {
|
|
97
97
|
props: ({
|
|
98
|
-
ownerState:
|
|
98
|
+
ownerState: t,
|
|
99
99
|
iconPosition: l
|
|
100
|
-
}) =>
|
|
100
|
+
}) => t.icon && t.label && l === "bottom",
|
|
101
101
|
style: {
|
|
102
102
|
[`& > .${T.icon}`]: {
|
|
103
103
|
marginTop: 6
|
|
@@ -105,22 +105,22 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
105
105
|
}
|
|
106
106
|
}, {
|
|
107
107
|
props: ({
|
|
108
|
-
ownerState:
|
|
108
|
+
ownerState: t,
|
|
109
109
|
iconPosition: l
|
|
110
|
-
}) =>
|
|
110
|
+
}) => t.icon && t.label && l === "start",
|
|
111
111
|
style: {
|
|
112
112
|
[`& > .${T.icon}`]: {
|
|
113
|
-
marginRight:
|
|
113
|
+
marginRight: e.spacing(1)
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
}, {
|
|
117
117
|
props: ({
|
|
118
|
-
ownerState:
|
|
118
|
+
ownerState: t,
|
|
119
119
|
iconPosition: l
|
|
120
|
-
}) =>
|
|
120
|
+
}) => t.icon && t.label && l === "end",
|
|
121
121
|
style: {
|
|
122
122
|
[`& > .${T.icon}`]: {
|
|
123
|
-
marginLeft:
|
|
123
|
+
marginLeft: e.spacing(1)
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
}, {
|
|
@@ -135,7 +135,7 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
135
135
|
opacity: 1
|
|
136
136
|
},
|
|
137
137
|
[`&.${T.disabled}`]: {
|
|
138
|
-
opacity: (
|
|
138
|
+
opacity: (e.vars || e).palette.action.disabledOpacity
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
}, {
|
|
@@ -143,12 +143,12 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
143
143
|
textColor: "primary"
|
|
144
144
|
},
|
|
145
145
|
style: {
|
|
146
|
-
color: (
|
|
146
|
+
color: (e.vars || e).palette.text.secondary,
|
|
147
147
|
[`&.${T.selected}`]: {
|
|
148
|
-
color: (
|
|
148
|
+
color: (e.vars || e).palette.primary.main
|
|
149
149
|
},
|
|
150
150
|
[`&.${T.disabled}`]: {
|
|
151
|
-
color: (
|
|
151
|
+
color: (e.vars || e).palette.text.disabled
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
}, {
|
|
@@ -156,18 +156,18 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
156
156
|
textColor: "secondary"
|
|
157
157
|
},
|
|
158
158
|
style: {
|
|
159
|
-
color: (
|
|
159
|
+
color: (e.vars || e).palette.text.secondary,
|
|
160
160
|
[`&.${T.selected}`]: {
|
|
161
|
-
color: (
|
|
161
|
+
color: (e.vars || e).palette.secondary.main
|
|
162
162
|
},
|
|
163
163
|
[`&.${T.disabled}`]: {
|
|
164
|
-
color: (
|
|
164
|
+
color: (e.vars || e).palette.text.disabled
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
167
|
}, {
|
|
168
168
|
props: ({
|
|
169
|
-
ownerState:
|
|
170
|
-
}) =>
|
|
169
|
+
ownerState: t
|
|
170
|
+
}) => t.fullWidth,
|
|
171
171
|
style: {
|
|
172
172
|
flexShrink: 1,
|
|
173
173
|
flexGrow: 1,
|
|
@@ -176,15 +176,15 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
176
176
|
}
|
|
177
177
|
}, {
|
|
178
178
|
props: ({
|
|
179
|
-
ownerState:
|
|
180
|
-
}) =>
|
|
179
|
+
ownerState: t
|
|
180
|
+
}) => t.wrapped,
|
|
181
181
|
style: {
|
|
182
|
-
fontSize:
|
|
182
|
+
fontSize: e.typography.pxToRem(12)
|
|
183
183
|
}
|
|
184
184
|
}]
|
|
185
|
-
}))),
|
|
186
|
-
const d =
|
|
187
|
-
props:
|
|
185
|
+
}))), uo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
186
|
+
const d = ht({
|
|
187
|
+
props: t,
|
|
188
188
|
name: "MuiTab"
|
|
189
189
|
}), {
|
|
190
190
|
className: i,
|
|
@@ -207,7 +207,7 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
207
207
|
// eslint-disable-next-line react/prop-types
|
|
208
208
|
textColor: L = "inherit",
|
|
209
209
|
value: M,
|
|
210
|
-
wrapped:
|
|
210
|
+
wrapped: nt = !1,
|
|
211
211
|
...H
|
|
212
212
|
} = d, U = {
|
|
213
213
|
...d,
|
|
@@ -219,15 +219,15 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
219
219
|
label: !!y,
|
|
220
220
|
fullWidth: h,
|
|
221
221
|
textColor: L,
|
|
222
|
-
wrapped:
|
|
223
|
-
}, V =
|
|
222
|
+
wrapped: nt
|
|
223
|
+
}, V = io(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
|
|
224
224
|
className: W(V.icon, f.props.className)
|
|
225
225
|
}) : f, G = (R) => {
|
|
226
226
|
!I && m && m(R, M), C && C(R);
|
|
227
227
|
}, N = (R) => {
|
|
228
228
|
g && !I && m && m(R, M), k && k(R);
|
|
229
229
|
};
|
|
230
|
-
return /* @__PURE__ */ q(
|
|
230
|
+
return /* @__PURE__ */ q(co, {
|
|
231
231
|
focusRipple: !b,
|
|
232
232
|
className: W(V.root, i),
|
|
233
233
|
ref: l,
|
|
@@ -246,7 +246,7 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
246
246
|
}), v]
|
|
247
247
|
});
|
|
248
248
|
});
|
|
249
|
-
process.env.NODE_ENV !== "production" && (
|
|
249
|
+
process.env.NODE_ENV !== "production" && (uo.propTypes = {
|
|
250
250
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
251
251
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
252
252
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -255,25 +255,25 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
|
255
255
|
* This prop isn't supported.
|
|
256
256
|
* Use the `component` prop if you need to change the children structure.
|
|
257
257
|
*/
|
|
258
|
-
children:
|
|
258
|
+
children: eo,
|
|
259
259
|
/**
|
|
260
260
|
* Override or extend the styles applied to the component.
|
|
261
261
|
*/
|
|
262
|
-
classes:
|
|
262
|
+
classes: o.object,
|
|
263
263
|
/**
|
|
264
264
|
* @ignore
|
|
265
265
|
*/
|
|
266
|
-
className:
|
|
266
|
+
className: o.string,
|
|
267
267
|
/**
|
|
268
268
|
* If `true`, the component is disabled.
|
|
269
269
|
* @default false
|
|
270
270
|
*/
|
|
271
|
-
disabled:
|
|
271
|
+
disabled: o.bool,
|
|
272
272
|
/**
|
|
273
273
|
* If `true`, the keyboard focus ripple is disabled.
|
|
274
274
|
* @default false
|
|
275
275
|
*/
|
|
276
|
-
disableFocusRipple:
|
|
276
|
+
disableFocusRipple: o.bool,
|
|
277
277
|
/**
|
|
278
278
|
* If `true`, the ripple effect is disabled.
|
|
279
279
|
*
|
|
@@ -281,64 +281,64 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
|
281
281
|
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
282
282
|
* @default false
|
|
283
283
|
*/
|
|
284
|
-
disableRipple:
|
|
284
|
+
disableRipple: o.bool,
|
|
285
285
|
/**
|
|
286
286
|
* The icon to display.
|
|
287
287
|
*/
|
|
288
|
-
icon:
|
|
288
|
+
icon: o.oneOfType([o.element, o.string]),
|
|
289
289
|
/**
|
|
290
290
|
* The position of the icon relative to the label.
|
|
291
291
|
* @default 'top'
|
|
292
292
|
*/
|
|
293
|
-
iconPosition:
|
|
293
|
+
iconPosition: o.oneOf(["bottom", "end", "start", "top"]),
|
|
294
294
|
/**
|
|
295
295
|
* The label element.
|
|
296
296
|
*/
|
|
297
|
-
label:
|
|
297
|
+
label: o.node,
|
|
298
298
|
/**
|
|
299
299
|
* @ignore
|
|
300
300
|
*/
|
|
301
|
-
onChange:
|
|
301
|
+
onChange: o.func,
|
|
302
302
|
/**
|
|
303
303
|
* @ignore
|
|
304
304
|
*/
|
|
305
|
-
onClick:
|
|
305
|
+
onClick: o.func,
|
|
306
306
|
/**
|
|
307
307
|
* @ignore
|
|
308
308
|
*/
|
|
309
|
-
onFocus:
|
|
309
|
+
onFocus: o.func,
|
|
310
310
|
/**
|
|
311
311
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
312
312
|
*/
|
|
313
|
-
sx:
|
|
313
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
|
|
314
314
|
/**
|
|
315
315
|
* You can provide your own value. Otherwise, we fallback to the child position index.
|
|
316
316
|
*/
|
|
317
|
-
value:
|
|
317
|
+
value: o.any,
|
|
318
318
|
/**
|
|
319
319
|
* Tab labels appear in a single row.
|
|
320
320
|
* They can use a second line if needed.
|
|
321
321
|
* @default false
|
|
322
322
|
*/
|
|
323
|
-
wrapped:
|
|
323
|
+
wrapped: o.bool
|
|
324
324
|
});
|
|
325
|
-
const
|
|
325
|
+
const po = At(/* @__PURE__ */ x("path", {
|
|
326
326
|
d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
|
|
327
|
-
}), "KeyboardArrowLeft"),
|
|
327
|
+
}), "KeyboardArrowLeft"), fo = At(/* @__PURE__ */ x("path", {
|
|
328
328
|
d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
|
|
329
329
|
}), "KeyboardArrowRight");
|
|
330
|
-
function
|
|
331
|
-
return (1 + Math.sin(Math.PI *
|
|
330
|
+
function bo(e) {
|
|
331
|
+
return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
|
|
332
332
|
}
|
|
333
|
-
function
|
|
333
|
+
function ho(e, t, l, d = {}, i = () => {
|
|
334
334
|
}) {
|
|
335
335
|
const {
|
|
336
|
-
ease: u =
|
|
336
|
+
ease: u = bo,
|
|
337
337
|
duration: b = 300
|
|
338
338
|
// standard
|
|
339
339
|
} = d;
|
|
340
340
|
let h = null;
|
|
341
|
-
const f = e
|
|
341
|
+
const f = t[e];
|
|
342
342
|
let S = !1;
|
|
343
343
|
const v = () => {
|
|
344
344
|
S = !0;
|
|
@@ -349,7 +349,7 @@ function bt(o, e, l, d = {}, i = () => {
|
|
|
349
349
|
}
|
|
350
350
|
h === null && (h = m);
|
|
351
351
|
const C = Math.min(1, (m - h) / b);
|
|
352
|
-
if (e
|
|
352
|
+
if (t[e] = u(C) * (l - f) + f, C >= 1) {
|
|
353
353
|
requestAnimationFrame(() => {
|
|
354
354
|
i(null);
|
|
355
355
|
});
|
|
@@ -359,65 +359,65 @@ function bt(o, e, l, d = {}, i = () => {
|
|
|
359
359
|
};
|
|
360
360
|
return f === l ? (i(new Error("Element already at target position")), v) : (requestAnimationFrame(y), v);
|
|
361
361
|
}
|
|
362
|
-
const
|
|
362
|
+
const mo = {
|
|
363
363
|
width: 99,
|
|
364
364
|
height: 99,
|
|
365
365
|
position: "absolute",
|
|
366
366
|
top: -9999,
|
|
367
367
|
overflow: "scroll"
|
|
368
368
|
};
|
|
369
|
-
function
|
|
369
|
+
function Ft(e) {
|
|
370
370
|
const {
|
|
371
|
-
onChange:
|
|
371
|
+
onChange: t,
|
|
372
372
|
...l
|
|
373
|
-
} =
|
|
373
|
+
} = e, d = c.useRef(), i = c.useRef(null), u = () => {
|
|
374
374
|
d.current = i.current.offsetHeight - i.current.clientHeight;
|
|
375
375
|
};
|
|
376
|
-
return
|
|
377
|
-
const b =
|
|
376
|
+
return no(() => {
|
|
377
|
+
const b = Dt(() => {
|
|
378
378
|
const f = d.current;
|
|
379
|
-
u(), f !== d.current &&
|
|
380
|
-
}), h =
|
|
379
|
+
u(), f !== d.current && t(d.current);
|
|
380
|
+
}), h = $t(i.current);
|
|
381
381
|
return h.addEventListener("resize", b), () => {
|
|
382
382
|
b.clear(), h.removeEventListener("resize", b);
|
|
383
383
|
};
|
|
384
|
-
}, [
|
|
385
|
-
u(),
|
|
386
|
-
}, [
|
|
387
|
-
style:
|
|
384
|
+
}, [t]), c.useEffect(() => {
|
|
385
|
+
u(), t(d.current);
|
|
386
|
+
}, [t]), /* @__PURE__ */ x("div", {
|
|
387
|
+
style: mo,
|
|
388
388
|
...l,
|
|
389
389
|
ref: i
|
|
390
390
|
});
|
|
391
391
|
}
|
|
392
|
-
process.env.NODE_ENV !== "production" && (
|
|
393
|
-
onChange:
|
|
392
|
+
process.env.NODE_ENV !== "production" && (Ft.propTypes = {
|
|
393
|
+
onChange: o.func.isRequired
|
|
394
394
|
});
|
|
395
|
-
function
|
|
396
|
-
return
|
|
395
|
+
function So(e) {
|
|
396
|
+
return ft("MuiTabScrollButton", e);
|
|
397
397
|
}
|
|
398
|
-
const
|
|
398
|
+
const vo = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), yo = (e) => {
|
|
399
399
|
const {
|
|
400
|
-
classes:
|
|
400
|
+
classes: t,
|
|
401
401
|
orientation: l,
|
|
402
402
|
disabled: d
|
|
403
|
-
} =
|
|
404
|
-
return
|
|
403
|
+
} = e;
|
|
404
|
+
return mt({
|
|
405
405
|
root: ["root", l, d && "disabled"]
|
|
406
|
-
},
|
|
407
|
-
},
|
|
406
|
+
}, So, t);
|
|
407
|
+
}, go = j(kt, {
|
|
408
408
|
name: "MuiTabScrollButton",
|
|
409
409
|
slot: "Root",
|
|
410
|
-
overridesResolver: (
|
|
410
|
+
overridesResolver: (e, t) => {
|
|
411
411
|
const {
|
|
412
412
|
ownerState: l
|
|
413
|
-
} =
|
|
414
|
-
return [
|
|
413
|
+
} = e;
|
|
414
|
+
return [t.root, l.orientation && t[l.orientation]];
|
|
415
415
|
}
|
|
416
416
|
})({
|
|
417
417
|
width: 40,
|
|
418
418
|
flexShrink: 0,
|
|
419
419
|
opacity: 0.8,
|
|
420
|
-
[`&.${
|
|
420
|
+
[`&.${vo.disabled}`]: {
|
|
421
421
|
opacity: 0
|
|
422
422
|
},
|
|
423
423
|
variants: [{
|
|
@@ -432,9 +432,9 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
}]
|
|
435
|
-
}),
|
|
436
|
-
const d =
|
|
437
|
-
props:
|
|
435
|
+
}), jt = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
436
|
+
const d = ht({
|
|
437
|
+
props: t,
|
|
438
438
|
name: "MuiTabScrollButton"
|
|
439
439
|
}), {
|
|
440
440
|
className: i,
|
|
@@ -444,17 +444,17 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
444
444
|
orientation: f,
|
|
445
445
|
disabled: S,
|
|
446
446
|
...v
|
|
447
|
-
} = d, y =
|
|
447
|
+
} = d, y = zt(), m = {
|
|
448
448
|
isRtl: y,
|
|
449
449
|
...d
|
|
450
|
-
}, C =
|
|
450
|
+
}, C = yo(m), k = u.StartScrollButtonIcon ?? po, I = u.EndScrollButtonIcon ?? fo, g = rt({
|
|
451
451
|
elementType: k,
|
|
452
452
|
externalSlotProps: b.startScrollButtonIcon,
|
|
453
453
|
additionalProps: {
|
|
454
454
|
fontSize: "small"
|
|
455
455
|
},
|
|
456
456
|
ownerState: m
|
|
457
|
-
}), L =
|
|
457
|
+
}), L = rt({
|
|
458
458
|
elementType: I,
|
|
459
459
|
externalSlotProps: b.endScrollButtonIcon,
|
|
460
460
|
additionalProps: {
|
|
@@ -462,7 +462,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
462
462
|
},
|
|
463
463
|
ownerState: m
|
|
464
464
|
});
|
|
465
|
-
return /* @__PURE__ */ x(
|
|
465
|
+
return /* @__PURE__ */ x(go, {
|
|
466
466
|
component: "div",
|
|
467
467
|
className: W(C.root, i),
|
|
468
468
|
ref: l,
|
|
@@ -483,7 +483,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
483
483
|
})
|
|
484
484
|
});
|
|
485
485
|
});
|
|
486
|
-
process.env.NODE_ENV !== "production" && (
|
|
486
|
+
process.env.NODE_ENV !== "production" && (jt.propTypes = {
|
|
487
487
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
488
488
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
489
489
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -491,76 +491,76 @@ process.env.NODE_ENV !== "production" && (je.propTypes = {
|
|
|
491
491
|
/**
|
|
492
492
|
* The content of the component.
|
|
493
493
|
*/
|
|
494
|
-
children:
|
|
494
|
+
children: o.node,
|
|
495
495
|
/**
|
|
496
496
|
* Override or extend the styles applied to the component.
|
|
497
497
|
*/
|
|
498
|
-
classes:
|
|
498
|
+
classes: o.object,
|
|
499
499
|
/**
|
|
500
500
|
* @ignore
|
|
501
501
|
*/
|
|
502
|
-
className:
|
|
502
|
+
className: o.string,
|
|
503
503
|
/**
|
|
504
504
|
* The direction the button should indicate.
|
|
505
505
|
*/
|
|
506
|
-
direction:
|
|
506
|
+
direction: o.oneOf(["left", "right"]).isRequired,
|
|
507
507
|
/**
|
|
508
508
|
* If `true`, the component is disabled.
|
|
509
509
|
* @default false
|
|
510
510
|
*/
|
|
511
|
-
disabled:
|
|
511
|
+
disabled: o.bool,
|
|
512
512
|
/**
|
|
513
513
|
* The component orientation (layout flow direction).
|
|
514
514
|
*/
|
|
515
|
-
orientation:
|
|
515
|
+
orientation: o.oneOf(["horizontal", "vertical"]).isRequired,
|
|
516
516
|
/**
|
|
517
517
|
* The extra props for the slot components.
|
|
518
518
|
* You can override the existing props or add new ones.
|
|
519
519
|
* @default {}
|
|
520
520
|
*/
|
|
521
|
-
slotProps:
|
|
522
|
-
endScrollButtonIcon:
|
|
523
|
-
startScrollButtonIcon:
|
|
521
|
+
slotProps: o.shape({
|
|
522
|
+
endScrollButtonIcon: o.oneOfType([o.func, o.object]),
|
|
523
|
+
startScrollButtonIcon: o.oneOfType([o.func, o.object])
|
|
524
524
|
}),
|
|
525
525
|
/**
|
|
526
526
|
* The components used for each slot inside.
|
|
527
527
|
* @default {}
|
|
528
528
|
*/
|
|
529
|
-
slots:
|
|
530
|
-
EndScrollButtonIcon:
|
|
531
|
-
StartScrollButtonIcon:
|
|
529
|
+
slots: o.shape({
|
|
530
|
+
EndScrollButtonIcon: o.elementType,
|
|
531
|
+
StartScrollButtonIcon: o.elementType
|
|
532
532
|
}),
|
|
533
533
|
/**
|
|
534
534
|
* @ignore
|
|
535
535
|
*/
|
|
536
|
-
style:
|
|
536
|
+
style: o.object,
|
|
537
537
|
/**
|
|
538
538
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
539
539
|
*/
|
|
540
|
-
sx:
|
|
540
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
541
541
|
});
|
|
542
|
-
function
|
|
543
|
-
return
|
|
542
|
+
function To(e) {
|
|
543
|
+
return ft("MuiTabs", e);
|
|
544
544
|
}
|
|
545
|
-
const
|
|
546
|
-
let d = !1, i = l(
|
|
545
|
+
const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Rt = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Ot = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, et = (e, t, l) => {
|
|
546
|
+
let d = !1, i = l(e, t);
|
|
547
547
|
for (; i; ) {
|
|
548
|
-
if (i ===
|
|
548
|
+
if (i === e.firstChild) {
|
|
549
549
|
if (d)
|
|
550
550
|
return;
|
|
551
551
|
d = !0;
|
|
552
552
|
}
|
|
553
553
|
const u = i.disabled || i.getAttribute("aria-disabled") === "true";
|
|
554
554
|
if (!i.hasAttribute("tabindex") || u)
|
|
555
|
-
i = l(
|
|
555
|
+
i = l(e, i);
|
|
556
556
|
else {
|
|
557
557
|
i.focus();
|
|
558
558
|
return;
|
|
559
559
|
}
|
|
560
560
|
}
|
|
561
|
-
},
|
|
561
|
+
}, wo = (e) => {
|
|
562
562
|
const {
|
|
563
|
-
vertical:
|
|
563
|
+
vertical: t,
|
|
564
564
|
fixed: l,
|
|
565
565
|
hideScrollbar: d,
|
|
566
566
|
scrollableX: i,
|
|
@@ -568,31 +568,31 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
568
568
|
centered: b,
|
|
569
569
|
scrollButtonsHideMobile: h,
|
|
570
570
|
classes: f
|
|
571
|
-
} =
|
|
572
|
-
return
|
|
573
|
-
root: ["root",
|
|
571
|
+
} = e;
|
|
572
|
+
return mt({
|
|
573
|
+
root: ["root", t && "vertical"],
|
|
574
574
|
scroller: ["scroller", l && "fixed", d && "hideScrollbar", i && "scrollableX", u && "scrollableY"],
|
|
575
|
-
flexContainer: ["flexContainer",
|
|
575
|
+
flexContainer: ["flexContainer", t && "flexContainerVertical", b && "centered"],
|
|
576
576
|
indicator: ["indicator"],
|
|
577
577
|
scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
|
|
578
578
|
scrollableX: [i && "scrollableX"],
|
|
579
579
|
hideScrollbar: [d && "hideScrollbar"]
|
|
580
|
-
},
|
|
581
|
-
},
|
|
580
|
+
}, To, f);
|
|
581
|
+
}, Bo = j("div", {
|
|
582
582
|
name: "MuiTabs",
|
|
583
583
|
slot: "Root",
|
|
584
|
-
overridesResolver: (
|
|
584
|
+
overridesResolver: (e, t) => {
|
|
585
585
|
const {
|
|
586
586
|
ownerState: l
|
|
587
|
-
} =
|
|
587
|
+
} = e;
|
|
588
588
|
return [{
|
|
589
|
-
[`& .${
|
|
589
|
+
[`& .${ut.scrollButtons}`]: t.scrollButtons
|
|
590
590
|
}, {
|
|
591
|
-
[`& .${
|
|
592
|
-
},
|
|
591
|
+
[`& .${ut.scrollButtons}`]: l.scrollButtonsHideMobile && t.scrollButtonsHideMobile
|
|
592
|
+
}, t.root, l.vertical && t.vertical];
|
|
593
593
|
}
|
|
594
|
-
})(
|
|
595
|
-
theme:
|
|
594
|
+
})(bt(({
|
|
595
|
+
theme: e
|
|
596
596
|
}) => ({
|
|
597
597
|
overflow: "hidden",
|
|
598
598
|
minHeight: 48,
|
|
@@ -601,31 +601,31 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
601
601
|
display: "flex",
|
|
602
602
|
variants: [{
|
|
603
603
|
props: ({
|
|
604
|
-
ownerState:
|
|
605
|
-
}) =>
|
|
604
|
+
ownerState: t
|
|
605
|
+
}) => t.vertical,
|
|
606
606
|
style: {
|
|
607
607
|
flexDirection: "column"
|
|
608
608
|
}
|
|
609
609
|
}, {
|
|
610
610
|
props: ({
|
|
611
|
-
ownerState:
|
|
612
|
-
}) =>
|
|
611
|
+
ownerState: t
|
|
612
|
+
}) => t.scrollButtonsHideMobile,
|
|
613
613
|
style: {
|
|
614
|
-
[`& .${
|
|
615
|
-
[
|
|
614
|
+
[`& .${ut.scrollButtons}`]: {
|
|
615
|
+
[e.breakpoints.down("sm")]: {
|
|
616
616
|
display: "none"
|
|
617
617
|
}
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
620
|
}]
|
|
621
|
-
}))),
|
|
621
|
+
}))), xo = j("div", {
|
|
622
622
|
name: "MuiTabs",
|
|
623
623
|
slot: "Scroller",
|
|
624
|
-
overridesResolver: (
|
|
624
|
+
overridesResolver: (e, t) => {
|
|
625
625
|
const {
|
|
626
626
|
ownerState: l
|
|
627
|
-
} =
|
|
628
|
-
return [
|
|
627
|
+
} = e;
|
|
628
|
+
return [t.scroller, l.fixed && t.fixed, l.hideScrollbar && t.hideScrollbar, l.scrollableX && t.scrollableX, l.scrollableY && t.scrollableY];
|
|
629
629
|
}
|
|
630
630
|
})({
|
|
631
631
|
position: "relative",
|
|
@@ -634,16 +634,16 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
634
634
|
whiteSpace: "nowrap",
|
|
635
635
|
variants: [{
|
|
636
636
|
props: ({
|
|
637
|
-
ownerState:
|
|
638
|
-
}) =>
|
|
637
|
+
ownerState: e
|
|
638
|
+
}) => e.fixed,
|
|
639
639
|
style: {
|
|
640
640
|
overflowX: "hidden",
|
|
641
641
|
width: "100%"
|
|
642
642
|
}
|
|
643
643
|
}, {
|
|
644
644
|
props: ({
|
|
645
|
-
ownerState:
|
|
646
|
-
}) =>
|
|
645
|
+
ownerState: e
|
|
646
|
+
}) => e.hideScrollbar,
|
|
647
647
|
style: {
|
|
648
648
|
// Hide dimensionless scrollbar on macOS
|
|
649
649
|
scrollbarWidth: "none",
|
|
@@ -655,84 +655,84 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
655
655
|
}
|
|
656
656
|
}, {
|
|
657
657
|
props: ({
|
|
658
|
-
ownerState:
|
|
659
|
-
}) =>
|
|
658
|
+
ownerState: e
|
|
659
|
+
}) => e.scrollableX,
|
|
660
660
|
style: {
|
|
661
661
|
overflowX: "auto",
|
|
662
662
|
overflowY: "hidden"
|
|
663
663
|
}
|
|
664
664
|
}, {
|
|
665
665
|
props: ({
|
|
666
|
-
ownerState:
|
|
667
|
-
}) =>
|
|
666
|
+
ownerState: e
|
|
667
|
+
}) => e.scrollableY,
|
|
668
668
|
style: {
|
|
669
669
|
overflowY: "auto",
|
|
670
670
|
overflowX: "hidden"
|
|
671
671
|
}
|
|
672
672
|
}]
|
|
673
|
-
}),
|
|
673
|
+
}), Co = j("div", {
|
|
674
674
|
name: "MuiTabs",
|
|
675
675
|
slot: "FlexContainer",
|
|
676
|
-
overridesResolver: (
|
|
676
|
+
overridesResolver: (e, t) => {
|
|
677
677
|
const {
|
|
678
678
|
ownerState: l
|
|
679
|
-
} =
|
|
680
|
-
return [
|
|
679
|
+
} = e;
|
|
680
|
+
return [t.flexContainer, l.vertical && t.flexContainerVertical, l.centered && t.centered];
|
|
681
681
|
}
|
|
682
682
|
})({
|
|
683
683
|
display: "flex",
|
|
684
684
|
variants: [{
|
|
685
685
|
props: ({
|
|
686
|
-
ownerState:
|
|
687
|
-
}) =>
|
|
686
|
+
ownerState: e
|
|
687
|
+
}) => e.vertical,
|
|
688
688
|
style: {
|
|
689
689
|
flexDirection: "column"
|
|
690
690
|
}
|
|
691
691
|
}, {
|
|
692
692
|
props: ({
|
|
693
|
-
ownerState:
|
|
694
|
-
}) =>
|
|
693
|
+
ownerState: e
|
|
694
|
+
}) => e.centered,
|
|
695
695
|
style: {
|
|
696
696
|
justifyContent: "center"
|
|
697
697
|
}
|
|
698
698
|
}]
|
|
699
|
-
}),
|
|
699
|
+
}), Io = j("span", {
|
|
700
700
|
name: "MuiTabs",
|
|
701
701
|
slot: "Indicator",
|
|
702
|
-
overridesResolver: (
|
|
703
|
-
})(
|
|
704
|
-
theme:
|
|
702
|
+
overridesResolver: (e, t) => t.indicator
|
|
703
|
+
})(bt(({
|
|
704
|
+
theme: e
|
|
705
705
|
}) => ({
|
|
706
706
|
position: "absolute",
|
|
707
707
|
height: 2,
|
|
708
708
|
bottom: 0,
|
|
709
709
|
width: "100%",
|
|
710
|
-
transition:
|
|
710
|
+
transition: e.transitions.create(),
|
|
711
711
|
variants: [{
|
|
712
712
|
props: {
|
|
713
713
|
indicatorColor: "primary"
|
|
714
714
|
},
|
|
715
715
|
style: {
|
|
716
|
-
backgroundColor: (
|
|
716
|
+
backgroundColor: (e.vars || e).palette.primary.main
|
|
717
717
|
}
|
|
718
718
|
}, {
|
|
719
719
|
props: {
|
|
720
720
|
indicatorColor: "secondary"
|
|
721
721
|
},
|
|
722
722
|
style: {
|
|
723
|
-
backgroundColor: (
|
|
723
|
+
backgroundColor: (e.vars || e).palette.secondary.main
|
|
724
724
|
}
|
|
725
725
|
}, {
|
|
726
726
|
props: ({
|
|
727
|
-
ownerState:
|
|
728
|
-
}) =>
|
|
727
|
+
ownerState: t
|
|
728
|
+
}) => t.vertical,
|
|
729
729
|
style: {
|
|
730
730
|
height: "100%",
|
|
731
731
|
width: 2,
|
|
732
732
|
right: 0
|
|
733
733
|
}
|
|
734
734
|
}]
|
|
735
|
-
}))),
|
|
735
|
+
}))), Eo = j(Ft)({
|
|
736
736
|
overflowX: "auto",
|
|
737
737
|
overflowY: "hidden",
|
|
738
738
|
// Hide dimensionless scrollbar on macOS
|
|
@@ -742,13 +742,13 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
742
742
|
display: "none"
|
|
743
743
|
// Safari + Chrome
|
|
744
744
|
}
|
|
745
|
-
}),
|
|
746
|
-
let
|
|
747
|
-
const
|
|
748
|
-
const d =
|
|
749
|
-
props:
|
|
745
|
+
}), Nt = {};
|
|
746
|
+
let Pt = !1;
|
|
747
|
+
const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
748
|
+
const d = ht({
|
|
749
|
+
props: t,
|
|
750
750
|
name: "MuiTabs"
|
|
751
|
-
}), i =
|
|
751
|
+
}), i = ro(), u = zt(), {
|
|
752
752
|
"aria-label": b,
|
|
753
753
|
"aria-labelledby": h,
|
|
754
754
|
action: f,
|
|
@@ -760,9 +760,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
760
760
|
indicatorColor: k = "primary",
|
|
761
761
|
onChange: I,
|
|
762
762
|
orientation: g = "horizontal",
|
|
763
|
-
ScrollButtonComponent: L =
|
|
763
|
+
ScrollButtonComponent: L = jt,
|
|
764
764
|
scrollButtons: M = "auto",
|
|
765
|
-
selectionFollowsFocus:
|
|
765
|
+
selectionFollowsFocus: nt,
|
|
766
766
|
slots: H = {},
|
|
767
767
|
slotProps: U = {},
|
|
768
768
|
TabIndicatorProps: V = {},
|
|
@@ -770,9 +770,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
770
770
|
textColor: G = "primary",
|
|
771
771
|
value: N,
|
|
772
772
|
variant: R = "standard",
|
|
773
|
-
visibleScrollbar:
|
|
774
|
-
...
|
|
775
|
-
} = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", Z = B ? "top" : "left", J = B ? "bottom" : "right",
|
|
773
|
+
visibleScrollbar: lt = !1,
|
|
774
|
+
...Lt
|
|
775
|
+
} = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", Z = B ? "top" : "left", J = B ? "bottom" : "right", st = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", D = {
|
|
776
776
|
...d,
|
|
777
777
|
component: m,
|
|
778
778
|
allowScrollButtonsMobile: C,
|
|
@@ -782,27 +782,27 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
782
782
|
scrollButtons: M,
|
|
783
783
|
textColor: G,
|
|
784
784
|
variant: R,
|
|
785
|
-
visibleScrollbar:
|
|
785
|
+
visibleScrollbar: lt,
|
|
786
786
|
fixed: !w,
|
|
787
|
-
hideScrollbar: w && !
|
|
787
|
+
hideScrollbar: w && !lt,
|
|
788
788
|
scrollableX: w && !B,
|
|
789
789
|
scrollableY: w && B,
|
|
790
790
|
centered: S && !w,
|
|
791
791
|
scrollButtonsHideMobile: !C
|
|
792
|
-
}, P =
|
|
792
|
+
}, P = wo(D), Ht = rt({
|
|
793
793
|
elementType: H.StartScrollButtonIcon,
|
|
794
794
|
externalSlotProps: U.startScrollButtonIcon,
|
|
795
795
|
ownerState: D
|
|
796
|
-
}),
|
|
796
|
+
}), Vt = rt({
|
|
797
797
|
elementType: H.EndScrollButtonIcon,
|
|
798
798
|
externalSlotProps: U.endScrollButtonIcon,
|
|
799
799
|
ownerState: D
|
|
800
800
|
});
|
|
801
801
|
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.');
|
|
802
|
-
const [
|
|
802
|
+
const [St, Ut] = c.useState(!1), [$, vt] = c.useState(Nt), [yt, Xt] = c.useState(!1), [gt, Yt] = c.useState(!1), [Tt, Kt] = c.useState(!1), [wt, _t] = c.useState({
|
|
803
803
|
overflow: "hidden",
|
|
804
804
|
scrollbarWidth: 0
|
|
805
|
-
}), Q = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null),
|
|
805
|
+
}), Q = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Bt = () => {
|
|
806
806
|
const r = O.current;
|
|
807
807
|
let n;
|
|
808
808
|
if (r) {
|
|
@@ -824,20 +824,20 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
824
824
|
if (a.length > 0) {
|
|
825
825
|
const p = a[Q.get(N)];
|
|
826
826
|
process.env.NODE_ENV !== "production" && (p || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${N}".`, Q.keys ? `You can provide one of the following values: ${Array.from(Q.keys()).join(", ")}.` : null].join(`
|
|
827
|
-
`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !
|
|
827
|
+
`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Pt && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
|
|
828
828
|
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(`
|
|
829
|
-
`)),
|
|
829
|
+
`)), Pt = !0);
|
|
830
830
|
}
|
|
831
831
|
}
|
|
832
832
|
return {
|
|
833
833
|
tabsMeta: n,
|
|
834
834
|
tabMeta: s
|
|
835
835
|
};
|
|
836
|
-
}, K =
|
|
836
|
+
}, K = dt(() => {
|
|
837
837
|
const {
|
|
838
838
|
tabsMeta: r,
|
|
839
839
|
tabMeta: n
|
|
840
|
-
} =
|
|
840
|
+
} = Bt();
|
|
841
841
|
let s = 0, a;
|
|
842
842
|
B ? (a = "top", n && r && (s = n.top - r.top + r.scrollTop)) : (a = u ? "right" : "left", n && r && (s = (u ? -1 : 1) * (n[a] - r[a] + r.scrollLeft)));
|
|
843
843
|
const p = {
|
|
@@ -846,60 +846,60 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
846
846
|
[Y]: n ? n[Y] : 0
|
|
847
847
|
};
|
|
848
848
|
if (typeof $[a] != "number" || typeof $[Y] != "number")
|
|
849
|
-
|
|
849
|
+
vt(p);
|
|
850
850
|
else {
|
|
851
851
|
const E = Math.abs($[a] - p[a]), F = Math.abs($[Y] - p[Y]);
|
|
852
|
-
(E >= 1 || F >= 1) &&
|
|
852
|
+
(E >= 1 || F >= 1) && vt(p);
|
|
853
853
|
}
|
|
854
|
-
}),
|
|
854
|
+
}), at = (r, {
|
|
855
855
|
animation: n = !0
|
|
856
856
|
} = {}) => {
|
|
857
|
-
n ?
|
|
857
|
+
n ? ho(X, O.current, r, {
|
|
858
858
|
duration: i.transitions.duration.standard
|
|
859
859
|
}) : O.current[X] = r;
|
|
860
|
-
},
|
|
860
|
+
}, xt = (r) => {
|
|
861
861
|
let n = O.current[X];
|
|
862
|
-
B ? n += r : n += r * (u ? -1 : 1),
|
|
863
|
-
},
|
|
864
|
-
const r = O.current[
|
|
862
|
+
B ? n += r : n += r * (u ? -1 : 1), at(n);
|
|
863
|
+
}, Ct = () => {
|
|
864
|
+
const r = O.current[st];
|
|
865
865
|
let n = 0;
|
|
866
866
|
const s = Array.from(A.current.children);
|
|
867
867
|
for (let a = 0; a < s.length; a += 1) {
|
|
868
868
|
const p = s[a];
|
|
869
|
-
if (n + p[
|
|
869
|
+
if (n + p[st] > r) {
|
|
870
870
|
a === 0 && (n = r);
|
|
871
871
|
break;
|
|
872
872
|
}
|
|
873
|
-
n += p[
|
|
873
|
+
n += p[st];
|
|
874
874
|
}
|
|
875
875
|
return n;
|
|
876
|
-
},
|
|
877
|
-
|
|
878
|
-
},
|
|
879
|
-
|
|
880
|
-
},
|
|
881
|
-
|
|
876
|
+
}, qt = () => {
|
|
877
|
+
xt(-1 * Ct());
|
|
878
|
+
}, Gt = () => {
|
|
879
|
+
xt(Ct());
|
|
880
|
+
}, Zt = c.useCallback((r) => {
|
|
881
|
+
_t({
|
|
882
882
|
overflow: null,
|
|
883
883
|
scrollbarWidth: r
|
|
884
884
|
});
|
|
885
|
-
}, []),
|
|
885
|
+
}, []), Jt = () => {
|
|
886
886
|
const r = {};
|
|
887
|
-
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(
|
|
888
|
-
onChange:
|
|
887
|
+
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(Eo, {
|
|
888
|
+
onChange: Zt,
|
|
889
889
|
className: W(P.scrollableX, P.hideScrollbar)
|
|
890
890
|
}) : null;
|
|
891
|
-
const s = w && (M === "auto" && (
|
|
891
|
+
const s = w && (M === "auto" && (yt || gt) || M === !0);
|
|
892
892
|
return r.scrollButtonStart = s ? /* @__PURE__ */ x(L, {
|
|
893
893
|
slots: {
|
|
894
894
|
StartScrollButtonIcon: H.StartScrollButtonIcon
|
|
895
895
|
},
|
|
896
896
|
slotProps: {
|
|
897
|
-
startScrollButtonIcon:
|
|
897
|
+
startScrollButtonIcon: Ht
|
|
898
898
|
},
|
|
899
899
|
orientation: g,
|
|
900
900
|
direction: u ? "right" : "left",
|
|
901
|
-
onClick:
|
|
902
|
-
disabled: !
|
|
901
|
+
onClick: qt,
|
|
902
|
+
disabled: !yt,
|
|
903
903
|
...z,
|
|
904
904
|
className: W(P.scrollButtons, z.className)
|
|
905
905
|
}) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(L, {
|
|
@@ -907,38 +907,38 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
907
907
|
EndScrollButtonIcon: H.EndScrollButtonIcon
|
|
908
908
|
},
|
|
909
909
|
slotProps: {
|
|
910
|
-
endScrollButtonIcon:
|
|
910
|
+
endScrollButtonIcon: Vt
|
|
911
911
|
},
|
|
912
912
|
orientation: g,
|
|
913
913
|
direction: u ? "left" : "right",
|
|
914
|
-
onClick:
|
|
915
|
-
disabled: !
|
|
914
|
+
onClick: Gt,
|
|
915
|
+
disabled: !gt,
|
|
916
916
|
...z,
|
|
917
917
|
className: W(P.scrollButtons, z.className)
|
|
918
918
|
}) : null, r;
|
|
919
|
-
},
|
|
919
|
+
}, It = dt((r) => {
|
|
920
920
|
const {
|
|
921
921
|
tabsMeta: n,
|
|
922
922
|
tabMeta: s
|
|
923
|
-
} =
|
|
923
|
+
} = Bt();
|
|
924
924
|
if (!(!s || !n)) {
|
|
925
925
|
if (s[Z] < n[Z]) {
|
|
926
926
|
const a = n[X] + (s[Z] - n[Z]);
|
|
927
|
-
|
|
927
|
+
at(a, {
|
|
928
928
|
animation: r
|
|
929
929
|
});
|
|
930
930
|
} else if (s[J] > n[J]) {
|
|
931
931
|
const a = n[X] + (s[J] - n[J]);
|
|
932
|
-
|
|
932
|
+
at(a, {
|
|
933
933
|
animation: r
|
|
934
934
|
});
|
|
935
935
|
}
|
|
936
936
|
}
|
|
937
|
-
}),
|
|
938
|
-
w && M !== !1 &&
|
|
937
|
+
}), tt = dt(() => {
|
|
938
|
+
w && M !== !1 && Kt(!Tt);
|
|
939
939
|
});
|
|
940
940
|
c.useEffect(() => {
|
|
941
|
-
const r =
|
|
941
|
+
const r = Dt(() => {
|
|
942
942
|
O.current && K();
|
|
943
943
|
});
|
|
944
944
|
let n;
|
|
@@ -949,8 +949,8 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
949
949
|
}), F.addedNodes.forEach((_) => {
|
|
950
950
|
n == null || n.observe(_);
|
|
951
951
|
});
|
|
952
|
-
}), r(),
|
|
953
|
-
}, a =
|
|
952
|
+
}), r(), tt();
|
|
953
|
+
}, a = $t(O.current);
|
|
954
954
|
a.addEventListener("resize", r);
|
|
955
955
|
let p;
|
|
956
956
|
return typeof ResizeObserver < "u" && (n = new ResizeObserver(r), Array.from(A.current.children).forEach((E) => {
|
|
@@ -960,34 +960,34 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
960
960
|
})), () => {
|
|
961
961
|
r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
|
|
962
962
|
};
|
|
963
|
-
}, [K,
|
|
963
|
+
}, [K, tt]), c.useEffect(() => {
|
|
964
964
|
const r = Array.from(A.current.children), n = r.length;
|
|
965
965
|
if (typeof IntersectionObserver < "u" && n > 0 && w && M !== !1) {
|
|
966
966
|
const s = r[0], a = r[n - 1], p = {
|
|
967
967
|
root: O.current,
|
|
968
968
|
threshold: 0.99
|
|
969
|
-
}, E = (
|
|
970
|
-
|
|
969
|
+
}, E = (ct) => {
|
|
970
|
+
Xt(!ct[0].isIntersecting);
|
|
971
971
|
}, F = new IntersectionObserver(E, p);
|
|
972
972
|
F.observe(s);
|
|
973
|
-
const _ = (
|
|
974
|
-
|
|
975
|
-
},
|
|
976
|
-
return
|
|
977
|
-
F.disconnect(),
|
|
973
|
+
const _ = (ct) => {
|
|
974
|
+
Yt(!ct[0].isIntersecting);
|
|
975
|
+
}, Mt = new IntersectionObserver(_, p);
|
|
976
|
+
return Mt.observe(a), () => {
|
|
977
|
+
F.disconnect(), Mt.disconnect();
|
|
978
978
|
};
|
|
979
979
|
}
|
|
980
|
-
}, [w, M,
|
|
981
|
-
|
|
980
|
+
}, [w, M, Tt, v == null ? void 0 : v.length]), c.useEffect(() => {
|
|
981
|
+
Ut(!0);
|
|
982
982
|
}, []), c.useEffect(() => {
|
|
983
983
|
K();
|
|
984
984
|
}), c.useEffect(() => {
|
|
985
|
-
|
|
986
|
-
}, [
|
|
985
|
+
It(Nt !== $);
|
|
986
|
+
}, [It, $]), c.useImperativeHandle(f, () => ({
|
|
987
987
|
updateIndicator: K,
|
|
988
|
-
updateScrollButtons:
|
|
989
|
-
}), [K,
|
|
990
|
-
const
|
|
988
|
+
updateScrollButtons: tt
|
|
989
|
+
}), [K, tt]);
|
|
990
|
+
const Et = /* @__PURE__ */ x(Io, {
|
|
991
991
|
...V,
|
|
992
992
|
className: W(P.indicator, V.className),
|
|
993
993
|
ownerState: D,
|
|
@@ -996,76 +996,76 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
996
996
|
...V.style
|
|
997
997
|
}
|
|
998
998
|
});
|
|
999
|
-
let
|
|
1000
|
-
const
|
|
999
|
+
let ot = 0;
|
|
1000
|
+
const Qt = c.Children.map(v, (r) => {
|
|
1001
1001
|
if (!/* @__PURE__ */ c.isValidElement(r))
|
|
1002
1002
|
return null;
|
|
1003
|
-
process.env.NODE_ENV !== "production" &&
|
|
1003
|
+
process.env.NODE_ENV !== "production" && oo.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
|
|
1004
1004
|
`));
|
|
1005
|
-
const n = r.props.value === void 0 ?
|
|
1006
|
-
Q.set(n,
|
|
1005
|
+
const n = r.props.value === void 0 ? ot : r.props.value;
|
|
1006
|
+
Q.set(n, ot);
|
|
1007
1007
|
const s = n === N;
|
|
1008
|
-
return
|
|
1008
|
+
return ot += 1, /* @__PURE__ */ c.cloneElement(r, {
|
|
1009
1009
|
fullWidth: R === "fullWidth",
|
|
1010
|
-
indicator: s && !
|
|
1010
|
+
indicator: s && !St && Et,
|
|
1011
1011
|
selected: s,
|
|
1012
|
-
selectionFollowsFocus:
|
|
1012
|
+
selectionFollowsFocus: nt,
|
|
1013
1013
|
onChange: I,
|
|
1014
1014
|
textColor: G,
|
|
1015
1015
|
value: n,
|
|
1016
|
-
...
|
|
1016
|
+
...ot === 1 && N === !1 && !r.props.tabIndex ? {
|
|
1017
1017
|
tabIndex: 0
|
|
1018
1018
|
} : {}
|
|
1019
1019
|
});
|
|
1020
|
-
}),
|
|
1021
|
-
const n = A.current, s =
|
|
1020
|
+
}), to = (r) => {
|
|
1021
|
+
const n = A.current, s = lo(n).activeElement;
|
|
1022
1022
|
if (s.getAttribute("role") !== "tab")
|
|
1023
1023
|
return;
|
|
1024
1024
|
let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
1025
1025
|
switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), r.key) {
|
|
1026
1026
|
case p:
|
|
1027
|
-
r.preventDefault(),
|
|
1027
|
+
r.preventDefault(), et(n, s, Ot);
|
|
1028
1028
|
break;
|
|
1029
1029
|
case E:
|
|
1030
|
-
r.preventDefault(),
|
|
1030
|
+
r.preventDefault(), et(n, s, Rt);
|
|
1031
1031
|
break;
|
|
1032
1032
|
case "Home":
|
|
1033
|
-
r.preventDefault(),
|
|
1033
|
+
r.preventDefault(), et(n, null, Rt);
|
|
1034
1034
|
break;
|
|
1035
1035
|
case "End":
|
|
1036
|
-
r.preventDefault(),
|
|
1036
|
+
r.preventDefault(), et(n, null, Ot);
|
|
1037
1037
|
break;
|
|
1038
1038
|
}
|
|
1039
|
-
},
|
|
1040
|
-
return /* @__PURE__ */ q(
|
|
1039
|
+
}, it = Jt();
|
|
1040
|
+
return /* @__PURE__ */ q(Bo, {
|
|
1041
1041
|
className: W(P.root, y),
|
|
1042
1042
|
ownerState: D,
|
|
1043
1043
|
ref: l,
|
|
1044
1044
|
as: m,
|
|
1045
|
-
...
|
|
1046
|
-
children: [
|
|
1045
|
+
...Lt,
|
|
1046
|
+
children: [it.scrollButtonStart, it.scrollbarSizeListener, /* @__PURE__ */ q(xo, {
|
|
1047
1047
|
className: P.scroller,
|
|
1048
1048
|
ownerState: D,
|
|
1049
1049
|
style: {
|
|
1050
|
-
overflow:
|
|
1051
|
-
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]:
|
|
1050
|
+
overflow: wt.overflow,
|
|
1051
|
+
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: lt ? void 0 : -wt.scrollbarWidth
|
|
1052
1052
|
},
|
|
1053
1053
|
ref: O,
|
|
1054
|
-
children: [/* @__PURE__ */ x(
|
|
1054
|
+
children: [/* @__PURE__ */ x(Co, {
|
|
1055
1055
|
"aria-label": b,
|
|
1056
1056
|
"aria-labelledby": h,
|
|
1057
1057
|
"aria-orientation": g === "vertical" ? "vertical" : null,
|
|
1058
1058
|
className: P.flexContainer,
|
|
1059
1059
|
ownerState: D,
|
|
1060
|
-
onKeyDown:
|
|
1060
|
+
onKeyDown: to,
|
|
1061
1061
|
ref: A,
|
|
1062
1062
|
role: "tablist",
|
|
1063
|
-
children:
|
|
1064
|
-
}),
|
|
1065
|
-
}),
|
|
1063
|
+
children: Qt
|
|
1064
|
+
}), St && Et]
|
|
1065
|
+
}), it.scrollButtonEnd]
|
|
1066
1066
|
});
|
|
1067
1067
|
});
|
|
1068
|
-
process.env.NODE_ENV !== "production" && (
|
|
1068
|
+
process.env.NODE_ENV !== "production" && (Mo.propTypes = {
|
|
1069
1069
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
1070
1070
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
1071
1071
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -1078,66 +1078,66 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1078
1078
|
* @param {object} actions This object contains all possible actions
|
|
1079
1079
|
* that can be triggered programmatically.
|
|
1080
1080
|
*/
|
|
1081
|
-
action:
|
|
1081
|
+
action: so,
|
|
1082
1082
|
/**
|
|
1083
1083
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
1084
1084
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
1085
1085
|
* @default false
|
|
1086
1086
|
*/
|
|
1087
|
-
allowScrollButtonsMobile:
|
|
1087
|
+
allowScrollButtonsMobile: o.bool,
|
|
1088
1088
|
/**
|
|
1089
1089
|
* The label for the Tabs as a string.
|
|
1090
1090
|
*/
|
|
1091
|
-
"aria-label":
|
|
1091
|
+
"aria-label": o.string,
|
|
1092
1092
|
/**
|
|
1093
1093
|
* An id or list of ids separated by a space that label the Tabs.
|
|
1094
1094
|
*/
|
|
1095
|
-
"aria-labelledby":
|
|
1095
|
+
"aria-labelledby": o.string,
|
|
1096
1096
|
/**
|
|
1097
1097
|
* If `true`, the tabs are centered.
|
|
1098
1098
|
* This prop is intended for large views.
|
|
1099
1099
|
* @default false
|
|
1100
1100
|
*/
|
|
1101
|
-
centered:
|
|
1101
|
+
centered: o.bool,
|
|
1102
1102
|
/**
|
|
1103
1103
|
* The content of the component.
|
|
1104
1104
|
*/
|
|
1105
|
-
children:
|
|
1105
|
+
children: o.node,
|
|
1106
1106
|
/**
|
|
1107
1107
|
* Override or extend the styles applied to the component.
|
|
1108
1108
|
*/
|
|
1109
|
-
classes:
|
|
1109
|
+
classes: o.object,
|
|
1110
1110
|
/**
|
|
1111
1111
|
* @ignore
|
|
1112
1112
|
*/
|
|
1113
|
-
className:
|
|
1113
|
+
className: o.string,
|
|
1114
1114
|
/**
|
|
1115
1115
|
* The component used for the root node.
|
|
1116
1116
|
* Either a string to use a HTML element or a component.
|
|
1117
1117
|
*/
|
|
1118
|
-
component:
|
|
1118
|
+
component: o.elementType,
|
|
1119
1119
|
/**
|
|
1120
1120
|
* Determines the color of the indicator.
|
|
1121
1121
|
* @default 'primary'
|
|
1122
1122
|
*/
|
|
1123
|
-
indicatorColor:
|
|
1123
|
+
indicatorColor: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
|
|
1124
1124
|
/**
|
|
1125
1125
|
* Callback fired when the value changes.
|
|
1126
1126
|
*
|
|
1127
1127
|
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
1128
1128
|
* @param {any} value We default to the index of the child (number)
|
|
1129
1129
|
*/
|
|
1130
|
-
onChange:
|
|
1130
|
+
onChange: o.func,
|
|
1131
1131
|
/**
|
|
1132
1132
|
* The component orientation (layout flow direction).
|
|
1133
1133
|
* @default 'horizontal'
|
|
1134
1134
|
*/
|
|
1135
|
-
orientation:
|
|
1135
|
+
orientation: o.oneOf(["horizontal", "vertical"]),
|
|
1136
1136
|
/**
|
|
1137
1137
|
* The component used to render the scroll buttons.
|
|
1138
1138
|
* @default TabScrollButton
|
|
1139
1139
|
*/
|
|
1140
|
-
ScrollButtonComponent:
|
|
1140
|
+
ScrollButtonComponent: o.elementType,
|
|
1141
1141
|
/**
|
|
1142
1142
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
1143
1143
|
*
|
|
@@ -1149,53 +1149,53 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1149
1149
|
* This behavior can be disabled with `allowScrollButtonsMobile`.
|
|
1150
1150
|
* @default 'auto'
|
|
1151
1151
|
*/
|
|
1152
|
-
scrollButtons:
|
|
1152
|
+
scrollButtons: o.oneOf(["auto", !1, !0]),
|
|
1153
1153
|
/**
|
|
1154
1154
|
* If `true` the selected tab changes on focus. Otherwise it only
|
|
1155
1155
|
* changes on activation.
|
|
1156
1156
|
*/
|
|
1157
|
-
selectionFollowsFocus:
|
|
1157
|
+
selectionFollowsFocus: o.bool,
|
|
1158
1158
|
/**
|
|
1159
1159
|
* The extra props for the slot components.
|
|
1160
1160
|
* You can override the existing props or add new ones.
|
|
1161
1161
|
* @default {}
|
|
1162
1162
|
*/
|
|
1163
|
-
slotProps:
|
|
1164
|
-
endScrollButtonIcon:
|
|
1165
|
-
startScrollButtonIcon:
|
|
1163
|
+
slotProps: o.shape({
|
|
1164
|
+
endScrollButtonIcon: o.oneOfType([o.func, o.object]),
|
|
1165
|
+
startScrollButtonIcon: o.oneOfType([o.func, o.object])
|
|
1166
1166
|
}),
|
|
1167
1167
|
/**
|
|
1168
1168
|
* The components used for each slot inside.
|
|
1169
1169
|
* @default {}
|
|
1170
1170
|
*/
|
|
1171
|
-
slots:
|
|
1172
|
-
EndScrollButtonIcon:
|
|
1173
|
-
StartScrollButtonIcon:
|
|
1171
|
+
slots: o.shape({
|
|
1172
|
+
EndScrollButtonIcon: o.elementType,
|
|
1173
|
+
StartScrollButtonIcon: o.elementType
|
|
1174
1174
|
}),
|
|
1175
1175
|
/**
|
|
1176
1176
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
1177
1177
|
*/
|
|
1178
|
-
sx:
|
|
1178
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
|
|
1179
1179
|
/**
|
|
1180
1180
|
* Props applied to the tab indicator element.
|
|
1181
1181
|
* @default {}
|
|
1182
1182
|
*/
|
|
1183
|
-
TabIndicatorProps:
|
|
1183
|
+
TabIndicatorProps: o.object,
|
|
1184
1184
|
/**
|
|
1185
1185
|
* Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
|
|
1186
1186
|
* @default {}
|
|
1187
1187
|
*/
|
|
1188
|
-
TabScrollButtonProps:
|
|
1188
|
+
TabScrollButtonProps: o.object,
|
|
1189
1189
|
/**
|
|
1190
1190
|
* Determines the color of the `Tab`.
|
|
1191
1191
|
* @default 'primary'
|
|
1192
1192
|
*/
|
|
1193
|
-
textColor:
|
|
1193
|
+
textColor: o.oneOf(["inherit", "primary", "secondary"]),
|
|
1194
1194
|
/**
|
|
1195
1195
|
* The value of the currently selected `Tab`.
|
|
1196
1196
|
* If you don't want any selected `Tab`, you can set this prop to `false`.
|
|
1197
1197
|
*/
|
|
1198
|
-
value:
|
|
1198
|
+
value: o.any,
|
|
1199
1199
|
/**
|
|
1200
1200
|
* Determines additional display behavior of the tabs:
|
|
1201
1201
|
*
|
|
@@ -1206,21 +1206,21 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1206
1206
|
* - `standard` will render the default state.
|
|
1207
1207
|
* @default 'standard'
|
|
1208
1208
|
*/
|
|
1209
|
-
variant:
|
|
1209
|
+
variant: o.oneOf(["fullWidth", "scrollable", "standard"]),
|
|
1210
1210
|
/**
|
|
1211
1211
|
* If `true`, the scrollbar is visible. It can be useful when displaying
|
|
1212
1212
|
* a long vertical list of tabs.
|
|
1213
1213
|
* @default false
|
|
1214
1214
|
*/
|
|
1215
|
-
visibleScrollbar:
|
|
1215
|
+
visibleScrollbar: o.bool
|
|
1216
1216
|
});
|
|
1217
1217
|
export {
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1218
|
+
fo as K,
|
|
1219
|
+
uo as T,
|
|
1220
|
+
Mo as a,
|
|
1221
|
+
ut as b,
|
|
1222
|
+
To as c,
|
|
1223
|
+
po as d,
|
|
1224
|
+
ao as g,
|
|
1225
1225
|
T as t
|
|
1226
1226
|
};
|