@cgi-learning-hub/ui 1.3.4-dev.1734424019 → 1.3.4-dev.1736158134
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-DqUdx8FP.cjs → Backdrop-CvufxHMY.cjs} +1 -1
- package/dist/{Backdrop-ZqzrnV2E.js → Backdrop-DcDd6WZF.js} +13 -13
- package/dist/{Box-DN_2fcm9.js → Box-Byz2BwGf.js} +10 -10
- package/dist/{Box-Be6jhcmK.cjs → Box-mP2Th61z.cjs} +1 -1
- package/dist/{Button-DWN9C3LK.cjs → Button-BH9MUvmz.cjs} +1 -1
- package/dist/{Button-BuXg1NVm.js → Button-BnNYfQ3E.js} +11 -11
- package/dist/{ButtonBase-CATwoZrn.cjs → ButtonBase-BXtyQVDC.cjs} +2 -2
- package/dist/{ButtonBase-B4zoCnjP.js → ButtonBase-DAWDecOk.js} +40 -40
- package/dist/{Card-DO4cAmNC.js → Card-AJG0TUOx.js} +3 -3
- package/dist/{Card-DsmqVSx1.cjs → Card-NqCXQteq.cjs} +1 -1
- package/dist/{Checkbox-CSvGcLhg.js → Checkbox-8Rhxpkjl.js} +21 -21
- package/dist/{Checkbox-AC2mmTnM.cjs → Checkbox-DYrDbdy1.cjs} +1 -1
- package/dist/{CircularProgress-BfbGcmHT.cjs → CircularProgress-BByrCLjv.cjs} +2 -2
- package/dist/{CircularProgress-C4xtwh4E.js → CircularProgress-Kwlef5fX.js} +4 -4
- package/dist/{DatePicker-BSISuO7V.cjs → DatePicker-7-4p3Vtj.cjs} +1 -1
- package/dist/{DatePicker-D1zlx4ZT.js → DatePicker-BS1OatwQ.js} +31 -31
- package/dist/{DefaultPropsProvider-DE-Tx_ov.cjs → DefaultPropsProvider-3KMGupjb.cjs} +3 -3
- package/dist/{DefaultPropsProvider-DUWovK-8.js → DefaultPropsProvider-CvJPQJmL.js} +16 -16
- package/dist/{Delete-DWXEW4-c.js → Delete-BkZN7Xu5.js} +1 -1
- package/dist/{Delete-CpADFuIX.cjs → Delete-D1EiKoL5.cjs} +1 -1
- package/dist/{Dialog-DPCCWdDJ.js → Dialog-D_lS4J_M.js} +8 -8
- package/dist/{Dialog-qbfcFmb5.cjs → Dialog-yOrNcHbG.cjs} +1 -1
- package/dist/{DialogContent-C8YTQP0Y.cjs → DialogContent-Dj_OjLZ6.cjs} +1 -1
- package/dist/{DialogContent-BD5Ba5iS.js → DialogContent-uc65XOEU.js} +23 -23
- package/dist/{DialogTitle-kTwRLVKr.cjs → DialogTitle-BboPDaoB.cjs} +1 -1
- package/dist/{DialogTitle-BeUT_vuo.js → DialogTitle-C8JOi-rq.js} +26 -26
- package/dist/{Divider-BjxxEFnr.cjs → Divider-CcrM3lNn.cjs} +1 -1
- package/dist/{Divider-HhF8ckeh.js → Divider-KO-E6nU8.js} +8 -8
- package/dist/{FormControlLabel-ZA6Gcb5F.cjs → FormControlLabel-Bb6Ul-qQ.cjs} +1 -1
- package/dist/{FormControlLabel-DYY-aErf.js → FormControlLabel-BmrKQtQA.js} +11 -11
- package/dist/{FormGroup-DIP4u-gv.js → FormGroup-CbczEc6e.js} +12 -12
- package/dist/{FormGroup-Ck7StJ6i.cjs → FormGroup-Y3P2AG0i.cjs} +1 -1
- package/dist/{FormLabel-X7FN1eBV.js → FormLabel-CfR4bb21.js} +4 -4
- package/dist/{FormLabel-Ch103TK-.cjs → FormLabel-D1uvEhsH.cjs} +2 -2
- package/dist/{Grow-nPgCOjxT.js → Grow-CQVPAYvp.js} +12 -12
- package/dist/{Grow-_nrtuAFM.cjs → Grow-CUBJs6WD.cjs} +1 -1
- package/dist/{IconButton-Dc15hVpw.cjs → IconButton-CJfzspZK.cjs} +1 -1
- package/dist/{IconButton-CNZSqcsf.js → IconButton-CekuyD4r.js} +9 -9
- package/dist/{InputAdornment-Cl2OaKlw.cjs → InputAdornment-Cq0WhPxF.cjs} +1 -1
- package/dist/{InputAdornment-B4hI0-Jz.js → InputAdornment-iU5YnveW.js} +12 -12
- package/dist/{InputBase-CUavnZkW.js → InputBase-BJy3wwFB.js} +7 -7
- package/dist/{InputBase-DH6V3gr0.cjs → InputBase-s1fk8TB4.cjs} +1 -1
- package/dist/{Link-AXhb0uJT.cjs → Link-CWczkFp0.cjs} +1 -1
- package/dist/{Link-Bdupo_fW.js → Link-CoQuUM0t.js} +7 -7
- package/dist/{Menu-CAFbvCnS.cjs → Menu-Bsx8PA-q.cjs} +6 -6
- package/dist/{Menu-DCJCI5_n.js → Menu-C7tKmcAh.js} +40 -40
- package/dist/{MenuItem-DnzYnth4.cjs → MenuItem-BZ_EVaBq.cjs} +1 -1
- package/dist/{MenuItem-CUIn-K59.js → MenuItem-j8luVUcX.js} +6 -6
- package/dist/{Modal-CZ2mXC6P.cjs → Modal-DImrEpYJ.cjs} +1 -1
- package/dist/{Modal-Bx7G18I1.js → Modal-brWBFdK7.js} +29 -29
- package/dist/{Paper-nlWPEgQh.js → Paper-BG4Vk_Um.js} +4 -4
- package/dist/{Paper-CH4BABUB.cjs → Paper-Cr56xkCr.cjs} +2 -2
- package/dist/{Popper--zvfAHhl.js → Popper-DFZ_gRev.js} +236 -236
- package/dist/{Popper-Lyb9lMD6.cjs → Popper-YT5WAMV-.cjs} +3 -3
- package/dist/Portal-DF0RKOcD.cjs +1 -0
- package/dist/{Portal-BxmIkVSh.js → Portal-JEwcozmp.js} +2 -2
- package/dist/{Radio-D52URzDN.cjs → Radio-CVAEGXKi.cjs} +1 -1
- package/dist/{Radio-6t3s52QR.js → Radio-DGhot3Cd.js} +12 -12
- package/dist/{Select-BODJlTuR.cjs → Select-CwAWNiiv.cjs} +1 -1
- package/dist/{Select-CiMmkNRd.js → Select-DmssuG5M.js} +11 -11
- package/dist/{Stack-C1i6_V9e.js → Stack-BzTJdRGj.js} +27 -27
- package/dist/Stack-Yq6rb7iK.cjs +1 -0
- package/dist/{SwitchBase-DXpLyhps.cjs → SwitchBase-DjIY_KWB.cjs} +1 -1
- package/dist/{SwitchBase-Ch-k9AK8.js → SwitchBase-Dlth5_F7.js} +24 -24
- package/dist/{TableSortLabel-D2EwX3Yg.js → TableSortLabel-BsgRD4k4.js} +683 -676
- package/dist/{TableSortLabel-CTxx0q1M.cjs → TableSortLabel-D0N3e3cP.cjs} +20 -20
- package/dist/{Tabs-CqlNuFEw.js → Tabs-CYbeTnJk.js} +329 -329
- package/dist/{Tabs-C9I_xaBN.cjs → Tabs-KG4VWw-1.cjs} +3 -3
- package/dist/{TextField-nCYJH1XF.cjs → TextField-BI9KVqjC.cjs} +1 -1
- package/dist/{TextField-jZpNiD3K.js → TextField-Cri5Gxa7.js} +8 -8
- package/dist/{Tooltip-B9q50v12.js → Tooltip-BhAHhzKz.js} +10 -10
- package/dist/{Tooltip-4SXCNvL7.cjs → Tooltip-DhDtvULK.cjs} +1 -1
- package/dist/{Typography-DWXYj92v.js → Typography-DBwTr_ix.js} +5 -5
- package/dist/{Typography-B6KFjCtE.cjs → Typography-DfRMDngd.cjs} +1 -1
- package/dist/{capitalize-DASFtB-F.cjs → capitalize-B3GG7Wn6.cjs} +1 -1
- package/dist/{capitalize-NmHVRYy8.js → capitalize-CkF8kU4n.js} +1 -1
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.es.js +6 -6
- 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 +2 -2
- 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.d.ts +1 -0
- package/dist/components/ImagePicker/ImagePicker.es.js +79 -78
- 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/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 +31 -31
- 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 +26 -19
- 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 +65 -65
- 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/ImagePicker.stories.cjs.js +1 -1
- package/dist/components/stories/ImagePicker.stories.es.js +13 -6
- 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 +6 -6
- 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 +9 -9
- 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-eUfAcV0x.cjs → createSvgIcon--rEClVU7.cjs} +1 -1
- package/dist/{createSvgIcon-CeuAoIMQ.js → createSvgIcon-C8nGcfF4.js} +4 -4
- package/dist/{dividerClasses-CSD96RzX.cjs → dividerClasses-CCAY3Pnr.cjs} +1 -1
- package/dist/{dividerClasses-DrJ5oIdP.js → dividerClasses-nh2-hkQB.js} +1 -1
- package/dist/{elementTypeAcceptingRef-HBfwF2vD.js → elementTypeAcceptingRef-D-5kcohU.js} +1 -1
- package/dist/{elementTypeAcceptingRef-Cz_FeG92.cjs → elementTypeAcceptingRef-DZsNbuLU.cjs} +1 -1
- package/dist/{extendSxProp-NjjUyYdB.js → extendSxProp-C2ff0oGc.js} +1 -1
- package/dist/{extendSxProp-Fr1MMO0I.cjs → extendSxProp-apyK-EBz.cjs} +1 -1
- package/dist/{fr-rmVQsNbI.js → fr-Bjufn3RW.js} +84 -84
- package/dist/{fr-ChrHtTbj.cjs → fr-JE-1WKP6.cjs} +1 -1
- package/dist/{generateUtilityClasses-DEQ18TAF.cjs → generateUtilityClasses-B_H9HEmg.cjs} +11 -11
- package/dist/{generateUtilityClasses--6MLb_cS.js → generateUtilityClasses-Bssl7BA_.js} +458 -462
- package/dist/index-Aa73Kpym.cjs +1 -0
- package/dist/{index-B4GmPutS.js → index-BCnPLuqJ.js} +22 -22
- package/dist/{index-CmEzEdk2.cjs → index-ChM1Ett8.cjs} +1 -1
- package/dist/index-Cw0GDedk.cjs +17 -0
- package/dist/{index-BGCIdIru.js → index-CwvpOCso.js} +1 -1
- package/dist/{index-XYfXmNqA.js → index-DXD5J5Eu.js} +37 -37
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +31 -31
- package/dist/{memoTheme-D99chbOP.cjs → memoTheme-Bdg0Y_2O.cjs} +1 -1
- package/dist/{memoTheme-o8RCKrNG.js → memoTheme-D7Fyh_3C.js} +1 -1
- package/dist/{mergeSlotProps-DSv3FKLb.cjs → mergeSlotProps-DuV-LTW7.cjs} +1 -1
- package/dist/{mergeSlotProps-KHPCviGJ.js → mergeSlotProps-tUJEcwVu.js} +1 -1
- package/dist/{refType-Db26p1ga.cjs → refType-CoaxQOPt.cjs} +1 -1
- package/dist/{refType-BB7-lBOH.js → refType-DKYKROQk.js} +1 -1
- package/dist/{useSlot-eWxwpnv1.js → useSlot-BTpHG6jf.js} +1 -1
- package/dist/{useSlot-DsW0udy9.cjs → useSlot-CByalpSD.cjs} +1 -1
- package/dist/{useSlotProps-C7zjg7t9.js → useSlotProps-B31YQlzb.js} +11 -11
- package/dist/useSlotProps-BVSAQTNl.cjs +1 -0
- package/dist/{useTheme-B1YEBlI0.cjs → useTheme-Cy5kyKJF.cjs} +1 -1
- package/dist/{useTheme-DFJNv-zn.cjs → useTheme-Dukx-__T.cjs} +1 -1
- package/dist/useTheme-DyaNKf4e.js +11 -0
- package/dist/{useTheme-D0ITn2Re.js → useTheme-_xyy-wul.js} +1 -1
- package/dist/{useThemeProps-DrCROxdY.js → useThemeProps-BySkSe-M.js} +2 -2
- package/dist/{useThemeProps-BwyYDczI.cjs → useThemeProps-CdV_QwDl.cjs} +1 -1
- package/dist/{useThemeProps-DsDeaP0E.js → useThemeProps-CwEQ4bv2.js} +3 -3
- package/dist/{useThemeProps-j-HQOOfB.cjs → useThemeProps-u_ESzK2f.cjs} +1 -1
- package/dist/{utils-70jLtOQP.js → utils-C6c4fj7D.js} +1 -1
- package/dist/{utils-DlWHEABQ.cjs → utils-vmyQ2IaS.cjs} +1 -1
- package/package.json +1 -1
- package/dist/Portal-DuvPvHEc.cjs +0 -1
- package/dist/Stack-DMNZvXss.cjs +0 -1
- package/dist/index-BoQHt8iN.cjs +0 -1
- package/dist/index-CRdsZkOC.cjs +0 -17
- package/dist/useSlotProps--FPRW1CI.cjs +0 -1
- package/dist/useTheme-BXzyKigM.js +0 -11
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import * as c from "react";
|
|
2
|
-
import { H as
|
|
3
|
-
import { m as
|
|
2
|
+
import { H as pe, I as fe, G as W, P as t } from "./generateUtilityClasses-Bssl7BA_.js";
|
|
3
|
+
import { m as be } from "./memoTheme-D7Fyh_3C.js";
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
|
-
import { s as j, u as
|
|
6
|
-
import { B as
|
|
7
|
-
import { c as
|
|
8
|
-
import { a as
|
|
9
|
-
import { r as
|
|
10
|
-
import { u as
|
|
11
|
-
import { u as
|
|
12
|
-
import { u as
|
|
13
|
-
import { o as
|
|
14
|
-
import { d as $
|
|
15
|
-
import { u as
|
|
16
|
-
import { r as
|
|
17
|
-
import { c as
|
|
18
|
-
import { o as
|
|
19
|
-
function
|
|
20
|
-
return
|
|
5
|
+
import { s as j, u as he, c as me } from "./DefaultPropsProvider-CvJPQJmL.js";
|
|
6
|
+
import { B as We } from "./ButtonBase-DAWDecOk.js";
|
|
7
|
+
import { c as ke } from "./capitalize-CkF8kU4n.js";
|
|
8
|
+
import { a as tt } from "./useThemeProps-CwEQ4bv2.js";
|
|
9
|
+
import { r as ot } from "./index-DXD5J5Eu.js";
|
|
10
|
+
import { u as ze, a as re } from "./useSlotProps-B31YQlzb.js";
|
|
11
|
+
import { u as rt } from "./useTheme-DyaNKf4e.js";
|
|
12
|
+
import { u as nt } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
13
|
+
import { o as De } from "./ownerWindow-niciwP7I.js";
|
|
14
|
+
import { d as $e } from "./debounce-46wSf_lW.js";
|
|
15
|
+
import { u as de } from "./useEventCallback-BAQJJ3ye.js";
|
|
16
|
+
import { r as lt } from "./refType-DKYKROQk.js";
|
|
17
|
+
import { c as Ae } from "./createSvgIcon-C8nGcfF4.js";
|
|
18
|
+
import { o as st } from "./ownerDocument-CUrv0DIK.js";
|
|
19
|
+
function at(o) {
|
|
20
|
+
return pe("MuiTab", o);
|
|
21
21
|
}
|
|
22
|
-
const T =
|
|
22
|
+
const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), it = (o) => {
|
|
23
23
|
const {
|
|
24
|
-
classes:
|
|
24
|
+
classes: e,
|
|
25
25
|
textColor: l,
|
|
26
26
|
fullWidth: d,
|
|
27
27
|
wrapped: i,
|
|
@@ -29,28 +29,28 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
29
29
|
label: b,
|
|
30
30
|
selected: h,
|
|
31
31
|
disabled: f
|
|
32
|
-
} =
|
|
33
|
-
root: ["root", u && b && "labelIcon", `textColor${
|
|
32
|
+
} = o, S = {
|
|
33
|
+
root: ["root", u && b && "labelIcon", `textColor${ke(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
|
|
34
34
|
icon: ["iconWrapper", "icon"]
|
|
35
35
|
};
|
|
36
|
-
return
|
|
37
|
-
},
|
|
36
|
+
return me(S, at, e);
|
|
37
|
+
}, ct = j(We, {
|
|
38
38
|
name: "MuiTab",
|
|
39
39
|
slot: "Root",
|
|
40
|
-
overridesResolver: (
|
|
40
|
+
overridesResolver: (o, e) => {
|
|
41
41
|
const {
|
|
42
42
|
ownerState: l
|
|
43
|
-
} =
|
|
44
|
-
return [
|
|
45
|
-
[`& .${T.iconWrapper}`]:
|
|
43
|
+
} = o;
|
|
44
|
+
return [e.root, l.label && l.icon && e.labelIcon, e[`textColor${ke(l.textColor)}`], l.fullWidth && e.fullWidth, l.wrapped && e.wrapped, {
|
|
45
|
+
[`& .${T.iconWrapper}`]: e.iconWrapper
|
|
46
46
|
}, {
|
|
47
|
-
[`& .${T.icon}`]:
|
|
47
|
+
[`& .${T.icon}`]: e.icon
|
|
48
48
|
}];
|
|
49
49
|
}
|
|
50
|
-
})(
|
|
51
|
-
theme:
|
|
50
|
+
})(be(({
|
|
51
|
+
theme: o
|
|
52
52
|
}) => ({
|
|
53
|
-
...
|
|
53
|
+
...o.typography.button,
|
|
54
54
|
maxWidth: 360,
|
|
55
55
|
minWidth: 90,
|
|
56
56
|
position: "relative",
|
|
@@ -63,22 +63,22 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
63
63
|
lineHeight: 1.25,
|
|
64
64
|
variants: [{
|
|
65
65
|
props: ({
|
|
66
|
-
ownerState:
|
|
67
|
-
}) =>
|
|
66
|
+
ownerState: e
|
|
67
|
+
}) => e.label && (e.iconPosition === "top" || e.iconPosition === "bottom"),
|
|
68
68
|
style: {
|
|
69
69
|
flexDirection: "column"
|
|
70
70
|
}
|
|
71
71
|
}, {
|
|
72
72
|
props: ({
|
|
73
|
-
ownerState:
|
|
74
|
-
}) =>
|
|
73
|
+
ownerState: e
|
|
74
|
+
}) => e.label && e.iconPosition !== "top" && e.iconPosition !== "bottom",
|
|
75
75
|
style: {
|
|
76
76
|
flexDirection: "row"
|
|
77
77
|
}
|
|
78
78
|
}, {
|
|
79
79
|
props: ({
|
|
80
|
-
ownerState:
|
|
81
|
-
}) =>
|
|
80
|
+
ownerState: e
|
|
81
|
+
}) => e.icon && e.label,
|
|
82
82
|
style: {
|
|
83
83
|
minHeight: 72,
|
|
84
84
|
paddingTop: 9,
|
|
@@ -86,9 +86,9 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
86
86
|
}
|
|
87
87
|
}, {
|
|
88
88
|
props: ({
|
|
89
|
-
ownerState:
|
|
89
|
+
ownerState: e,
|
|
90
90
|
iconPosition: l
|
|
91
|
-
}) =>
|
|
91
|
+
}) => e.icon && e.label && l === "top",
|
|
92
92
|
style: {
|
|
93
93
|
[`& > .${T.icon}`]: {
|
|
94
94
|
marginBottom: 6
|
|
@@ -96,9 +96,9 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
96
96
|
}
|
|
97
97
|
}, {
|
|
98
98
|
props: ({
|
|
99
|
-
ownerState:
|
|
99
|
+
ownerState: e,
|
|
100
100
|
iconPosition: l
|
|
101
|
-
}) =>
|
|
101
|
+
}) => e.icon && e.label && l === "bottom",
|
|
102
102
|
style: {
|
|
103
103
|
[`& > .${T.icon}`]: {
|
|
104
104
|
marginTop: 6
|
|
@@ -106,22 +106,22 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
106
106
|
}
|
|
107
107
|
}, {
|
|
108
108
|
props: ({
|
|
109
|
-
ownerState:
|
|
109
|
+
ownerState: e,
|
|
110
110
|
iconPosition: l
|
|
111
|
-
}) =>
|
|
111
|
+
}) => e.icon && e.label && l === "start",
|
|
112
112
|
style: {
|
|
113
113
|
[`& > .${T.icon}`]: {
|
|
114
|
-
marginRight:
|
|
114
|
+
marginRight: o.spacing(1)
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
}, {
|
|
118
118
|
props: ({
|
|
119
|
-
ownerState:
|
|
119
|
+
ownerState: e,
|
|
120
120
|
iconPosition: l
|
|
121
|
-
}) =>
|
|
121
|
+
}) => e.icon && e.label && l === "end",
|
|
122
122
|
style: {
|
|
123
123
|
[`& > .${T.icon}`]: {
|
|
124
|
-
marginLeft:
|
|
124
|
+
marginLeft: o.spacing(1)
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
127
|
}, {
|
|
@@ -136,7 +136,7 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
136
136
|
opacity: 1
|
|
137
137
|
},
|
|
138
138
|
[`&.${T.disabled}`]: {
|
|
139
|
-
opacity: (
|
|
139
|
+
opacity: (o.vars || o).palette.action.disabledOpacity
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
}, {
|
|
@@ -144,12 +144,12 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
144
144
|
textColor: "primary"
|
|
145
145
|
},
|
|
146
146
|
style: {
|
|
147
|
-
color: (
|
|
147
|
+
color: (o.vars || o).palette.text.secondary,
|
|
148
148
|
[`&.${T.selected}`]: {
|
|
149
|
-
color: (
|
|
149
|
+
color: (o.vars || o).palette.primary.main
|
|
150
150
|
},
|
|
151
151
|
[`&.${T.disabled}`]: {
|
|
152
|
-
color: (
|
|
152
|
+
color: (o.vars || o).palette.text.disabled
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
}, {
|
|
@@ -157,18 +157,18 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
157
157
|
textColor: "secondary"
|
|
158
158
|
},
|
|
159
159
|
style: {
|
|
160
|
-
color: (
|
|
160
|
+
color: (o.vars || o).palette.text.secondary,
|
|
161
161
|
[`&.${T.selected}`]: {
|
|
162
|
-
color: (
|
|
162
|
+
color: (o.vars || o).palette.secondary.main
|
|
163
163
|
},
|
|
164
164
|
[`&.${T.disabled}`]: {
|
|
165
|
-
color: (
|
|
165
|
+
color: (o.vars || o).palette.text.disabled
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
}, {
|
|
169
169
|
props: ({
|
|
170
|
-
ownerState:
|
|
171
|
-
}) =>
|
|
170
|
+
ownerState: e
|
|
171
|
+
}) => e.fullWidth,
|
|
172
172
|
style: {
|
|
173
173
|
flexShrink: 1,
|
|
174
174
|
flexGrow: 1,
|
|
@@ -177,15 +177,15 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
177
177
|
}
|
|
178
178
|
}, {
|
|
179
179
|
props: ({
|
|
180
|
-
ownerState:
|
|
181
|
-
}) =>
|
|
180
|
+
ownerState: e
|
|
181
|
+
}) => e.wrapped,
|
|
182
182
|
style: {
|
|
183
|
-
fontSize:
|
|
183
|
+
fontSize: o.typography.pxToRem(12)
|
|
184
184
|
}
|
|
185
185
|
}]
|
|
186
|
-
}))),
|
|
187
|
-
const d =
|
|
188
|
-
props:
|
|
186
|
+
}))), dt = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
187
|
+
const d = he({
|
|
188
|
+
props: e,
|
|
189
189
|
name: "MuiTab"
|
|
190
190
|
}), {
|
|
191
191
|
className: i,
|
|
@@ -208,7 +208,7 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
208
208
|
// eslint-disable-next-line react/prop-types
|
|
209
209
|
textColor: L = "inherit",
|
|
210
210
|
value: M,
|
|
211
|
-
wrapped:
|
|
211
|
+
wrapped: ne = !1,
|
|
212
212
|
...H
|
|
213
213
|
} = d, U = {
|
|
214
214
|
...d,
|
|
@@ -220,15 +220,15 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
220
220
|
label: !!y,
|
|
221
221
|
fullWidth: h,
|
|
222
222
|
textColor: L,
|
|
223
|
-
wrapped:
|
|
224
|
-
}, V =
|
|
223
|
+
wrapped: ne
|
|
224
|
+
}, V = it(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
|
|
225
225
|
className: W(V.icon, f.props.className)
|
|
226
226
|
}) : f, G = (R) => {
|
|
227
227
|
!I && m && m(R, M), C && C(R);
|
|
228
228
|
}, N = (R) => {
|
|
229
229
|
g && !I && m && m(R, M), k && k(R);
|
|
230
230
|
};
|
|
231
|
-
return /* @__PURE__ */ q(
|
|
231
|
+
return /* @__PURE__ */ q(ct, {
|
|
232
232
|
focusRipple: !b,
|
|
233
233
|
className: W(V.root, i),
|
|
234
234
|
ref: l,
|
|
@@ -247,7 +247,7 @@ const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
247
247
|
}), v]
|
|
248
248
|
});
|
|
249
249
|
});
|
|
250
|
-
process.env.NODE_ENV !== "production" && (
|
|
250
|
+
process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
251
251
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
252
252
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
253
253
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -256,25 +256,25 @@ process.env.NODE_ENV !== "production" && (uo.propTypes = {
|
|
|
256
256
|
* This prop isn't supported.
|
|
257
257
|
* Use the `component` prop if you need to change the children structure.
|
|
258
258
|
*/
|
|
259
|
-
children:
|
|
259
|
+
children: tt,
|
|
260
260
|
/**
|
|
261
261
|
* Override or extend the styles applied to the component.
|
|
262
262
|
*/
|
|
263
|
-
classes:
|
|
263
|
+
classes: t.object,
|
|
264
264
|
/**
|
|
265
265
|
* @ignore
|
|
266
266
|
*/
|
|
267
|
-
className:
|
|
267
|
+
className: t.string,
|
|
268
268
|
/**
|
|
269
269
|
* If `true`, the component is disabled.
|
|
270
270
|
* @default false
|
|
271
271
|
*/
|
|
272
|
-
disabled:
|
|
272
|
+
disabled: t.bool,
|
|
273
273
|
/**
|
|
274
274
|
* If `true`, the keyboard focus ripple is disabled.
|
|
275
275
|
* @default false
|
|
276
276
|
*/
|
|
277
|
-
disableFocusRipple:
|
|
277
|
+
disableFocusRipple: t.bool,
|
|
278
278
|
/**
|
|
279
279
|
* If `true`, the ripple effect is disabled.
|
|
280
280
|
*
|
|
@@ -282,64 +282,64 @@ process.env.NODE_ENV !== "production" && (uo.propTypes = {
|
|
|
282
282
|
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
283
283
|
* @default false
|
|
284
284
|
*/
|
|
285
|
-
disableRipple:
|
|
285
|
+
disableRipple: t.bool,
|
|
286
286
|
/**
|
|
287
287
|
* The icon to display.
|
|
288
288
|
*/
|
|
289
|
-
icon:
|
|
289
|
+
icon: t.oneOfType([t.element, t.string]),
|
|
290
290
|
/**
|
|
291
291
|
* The position of the icon relative to the label.
|
|
292
292
|
* @default 'top'
|
|
293
293
|
*/
|
|
294
|
-
iconPosition:
|
|
294
|
+
iconPosition: t.oneOf(["bottom", "end", "start", "top"]),
|
|
295
295
|
/**
|
|
296
296
|
* The label element.
|
|
297
297
|
*/
|
|
298
|
-
label:
|
|
298
|
+
label: t.node,
|
|
299
299
|
/**
|
|
300
300
|
* @ignore
|
|
301
301
|
*/
|
|
302
|
-
onChange:
|
|
302
|
+
onChange: t.func,
|
|
303
303
|
/**
|
|
304
304
|
* @ignore
|
|
305
305
|
*/
|
|
306
|
-
onClick:
|
|
306
|
+
onClick: t.func,
|
|
307
307
|
/**
|
|
308
308
|
* @ignore
|
|
309
309
|
*/
|
|
310
|
-
onFocus:
|
|
310
|
+
onFocus: t.func,
|
|
311
311
|
/**
|
|
312
312
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
313
313
|
*/
|
|
314
|
-
sx:
|
|
314
|
+
sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
|
|
315
315
|
/**
|
|
316
316
|
* You can provide your own value. Otherwise, we fallback to the child position index.
|
|
317
317
|
*/
|
|
318
|
-
value:
|
|
318
|
+
value: t.any,
|
|
319
319
|
/**
|
|
320
320
|
* Tab labels appear in a single row.
|
|
321
321
|
* They can use a second line if needed.
|
|
322
322
|
* @default false
|
|
323
323
|
*/
|
|
324
|
-
wrapped:
|
|
324
|
+
wrapped: t.bool
|
|
325
325
|
});
|
|
326
|
-
const
|
|
326
|
+
const ut = Ae(/* @__PURE__ */ x("path", {
|
|
327
327
|
d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
|
|
328
|
-
}), "KeyboardArrowLeft"),
|
|
328
|
+
}), "KeyboardArrowLeft"), pt = Ae(/* @__PURE__ */ x("path", {
|
|
329
329
|
d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
|
|
330
330
|
}), "KeyboardArrowRight");
|
|
331
|
-
function
|
|
332
|
-
return (1 + Math.sin(Math.PI *
|
|
331
|
+
function ft(o) {
|
|
332
|
+
return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
|
|
333
333
|
}
|
|
334
|
-
function
|
|
334
|
+
function bt(o, e, l, d = {}, i = () => {
|
|
335
335
|
}) {
|
|
336
336
|
const {
|
|
337
|
-
ease: u =
|
|
337
|
+
ease: u = ft,
|
|
338
338
|
duration: b = 300
|
|
339
339
|
// standard
|
|
340
340
|
} = d;
|
|
341
341
|
let h = null;
|
|
342
|
-
const f =
|
|
342
|
+
const f = e[o];
|
|
343
343
|
let S = !1;
|
|
344
344
|
const v = () => {
|
|
345
345
|
S = !0;
|
|
@@ -350,7 +350,7 @@ function ho(e, t, l, d = {}, i = () => {
|
|
|
350
350
|
}
|
|
351
351
|
h === null && (h = m);
|
|
352
352
|
const C = Math.min(1, (m - h) / b);
|
|
353
|
-
if (
|
|
353
|
+
if (e[o] = u(C) * (l - f) + f, C >= 1) {
|
|
354
354
|
requestAnimationFrame(() => {
|
|
355
355
|
i(null);
|
|
356
356
|
});
|
|
@@ -360,65 +360,65 @@ function ho(e, t, l, d = {}, i = () => {
|
|
|
360
360
|
};
|
|
361
361
|
return f === l ? (i(new Error("Element already at target position")), v) : (requestAnimationFrame(y), v);
|
|
362
362
|
}
|
|
363
|
-
const
|
|
363
|
+
const ht = {
|
|
364
364
|
width: 99,
|
|
365
365
|
height: 99,
|
|
366
366
|
position: "absolute",
|
|
367
367
|
top: -9999,
|
|
368
368
|
overflow: "scroll"
|
|
369
369
|
};
|
|
370
|
-
function
|
|
370
|
+
function Fe(o) {
|
|
371
371
|
const {
|
|
372
|
-
onChange:
|
|
372
|
+
onChange: e,
|
|
373
373
|
...l
|
|
374
|
-
} =
|
|
374
|
+
} = o, d = c.useRef(), i = c.useRef(null), u = () => {
|
|
375
375
|
d.current = i.current.offsetHeight - i.current.clientHeight;
|
|
376
376
|
};
|
|
377
|
-
return
|
|
378
|
-
const b = $
|
|
377
|
+
return nt(() => {
|
|
378
|
+
const b = $e(() => {
|
|
379
379
|
const f = d.current;
|
|
380
|
-
u(), f !== d.current &&
|
|
381
|
-
}), h =
|
|
380
|
+
u(), f !== d.current && e(d.current);
|
|
381
|
+
}), h = De(i.current);
|
|
382
382
|
return h.addEventListener("resize", b), () => {
|
|
383
383
|
b.clear(), h.removeEventListener("resize", b);
|
|
384
384
|
};
|
|
385
|
-
}, [
|
|
386
|
-
u(),
|
|
387
|
-
}, [
|
|
388
|
-
style:
|
|
385
|
+
}, [e]), c.useEffect(() => {
|
|
386
|
+
u(), e(d.current);
|
|
387
|
+
}, [e]), /* @__PURE__ */ x("div", {
|
|
388
|
+
style: ht,
|
|
389
389
|
ref: i,
|
|
390
390
|
...l
|
|
391
391
|
});
|
|
392
392
|
}
|
|
393
|
-
process.env.NODE_ENV !== "production" && (
|
|
394
|
-
onChange:
|
|
393
|
+
process.env.NODE_ENV !== "production" && (Fe.propTypes = {
|
|
394
|
+
onChange: t.func.isRequired
|
|
395
395
|
});
|
|
396
|
-
function
|
|
397
|
-
return
|
|
396
|
+
function mt(o) {
|
|
397
|
+
return pe("MuiTabScrollButton", o);
|
|
398
398
|
}
|
|
399
|
-
const
|
|
399
|
+
const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), vt = (o) => {
|
|
400
400
|
const {
|
|
401
|
-
classes:
|
|
401
|
+
classes: e,
|
|
402
402
|
orientation: l,
|
|
403
403
|
disabled: d
|
|
404
|
-
} =
|
|
405
|
-
return
|
|
404
|
+
} = o;
|
|
405
|
+
return me({
|
|
406
406
|
root: ["root", l, d && "disabled"]
|
|
407
|
-
},
|
|
408
|
-
},
|
|
407
|
+
}, mt, e);
|
|
408
|
+
}, yt = j(We, {
|
|
409
409
|
name: "MuiTabScrollButton",
|
|
410
410
|
slot: "Root",
|
|
411
|
-
overridesResolver: (
|
|
411
|
+
overridesResolver: (o, e) => {
|
|
412
412
|
const {
|
|
413
413
|
ownerState: l
|
|
414
|
-
} =
|
|
415
|
-
return [
|
|
414
|
+
} = o;
|
|
415
|
+
return [e.root, l.orientation && e[l.orientation]];
|
|
416
416
|
}
|
|
417
417
|
})({
|
|
418
418
|
width: 40,
|
|
419
419
|
flexShrink: 0,
|
|
420
420
|
opacity: 0.8,
|
|
421
|
-
[`&.${
|
|
421
|
+
[`&.${St.disabled}`]: {
|
|
422
422
|
opacity: 0
|
|
423
423
|
},
|
|
424
424
|
variants: [{
|
|
@@ -433,9 +433,9 @@ const vo = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
435
|
}]
|
|
436
|
-
}),
|
|
437
|
-
const d =
|
|
438
|
-
props:
|
|
436
|
+
}), je = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
437
|
+
const d = he({
|
|
438
|
+
props: e,
|
|
439
439
|
name: "MuiTabScrollButton"
|
|
440
440
|
}), {
|
|
441
441
|
className: i,
|
|
@@ -445,17 +445,17 @@ const vo = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
445
445
|
orientation: f,
|
|
446
446
|
disabled: S,
|
|
447
447
|
...v
|
|
448
|
-
} = d, y =
|
|
448
|
+
} = d, y = ze(), m = {
|
|
449
449
|
isRtl: y,
|
|
450
450
|
...d
|
|
451
|
-
}, C =
|
|
451
|
+
}, C = vt(m), k = u.StartScrollButtonIcon ?? ut, I = u.EndScrollButtonIcon ?? pt, g = re({
|
|
452
452
|
elementType: k,
|
|
453
453
|
externalSlotProps: b.startScrollButtonIcon,
|
|
454
454
|
additionalProps: {
|
|
455
455
|
fontSize: "small"
|
|
456
456
|
},
|
|
457
457
|
ownerState: m
|
|
458
|
-
}), L =
|
|
458
|
+
}), L = re({
|
|
459
459
|
elementType: I,
|
|
460
460
|
externalSlotProps: b.endScrollButtonIcon,
|
|
461
461
|
additionalProps: {
|
|
@@ -463,7 +463,7 @@ const vo = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
463
463
|
},
|
|
464
464
|
ownerState: m
|
|
465
465
|
});
|
|
466
|
-
return /* @__PURE__ */ x(
|
|
466
|
+
return /* @__PURE__ */ x(yt, {
|
|
467
467
|
component: "div",
|
|
468
468
|
className: W(C.root, i),
|
|
469
469
|
ref: l,
|
|
@@ -484,7 +484,7 @@ const vo = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
484
484
|
})
|
|
485
485
|
});
|
|
486
486
|
});
|
|
487
|
-
process.env.NODE_ENV !== "production" && (
|
|
487
|
+
process.env.NODE_ENV !== "production" && (je.propTypes = {
|
|
488
488
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
489
489
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
490
490
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -492,76 +492,76 @@ process.env.NODE_ENV !== "production" && (jt.propTypes = {
|
|
|
492
492
|
/**
|
|
493
493
|
* The content of the component.
|
|
494
494
|
*/
|
|
495
|
-
children:
|
|
495
|
+
children: t.node,
|
|
496
496
|
/**
|
|
497
497
|
* Override or extend the styles applied to the component.
|
|
498
498
|
*/
|
|
499
|
-
classes:
|
|
499
|
+
classes: t.object,
|
|
500
500
|
/**
|
|
501
501
|
* @ignore
|
|
502
502
|
*/
|
|
503
|
-
className:
|
|
503
|
+
className: t.string,
|
|
504
504
|
/**
|
|
505
505
|
* The direction the button should indicate.
|
|
506
506
|
*/
|
|
507
|
-
direction:
|
|
507
|
+
direction: t.oneOf(["left", "right"]).isRequired,
|
|
508
508
|
/**
|
|
509
509
|
* If `true`, the component is disabled.
|
|
510
510
|
* @default false
|
|
511
511
|
*/
|
|
512
|
-
disabled:
|
|
512
|
+
disabled: t.bool,
|
|
513
513
|
/**
|
|
514
514
|
* The component orientation (layout flow direction).
|
|
515
515
|
*/
|
|
516
|
-
orientation:
|
|
516
|
+
orientation: t.oneOf(["horizontal", "vertical"]).isRequired,
|
|
517
517
|
/**
|
|
518
518
|
* The extra props for the slot components.
|
|
519
519
|
* You can override the existing props or add new ones.
|
|
520
520
|
* @default {}
|
|
521
521
|
*/
|
|
522
|
-
slotProps:
|
|
523
|
-
endScrollButtonIcon:
|
|
524
|
-
startScrollButtonIcon:
|
|
522
|
+
slotProps: t.shape({
|
|
523
|
+
endScrollButtonIcon: t.oneOfType([t.func, t.object]),
|
|
524
|
+
startScrollButtonIcon: t.oneOfType([t.func, t.object])
|
|
525
525
|
}),
|
|
526
526
|
/**
|
|
527
527
|
* The components used for each slot inside.
|
|
528
528
|
* @default {}
|
|
529
529
|
*/
|
|
530
|
-
slots:
|
|
531
|
-
EndScrollButtonIcon:
|
|
532
|
-
StartScrollButtonIcon:
|
|
530
|
+
slots: t.shape({
|
|
531
|
+
EndScrollButtonIcon: t.elementType,
|
|
532
|
+
StartScrollButtonIcon: t.elementType
|
|
533
533
|
}),
|
|
534
534
|
/**
|
|
535
535
|
* @ignore
|
|
536
536
|
*/
|
|
537
|
-
style:
|
|
537
|
+
style: t.object,
|
|
538
538
|
/**
|
|
539
539
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
540
540
|
*/
|
|
541
|
-
sx:
|
|
541
|
+
sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
|
|
542
542
|
});
|
|
543
|
-
function
|
|
544
|
-
return
|
|
543
|
+
function gt(o) {
|
|
544
|
+
return pe("MuiTabs", o);
|
|
545
545
|
}
|
|
546
|
-
const
|
|
547
|
-
let d = !1, i = l(
|
|
546
|
+
const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Re = (o, e) => o === e ? o.firstChild : e && e.nextElementSibling ? e.nextElementSibling : o.firstChild, Oe = (o, e) => o === e ? o.lastChild : e && e.previousElementSibling ? e.previousElementSibling : o.lastChild, oe = (o, e, l) => {
|
|
547
|
+
let d = !1, i = l(o, e);
|
|
548
548
|
for (; i; ) {
|
|
549
|
-
if (i ===
|
|
549
|
+
if (i === o.firstChild) {
|
|
550
550
|
if (d)
|
|
551
551
|
return;
|
|
552
552
|
d = !0;
|
|
553
553
|
}
|
|
554
554
|
const u = i.disabled || i.getAttribute("aria-disabled") === "true";
|
|
555
555
|
if (!i.hasAttribute("tabindex") || u)
|
|
556
|
-
i = l(
|
|
556
|
+
i = l(o, i);
|
|
557
557
|
else {
|
|
558
558
|
i.focus();
|
|
559
559
|
return;
|
|
560
560
|
}
|
|
561
561
|
}
|
|
562
|
-
},
|
|
562
|
+
}, Tt = (o) => {
|
|
563
563
|
const {
|
|
564
|
-
vertical:
|
|
564
|
+
vertical: e,
|
|
565
565
|
fixed: l,
|
|
566
566
|
hideScrollbar: d,
|
|
567
567
|
scrollableX: i,
|
|
@@ -569,31 +569,31 @@ const ut = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
569
569
|
centered: b,
|
|
570
570
|
scrollButtonsHideMobile: h,
|
|
571
571
|
classes: f
|
|
572
|
-
} =
|
|
573
|
-
return
|
|
574
|
-
root: ["root",
|
|
572
|
+
} = o;
|
|
573
|
+
return me({
|
|
574
|
+
root: ["root", e && "vertical"],
|
|
575
575
|
scroller: ["scroller", l && "fixed", d && "hideScrollbar", i && "scrollableX", u && "scrollableY"],
|
|
576
|
-
flexContainer: ["flexContainer",
|
|
576
|
+
flexContainer: ["flexContainer", e && "flexContainerVertical", b && "centered"],
|
|
577
577
|
indicator: ["indicator"],
|
|
578
578
|
scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
|
|
579
579
|
scrollableX: [i && "scrollableX"],
|
|
580
580
|
hideScrollbar: [d && "hideScrollbar"]
|
|
581
|
-
},
|
|
582
|
-
},
|
|
581
|
+
}, gt, f);
|
|
582
|
+
}, wt = j("div", {
|
|
583
583
|
name: "MuiTabs",
|
|
584
584
|
slot: "Root",
|
|
585
|
-
overridesResolver: (
|
|
585
|
+
overridesResolver: (o, e) => {
|
|
586
586
|
const {
|
|
587
587
|
ownerState: l
|
|
588
|
-
} =
|
|
588
|
+
} = o;
|
|
589
589
|
return [{
|
|
590
|
-
[`& .${
|
|
590
|
+
[`& .${ue.scrollButtons}`]: e.scrollButtons
|
|
591
591
|
}, {
|
|
592
|
-
[`& .${
|
|
593
|
-
},
|
|
592
|
+
[`& .${ue.scrollButtons}`]: l.scrollButtonsHideMobile && e.scrollButtonsHideMobile
|
|
593
|
+
}, e.root, l.vertical && e.vertical];
|
|
594
594
|
}
|
|
595
|
-
})(
|
|
596
|
-
theme:
|
|
595
|
+
})(be(({
|
|
596
|
+
theme: o
|
|
597
597
|
}) => ({
|
|
598
598
|
overflow: "hidden",
|
|
599
599
|
minHeight: 48,
|
|
@@ -602,31 +602,31 @@ const ut = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
602
602
|
display: "flex",
|
|
603
603
|
variants: [{
|
|
604
604
|
props: ({
|
|
605
|
-
ownerState:
|
|
606
|
-
}) =>
|
|
605
|
+
ownerState: e
|
|
606
|
+
}) => e.vertical,
|
|
607
607
|
style: {
|
|
608
608
|
flexDirection: "column"
|
|
609
609
|
}
|
|
610
610
|
}, {
|
|
611
611
|
props: ({
|
|
612
|
-
ownerState:
|
|
613
|
-
}) =>
|
|
612
|
+
ownerState: e
|
|
613
|
+
}) => e.scrollButtonsHideMobile,
|
|
614
614
|
style: {
|
|
615
|
-
[`& .${
|
|
616
|
-
[
|
|
615
|
+
[`& .${ue.scrollButtons}`]: {
|
|
616
|
+
[o.breakpoints.down("sm")]: {
|
|
617
617
|
display: "none"
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
620
|
}
|
|
621
621
|
}]
|
|
622
|
-
}))),
|
|
622
|
+
}))), Bt = j("div", {
|
|
623
623
|
name: "MuiTabs",
|
|
624
624
|
slot: "Scroller",
|
|
625
|
-
overridesResolver: (
|
|
625
|
+
overridesResolver: (o, e) => {
|
|
626
626
|
const {
|
|
627
627
|
ownerState: l
|
|
628
|
-
} =
|
|
629
|
-
return [
|
|
628
|
+
} = o;
|
|
629
|
+
return [e.scroller, l.fixed && e.fixed, l.hideScrollbar && e.hideScrollbar, l.scrollableX && e.scrollableX, l.scrollableY && e.scrollableY];
|
|
630
630
|
}
|
|
631
631
|
})({
|
|
632
632
|
position: "relative",
|
|
@@ -635,16 +635,16 @@ const ut = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
635
635
|
whiteSpace: "nowrap",
|
|
636
636
|
variants: [{
|
|
637
637
|
props: ({
|
|
638
|
-
ownerState:
|
|
639
|
-
}) =>
|
|
638
|
+
ownerState: o
|
|
639
|
+
}) => o.fixed,
|
|
640
640
|
style: {
|
|
641
641
|
overflowX: "hidden",
|
|
642
642
|
width: "100%"
|
|
643
643
|
}
|
|
644
644
|
}, {
|
|
645
645
|
props: ({
|
|
646
|
-
ownerState:
|
|
647
|
-
}) =>
|
|
646
|
+
ownerState: o
|
|
647
|
+
}) => o.hideScrollbar,
|
|
648
648
|
style: {
|
|
649
649
|
// Hide dimensionless scrollbar on macOS
|
|
650
650
|
scrollbarWidth: "none",
|
|
@@ -656,84 +656,84 @@ const ut = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
656
656
|
}
|
|
657
657
|
}, {
|
|
658
658
|
props: ({
|
|
659
|
-
ownerState:
|
|
660
|
-
}) =>
|
|
659
|
+
ownerState: o
|
|
660
|
+
}) => o.scrollableX,
|
|
661
661
|
style: {
|
|
662
662
|
overflowX: "auto",
|
|
663
663
|
overflowY: "hidden"
|
|
664
664
|
}
|
|
665
665
|
}, {
|
|
666
666
|
props: ({
|
|
667
|
-
ownerState:
|
|
668
|
-
}) =>
|
|
667
|
+
ownerState: o
|
|
668
|
+
}) => o.scrollableY,
|
|
669
669
|
style: {
|
|
670
670
|
overflowY: "auto",
|
|
671
671
|
overflowX: "hidden"
|
|
672
672
|
}
|
|
673
673
|
}]
|
|
674
|
-
}),
|
|
674
|
+
}), xt = j("div", {
|
|
675
675
|
name: "MuiTabs",
|
|
676
676
|
slot: "FlexContainer",
|
|
677
|
-
overridesResolver: (
|
|
677
|
+
overridesResolver: (o, e) => {
|
|
678
678
|
const {
|
|
679
679
|
ownerState: l
|
|
680
|
-
} =
|
|
681
|
-
return [
|
|
680
|
+
} = o;
|
|
681
|
+
return [e.flexContainer, l.vertical && e.flexContainerVertical, l.centered && e.centered];
|
|
682
682
|
}
|
|
683
683
|
})({
|
|
684
684
|
display: "flex",
|
|
685
685
|
variants: [{
|
|
686
686
|
props: ({
|
|
687
|
-
ownerState:
|
|
688
|
-
}) =>
|
|
687
|
+
ownerState: o
|
|
688
|
+
}) => o.vertical,
|
|
689
689
|
style: {
|
|
690
690
|
flexDirection: "column"
|
|
691
691
|
}
|
|
692
692
|
}, {
|
|
693
693
|
props: ({
|
|
694
|
-
ownerState:
|
|
695
|
-
}) =>
|
|
694
|
+
ownerState: o
|
|
695
|
+
}) => o.centered,
|
|
696
696
|
style: {
|
|
697
697
|
justifyContent: "center"
|
|
698
698
|
}
|
|
699
699
|
}]
|
|
700
|
-
}),
|
|
700
|
+
}), Ct = j("span", {
|
|
701
701
|
name: "MuiTabs",
|
|
702
702
|
slot: "Indicator",
|
|
703
|
-
overridesResolver: (
|
|
704
|
-
})(
|
|
705
|
-
theme:
|
|
703
|
+
overridesResolver: (o, e) => e.indicator
|
|
704
|
+
})(be(({
|
|
705
|
+
theme: o
|
|
706
706
|
}) => ({
|
|
707
707
|
position: "absolute",
|
|
708
708
|
height: 2,
|
|
709
709
|
bottom: 0,
|
|
710
710
|
width: "100%",
|
|
711
|
-
transition:
|
|
711
|
+
transition: o.transitions.create(),
|
|
712
712
|
variants: [{
|
|
713
713
|
props: {
|
|
714
714
|
indicatorColor: "primary"
|
|
715
715
|
},
|
|
716
716
|
style: {
|
|
717
|
-
backgroundColor: (
|
|
717
|
+
backgroundColor: (o.vars || o).palette.primary.main
|
|
718
718
|
}
|
|
719
719
|
}, {
|
|
720
720
|
props: {
|
|
721
721
|
indicatorColor: "secondary"
|
|
722
722
|
},
|
|
723
723
|
style: {
|
|
724
|
-
backgroundColor: (
|
|
724
|
+
backgroundColor: (o.vars || o).palette.secondary.main
|
|
725
725
|
}
|
|
726
726
|
}, {
|
|
727
727
|
props: ({
|
|
728
|
-
ownerState:
|
|
729
|
-
}) =>
|
|
728
|
+
ownerState: e
|
|
729
|
+
}) => e.vertical,
|
|
730
730
|
style: {
|
|
731
731
|
height: "100%",
|
|
732
732
|
width: 2,
|
|
733
733
|
right: 0
|
|
734
734
|
}
|
|
735
735
|
}]
|
|
736
|
-
}))),
|
|
736
|
+
}))), It = j(Fe)({
|
|
737
737
|
overflowX: "auto",
|
|
738
738
|
overflowY: "hidden",
|
|
739
739
|
// Hide dimensionless scrollbar on macOS
|
|
@@ -743,13 +743,13 @@ const ut = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
743
743
|
display: "none"
|
|
744
744
|
// Safari + Chrome
|
|
745
745
|
}
|
|
746
|
-
}),
|
|
747
|
-
let
|
|
748
|
-
const
|
|
749
|
-
const d =
|
|
750
|
-
props:
|
|
746
|
+
}), Ne = {};
|
|
747
|
+
let Pe = !1;
|
|
748
|
+
const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
749
|
+
const d = he({
|
|
750
|
+
props: e,
|
|
751
751
|
name: "MuiTabs"
|
|
752
|
-
}), i =
|
|
752
|
+
}), i = rt(), u = ze(), {
|
|
753
753
|
"aria-label": b,
|
|
754
754
|
"aria-labelledby": h,
|
|
755
755
|
action: f,
|
|
@@ -761,9 +761,9 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
761
761
|
indicatorColor: k = "primary",
|
|
762
762
|
onChange: I,
|
|
763
763
|
orientation: g = "horizontal",
|
|
764
|
-
ScrollButtonComponent: L =
|
|
764
|
+
ScrollButtonComponent: L = je,
|
|
765
765
|
scrollButtons: M = "auto",
|
|
766
|
-
selectionFollowsFocus:
|
|
766
|
+
selectionFollowsFocus: ne,
|
|
767
767
|
slots: H = {},
|
|
768
768
|
slotProps: U = {},
|
|
769
769
|
TabIndicatorProps: V = {},
|
|
@@ -771,9 +771,9 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
771
771
|
textColor: G = "primary",
|
|
772
772
|
value: N,
|
|
773
773
|
variant: R = "standard",
|
|
774
|
-
visibleScrollbar:
|
|
775
|
-
...
|
|
776
|
-
} = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right",
|
|
774
|
+
visibleScrollbar: le = !1,
|
|
775
|
+
...Le
|
|
776
|
+
} = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right", se = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", D = {
|
|
777
777
|
...d,
|
|
778
778
|
component: m,
|
|
779
779
|
allowScrollButtonsMobile: C,
|
|
@@ -783,27 +783,27 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
783
783
|
scrollButtons: M,
|
|
784
784
|
textColor: G,
|
|
785
785
|
variant: R,
|
|
786
|
-
visibleScrollbar:
|
|
786
|
+
visibleScrollbar: le,
|
|
787
787
|
fixed: !w,
|
|
788
|
-
hideScrollbar: w && !
|
|
788
|
+
hideScrollbar: w && !le,
|
|
789
789
|
scrollableX: w && !B,
|
|
790
790
|
scrollableY: w && B,
|
|
791
791
|
centered: S && !w,
|
|
792
792
|
scrollButtonsHideMobile: !C
|
|
793
|
-
}, P =
|
|
793
|
+
}, P = Tt(D), He = re({
|
|
794
794
|
elementType: H.StartScrollButtonIcon,
|
|
795
795
|
externalSlotProps: U.startScrollButtonIcon,
|
|
796
796
|
ownerState: D
|
|
797
|
-
}),
|
|
797
|
+
}), Ve = re({
|
|
798
798
|
elementType: H.EndScrollButtonIcon,
|
|
799
799
|
externalSlotProps: U.endScrollButtonIcon,
|
|
800
800
|
ownerState: D
|
|
801
801
|
});
|
|
802
802
|
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.');
|
|
803
|
-
const [
|
|
803
|
+
const [Se, Ue] = c.useState(!1), [$, ve] = c.useState(Ne), [ye, Xe] = c.useState(!1), [ge, Ye] = c.useState(!1), [Te, Ke] = c.useState(!1), [we, _e] = c.useState({
|
|
804
804
|
overflow: "hidden",
|
|
805
805
|
scrollbarWidth: 0
|
|
806
|
-
}), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null),
|
|
806
|
+
}), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Be = () => {
|
|
807
807
|
const r = O.current;
|
|
808
808
|
let n;
|
|
809
809
|
if (r) {
|
|
@@ -825,20 +825,20 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
825
825
|
if (a.length > 0) {
|
|
826
826
|
const p = a[Z.get(N)];
|
|
827
827
|
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}".`, Z.keys ? `You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.` : null].join(`
|
|
828
|
-
`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !
|
|
828
|
+
`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Pe && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
|
|
829
829
|
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(`
|
|
830
|
-
`)),
|
|
830
|
+
`)), Pe = !0);
|
|
831
831
|
}
|
|
832
832
|
}
|
|
833
833
|
return {
|
|
834
834
|
tabsMeta: n,
|
|
835
835
|
tabMeta: s
|
|
836
836
|
};
|
|
837
|
-
}, K =
|
|
837
|
+
}, K = de(() => {
|
|
838
838
|
const {
|
|
839
839
|
tabsMeta: r,
|
|
840
840
|
tabMeta: n
|
|
841
|
-
} =
|
|
841
|
+
} = Be();
|
|
842
842
|
let s = 0, a;
|
|
843
843
|
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)));
|
|
844
844
|
const p = {
|
|
@@ -847,60 +847,60 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
847
847
|
[Y]: n ? n[Y] : 0
|
|
848
848
|
};
|
|
849
849
|
if (typeof $[a] != "number" || typeof $[Y] != "number")
|
|
850
|
-
|
|
850
|
+
ve(p);
|
|
851
851
|
else {
|
|
852
852
|
const E = Math.abs($[a] - p[a]), F = Math.abs($[Y] - p[Y]);
|
|
853
|
-
(E >= 1 || F >= 1) &&
|
|
853
|
+
(E >= 1 || F >= 1) && ve(p);
|
|
854
854
|
}
|
|
855
|
-
}),
|
|
855
|
+
}), ae = (r, {
|
|
856
856
|
animation: n = !0
|
|
857
857
|
} = {}) => {
|
|
858
|
-
n ?
|
|
858
|
+
n ? bt(X, O.current, r, {
|
|
859
859
|
duration: i.transitions.duration.standard
|
|
860
860
|
}) : O.current[X] = r;
|
|
861
|
-
},
|
|
861
|
+
}, xe = (r) => {
|
|
862
862
|
let n = O.current[X];
|
|
863
|
-
B ? n += r : n += r * (u ? -1 : 1),
|
|
864
|
-
},
|
|
865
|
-
const r = O.current[
|
|
863
|
+
B ? n += r : n += r * (u ? -1 : 1), ae(n);
|
|
864
|
+
}, Ce = () => {
|
|
865
|
+
const r = O.current[se];
|
|
866
866
|
let n = 0;
|
|
867
867
|
const s = Array.from(A.current.children);
|
|
868
868
|
for (let a = 0; a < s.length; a += 1) {
|
|
869
869
|
const p = s[a];
|
|
870
|
-
if (n + p[
|
|
870
|
+
if (n + p[se] > r) {
|
|
871
871
|
a === 0 && (n = r);
|
|
872
872
|
break;
|
|
873
873
|
}
|
|
874
|
-
n += p[
|
|
874
|
+
n += p[se];
|
|
875
875
|
}
|
|
876
876
|
return n;
|
|
877
|
-
},
|
|
878
|
-
|
|
879
|
-
},
|
|
880
|
-
|
|
881
|
-
},
|
|
882
|
-
|
|
877
|
+
}, qe = () => {
|
|
878
|
+
xe(-1 * Ce());
|
|
879
|
+
}, Ge = () => {
|
|
880
|
+
xe(Ce());
|
|
881
|
+
}, Je = c.useCallback((r) => {
|
|
882
|
+
_e({
|
|
883
883
|
overflow: null,
|
|
884
884
|
scrollbarWidth: r
|
|
885
885
|
});
|
|
886
|
-
}, []),
|
|
886
|
+
}, []), Qe = () => {
|
|
887
887
|
const r = {};
|
|
888
|
-
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(
|
|
889
|
-
onChange:
|
|
888
|
+
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(It, {
|
|
889
|
+
onChange: Je,
|
|
890
890
|
className: W(P.scrollableX, P.hideScrollbar)
|
|
891
891
|
}) : null;
|
|
892
|
-
const s = w && (M === "auto" && (
|
|
892
|
+
const s = w && (M === "auto" && (ye || ge) || M === !0);
|
|
893
893
|
return r.scrollButtonStart = s ? /* @__PURE__ */ x(L, {
|
|
894
894
|
slots: {
|
|
895
895
|
StartScrollButtonIcon: H.StartScrollButtonIcon
|
|
896
896
|
},
|
|
897
897
|
slotProps: {
|
|
898
|
-
startScrollButtonIcon:
|
|
898
|
+
startScrollButtonIcon: He
|
|
899
899
|
},
|
|
900
900
|
orientation: g,
|
|
901
901
|
direction: u ? "right" : "left",
|
|
902
|
-
onClick:
|
|
903
|
-
disabled: !
|
|
902
|
+
onClick: qe,
|
|
903
|
+
disabled: !ye,
|
|
904
904
|
...z,
|
|
905
905
|
className: W(P.scrollButtons, z.className)
|
|
906
906
|
}) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(L, {
|
|
@@ -908,38 +908,38 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
908
908
|
EndScrollButtonIcon: H.EndScrollButtonIcon
|
|
909
909
|
},
|
|
910
910
|
slotProps: {
|
|
911
|
-
endScrollButtonIcon:
|
|
911
|
+
endScrollButtonIcon: Ve
|
|
912
912
|
},
|
|
913
913
|
orientation: g,
|
|
914
914
|
direction: u ? "left" : "right",
|
|
915
|
-
onClick:
|
|
916
|
-
disabled: !
|
|
915
|
+
onClick: Ge,
|
|
916
|
+
disabled: !ge,
|
|
917
917
|
...z,
|
|
918
918
|
className: W(P.scrollButtons, z.className)
|
|
919
919
|
}) : null, r;
|
|
920
|
-
},
|
|
920
|
+
}, Ie = de((r) => {
|
|
921
921
|
const {
|
|
922
922
|
tabsMeta: n,
|
|
923
923
|
tabMeta: s
|
|
924
|
-
} =
|
|
924
|
+
} = Be();
|
|
925
925
|
if (!(!s || !n)) {
|
|
926
926
|
if (s[J] < n[J]) {
|
|
927
927
|
const a = n[X] + (s[J] - n[J]);
|
|
928
|
-
|
|
928
|
+
ae(a, {
|
|
929
929
|
animation: r
|
|
930
930
|
});
|
|
931
931
|
} else if (s[Q] > n[Q]) {
|
|
932
932
|
const a = n[X] + (s[Q] - n[Q]);
|
|
933
|
-
|
|
933
|
+
ae(a, {
|
|
934
934
|
animation: r
|
|
935
935
|
});
|
|
936
936
|
}
|
|
937
937
|
}
|
|
938
|
-
}),
|
|
939
|
-
w && M !== !1 &&
|
|
938
|
+
}), ee = de(() => {
|
|
939
|
+
w && M !== !1 && Ke(!Te);
|
|
940
940
|
});
|
|
941
941
|
c.useEffect(() => {
|
|
942
|
-
const r = $
|
|
942
|
+
const r = $e(() => {
|
|
943
943
|
O.current && K();
|
|
944
944
|
});
|
|
945
945
|
let n;
|
|
@@ -950,8 +950,8 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
950
950
|
}), F.addedNodes.forEach((_) => {
|
|
951
951
|
n == null || n.observe(_);
|
|
952
952
|
});
|
|
953
|
-
}), r(),
|
|
954
|
-
}, a =
|
|
953
|
+
}), r(), ee();
|
|
954
|
+
}, a = De(O.current);
|
|
955
955
|
a.addEventListener("resize", r);
|
|
956
956
|
let p;
|
|
957
957
|
return typeof ResizeObserver < "u" && (n = new ResizeObserver(r), Array.from(A.current.children).forEach((E) => {
|
|
@@ -961,34 +961,34 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
961
961
|
})), () => {
|
|
962
962
|
r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
|
|
963
963
|
};
|
|
964
|
-
}, [K,
|
|
964
|
+
}, [K, ee]), c.useEffect(() => {
|
|
965
965
|
const r = Array.from(A.current.children), n = r.length;
|
|
966
966
|
if (typeof IntersectionObserver < "u" && n > 0 && w && M !== !1) {
|
|
967
967
|
const s = r[0], a = r[n - 1], p = {
|
|
968
968
|
root: O.current,
|
|
969
969
|
threshold: 0.99
|
|
970
|
-
}, E = (
|
|
971
|
-
|
|
970
|
+
}, E = (ce) => {
|
|
971
|
+
Xe(!ce[0].isIntersecting);
|
|
972
972
|
}, F = new IntersectionObserver(E, p);
|
|
973
973
|
F.observe(s);
|
|
974
|
-
const _ = (
|
|
975
|
-
|
|
976
|
-
},
|
|
977
|
-
return
|
|
978
|
-
F.disconnect(),
|
|
974
|
+
const _ = (ce) => {
|
|
975
|
+
Ye(!ce[0].isIntersecting);
|
|
976
|
+
}, Me = new IntersectionObserver(_, p);
|
|
977
|
+
return Me.observe(a), () => {
|
|
978
|
+
F.disconnect(), Me.disconnect();
|
|
979
979
|
};
|
|
980
980
|
}
|
|
981
|
-
}, [w, M,
|
|
982
|
-
|
|
981
|
+
}, [w, M, Te, v == null ? void 0 : v.length]), c.useEffect(() => {
|
|
982
|
+
Ue(!0);
|
|
983
983
|
}, []), c.useEffect(() => {
|
|
984
984
|
K();
|
|
985
985
|
}), c.useEffect(() => {
|
|
986
|
-
|
|
987
|
-
}, [
|
|
986
|
+
Ie(Ne !== $);
|
|
987
|
+
}, [Ie, $]), c.useImperativeHandle(f, () => ({
|
|
988
988
|
updateIndicator: K,
|
|
989
|
-
updateScrollButtons:
|
|
990
|
-
}), [K,
|
|
991
|
-
const
|
|
989
|
+
updateScrollButtons: ee
|
|
990
|
+
}), [K, ee]);
|
|
991
|
+
const Ee = /* @__PURE__ */ x(Ct, {
|
|
992
992
|
...V,
|
|
993
993
|
className: W(P.indicator, V.className),
|
|
994
994
|
ownerState: D,
|
|
@@ -997,76 +997,76 @@ const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
|
997
997
|
...V.style
|
|
998
998
|
}
|
|
999
999
|
});
|
|
1000
|
-
let
|
|
1001
|
-
const
|
|
1000
|
+
let te = 0;
|
|
1001
|
+
const Ze = c.Children.map(v, (r) => {
|
|
1002
1002
|
if (!/* @__PURE__ */ c.isValidElement(r))
|
|
1003
1003
|
return null;
|
|
1004
|
-
process.env.NODE_ENV !== "production" &&
|
|
1004
|
+
process.env.NODE_ENV !== "production" && ot.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
|
|
1005
1005
|
`));
|
|
1006
|
-
const n = r.props.value === void 0 ?
|
|
1007
|
-
Z.set(n,
|
|
1006
|
+
const n = r.props.value === void 0 ? te : r.props.value;
|
|
1007
|
+
Z.set(n, te);
|
|
1008
1008
|
const s = n === N;
|
|
1009
|
-
return
|
|
1009
|
+
return te += 1, /* @__PURE__ */ c.cloneElement(r, {
|
|
1010
1010
|
fullWidth: R === "fullWidth",
|
|
1011
|
-
indicator: s && !
|
|
1011
|
+
indicator: s && !Se && Ee,
|
|
1012
1012
|
selected: s,
|
|
1013
|
-
selectionFollowsFocus:
|
|
1013
|
+
selectionFollowsFocus: ne,
|
|
1014
1014
|
onChange: I,
|
|
1015
1015
|
textColor: G,
|
|
1016
1016
|
value: n,
|
|
1017
|
-
...
|
|
1017
|
+
...te === 1 && N === !1 && !r.props.tabIndex ? {
|
|
1018
1018
|
tabIndex: 0
|
|
1019
1019
|
} : {}
|
|
1020
1020
|
});
|
|
1021
|
-
}),
|
|
1022
|
-
const n = A.current, s =
|
|
1021
|
+
}), et = (r) => {
|
|
1022
|
+
const n = A.current, s = st(n).activeElement;
|
|
1023
1023
|
if (s.getAttribute("role") !== "tab")
|
|
1024
1024
|
return;
|
|
1025
1025
|
let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
1026
1026
|
switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), r.key) {
|
|
1027
1027
|
case p:
|
|
1028
|
-
r.preventDefault(),
|
|
1028
|
+
r.preventDefault(), oe(n, s, Oe);
|
|
1029
1029
|
break;
|
|
1030
1030
|
case E:
|
|
1031
|
-
r.preventDefault(),
|
|
1031
|
+
r.preventDefault(), oe(n, s, Re);
|
|
1032
1032
|
break;
|
|
1033
1033
|
case "Home":
|
|
1034
|
-
r.preventDefault(),
|
|
1034
|
+
r.preventDefault(), oe(n, null, Re);
|
|
1035
1035
|
break;
|
|
1036
1036
|
case "End":
|
|
1037
|
-
r.preventDefault(),
|
|
1037
|
+
r.preventDefault(), oe(n, null, Oe);
|
|
1038
1038
|
break;
|
|
1039
1039
|
}
|
|
1040
|
-
},
|
|
1041
|
-
return /* @__PURE__ */ q(
|
|
1040
|
+
}, ie = Qe();
|
|
1041
|
+
return /* @__PURE__ */ q(wt, {
|
|
1042
1042
|
className: W(P.root, y),
|
|
1043
1043
|
ownerState: D,
|
|
1044
1044
|
ref: l,
|
|
1045
1045
|
as: m,
|
|
1046
|
-
...
|
|
1047
|
-
children: [
|
|
1046
|
+
...Le,
|
|
1047
|
+
children: [ie.scrollButtonStart, ie.scrollbarSizeListener, /* @__PURE__ */ q(Bt, {
|
|
1048
1048
|
className: P.scroller,
|
|
1049
1049
|
ownerState: D,
|
|
1050
1050
|
style: {
|
|
1051
|
-
overflow:
|
|
1052
|
-
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]:
|
|
1051
|
+
overflow: we.overflow,
|
|
1052
|
+
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: le ? void 0 : -we.scrollbarWidth
|
|
1053
1053
|
},
|
|
1054
1054
|
ref: O,
|
|
1055
|
-
children: [/* @__PURE__ */ x(
|
|
1055
|
+
children: [/* @__PURE__ */ x(xt, {
|
|
1056
1056
|
"aria-label": b,
|
|
1057
1057
|
"aria-labelledby": h,
|
|
1058
1058
|
"aria-orientation": g === "vertical" ? "vertical" : null,
|
|
1059
1059
|
className: P.flexContainer,
|
|
1060
1060
|
ownerState: D,
|
|
1061
|
-
onKeyDown:
|
|
1061
|
+
onKeyDown: et,
|
|
1062
1062
|
ref: A,
|
|
1063
1063
|
role: "tablist",
|
|
1064
|
-
children:
|
|
1065
|
-
}),
|
|
1066
|
-
}),
|
|
1064
|
+
children: Ze
|
|
1065
|
+
}), Se && Ee]
|
|
1066
|
+
}), ie.scrollButtonEnd]
|
|
1067
1067
|
});
|
|
1068
1068
|
});
|
|
1069
|
-
process.env.NODE_ENV !== "production" && (
|
|
1069
|
+
process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
1070
1070
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
1071
1071
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
1072
1072
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -1079,66 +1079,66 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
|
|
|
1079
1079
|
* @param {object} actions This object contains all possible actions
|
|
1080
1080
|
* that can be triggered programmatically.
|
|
1081
1081
|
*/
|
|
1082
|
-
action:
|
|
1082
|
+
action: lt,
|
|
1083
1083
|
/**
|
|
1084
1084
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
1085
1085
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
1086
1086
|
* @default false
|
|
1087
1087
|
*/
|
|
1088
|
-
allowScrollButtonsMobile:
|
|
1088
|
+
allowScrollButtonsMobile: t.bool,
|
|
1089
1089
|
/**
|
|
1090
1090
|
* The label for the Tabs as a string.
|
|
1091
1091
|
*/
|
|
1092
|
-
"aria-label":
|
|
1092
|
+
"aria-label": t.string,
|
|
1093
1093
|
/**
|
|
1094
1094
|
* An id or list of ids separated by a space that label the Tabs.
|
|
1095
1095
|
*/
|
|
1096
|
-
"aria-labelledby":
|
|
1096
|
+
"aria-labelledby": t.string,
|
|
1097
1097
|
/**
|
|
1098
1098
|
* If `true`, the tabs are centered.
|
|
1099
1099
|
* This prop is intended for large views.
|
|
1100
1100
|
* @default false
|
|
1101
1101
|
*/
|
|
1102
|
-
centered:
|
|
1102
|
+
centered: t.bool,
|
|
1103
1103
|
/**
|
|
1104
1104
|
* The content of the component.
|
|
1105
1105
|
*/
|
|
1106
|
-
children:
|
|
1106
|
+
children: t.node,
|
|
1107
1107
|
/**
|
|
1108
1108
|
* Override or extend the styles applied to the component.
|
|
1109
1109
|
*/
|
|
1110
|
-
classes:
|
|
1110
|
+
classes: t.object,
|
|
1111
1111
|
/**
|
|
1112
1112
|
* @ignore
|
|
1113
1113
|
*/
|
|
1114
|
-
className:
|
|
1114
|
+
className: t.string,
|
|
1115
1115
|
/**
|
|
1116
1116
|
* The component used for the root node.
|
|
1117
1117
|
* Either a string to use a HTML element or a component.
|
|
1118
1118
|
*/
|
|
1119
|
-
component:
|
|
1119
|
+
component: t.elementType,
|
|
1120
1120
|
/**
|
|
1121
1121
|
* Determines the color of the indicator.
|
|
1122
1122
|
* @default 'primary'
|
|
1123
1123
|
*/
|
|
1124
|
-
indicatorColor:
|
|
1124
|
+
indicatorColor: t.oneOfType([t.oneOf(["primary", "secondary"]), t.string]),
|
|
1125
1125
|
/**
|
|
1126
1126
|
* Callback fired when the value changes.
|
|
1127
1127
|
*
|
|
1128
1128
|
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
1129
1129
|
* @param {any} value We default to the index of the child (number)
|
|
1130
1130
|
*/
|
|
1131
|
-
onChange:
|
|
1131
|
+
onChange: t.func,
|
|
1132
1132
|
/**
|
|
1133
1133
|
* The component orientation (layout flow direction).
|
|
1134
1134
|
* @default 'horizontal'
|
|
1135
1135
|
*/
|
|
1136
|
-
orientation:
|
|
1136
|
+
orientation: t.oneOf(["horizontal", "vertical"]),
|
|
1137
1137
|
/**
|
|
1138
1138
|
* The component used to render the scroll buttons.
|
|
1139
1139
|
* @default TabScrollButton
|
|
1140
1140
|
*/
|
|
1141
|
-
ScrollButtonComponent:
|
|
1141
|
+
ScrollButtonComponent: t.elementType,
|
|
1142
1142
|
/**
|
|
1143
1143
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
1144
1144
|
*
|
|
@@ -1150,53 +1150,53 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
|
|
|
1150
1150
|
* This behavior can be disabled with `allowScrollButtonsMobile`.
|
|
1151
1151
|
* @default 'auto'
|
|
1152
1152
|
*/
|
|
1153
|
-
scrollButtons:
|
|
1153
|
+
scrollButtons: t.oneOf(["auto", !1, !0]),
|
|
1154
1154
|
/**
|
|
1155
1155
|
* If `true` the selected tab changes on focus. Otherwise it only
|
|
1156
1156
|
* changes on activation.
|
|
1157
1157
|
*/
|
|
1158
|
-
selectionFollowsFocus:
|
|
1158
|
+
selectionFollowsFocus: t.bool,
|
|
1159
1159
|
/**
|
|
1160
1160
|
* The extra props for the slot components.
|
|
1161
1161
|
* You can override the existing props or add new ones.
|
|
1162
1162
|
* @default {}
|
|
1163
1163
|
*/
|
|
1164
|
-
slotProps:
|
|
1165
|
-
endScrollButtonIcon:
|
|
1166
|
-
startScrollButtonIcon:
|
|
1164
|
+
slotProps: t.shape({
|
|
1165
|
+
endScrollButtonIcon: t.oneOfType([t.func, t.object]),
|
|
1166
|
+
startScrollButtonIcon: t.oneOfType([t.func, t.object])
|
|
1167
1167
|
}),
|
|
1168
1168
|
/**
|
|
1169
1169
|
* The components used for each slot inside.
|
|
1170
1170
|
* @default {}
|
|
1171
1171
|
*/
|
|
1172
|
-
slots:
|
|
1173
|
-
EndScrollButtonIcon:
|
|
1174
|
-
StartScrollButtonIcon:
|
|
1172
|
+
slots: t.shape({
|
|
1173
|
+
EndScrollButtonIcon: t.elementType,
|
|
1174
|
+
StartScrollButtonIcon: t.elementType
|
|
1175
1175
|
}),
|
|
1176
1176
|
/**
|
|
1177
1177
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
1178
1178
|
*/
|
|
1179
|
-
sx:
|
|
1179
|
+
sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
|
|
1180
1180
|
/**
|
|
1181
1181
|
* Props applied to the tab indicator element.
|
|
1182
1182
|
* @default {}
|
|
1183
1183
|
*/
|
|
1184
|
-
TabIndicatorProps:
|
|
1184
|
+
TabIndicatorProps: t.object,
|
|
1185
1185
|
/**
|
|
1186
1186
|
* Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
|
|
1187
1187
|
* @default {}
|
|
1188
1188
|
*/
|
|
1189
|
-
TabScrollButtonProps:
|
|
1189
|
+
TabScrollButtonProps: t.object,
|
|
1190
1190
|
/**
|
|
1191
1191
|
* Determines the color of the `Tab`.
|
|
1192
1192
|
* @default 'primary'
|
|
1193
1193
|
*/
|
|
1194
|
-
textColor:
|
|
1194
|
+
textColor: t.oneOf(["inherit", "primary", "secondary"]),
|
|
1195
1195
|
/**
|
|
1196
1196
|
* The value of the currently selected `Tab`.
|
|
1197
1197
|
* If you don't want any selected `Tab`, you can set this prop to `false`.
|
|
1198
1198
|
*/
|
|
1199
|
-
value:
|
|
1199
|
+
value: t.any,
|
|
1200
1200
|
/**
|
|
1201
1201
|
* Determines additional display behavior of the tabs:
|
|
1202
1202
|
*
|
|
@@ -1207,21 +1207,21 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
|
|
|
1207
1207
|
* - `standard` will render the default state.
|
|
1208
1208
|
* @default 'standard'
|
|
1209
1209
|
*/
|
|
1210
|
-
variant:
|
|
1210
|
+
variant: t.oneOf(["fullWidth", "scrollable", "standard"]),
|
|
1211
1211
|
/**
|
|
1212
1212
|
* If `true`, the scrollbar is visible. It can be useful when displaying
|
|
1213
1213
|
* a long vertical list of tabs.
|
|
1214
1214
|
* @default false
|
|
1215
1215
|
*/
|
|
1216
|
-
visibleScrollbar:
|
|
1216
|
+
visibleScrollbar: t.bool
|
|
1217
1217
|
});
|
|
1218
1218
|
export {
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1219
|
+
pt as K,
|
|
1220
|
+
dt as T,
|
|
1221
|
+
Et as a,
|
|
1222
|
+
ue as b,
|
|
1223
|
+
gt as c,
|
|
1224
|
+
ut as d,
|
|
1225
|
+
at as g,
|
|
1226
1226
|
T as t
|
|
1227
1227
|
};
|