@cgi-learning-hub/ui 1.3.3 → 1.3.4-dev.1733150814
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-BlKt7y1x.js +360 -0
- package/dist/Backdrop-vSE8W9jq.cjs +1 -0
- package/dist/{Box-UE-zctbJ.js → Box-DErdbtsw.js} +9 -9
- package/dist/{Box-H49yQEt_.cjs → Box-DMYs7NTb.cjs} +1 -1
- package/dist/{Button-Bjy0iPNm.js → Button-CiqVGfRs.js} +14 -14
- package/dist/{Button-qc45QbX6.cjs → Button-D3dbHQM1.cjs} +1 -1
- package/dist/ButtonBase-BoWeLMzR.cjs +74 -0
- package/dist/{ButtonBase-CFD7NVUc.js → ButtonBase-DUPJVOlc.js} +232 -240
- package/dist/Card-Cnh4u4kb.cjs +1 -0
- package/dist/Card-mGRk1RuE.js +74 -0
- package/dist/{Checkbox-Ct5E_6h7.js → Checkbox-aJ1r7ufI.js} +12 -12
- package/dist/{Checkbox-CuYTY0gd.cjs → Checkbox-s_RdgUlw.cjs} +1 -1
- package/dist/{CircularProgress-By02Sdoh.js → CircularProgress-CfODO7vI.js} +17 -17
- package/dist/{CircularProgress-BPHINMQw.cjs → CircularProgress-DHgcUb1c.cjs} +7 -7
- package/dist/DatePicker-Dyf9Vhld.js +10845 -0
- package/dist/DatePicker-juzW4bLC.cjs +14 -0
- package/dist/DefaultPropsProvider-Biv7NHew.cjs +17 -0
- package/dist/{DefaultPropsProvider-CaRoy5OV.js → DefaultPropsProvider-xJkZOrdv.js} +146 -143
- package/dist/Delete-BOQTx9ze.js +8 -0
- package/dist/Delete-DyzDL8-Y.cjs +1 -0
- package/dist/DialogContent-D1KFPXhr.js +602 -0
- package/dist/DialogContent-Dphl2SKX.cjs +1 -0
- package/dist/DialogTitle-AQ-YU9PH.js +134 -0
- package/dist/DialogTitle-C8AdXsDz.cjs +1 -0
- package/dist/Divider-Bdp8beK-.cjs +1 -0
- package/dist/Divider-C0R1SUa4.js +296 -0
- package/dist/FormControlLabel-BlO93LTi.cjs +1 -0
- package/dist/FormControlLabel-w-X91z27.js +261 -0
- package/dist/FormGroup-6NoANcYk.js +95 -0
- package/dist/FormGroup-D0zSGn42.cjs +1 -0
- package/dist/FormLabel-BkiH7wl7.cjs +2 -0
- package/dist/{FormLabel-B4QlkhhB.js → FormLabel-CoLJ9tA8.js} +36 -42
- package/dist/Grow-DfACa72Q.cjs +1 -0
- package/dist/Grow-SW33sONG.js +193 -0
- package/dist/IconButton-DRs0xB4z.cjs +2 -0
- package/dist/{IconButton-Av8eJ5IG.js → IconButton-DjeMTpI5.js} +5 -5
- package/dist/{InputAdornment-BJfpEQAa.cjs → InputAdornment-B1pggfEX.cjs} +1 -1
- package/dist/{InputAdornment-COPtZlSD.js → InputAdornment-ByiVSgFT.js} +4 -4
- package/dist/{InputBase-Bbgoz8GV.js → InputBase-CvU0-Zg6.js} +59 -59
- package/dist/InputBase-Xfjv-RYp.cjs +3 -0
- package/dist/Link-Dmwt9wxb.js +266 -0
- package/dist/Link-Z_UCBvgV.cjs +1 -0
- package/dist/Menu-4U27Dst1.js +965 -0
- package/dist/Menu-DREdNbqu.cjs +7 -0
- package/dist/MenuItem-CN75Du-9.cjs +1 -0
- package/dist/{MenuItem-D7HWYhF3.js → MenuItem-CqPsuuC1.js} +69 -74
- package/dist/Modal-DWqBsogu.cjs +2 -0
- package/dist/Modal-D_mqYIr2.js +750 -0
- package/dist/Paper-CjMuucS5.cjs +2 -0
- package/dist/Paper-D973Ow-i.js +185 -0
- package/dist/Popper-B8oNZqtn.js +1407 -0
- package/dist/Popper-hzM0y1hA.cjs +4 -0
- package/dist/Portal-BKbBRbWN.js +86 -0
- package/dist/Portal-Bv2VRYHH.cjs +1 -0
- package/dist/Radio-BrzQH9pY.js +312 -0
- package/dist/Radio-DxbXYNhR.cjs +1 -0
- package/dist/Select-CL4E8NNL.cjs +3 -0
- package/dist/Select-CgAPAUTr.js +2602 -0
- package/dist/{Stack-y1PjTHKX.js → Stack-CYXQpKS2.js} +18 -18
- package/dist/{Stack-CEjx3KHM.cjs → Stack-WrITLr1B.cjs} +1 -1
- package/dist/{SwitchBase-yCuH0Tqk.js → SwitchBase-CGa9A6SL.js} +10 -10
- package/dist/{SwitchBase-URM3X3YZ.cjs → SwitchBase-Cqh9rxOh.cjs} +1 -1
- package/dist/{Tooltip-DO9GIhWC.js → TableSortLabel-hvz89Dvu.js} +2185 -3518
- package/dist/TableSortLabel-mAzX4tAl.cjs +98 -0
- package/dist/Tabs-BNqwYd2G.cjs +4 -0
- package/dist/{Tabs-DK4Bc5xo.js → Tabs-BPI2IyPx.js} +284 -282
- package/dist/{TextField-C-B529_r.js → TextField-C4nIxR_t.js} +24 -24
- package/dist/{TextField-BVAkADOb.cjs → TextField-Dy0Iblqt.cjs} +1 -1
- package/dist/Tooltip-Bdrv-e2a.js +720 -0
- package/dist/Tooltip-vg27N3PU.cjs +4 -0
- package/dist/{Typography-5OodZ94T.cjs → Typography-BF9bdWxl.cjs} +1 -1
- package/dist/{Typography-C_ESP41L.js → Typography-CUdlQxLM.js} +4 -4
- package/dist/assets/styles.css +1 -1
- package/dist/assets/styles2.css +1 -1
- package/dist/chainPropTypes-CEUi6Jb4.cjs +1 -0
- package/dist/chainPropTypes-D9lkm76m.js +8 -0
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.es.js +12 -12
- 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/Dropzone/Dropzone.cjs.js +1 -5
- package/dist/components/Dropzone/Dropzone.es.js +24 -2162
- 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 +21 -22
- 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 -0
- package/dist/components/ImagePicker/ImagePicker.d.ts +12 -0
- package/dist/components/ImagePicker/ImagePicker.es.js +174 -0
- package/dist/components/ImagePicker/index.cjs.js +1 -0
- package/dist/components/ImagePicker/index.d.ts +2 -0
- package/dist/components/ImagePicker/index.es.js +4 -0
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.es.js +2 -2
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js +3 -3
- package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.es.js +8 -7
- 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.d.ts +1 -0
- package/dist/components/index.es.js +277 -265
- 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 -0
- package/dist/components/stories/Card.stories.d.ts +7 -0
- package/dist/components/stories/Card.stories.es.js +193 -0
- package/dist/components/stories/Checkbox.stories.cjs.js +1 -1
- package/dist/components/stories/Checkbox.stories.es.js +41 -12
- 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 -0
- package/dist/components/stories/Dialog.stories.d.ts +7 -0
- package/dist/components/stories/Dialog.stories.es.js +53 -0
- package/dist/components/stories/Divider.stories.cjs.js +1 -0
- package/dist/components/stories/Divider.stories.d.ts +6 -0
- package/dist/components/stories/Divider.stories.es.js +41 -0
- package/dist/components/stories/FormControlLabel.stories.cjs.js +1 -0
- package/dist/components/stories/FormControlLabel.stories.d.ts +9 -0
- package/dist/components/stories/FormControlLabel.stories.es.js +378 -0
- 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 +47 -11
- package/dist/components/stories/ImagePicker.stories.cjs.js +1 -0
- package/dist/components/stories/ImagePicker.stories.d.ts +6 -0
- package/dist/components/stories/ImagePicker.stories.es.js +50 -0
- package/dist/components/stories/Link.stories.cjs.js +1 -0
- package/dist/components/stories/Link.stories.d.ts +7 -0
- package/dist/components/stories/Link.stories.es.js +43 -0
- package/dist/components/stories/Menu.stories.cjs.js +1 -0
- package/dist/components/stories/Menu.stories.d.ts +7 -0
- package/dist/components/stories/Menu.stories.es.js +51 -0
- package/dist/components/stories/Paper.stories.cjs.js +1 -0
- package/dist/components/stories/Paper.stories.d.ts +7 -0
- package/dist/components/stories/Paper.stories.es.js +28 -0
- package/dist/components/stories/RadioGroup.stories.cjs.js +1 -1
- package/dist/components/stories/RadioGroup.stories.es.js +70 -371
- 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 +140 -90
- package/dist/components/stories/TextField.stories.cjs.js +1 -1
- package/dist/components/stories/TextField.stories.es.js +1 -1
- package/dist/components/stories/Tooltip.stories.cjs.js +1 -0
- package/dist/components/stories/Tooltip.stories.d.ts +7 -0
- package/dist/components/stories/Tooltip.stories.es.js +46 -0
- package/dist/components/stories/Typography.stories.cjs.js +1 -0
- package/dist/components/stories/Typography.stories.d.ts +6 -0
- package/dist/components/stories/Typography.stories.es.js +65 -0
- package/dist/createChainedFunction-C0nujS3O.js +9 -0
- package/dist/createChainedFunction-CJmlQuW8.cjs +1 -0
- package/dist/{createSvgIcon-GU7fqNnI.cjs → createSvgIcon-BMmqQ2z0.cjs} +1 -1
- package/dist/{createSvgIcon-DxbvMQd7.js → createSvgIcon-CVd3Lo1D.js} +3 -3
- package/dist/debounce-46wSf_lW.js +15 -0
- package/dist/debounce-DpCj7ugL.cjs +1 -0
- package/dist/dividerClasses-CyDs_RPD.cjs +1 -0
- package/dist/dividerClasses-kN_Ky2Bl.js +9 -0
- package/dist/elementTypeAcceptingRef-5w32V5hP.cjs +1 -0
- package/dist/elementTypeAcceptingRef-modXfN2G.js +23 -0
- package/dist/{extendSxProp-D11-pC6h.cjs → extendSxProp-6YOo46ig.cjs} +1 -1
- package/dist/{extendSxProp-XQwkK0m7.js → extendSxProp-CHv0k-C6.js} +1 -1
- package/dist/formControlState-CuX6WjAX.cjs +1 -0
- package/dist/formControlState-vgaj2ksH.js +10 -0
- package/dist/fr-ChrHtTbj.cjs +1 -0
- package/dist/fr-rmVQsNbI.js +312 -0
- package/dist/{identifier-BqadgaK7.js → identifier-Bn0tF6ls.js} +612 -608
- package/dist/{identifier-BQH88SE0.cjs → identifier-Dax8VlUh.cjs} +19 -19
- package/dist/index-BNojWn2E.js +2152 -0
- package/dist/index-C5dNuV-2.cjs +5 -0
- package/dist/{index-BUxqDIr9.js → index-CVpJYeY2.js} +4 -4
- package/dist/{index-D7nFYLYq.cjs → index-D3PBNx_m.cjs} +1 -1
- package/dist/{index-CNv8ppur.cjs → index-OLlWw08I.cjs} +1 -1
- package/dist/{index-CRT92bm7.js → index-waINWr3i.js} +3 -3
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +277 -265
- package/dist/isFocusVisible-CPZqtjv2.js +12 -0
- package/dist/isFocusVisible-DlSijby6.cjs +2 -0
- package/dist/isHostComponent-PydJW4A4.cjs +1 -0
- package/dist/isHostComponent-kiaBvYVo.js +6 -0
- package/dist/{memoTheme-B6o2KVgJ.cjs → memoTheme-BPA1FjB4.cjs} +1 -1
- package/dist/{memoTheme-DfGVDRrB.js → memoTheme-CMJVTZEg.js} +1 -1
- package/dist/ownerDocument-4MViGo3k.cjs +1 -0
- package/dist/ownerDocument-CUrv0DIK.js +6 -0
- package/dist/ownerWindow-DDHucZi0.cjs +1 -0
- package/dist/ownerWindow-niciwP7I.js +7 -0
- package/dist/refType-BmrOFNz6.js +7 -0
- package/dist/refType-Dm84STBj.cjs +1 -0
- package/dist/{resolveComponentProps-DTv6xPbb.cjs → resolveComponentProps-4nhUsl3a.cjs} +1 -1
- package/dist/{resolveComponentProps-CxJ2yAJn.js → resolveComponentProps-DHoZOPOi.js} +1 -1
- package/dist/useForkRef-CTI33h-3.cjs +1 -0
- package/dist/useForkRef-C_4o__cU.js +15 -0
- package/dist/{useSlot-42jgZftI.cjs → useSlot-CJAXUvYJ.cjs} +1 -1
- package/dist/{useSlot-Co14PUn6.js → useSlot-t9oGnIgq.js} +2 -2
- package/dist/{useTheme-tZYpFplW.cjs → useTheme-BIogn5Me.cjs} +1 -1
- package/dist/{useTheme-cVN-YQNB.cjs → useTheme-Bz4LKMiC.cjs} +1 -1
- package/dist/{useTheme-oM_SFWy4.js → useTheme-CBsFvF7I.js} +1 -1
- package/dist/{useTheme-CtT7O-Wk.js → useTheme-L3EQmvnN.js} +3 -3
- package/dist/{useThemeProps-BlQ3SLfB.js → useThemeProps-5Bku71LW.js} +2 -2
- package/dist/{useThemeProps-HLq2mDKk.cjs → useThemeProps-C692LOYf.cjs} +1 -1
- package/dist/{useThemeProps-r0DnR8FJ.cjs → useThemeProps-DNFKz8wS.cjs} +1 -1
- package/dist/{useThemeProps-FiA8ivG-.js → useThemeProps-I9EHeqzU.js} +3 -3
- package/dist/{useTimeout-D16vpBhn.js → useTimeout-3Y5y4gWq.js} +4 -4
- package/dist/{useTimeout-DWEGwfTA.cjs → useTimeout-CxOQget6.cjs} +1 -1
- package/dist/utils-BWx1W_q1.cjs +1 -0
- package/dist/utils-CE_a8glN.js +391 -0
- package/dist/utils-CusX8Edy.cjs +1 -0
- package/dist/utils-DWqc1kRF.js +13 -0
- package/package.json +5 -5
- package/dist/Backdrop-KAJqifAq.cjs +0 -1
- package/dist/Backdrop-RBPtVAPX.js +0 -744
- package/dist/ButtonBase-UEHzzfUL.cjs +0 -75
- package/dist/DatePicker-rhgpaD-r.cjs +0 -17
- package/dist/DatePicker-u4rtXGeo.js +0 -12791
- package/dist/DefaultPropsProvider-BrX6iuA3.cjs +0 -17
- package/dist/FormGroup-BBYEQB4C.cjs +0 -1
- package/dist/FormGroup-BVtE8Mrv.js +0 -348
- package/dist/FormLabel-D8jYibc1.cjs +0 -2
- package/dist/IconButton-CVyLtjcH.cjs +0 -2
- package/dist/InputBase-Ctmib7Br.cjs +0 -3
- package/dist/MenuItem-Els-vJZW.cjs +0 -1
- package/dist/Select-BlPQngVF.js +0 -4720
- package/dist/Select-ipcMZ4iK.cjs +0 -11
- package/dist/Tabs-Nvk94RTW.cjs +0 -4
- package/dist/Tooltip-DvPL2M0E.cjs +0 -100
- package/dist/formControlState-DCkDUdfO.cjs +0 -1
- package/dist/formControlState-DdQP43Uo.js +0 -21
- package/dist/fr-B8_MxRl5.js +0 -307
- package/dist/fr-Nvp7C-vS.cjs +0 -1
- package/dist/ownerWindow-BoRkeomM.js +0 -23
- package/dist/ownerWindow-Dk_4aaak.cjs +0 -1
- package/dist/refType-DlHf9HvO.js +0 -27
- package/dist/refType-Do7KaOvv.cjs +0 -1
- package/dist/useForkRef-D-DyzOXj.js +0 -21
- package/dist/useForkRef-D81w5oMb.cjs +0 -1
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
import * as c from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { m as
|
|
2
|
+
import { H as pt, I as ft, L as Wt, G as W, P as e } from "./identifier-Bn0tF6ls.js";
|
|
3
|
+
import { m as bt } from "./memoTheme-CMJVTZEg.js";
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
|
-
import { s as L, u as
|
|
6
|
-
import { B as
|
|
7
|
-
import { a as
|
|
8
|
-
import { u as
|
|
9
|
-
import { u as
|
|
10
|
-
import { u as
|
|
11
|
-
import { o as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
|
|
15
|
-
|
|
5
|
+
import { s as L, u as ht, c as mt, e as ee } from "./DefaultPropsProvider-xJkZOrdv.js";
|
|
6
|
+
import { B as kt } from "./ButtonBase-DUPJVOlc.js";
|
|
7
|
+
import { a as oe } from "./useThemeProps-I9EHeqzU.js";
|
|
8
|
+
import { u as zt, a as rt } from "./index-waINWr3i.js";
|
|
9
|
+
import { u as re } from "./useTheme-L3EQmvnN.js";
|
|
10
|
+
import { u as ne, r as le } from "./refType-BmrOFNz6.js";
|
|
11
|
+
import { o as Dt } from "./ownerWindow-niciwP7I.js";
|
|
12
|
+
import { d as $t } from "./debounce-46wSf_lW.js";
|
|
13
|
+
import { a as dt } from "./useTimeout-3Y5y4gWq.js";
|
|
14
|
+
import { c as At } from "./createSvgIcon-CVd3Lo1D.js";
|
|
15
|
+
import { o as se } from "./ownerDocument-CUrv0DIK.js";
|
|
16
|
+
function ae(o) {
|
|
17
|
+
return pt("MuiTab", o);
|
|
16
18
|
}
|
|
17
|
-
const T =
|
|
19
|
+
const T = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), ie = (o) => {
|
|
18
20
|
const {
|
|
19
|
-
classes:
|
|
21
|
+
classes: t,
|
|
20
22
|
textColor: l,
|
|
21
23
|
fullWidth: d,
|
|
22
24
|
wrapped: i,
|
|
@@ -25,24 +27,24 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
25
27
|
selected: h,
|
|
26
28
|
disabled: f
|
|
27
29
|
} = o, S = {
|
|
28
|
-
root: ["root", u && b && "labelIcon", `textColor${
|
|
30
|
+
root: ["root", u && b && "labelIcon", `textColor${Wt(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
|
|
29
31
|
icon: ["iconWrapper", "icon"]
|
|
30
32
|
};
|
|
31
|
-
return
|
|
32
|
-
},
|
|
33
|
+
return mt(S, ae, t);
|
|
34
|
+
}, ce = L(kt, {
|
|
33
35
|
name: "MuiTab",
|
|
34
36
|
slot: "Root",
|
|
35
|
-
overridesResolver: (o,
|
|
37
|
+
overridesResolver: (o, t) => {
|
|
36
38
|
const {
|
|
37
39
|
ownerState: l
|
|
38
40
|
} = o;
|
|
39
|
-
return [
|
|
40
|
-
[`& .${T.iconWrapper}`]:
|
|
41
|
+
return [t.root, l.label && l.icon && t.labelIcon, t[`textColor${Wt(l.textColor)}`], l.fullWidth && t.fullWidth, l.wrapped && t.wrapped, {
|
|
42
|
+
[`& .${T.iconWrapper}`]: t.iconWrapper
|
|
41
43
|
}, {
|
|
42
|
-
[`& .${T.icon}`]:
|
|
44
|
+
[`& .${T.icon}`]: t.icon
|
|
43
45
|
}];
|
|
44
46
|
}
|
|
45
|
-
})(
|
|
47
|
+
})(bt(({
|
|
46
48
|
theme: o
|
|
47
49
|
}) => ({
|
|
48
50
|
...o.typography.button,
|
|
@@ -58,22 +60,22 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
58
60
|
lineHeight: 1.25,
|
|
59
61
|
variants: [{
|
|
60
62
|
props: ({
|
|
61
|
-
ownerState:
|
|
62
|
-
}) =>
|
|
63
|
+
ownerState: t
|
|
64
|
+
}) => t.label && (t.iconPosition === "top" || t.iconPosition === "bottom"),
|
|
63
65
|
style: {
|
|
64
66
|
flexDirection: "column"
|
|
65
67
|
}
|
|
66
68
|
}, {
|
|
67
69
|
props: ({
|
|
68
|
-
ownerState:
|
|
69
|
-
}) =>
|
|
70
|
+
ownerState: t
|
|
71
|
+
}) => t.label && t.iconPosition !== "top" && t.iconPosition !== "bottom",
|
|
70
72
|
style: {
|
|
71
73
|
flexDirection: "row"
|
|
72
74
|
}
|
|
73
75
|
}, {
|
|
74
76
|
props: ({
|
|
75
|
-
ownerState:
|
|
76
|
-
}) =>
|
|
77
|
+
ownerState: t
|
|
78
|
+
}) => t.icon && t.label,
|
|
77
79
|
style: {
|
|
78
80
|
minHeight: 72,
|
|
79
81
|
paddingTop: 9,
|
|
@@ -81,9 +83,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
81
83
|
}
|
|
82
84
|
}, {
|
|
83
85
|
props: ({
|
|
84
|
-
ownerState:
|
|
86
|
+
ownerState: t,
|
|
85
87
|
iconPosition: l
|
|
86
|
-
}) =>
|
|
88
|
+
}) => t.icon && t.label && l === "top",
|
|
87
89
|
style: {
|
|
88
90
|
[`& > .${T.icon}`]: {
|
|
89
91
|
marginBottom: 6
|
|
@@ -91,9 +93,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
91
93
|
}
|
|
92
94
|
}, {
|
|
93
95
|
props: ({
|
|
94
|
-
ownerState:
|
|
96
|
+
ownerState: t,
|
|
95
97
|
iconPosition: l
|
|
96
|
-
}) =>
|
|
98
|
+
}) => t.icon && t.label && l === "bottom",
|
|
97
99
|
style: {
|
|
98
100
|
[`& > .${T.icon}`]: {
|
|
99
101
|
marginTop: 6
|
|
@@ -101,9 +103,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
101
103
|
}
|
|
102
104
|
}, {
|
|
103
105
|
props: ({
|
|
104
|
-
ownerState:
|
|
106
|
+
ownerState: t,
|
|
105
107
|
iconPosition: l
|
|
106
|
-
}) =>
|
|
108
|
+
}) => t.icon && t.label && l === "start",
|
|
107
109
|
style: {
|
|
108
110
|
[`& > .${T.icon}`]: {
|
|
109
111
|
marginRight: o.spacing(1)
|
|
@@ -111,9 +113,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
111
113
|
}
|
|
112
114
|
}, {
|
|
113
115
|
props: ({
|
|
114
|
-
ownerState:
|
|
116
|
+
ownerState: t,
|
|
115
117
|
iconPosition: l
|
|
116
|
-
}) =>
|
|
118
|
+
}) => t.icon && t.label && l === "end",
|
|
117
119
|
style: {
|
|
118
120
|
[`& > .${T.icon}`]: {
|
|
119
121
|
marginLeft: o.spacing(1)
|
|
@@ -162,8 +164,8 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
162
164
|
}
|
|
163
165
|
}, {
|
|
164
166
|
props: ({
|
|
165
|
-
ownerState:
|
|
166
|
-
}) =>
|
|
167
|
+
ownerState: t
|
|
168
|
+
}) => t.fullWidth,
|
|
167
169
|
style: {
|
|
168
170
|
flexShrink: 1,
|
|
169
171
|
flexGrow: 1,
|
|
@@ -172,15 +174,15 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
172
174
|
}
|
|
173
175
|
}, {
|
|
174
176
|
props: ({
|
|
175
|
-
ownerState:
|
|
176
|
-
}) =>
|
|
177
|
+
ownerState: t
|
|
178
|
+
}) => t.wrapped,
|
|
177
179
|
style: {
|
|
178
180
|
fontSize: o.typography.pxToRem(12)
|
|
179
181
|
}
|
|
180
182
|
}]
|
|
181
|
-
}))),
|
|
182
|
-
const d =
|
|
183
|
-
props:
|
|
183
|
+
}))), de = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
184
|
+
const d = ht({
|
|
185
|
+
props: t,
|
|
184
186
|
name: "MuiTab"
|
|
185
187
|
}), {
|
|
186
188
|
className: i,
|
|
@@ -203,7 +205,7 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
203
205
|
// eslint-disable-next-line react/prop-types
|
|
204
206
|
textColor: j = "inherit",
|
|
205
207
|
value: M,
|
|
206
|
-
wrapped:
|
|
208
|
+
wrapped: nt = !1,
|
|
207
209
|
...H
|
|
208
210
|
} = d, U = {
|
|
209
211
|
...d,
|
|
@@ -215,15 +217,15 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
215
217
|
label: !!y,
|
|
216
218
|
fullWidth: h,
|
|
217
219
|
textColor: j,
|
|
218
|
-
wrapped:
|
|
219
|
-
}, V =
|
|
220
|
+
wrapped: nt
|
|
221
|
+
}, V = ie(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
|
|
220
222
|
className: W(V.icon, f.props.className)
|
|
221
223
|
}) : f, G = (R) => {
|
|
222
224
|
!I && m && m(R, M), C && C(R);
|
|
223
225
|
}, N = (R) => {
|
|
224
226
|
g && !I && m && m(R, M), k && k(R);
|
|
225
227
|
};
|
|
226
|
-
return /* @__PURE__ */ q(
|
|
228
|
+
return /* @__PURE__ */ q(ce, {
|
|
227
229
|
focusRipple: !b,
|
|
228
230
|
className: W(V.root, i),
|
|
229
231
|
ref: l,
|
|
@@ -242,7 +244,7 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
242
244
|
}), v]
|
|
243
245
|
});
|
|
244
246
|
});
|
|
245
|
-
process.env.NODE_ENV !== "production" && (
|
|
247
|
+
process.env.NODE_ENV !== "production" && (de.propTypes = {
|
|
246
248
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
247
249
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
248
250
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -251,25 +253,25 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
|
251
253
|
* This prop isn't supported.
|
|
252
254
|
* Use the `component` prop if you need to change the children structure.
|
|
253
255
|
*/
|
|
254
|
-
children:
|
|
256
|
+
children: oe,
|
|
255
257
|
/**
|
|
256
258
|
* Override or extend the styles applied to the component.
|
|
257
259
|
*/
|
|
258
|
-
classes:
|
|
260
|
+
classes: e.object,
|
|
259
261
|
/**
|
|
260
262
|
* @ignore
|
|
261
263
|
*/
|
|
262
|
-
className:
|
|
264
|
+
className: e.string,
|
|
263
265
|
/**
|
|
264
266
|
* If `true`, the component is disabled.
|
|
265
267
|
* @default false
|
|
266
268
|
*/
|
|
267
|
-
disabled:
|
|
269
|
+
disabled: e.bool,
|
|
268
270
|
/**
|
|
269
271
|
* If `true`, the keyboard focus ripple is disabled.
|
|
270
272
|
* @default false
|
|
271
273
|
*/
|
|
272
|
-
disableFocusRipple:
|
|
274
|
+
disableFocusRipple: e.bool,
|
|
273
275
|
/**
|
|
274
276
|
* If `true`, the ripple effect is disabled.
|
|
275
277
|
*
|
|
@@ -277,64 +279,64 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
|
277
279
|
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
278
280
|
* @default false
|
|
279
281
|
*/
|
|
280
|
-
disableRipple:
|
|
282
|
+
disableRipple: e.bool,
|
|
281
283
|
/**
|
|
282
284
|
* The icon to display.
|
|
283
285
|
*/
|
|
284
|
-
icon:
|
|
286
|
+
icon: e.oneOfType([e.element, e.string]),
|
|
285
287
|
/**
|
|
286
288
|
* The position of the icon relative to the label.
|
|
287
289
|
* @default 'top'
|
|
288
290
|
*/
|
|
289
|
-
iconPosition:
|
|
291
|
+
iconPosition: e.oneOf(["bottom", "end", "start", "top"]),
|
|
290
292
|
/**
|
|
291
293
|
* The label element.
|
|
292
294
|
*/
|
|
293
|
-
label:
|
|
295
|
+
label: e.node,
|
|
294
296
|
/**
|
|
295
297
|
* @ignore
|
|
296
298
|
*/
|
|
297
|
-
onChange:
|
|
299
|
+
onChange: e.func,
|
|
298
300
|
/**
|
|
299
301
|
* @ignore
|
|
300
302
|
*/
|
|
301
|
-
onClick:
|
|
303
|
+
onClick: e.func,
|
|
302
304
|
/**
|
|
303
305
|
* @ignore
|
|
304
306
|
*/
|
|
305
|
-
onFocus:
|
|
307
|
+
onFocus: e.func,
|
|
306
308
|
/**
|
|
307
309
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
308
310
|
*/
|
|
309
|
-
sx:
|
|
311
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
310
312
|
/**
|
|
311
313
|
* You can provide your own value. Otherwise, we fallback to the child position index.
|
|
312
314
|
*/
|
|
313
|
-
value:
|
|
315
|
+
value: e.any,
|
|
314
316
|
/**
|
|
315
317
|
* Tab labels appear in a single row.
|
|
316
318
|
* They can use a second line if needed.
|
|
317
319
|
* @default false
|
|
318
320
|
*/
|
|
319
|
-
wrapped:
|
|
321
|
+
wrapped: e.bool
|
|
320
322
|
});
|
|
321
|
-
const
|
|
323
|
+
const ue = At(/* @__PURE__ */ x("path", {
|
|
322
324
|
d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
|
|
323
|
-
}), "KeyboardArrowLeft"),
|
|
325
|
+
}), "KeyboardArrowLeft"), pe = At(/* @__PURE__ */ x("path", {
|
|
324
326
|
d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
|
|
325
327
|
}), "KeyboardArrowRight");
|
|
326
|
-
function
|
|
328
|
+
function fe(o) {
|
|
327
329
|
return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
|
|
328
330
|
}
|
|
329
|
-
function
|
|
331
|
+
function be(o, t, l, d = {}, i = () => {
|
|
330
332
|
}) {
|
|
331
333
|
const {
|
|
332
|
-
ease: u =
|
|
334
|
+
ease: u = fe,
|
|
333
335
|
duration: b = 300
|
|
334
336
|
// standard
|
|
335
337
|
} = d;
|
|
336
338
|
let h = null;
|
|
337
|
-
const f =
|
|
339
|
+
const f = t[o];
|
|
338
340
|
let S = !1;
|
|
339
341
|
const v = () => {
|
|
340
342
|
S = !0;
|
|
@@ -345,7 +347,7 @@ function bt(o, e, l, d = {}, i = () => {
|
|
|
345
347
|
}
|
|
346
348
|
h === null && (h = m);
|
|
347
349
|
const C = Math.min(1, (m - h) / b);
|
|
348
|
-
if (
|
|
350
|
+
if (t[o] = u(C) * (l - f) + f, C >= 1) {
|
|
349
351
|
requestAnimationFrame(() => {
|
|
350
352
|
i(null);
|
|
351
353
|
});
|
|
@@ -355,65 +357,65 @@ function bt(o, e, l, d = {}, i = () => {
|
|
|
355
357
|
};
|
|
356
358
|
return f === l ? (i(new Error("Element already at target position")), v) : (requestAnimationFrame(y), v);
|
|
357
359
|
}
|
|
358
|
-
const
|
|
360
|
+
const he = {
|
|
359
361
|
width: 99,
|
|
360
362
|
height: 99,
|
|
361
363
|
position: "absolute",
|
|
362
364
|
top: -9999,
|
|
363
365
|
overflow: "scroll"
|
|
364
366
|
};
|
|
365
|
-
function
|
|
367
|
+
function Ft(o) {
|
|
366
368
|
const {
|
|
367
|
-
onChange:
|
|
369
|
+
onChange: t,
|
|
368
370
|
...l
|
|
369
371
|
} = o, d = c.useRef(), i = c.useRef(null), u = () => {
|
|
370
372
|
d.current = i.current.offsetHeight - i.current.clientHeight;
|
|
371
373
|
};
|
|
372
|
-
return
|
|
373
|
-
const b = $
|
|
374
|
+
return ne(() => {
|
|
375
|
+
const b = $t(() => {
|
|
374
376
|
const f = d.current;
|
|
375
|
-
u(), f !== d.current &&
|
|
376
|
-
}), h =
|
|
377
|
+
u(), f !== d.current && t(d.current);
|
|
378
|
+
}), h = Dt(i.current);
|
|
377
379
|
return h.addEventListener("resize", b), () => {
|
|
378
380
|
b.clear(), h.removeEventListener("resize", b);
|
|
379
381
|
};
|
|
380
|
-
}, [
|
|
381
|
-
u(),
|
|
382
|
-
}, [
|
|
383
|
-
style:
|
|
382
|
+
}, [t]), c.useEffect(() => {
|
|
383
|
+
u(), t(d.current);
|
|
384
|
+
}, [t]), /* @__PURE__ */ x("div", {
|
|
385
|
+
style: he,
|
|
384
386
|
ref: i,
|
|
385
387
|
...l
|
|
386
388
|
});
|
|
387
389
|
}
|
|
388
|
-
process.env.NODE_ENV !== "production" && (
|
|
389
|
-
onChange:
|
|
390
|
+
process.env.NODE_ENV !== "production" && (Ft.propTypes = {
|
|
391
|
+
onChange: e.func.isRequired
|
|
390
392
|
});
|
|
391
|
-
function
|
|
392
|
-
return
|
|
393
|
+
function me(o) {
|
|
394
|
+
return pt("MuiTabScrollButton", o);
|
|
393
395
|
}
|
|
394
|
-
const
|
|
396
|
+
const Se = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), ve = (o) => {
|
|
395
397
|
const {
|
|
396
|
-
classes:
|
|
398
|
+
classes: t,
|
|
397
399
|
orientation: l,
|
|
398
400
|
disabled: d
|
|
399
401
|
} = o;
|
|
400
|
-
return
|
|
402
|
+
return mt({
|
|
401
403
|
root: ["root", l, d && "disabled"]
|
|
402
|
-
},
|
|
403
|
-
},
|
|
404
|
+
}, me, t);
|
|
405
|
+
}, ye = L(kt, {
|
|
404
406
|
name: "MuiTabScrollButton",
|
|
405
407
|
slot: "Root",
|
|
406
|
-
overridesResolver: (o,
|
|
408
|
+
overridesResolver: (o, t) => {
|
|
407
409
|
const {
|
|
408
410
|
ownerState: l
|
|
409
411
|
} = o;
|
|
410
|
-
return [
|
|
412
|
+
return [t.root, l.orientation && t[l.orientation]];
|
|
411
413
|
}
|
|
412
414
|
})({
|
|
413
415
|
width: 40,
|
|
414
416
|
flexShrink: 0,
|
|
415
417
|
opacity: 0.8,
|
|
416
|
-
[`&.${
|
|
418
|
+
[`&.${Se.disabled}`]: {
|
|
417
419
|
opacity: 0
|
|
418
420
|
},
|
|
419
421
|
variants: [{
|
|
@@ -428,9 +430,9 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
428
430
|
}
|
|
429
431
|
}
|
|
430
432
|
}]
|
|
431
|
-
}),
|
|
432
|
-
const d =
|
|
433
|
-
props:
|
|
433
|
+
}), Lt = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
434
|
+
const d = ht({
|
|
435
|
+
props: t,
|
|
434
436
|
name: "MuiTabScrollButton"
|
|
435
437
|
}), {
|
|
436
438
|
className: i,
|
|
@@ -440,17 +442,17 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
440
442
|
orientation: f,
|
|
441
443
|
disabled: S,
|
|
442
444
|
...v
|
|
443
|
-
} = d, y =
|
|
445
|
+
} = d, y = zt(), m = {
|
|
444
446
|
isRtl: y,
|
|
445
447
|
...d
|
|
446
|
-
}, C =
|
|
448
|
+
}, C = ve(m), k = u.StartScrollButtonIcon ?? ue, I = u.EndScrollButtonIcon ?? pe, g = rt({
|
|
447
449
|
elementType: k,
|
|
448
450
|
externalSlotProps: b.startScrollButtonIcon,
|
|
449
451
|
additionalProps: {
|
|
450
452
|
fontSize: "small"
|
|
451
453
|
},
|
|
452
454
|
ownerState: m
|
|
453
|
-
}), j =
|
|
455
|
+
}), j = rt({
|
|
454
456
|
elementType: I,
|
|
455
457
|
externalSlotProps: b.endScrollButtonIcon,
|
|
456
458
|
additionalProps: {
|
|
@@ -458,7 +460,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
458
460
|
},
|
|
459
461
|
ownerState: m
|
|
460
462
|
});
|
|
461
|
-
return /* @__PURE__ */ x(
|
|
463
|
+
return /* @__PURE__ */ x(ye, {
|
|
462
464
|
component: "div",
|
|
463
465
|
className: W(C.root, i),
|
|
464
466
|
ref: l,
|
|
@@ -479,7 +481,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
479
481
|
})
|
|
480
482
|
});
|
|
481
483
|
});
|
|
482
|
-
process.env.NODE_ENV !== "production" && (
|
|
484
|
+
process.env.NODE_ENV !== "production" && (Lt.propTypes = {
|
|
483
485
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
484
486
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
485
487
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -487,59 +489,59 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
|
|
|
487
489
|
/**
|
|
488
490
|
* The content of the component.
|
|
489
491
|
*/
|
|
490
|
-
children:
|
|
492
|
+
children: e.node,
|
|
491
493
|
/**
|
|
492
494
|
* Override or extend the styles applied to the component.
|
|
493
495
|
*/
|
|
494
|
-
classes:
|
|
496
|
+
classes: e.object,
|
|
495
497
|
/**
|
|
496
498
|
* @ignore
|
|
497
499
|
*/
|
|
498
|
-
className:
|
|
500
|
+
className: e.string,
|
|
499
501
|
/**
|
|
500
502
|
* The direction the button should indicate.
|
|
501
503
|
*/
|
|
502
|
-
direction:
|
|
504
|
+
direction: e.oneOf(["left", "right"]).isRequired,
|
|
503
505
|
/**
|
|
504
506
|
* If `true`, the component is disabled.
|
|
505
507
|
* @default false
|
|
506
508
|
*/
|
|
507
|
-
disabled:
|
|
509
|
+
disabled: e.bool,
|
|
508
510
|
/**
|
|
509
511
|
* The component orientation (layout flow direction).
|
|
510
512
|
*/
|
|
511
|
-
orientation:
|
|
513
|
+
orientation: e.oneOf(["horizontal", "vertical"]).isRequired,
|
|
512
514
|
/**
|
|
513
515
|
* The extra props for the slot components.
|
|
514
516
|
* You can override the existing props or add new ones.
|
|
515
517
|
* @default {}
|
|
516
518
|
*/
|
|
517
|
-
slotProps:
|
|
518
|
-
endScrollButtonIcon:
|
|
519
|
-
startScrollButtonIcon:
|
|
519
|
+
slotProps: e.shape({
|
|
520
|
+
endScrollButtonIcon: e.oneOfType([e.func, e.object]),
|
|
521
|
+
startScrollButtonIcon: e.oneOfType([e.func, e.object])
|
|
520
522
|
}),
|
|
521
523
|
/**
|
|
522
524
|
* The components used for each slot inside.
|
|
523
525
|
* @default {}
|
|
524
526
|
*/
|
|
525
|
-
slots:
|
|
526
|
-
EndScrollButtonIcon:
|
|
527
|
-
StartScrollButtonIcon:
|
|
527
|
+
slots: e.shape({
|
|
528
|
+
EndScrollButtonIcon: e.elementType,
|
|
529
|
+
StartScrollButtonIcon: e.elementType
|
|
528
530
|
}),
|
|
529
531
|
/**
|
|
530
532
|
* @ignore
|
|
531
533
|
*/
|
|
532
|
-
style:
|
|
534
|
+
style: e.object,
|
|
533
535
|
/**
|
|
534
536
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
535
537
|
*/
|
|
536
|
-
sx:
|
|
538
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
537
539
|
});
|
|
538
|
-
function
|
|
539
|
-
return
|
|
540
|
+
function ge(o) {
|
|
541
|
+
return pt("MuiTabs", o);
|
|
540
542
|
}
|
|
541
|
-
const
|
|
542
|
-
let d = !1, i = l(o,
|
|
543
|
+
const ut = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Rt = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, Ot = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, ot = (o, t, l) => {
|
|
544
|
+
let d = !1, i = l(o, t);
|
|
543
545
|
for (; i; ) {
|
|
544
546
|
if (i === o.firstChild) {
|
|
545
547
|
if (d)
|
|
@@ -554,9 +556,9 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
554
556
|
return;
|
|
555
557
|
}
|
|
556
558
|
}
|
|
557
|
-
},
|
|
559
|
+
}, Te = (o) => {
|
|
558
560
|
const {
|
|
559
|
-
vertical:
|
|
561
|
+
vertical: t,
|
|
560
562
|
fixed: l,
|
|
561
563
|
hideScrollbar: d,
|
|
562
564
|
scrollableX: i,
|
|
@@ -565,29 +567,29 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
565
567
|
scrollButtonsHideMobile: h,
|
|
566
568
|
classes: f
|
|
567
569
|
} = o;
|
|
568
|
-
return
|
|
569
|
-
root: ["root",
|
|
570
|
+
return mt({
|
|
571
|
+
root: ["root", t && "vertical"],
|
|
570
572
|
scroller: ["scroller", l && "fixed", d && "hideScrollbar", i && "scrollableX", u && "scrollableY"],
|
|
571
|
-
flexContainer: ["flexContainer",
|
|
573
|
+
flexContainer: ["flexContainer", t && "flexContainerVertical", b && "centered"],
|
|
572
574
|
indicator: ["indicator"],
|
|
573
575
|
scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
|
|
574
576
|
scrollableX: [i && "scrollableX"],
|
|
575
577
|
hideScrollbar: [d && "hideScrollbar"]
|
|
576
|
-
},
|
|
577
|
-
},
|
|
578
|
+
}, ge, f);
|
|
579
|
+
}, we = L("div", {
|
|
578
580
|
name: "MuiTabs",
|
|
579
581
|
slot: "Root",
|
|
580
|
-
overridesResolver: (o,
|
|
582
|
+
overridesResolver: (o, t) => {
|
|
581
583
|
const {
|
|
582
584
|
ownerState: l
|
|
583
585
|
} = o;
|
|
584
586
|
return [{
|
|
585
|
-
[`& .${
|
|
587
|
+
[`& .${ut.scrollButtons}`]: t.scrollButtons
|
|
586
588
|
}, {
|
|
587
|
-
[`& .${
|
|
588
|
-
},
|
|
589
|
+
[`& .${ut.scrollButtons}`]: l.scrollButtonsHideMobile && t.scrollButtonsHideMobile
|
|
590
|
+
}, t.root, l.vertical && t.vertical];
|
|
589
591
|
}
|
|
590
|
-
})(
|
|
592
|
+
})(bt(({
|
|
591
593
|
theme: o
|
|
592
594
|
}) => ({
|
|
593
595
|
overflow: "hidden",
|
|
@@ -597,31 +599,31 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
597
599
|
display: "flex",
|
|
598
600
|
variants: [{
|
|
599
601
|
props: ({
|
|
600
|
-
ownerState:
|
|
601
|
-
}) =>
|
|
602
|
+
ownerState: t
|
|
603
|
+
}) => t.vertical,
|
|
602
604
|
style: {
|
|
603
605
|
flexDirection: "column"
|
|
604
606
|
}
|
|
605
607
|
}, {
|
|
606
608
|
props: ({
|
|
607
|
-
ownerState:
|
|
608
|
-
}) =>
|
|
609
|
+
ownerState: t
|
|
610
|
+
}) => t.scrollButtonsHideMobile,
|
|
609
611
|
style: {
|
|
610
|
-
[`& .${
|
|
612
|
+
[`& .${ut.scrollButtons}`]: {
|
|
611
613
|
[o.breakpoints.down("sm")]: {
|
|
612
614
|
display: "none"
|
|
613
615
|
}
|
|
614
616
|
}
|
|
615
617
|
}
|
|
616
618
|
}]
|
|
617
|
-
}))),
|
|
619
|
+
}))), Be = L("div", {
|
|
618
620
|
name: "MuiTabs",
|
|
619
621
|
slot: "Scroller",
|
|
620
|
-
overridesResolver: (o,
|
|
622
|
+
overridesResolver: (o, t) => {
|
|
621
623
|
const {
|
|
622
624
|
ownerState: l
|
|
623
625
|
} = o;
|
|
624
|
-
return [
|
|
626
|
+
return [t.scroller, l.fixed && t.fixed, l.hideScrollbar && t.hideScrollbar, l.scrollableX && t.scrollableX, l.scrollableY && t.scrollableY];
|
|
625
627
|
}
|
|
626
628
|
})({
|
|
627
629
|
position: "relative",
|
|
@@ -666,14 +668,14 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
666
668
|
overflowX: "hidden"
|
|
667
669
|
}
|
|
668
670
|
}]
|
|
669
|
-
}),
|
|
671
|
+
}), xe = L("div", {
|
|
670
672
|
name: "MuiTabs",
|
|
671
673
|
slot: "FlexContainer",
|
|
672
|
-
overridesResolver: (o,
|
|
674
|
+
overridesResolver: (o, t) => {
|
|
673
675
|
const {
|
|
674
676
|
ownerState: l
|
|
675
677
|
} = o;
|
|
676
|
-
return [
|
|
678
|
+
return [t.flexContainer, l.vertical && t.flexContainerVertical, l.centered && t.centered];
|
|
677
679
|
}
|
|
678
680
|
})({
|
|
679
681
|
display: "flex",
|
|
@@ -692,11 +694,11 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
692
694
|
justifyContent: "center"
|
|
693
695
|
}
|
|
694
696
|
}]
|
|
695
|
-
}),
|
|
697
|
+
}), Ce = L("span", {
|
|
696
698
|
name: "MuiTabs",
|
|
697
699
|
slot: "Indicator",
|
|
698
|
-
overridesResolver: (o,
|
|
699
|
-
})(
|
|
700
|
+
overridesResolver: (o, t) => t.indicator
|
|
701
|
+
})(bt(({
|
|
700
702
|
theme: o
|
|
701
703
|
}) => ({
|
|
702
704
|
position: "absolute",
|
|
@@ -720,15 +722,15 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
720
722
|
}
|
|
721
723
|
}, {
|
|
722
724
|
props: ({
|
|
723
|
-
ownerState:
|
|
724
|
-
}) =>
|
|
725
|
+
ownerState: t
|
|
726
|
+
}) => t.vertical,
|
|
725
727
|
style: {
|
|
726
728
|
height: "100%",
|
|
727
729
|
width: 2,
|
|
728
730
|
right: 0
|
|
729
731
|
}
|
|
730
732
|
}]
|
|
731
|
-
}))),
|
|
733
|
+
}))), Ie = L(Ft)({
|
|
732
734
|
overflowX: "auto",
|
|
733
735
|
overflowY: "hidden",
|
|
734
736
|
// Hide dimensionless scrollbar on macOS
|
|
@@ -738,13 +740,13 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
738
740
|
display: "none"
|
|
739
741
|
// Safari + Chrome
|
|
740
742
|
}
|
|
741
|
-
}),
|
|
742
|
-
let
|
|
743
|
-
const
|
|
744
|
-
const d =
|
|
745
|
-
props:
|
|
743
|
+
}), Nt = {};
|
|
744
|
+
let Pt = !1;
|
|
745
|
+
const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
746
|
+
const d = ht({
|
|
747
|
+
props: t,
|
|
746
748
|
name: "MuiTabs"
|
|
747
|
-
}), i =
|
|
749
|
+
}), i = re(), u = zt(), {
|
|
748
750
|
"aria-label": b,
|
|
749
751
|
"aria-labelledby": h,
|
|
750
752
|
action: f,
|
|
@@ -756,9 +758,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
756
758
|
indicatorColor: k = "primary",
|
|
757
759
|
onChange: I,
|
|
758
760
|
orientation: g = "horizontal",
|
|
759
|
-
ScrollButtonComponent: j =
|
|
761
|
+
ScrollButtonComponent: j = Lt,
|
|
760
762
|
scrollButtons: M = "auto",
|
|
761
|
-
selectionFollowsFocus:
|
|
763
|
+
selectionFollowsFocus: nt,
|
|
762
764
|
slots: H = {},
|
|
763
765
|
slotProps: U = {},
|
|
764
766
|
TabIndicatorProps: V = {},
|
|
@@ -766,9 +768,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
766
768
|
textColor: G = "primary",
|
|
767
769
|
value: N,
|
|
768
770
|
variant: R = "standard",
|
|
769
|
-
visibleScrollbar:
|
|
770
|
-
...
|
|
771
|
-
} = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right",
|
|
771
|
+
visibleScrollbar: lt = !1,
|
|
772
|
+
...jt
|
|
773
|
+
} = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right", st = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", D = {
|
|
772
774
|
...d,
|
|
773
775
|
component: m,
|
|
774
776
|
allowScrollButtonsMobile: C,
|
|
@@ -778,27 +780,27 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
778
780
|
scrollButtons: M,
|
|
779
781
|
textColor: G,
|
|
780
782
|
variant: R,
|
|
781
|
-
visibleScrollbar:
|
|
783
|
+
visibleScrollbar: lt,
|
|
782
784
|
fixed: !w,
|
|
783
|
-
hideScrollbar: w && !
|
|
785
|
+
hideScrollbar: w && !lt,
|
|
784
786
|
scrollableX: w && !B,
|
|
785
787
|
scrollableY: w && B,
|
|
786
788
|
centered: S && !w,
|
|
787
789
|
scrollButtonsHideMobile: !C
|
|
788
|
-
}, P =
|
|
790
|
+
}, P = Te(D), Ht = rt({
|
|
789
791
|
elementType: H.StartScrollButtonIcon,
|
|
790
792
|
externalSlotProps: U.startScrollButtonIcon,
|
|
791
793
|
ownerState: D
|
|
792
|
-
}),
|
|
794
|
+
}), Vt = rt({
|
|
793
795
|
elementType: H.EndScrollButtonIcon,
|
|
794
796
|
externalSlotProps: U.endScrollButtonIcon,
|
|
795
797
|
ownerState: D
|
|
796
798
|
});
|
|
797
799
|
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.');
|
|
798
|
-
const [
|
|
800
|
+
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({
|
|
799
801
|
overflow: "hidden",
|
|
800
802
|
scrollbarWidth: 0
|
|
801
|
-
}), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null),
|
|
803
|
+
}), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Bt = () => {
|
|
802
804
|
const r = O.current;
|
|
803
805
|
let n;
|
|
804
806
|
if (r) {
|
|
@@ -820,20 +822,20 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
820
822
|
if (a.length > 0) {
|
|
821
823
|
const p = a[Z.get(N)];
|
|
822
824
|
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(`
|
|
823
|
-
`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !
|
|
825
|
+
`))), 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
|
|
824
826
|
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(`
|
|
825
|
-
`)),
|
|
827
|
+
`)), Pt = !0);
|
|
826
828
|
}
|
|
827
829
|
}
|
|
828
830
|
return {
|
|
829
831
|
tabsMeta: n,
|
|
830
832
|
tabMeta: s
|
|
831
833
|
};
|
|
832
|
-
}, K =
|
|
834
|
+
}, K = dt(() => {
|
|
833
835
|
const {
|
|
834
836
|
tabsMeta: r,
|
|
835
837
|
tabMeta: n
|
|
836
|
-
} =
|
|
838
|
+
} = Bt();
|
|
837
839
|
let s = 0, a;
|
|
838
840
|
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)));
|
|
839
841
|
const p = {
|
|
@@ -842,60 +844,60 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
842
844
|
[Y]: n ? n[Y] : 0
|
|
843
845
|
};
|
|
844
846
|
if (typeof $[a] != "number" || typeof $[Y] != "number")
|
|
845
|
-
|
|
847
|
+
vt(p);
|
|
846
848
|
else {
|
|
847
849
|
const E = Math.abs($[a] - p[a]), F = Math.abs($[Y] - p[Y]);
|
|
848
|
-
(E >= 1 || F >= 1) &&
|
|
850
|
+
(E >= 1 || F >= 1) && vt(p);
|
|
849
851
|
}
|
|
850
|
-
}),
|
|
852
|
+
}), at = (r, {
|
|
851
853
|
animation: n = !0
|
|
852
854
|
} = {}) => {
|
|
853
|
-
n ?
|
|
855
|
+
n ? be(X, O.current, r, {
|
|
854
856
|
duration: i.transitions.duration.standard
|
|
855
857
|
}) : O.current[X] = r;
|
|
856
|
-
},
|
|
858
|
+
}, xt = (r) => {
|
|
857
859
|
let n = O.current[X];
|
|
858
|
-
B ? n += r : n += r * (u ? -1 : 1),
|
|
859
|
-
},
|
|
860
|
-
const r = O.current[
|
|
860
|
+
B ? n += r : n += r * (u ? -1 : 1), at(n);
|
|
861
|
+
}, Ct = () => {
|
|
862
|
+
const r = O.current[st];
|
|
861
863
|
let n = 0;
|
|
862
864
|
const s = Array.from(A.current.children);
|
|
863
865
|
for (let a = 0; a < s.length; a += 1) {
|
|
864
866
|
const p = s[a];
|
|
865
|
-
if (n + p[
|
|
867
|
+
if (n + p[st] > r) {
|
|
866
868
|
a === 0 && (n = r);
|
|
867
869
|
break;
|
|
868
870
|
}
|
|
869
|
-
n += p[
|
|
871
|
+
n += p[st];
|
|
870
872
|
}
|
|
871
873
|
return n;
|
|
872
|
-
},
|
|
873
|
-
|
|
874
|
-
},
|
|
875
|
-
|
|
876
|
-
},
|
|
877
|
-
|
|
874
|
+
}, qt = () => {
|
|
875
|
+
xt(-1 * Ct());
|
|
876
|
+
}, Gt = () => {
|
|
877
|
+
xt(Ct());
|
|
878
|
+
}, Jt = c.useCallback((r) => {
|
|
879
|
+
_t({
|
|
878
880
|
overflow: null,
|
|
879
881
|
scrollbarWidth: r
|
|
880
882
|
});
|
|
881
|
-
}, []),
|
|
883
|
+
}, []), Qt = () => {
|
|
882
884
|
const r = {};
|
|
883
|
-
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(
|
|
884
|
-
onChange:
|
|
885
|
+
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(Ie, {
|
|
886
|
+
onChange: Jt,
|
|
885
887
|
className: W(P.scrollableX, P.hideScrollbar)
|
|
886
888
|
}) : null;
|
|
887
|
-
const s = w && (M === "auto" && (
|
|
889
|
+
const s = w && (M === "auto" && (yt || gt) || M === !0);
|
|
888
890
|
return r.scrollButtonStart = s ? /* @__PURE__ */ x(j, {
|
|
889
891
|
slots: {
|
|
890
892
|
StartScrollButtonIcon: H.StartScrollButtonIcon
|
|
891
893
|
},
|
|
892
894
|
slotProps: {
|
|
893
|
-
startScrollButtonIcon:
|
|
895
|
+
startScrollButtonIcon: Ht
|
|
894
896
|
},
|
|
895
897
|
orientation: g,
|
|
896
898
|
direction: u ? "right" : "left",
|
|
897
|
-
onClick:
|
|
898
|
-
disabled: !
|
|
899
|
+
onClick: qt,
|
|
900
|
+
disabled: !yt,
|
|
899
901
|
...z,
|
|
900
902
|
className: W(P.scrollButtons, z.className)
|
|
901
903
|
}) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(j, {
|
|
@@ -903,38 +905,38 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
903
905
|
EndScrollButtonIcon: H.EndScrollButtonIcon
|
|
904
906
|
},
|
|
905
907
|
slotProps: {
|
|
906
|
-
endScrollButtonIcon:
|
|
908
|
+
endScrollButtonIcon: Vt
|
|
907
909
|
},
|
|
908
910
|
orientation: g,
|
|
909
911
|
direction: u ? "left" : "right",
|
|
910
|
-
onClick:
|
|
911
|
-
disabled: !
|
|
912
|
+
onClick: Gt,
|
|
913
|
+
disabled: !gt,
|
|
912
914
|
...z,
|
|
913
915
|
className: W(P.scrollButtons, z.className)
|
|
914
916
|
}) : null, r;
|
|
915
|
-
},
|
|
917
|
+
}, It = dt((r) => {
|
|
916
918
|
const {
|
|
917
919
|
tabsMeta: n,
|
|
918
920
|
tabMeta: s
|
|
919
|
-
} =
|
|
921
|
+
} = Bt();
|
|
920
922
|
if (!(!s || !n)) {
|
|
921
923
|
if (s[J] < n[J]) {
|
|
922
924
|
const a = n[X] + (s[J] - n[J]);
|
|
923
|
-
|
|
925
|
+
at(a, {
|
|
924
926
|
animation: r
|
|
925
927
|
});
|
|
926
928
|
} else if (s[Q] > n[Q]) {
|
|
927
929
|
const a = n[X] + (s[Q] - n[Q]);
|
|
928
|
-
|
|
930
|
+
at(a, {
|
|
929
931
|
animation: r
|
|
930
932
|
});
|
|
931
933
|
}
|
|
932
934
|
}
|
|
933
|
-
}),
|
|
934
|
-
w && M !== !1 &&
|
|
935
|
+
}), tt = dt(() => {
|
|
936
|
+
w && M !== !1 && Kt(!Tt);
|
|
935
937
|
});
|
|
936
938
|
c.useEffect(() => {
|
|
937
|
-
const r = $
|
|
939
|
+
const r = $t(() => {
|
|
938
940
|
O.current && K();
|
|
939
941
|
});
|
|
940
942
|
let n;
|
|
@@ -945,8 +947,8 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
945
947
|
}), F.addedNodes.forEach((_) => {
|
|
946
948
|
n == null || n.observe(_);
|
|
947
949
|
});
|
|
948
|
-
}), r(),
|
|
949
|
-
}, a =
|
|
950
|
+
}), r(), tt();
|
|
951
|
+
}, a = Dt(O.current);
|
|
950
952
|
a.addEventListener("resize", r);
|
|
951
953
|
let p;
|
|
952
954
|
return typeof ResizeObserver < "u" && (n = new ResizeObserver(r), Array.from(A.current.children).forEach((E) => {
|
|
@@ -956,34 +958,34 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
956
958
|
})), () => {
|
|
957
959
|
r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
|
|
958
960
|
};
|
|
959
|
-
}, [K,
|
|
961
|
+
}, [K, tt]), c.useEffect(() => {
|
|
960
962
|
const r = Array.from(A.current.children), n = r.length;
|
|
961
963
|
if (typeof IntersectionObserver < "u" && n > 0 && w && M !== !1) {
|
|
962
964
|
const s = r[0], a = r[n - 1], p = {
|
|
963
965
|
root: O.current,
|
|
964
966
|
threshold: 0.99
|
|
965
|
-
}, E = (
|
|
966
|
-
|
|
967
|
+
}, E = (ct) => {
|
|
968
|
+
Xt(!ct[0].isIntersecting);
|
|
967
969
|
}, F = new IntersectionObserver(E, p);
|
|
968
970
|
F.observe(s);
|
|
969
|
-
const _ = (
|
|
970
|
-
|
|
971
|
-
},
|
|
972
|
-
return
|
|
973
|
-
F.disconnect(),
|
|
971
|
+
const _ = (ct) => {
|
|
972
|
+
Yt(!ct[0].isIntersecting);
|
|
973
|
+
}, Mt = new IntersectionObserver(_, p);
|
|
974
|
+
return Mt.observe(a), () => {
|
|
975
|
+
F.disconnect(), Mt.disconnect();
|
|
974
976
|
};
|
|
975
977
|
}
|
|
976
|
-
}, [w, M,
|
|
977
|
-
|
|
978
|
+
}, [w, M, Tt, v == null ? void 0 : v.length]), c.useEffect(() => {
|
|
979
|
+
Ut(!0);
|
|
978
980
|
}, []), c.useEffect(() => {
|
|
979
981
|
K();
|
|
980
982
|
}), c.useEffect(() => {
|
|
981
|
-
|
|
982
|
-
}, [
|
|
983
|
+
It(Nt !== $);
|
|
984
|
+
}, [It, $]), c.useImperativeHandle(f, () => ({
|
|
983
985
|
updateIndicator: K,
|
|
984
|
-
updateScrollButtons:
|
|
985
|
-
}), [K,
|
|
986
|
-
const
|
|
986
|
+
updateScrollButtons: tt
|
|
987
|
+
}), [K, tt]);
|
|
988
|
+
const Et = /* @__PURE__ */ x(Ce, {
|
|
987
989
|
...V,
|
|
988
990
|
className: W(P.indicator, V.className),
|
|
989
991
|
ownerState: D,
|
|
@@ -992,76 +994,76 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
992
994
|
...V.style
|
|
993
995
|
}
|
|
994
996
|
});
|
|
995
|
-
let
|
|
996
|
-
const
|
|
997
|
+
let et = 0;
|
|
998
|
+
const Zt = c.Children.map(v, (r) => {
|
|
997
999
|
if (!/* @__PURE__ */ c.isValidElement(r))
|
|
998
1000
|
return null;
|
|
999
|
-
process.env.NODE_ENV !== "production" &&
|
|
1001
|
+
process.env.NODE_ENV !== "production" && ee.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
|
|
1000
1002
|
`));
|
|
1001
|
-
const n = r.props.value === void 0 ?
|
|
1002
|
-
Z.set(n,
|
|
1003
|
+
const n = r.props.value === void 0 ? et : r.props.value;
|
|
1004
|
+
Z.set(n, et);
|
|
1003
1005
|
const s = n === N;
|
|
1004
|
-
return
|
|
1006
|
+
return et += 1, /* @__PURE__ */ c.cloneElement(r, {
|
|
1005
1007
|
fullWidth: R === "fullWidth",
|
|
1006
|
-
indicator: s && !
|
|
1008
|
+
indicator: s && !St && Et,
|
|
1007
1009
|
selected: s,
|
|
1008
|
-
selectionFollowsFocus:
|
|
1010
|
+
selectionFollowsFocus: nt,
|
|
1009
1011
|
onChange: I,
|
|
1010
1012
|
textColor: G,
|
|
1011
1013
|
value: n,
|
|
1012
|
-
...
|
|
1014
|
+
...et === 1 && N === !1 && !r.props.tabIndex ? {
|
|
1013
1015
|
tabIndex: 0
|
|
1014
1016
|
} : {}
|
|
1015
1017
|
});
|
|
1016
|
-
}),
|
|
1017
|
-
const n = A.current, s =
|
|
1018
|
+
}), te = (r) => {
|
|
1019
|
+
const n = A.current, s = se(n).activeElement;
|
|
1018
1020
|
if (s.getAttribute("role") !== "tab")
|
|
1019
1021
|
return;
|
|
1020
1022
|
let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
1021
1023
|
switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), r.key) {
|
|
1022
1024
|
case p:
|
|
1023
|
-
r.preventDefault(),
|
|
1025
|
+
r.preventDefault(), ot(n, s, Ot);
|
|
1024
1026
|
break;
|
|
1025
1027
|
case E:
|
|
1026
|
-
r.preventDefault(),
|
|
1028
|
+
r.preventDefault(), ot(n, s, Rt);
|
|
1027
1029
|
break;
|
|
1028
1030
|
case "Home":
|
|
1029
|
-
r.preventDefault(),
|
|
1031
|
+
r.preventDefault(), ot(n, null, Rt);
|
|
1030
1032
|
break;
|
|
1031
1033
|
case "End":
|
|
1032
|
-
r.preventDefault(),
|
|
1034
|
+
r.preventDefault(), ot(n, null, Ot);
|
|
1033
1035
|
break;
|
|
1034
1036
|
}
|
|
1035
|
-
},
|
|
1036
|
-
return /* @__PURE__ */ q(
|
|
1037
|
+
}, it = Qt();
|
|
1038
|
+
return /* @__PURE__ */ q(we, {
|
|
1037
1039
|
className: W(P.root, y),
|
|
1038
1040
|
ownerState: D,
|
|
1039
1041
|
ref: l,
|
|
1040
1042
|
as: m,
|
|
1041
|
-
...
|
|
1042
|
-
children: [
|
|
1043
|
+
...jt,
|
|
1044
|
+
children: [it.scrollButtonStart, it.scrollbarSizeListener, /* @__PURE__ */ q(Be, {
|
|
1043
1045
|
className: P.scroller,
|
|
1044
1046
|
ownerState: D,
|
|
1045
1047
|
style: {
|
|
1046
|
-
overflow:
|
|
1047
|
-
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]:
|
|
1048
|
+
overflow: wt.overflow,
|
|
1049
|
+
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: lt ? void 0 : -wt.scrollbarWidth
|
|
1048
1050
|
},
|
|
1049
1051
|
ref: O,
|
|
1050
|
-
children: [/* @__PURE__ */ x(
|
|
1052
|
+
children: [/* @__PURE__ */ x(xe, {
|
|
1051
1053
|
"aria-label": b,
|
|
1052
1054
|
"aria-labelledby": h,
|
|
1053
1055
|
"aria-orientation": g === "vertical" ? "vertical" : null,
|
|
1054
1056
|
className: P.flexContainer,
|
|
1055
1057
|
ownerState: D,
|
|
1056
|
-
onKeyDown:
|
|
1058
|
+
onKeyDown: te,
|
|
1057
1059
|
ref: A,
|
|
1058
1060
|
role: "tablist",
|
|
1059
|
-
children:
|
|
1060
|
-
}),
|
|
1061
|
-
}),
|
|
1061
|
+
children: Zt
|
|
1062
|
+
}), St && Et]
|
|
1063
|
+
}), it.scrollButtonEnd]
|
|
1062
1064
|
});
|
|
1063
1065
|
});
|
|
1064
|
-
process.env.NODE_ENV !== "production" && (
|
|
1066
|
+
process.env.NODE_ENV !== "production" && (Ee.propTypes = {
|
|
1065
1067
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
1066
1068
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
1067
1069
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -1074,66 +1076,66 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1074
1076
|
* @param {object} actions This object contains all possible actions
|
|
1075
1077
|
* that can be triggered programmatically.
|
|
1076
1078
|
*/
|
|
1077
|
-
action:
|
|
1079
|
+
action: le,
|
|
1078
1080
|
/**
|
|
1079
1081
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
1080
1082
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
1081
1083
|
* @default false
|
|
1082
1084
|
*/
|
|
1083
|
-
allowScrollButtonsMobile:
|
|
1085
|
+
allowScrollButtonsMobile: e.bool,
|
|
1084
1086
|
/**
|
|
1085
1087
|
* The label for the Tabs as a string.
|
|
1086
1088
|
*/
|
|
1087
|
-
"aria-label":
|
|
1089
|
+
"aria-label": e.string,
|
|
1088
1090
|
/**
|
|
1089
1091
|
* An id or list of ids separated by a space that label the Tabs.
|
|
1090
1092
|
*/
|
|
1091
|
-
"aria-labelledby":
|
|
1093
|
+
"aria-labelledby": e.string,
|
|
1092
1094
|
/**
|
|
1093
1095
|
* If `true`, the tabs are centered.
|
|
1094
1096
|
* This prop is intended for large views.
|
|
1095
1097
|
* @default false
|
|
1096
1098
|
*/
|
|
1097
|
-
centered:
|
|
1099
|
+
centered: e.bool,
|
|
1098
1100
|
/**
|
|
1099
1101
|
* The content of the component.
|
|
1100
1102
|
*/
|
|
1101
|
-
children:
|
|
1103
|
+
children: e.node,
|
|
1102
1104
|
/**
|
|
1103
1105
|
* Override or extend the styles applied to the component.
|
|
1104
1106
|
*/
|
|
1105
|
-
classes:
|
|
1107
|
+
classes: e.object,
|
|
1106
1108
|
/**
|
|
1107
1109
|
* @ignore
|
|
1108
1110
|
*/
|
|
1109
|
-
className:
|
|
1111
|
+
className: e.string,
|
|
1110
1112
|
/**
|
|
1111
1113
|
* The component used for the root node.
|
|
1112
1114
|
* Either a string to use a HTML element or a component.
|
|
1113
1115
|
*/
|
|
1114
|
-
component:
|
|
1116
|
+
component: e.elementType,
|
|
1115
1117
|
/**
|
|
1116
1118
|
* Determines the color of the indicator.
|
|
1117
1119
|
* @default 'primary'
|
|
1118
1120
|
*/
|
|
1119
|
-
indicatorColor:
|
|
1121
|
+
indicatorColor: e.oneOfType([e.oneOf(["primary", "secondary"]), e.string]),
|
|
1120
1122
|
/**
|
|
1121
1123
|
* Callback fired when the value changes.
|
|
1122
1124
|
*
|
|
1123
1125
|
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
1124
1126
|
* @param {any} value We default to the index of the child (number)
|
|
1125
1127
|
*/
|
|
1126
|
-
onChange:
|
|
1128
|
+
onChange: e.func,
|
|
1127
1129
|
/**
|
|
1128
1130
|
* The component orientation (layout flow direction).
|
|
1129
1131
|
* @default 'horizontal'
|
|
1130
1132
|
*/
|
|
1131
|
-
orientation:
|
|
1133
|
+
orientation: e.oneOf(["horizontal", "vertical"]),
|
|
1132
1134
|
/**
|
|
1133
1135
|
* The component used to render the scroll buttons.
|
|
1134
1136
|
* @default TabScrollButton
|
|
1135
1137
|
*/
|
|
1136
|
-
ScrollButtonComponent:
|
|
1138
|
+
ScrollButtonComponent: e.elementType,
|
|
1137
1139
|
/**
|
|
1138
1140
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
1139
1141
|
*
|
|
@@ -1145,53 +1147,53 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1145
1147
|
* This behavior can be disabled with `allowScrollButtonsMobile`.
|
|
1146
1148
|
* @default 'auto'
|
|
1147
1149
|
*/
|
|
1148
|
-
scrollButtons:
|
|
1150
|
+
scrollButtons: e.oneOf(["auto", !1, !0]),
|
|
1149
1151
|
/**
|
|
1150
1152
|
* If `true` the selected tab changes on focus. Otherwise it only
|
|
1151
1153
|
* changes on activation.
|
|
1152
1154
|
*/
|
|
1153
|
-
selectionFollowsFocus:
|
|
1155
|
+
selectionFollowsFocus: e.bool,
|
|
1154
1156
|
/**
|
|
1155
1157
|
* The extra props for the slot components.
|
|
1156
1158
|
* You can override the existing props or add new ones.
|
|
1157
1159
|
* @default {}
|
|
1158
1160
|
*/
|
|
1159
|
-
slotProps:
|
|
1160
|
-
endScrollButtonIcon:
|
|
1161
|
-
startScrollButtonIcon:
|
|
1161
|
+
slotProps: e.shape({
|
|
1162
|
+
endScrollButtonIcon: e.oneOfType([e.func, e.object]),
|
|
1163
|
+
startScrollButtonIcon: e.oneOfType([e.func, e.object])
|
|
1162
1164
|
}),
|
|
1163
1165
|
/**
|
|
1164
1166
|
* The components used for each slot inside.
|
|
1165
1167
|
* @default {}
|
|
1166
1168
|
*/
|
|
1167
|
-
slots:
|
|
1168
|
-
EndScrollButtonIcon:
|
|
1169
|
-
StartScrollButtonIcon:
|
|
1169
|
+
slots: e.shape({
|
|
1170
|
+
EndScrollButtonIcon: e.elementType,
|
|
1171
|
+
StartScrollButtonIcon: e.elementType
|
|
1170
1172
|
}),
|
|
1171
1173
|
/**
|
|
1172
1174
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
1173
1175
|
*/
|
|
1174
|
-
sx:
|
|
1176
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
1175
1177
|
/**
|
|
1176
1178
|
* Props applied to the tab indicator element.
|
|
1177
1179
|
* @default {}
|
|
1178
1180
|
*/
|
|
1179
|
-
TabIndicatorProps:
|
|
1181
|
+
TabIndicatorProps: e.object,
|
|
1180
1182
|
/**
|
|
1181
1183
|
* Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
|
|
1182
1184
|
* @default {}
|
|
1183
1185
|
*/
|
|
1184
|
-
TabScrollButtonProps:
|
|
1186
|
+
TabScrollButtonProps: e.object,
|
|
1185
1187
|
/**
|
|
1186
1188
|
* Determines the color of the `Tab`.
|
|
1187
1189
|
* @default 'primary'
|
|
1188
1190
|
*/
|
|
1189
|
-
textColor:
|
|
1191
|
+
textColor: e.oneOf(["inherit", "primary", "secondary"]),
|
|
1190
1192
|
/**
|
|
1191
1193
|
* The value of the currently selected `Tab`.
|
|
1192
1194
|
* If you don't want any selected `Tab`, you can set this prop to `false`.
|
|
1193
1195
|
*/
|
|
1194
|
-
value:
|
|
1196
|
+
value: e.any,
|
|
1195
1197
|
/**
|
|
1196
1198
|
* Determines additional display behavior of the tabs:
|
|
1197
1199
|
*
|
|
@@ -1202,21 +1204,21 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1202
1204
|
* - `standard` will render the default state.
|
|
1203
1205
|
* @default 'standard'
|
|
1204
1206
|
*/
|
|
1205
|
-
variant:
|
|
1207
|
+
variant: e.oneOf(["fullWidth", "scrollable", "standard"]),
|
|
1206
1208
|
/**
|
|
1207
1209
|
* If `true`, the scrollbar is visible. It can be useful when displaying
|
|
1208
1210
|
* a long vertical list of tabs.
|
|
1209
1211
|
* @default false
|
|
1210
1212
|
*/
|
|
1211
|
-
visibleScrollbar:
|
|
1213
|
+
visibleScrollbar: e.bool
|
|
1212
1214
|
});
|
|
1213
1215
|
export {
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1216
|
+
pe as K,
|
|
1217
|
+
de as T,
|
|
1218
|
+
Ee as a,
|
|
1219
|
+
ut as b,
|
|
1220
|
+
ge as c,
|
|
1221
|
+
ue as d,
|
|
1222
|
+
ae as g,
|
|
1221
1223
|
T as t
|
|
1222
1224
|
};
|