@cgi-learning-hub/ui 1.3.5 → 1.4.0
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-COarwgJj.cjs +1 -0
- package/dist/{Backdrop-DcDd6WZF.js → Backdrop-DdA12b-5.js} +79 -82
- package/dist/Box-C0mEbUoK.cjs +1 -0
- package/dist/{Box-Byz2BwGf.js → Box-DbRInJ2-.js} +8 -8
- package/dist/Button-1tZRtOeG.cjs +1 -0
- package/dist/Button-rxIER0bL.js +662 -0
- package/dist/ButtonBase-C2rhY3j-.cjs +74 -0
- package/dist/{ButtonBase-DAWDecOk.js → ButtonBase-DzpmdR6N.js} +334 -334
- package/dist/CardContent-BXjX98Jd.cjs +1 -0
- package/dist/CardContent-u1MKaFvP.js +226 -0
- package/dist/{Checkbox-8Rhxpkjl.js → Checkbox-BI77q7eR.js} +26 -27
- package/dist/Checkbox-C6CIGK27.cjs +1 -0
- package/dist/Chip-6-zATjcr.js +521 -0
- package/dist/Chip-CAPnyZyW.cjs +1 -0
- package/dist/{CircularProgress-Kwlef5fX.js → CircularProgress-CDa_qU1a.js} +19 -20
- package/dist/CircularProgress-DTVP6gln.cjs +28 -0
- package/dist/CloseRounded-DQWTEbNz.cjs +1 -0
- package/dist/CloseRounded-DTpqUeWr.js +8 -0
- package/dist/{DatePicker-BS1OatwQ.js → DatePicker-BTTLIBm9.js} +3110 -3600
- package/dist/DatePicker-CJ5-Udgh.cjs +14 -0
- package/dist/DefaultPropsProvider-BcmyIf2H.js +303 -0
- package/dist/DefaultPropsProvider-QmkL7lbM.cjs +1 -0
- package/dist/Dialog-CgBiKk8B.js +477 -0
- package/dist/Dialog-Cmv58WoN.cjs +1 -0
- package/dist/DialogContent-CGEdCDYk.cjs +1 -0
- package/dist/{DialogContent-uc65XOEU.js → DialogContent-SYCCu1VD.js} +13 -13
- package/dist/DialogTitle-Dxm2NHs7.cjs +1 -0
- package/dist/{DialogTitle-C8JOi-rq.js → DialogTitle-_yayDwkI.js} +30 -30
- package/dist/Divider-D_LVNUqS.cjs +1 -0
- package/dist/{Divider-KO-E6nU8.js → Divider-Doy31VS6.js} +8 -8
- package/dist/FormLabel-D0gSgwnj.cjs +2 -0
- package/dist/{FormLabel-CfR4bb21.js → FormLabel-DjkS3S9h.js} +130 -133
- package/dist/Grow-D7scX77o.cjs +1 -0
- package/dist/{Grow-CQVPAYvp.js → Grow-DPD-iBAX.js} +46 -43
- package/dist/{IconButton-CekuyD4r.js → IconButton-B4bt0Hp2.js} +134 -67
- package/dist/IconButton-Edo5JMfQ.cjs +2 -0
- package/dist/InputAdornment-C9NrmB_z.cjs +1 -0
- package/dist/{InputAdornment-iU5YnveW.js → InputAdornment-GzDm1zf_.js} +17 -17
- package/dist/{InputBase-BJy3wwFB.js → InputBase-CF5oNEfh.js} +216 -211
- package/dist/InputBase-CgOQ0M4_.cjs +3 -0
- package/dist/Link-CAbb9OCV.cjs +1 -0
- package/dist/{Link-CoQuUM0t.js → Link-CnahHTmK.js} +49 -50
- package/dist/Menu-C-R0FVOB.cjs +7 -0
- package/dist/{Menu-C7tKmcAh.js → Menu-DzBX10ev.js} +56 -57
- package/dist/MenuItem-Cp1_Q0FD.cjs +1 -0
- package/dist/{MenuItem-j8luVUcX.js → MenuItem-DQQ-p2ie.js} +20 -20
- package/dist/{Modal-brWBFdK7.js → Modal-B8JRJWm0.js} +99 -98
- package/dist/Modal-D8lS9C1l.cjs +2 -0
- package/dist/Paper-C-oPGpbI.cjs +2 -0
- package/dist/{Paper-BG4Vk_Um.js → Paper-CbgkVQVx.js} +8 -8
- package/dist/{Popper-DFZ_gRev.js → Popper-1-DDNRPD.js} +241 -243
- package/dist/Popper-uw9PkkLY.cjs +4 -0
- package/dist/{Portal-JEwcozmp.js → Portal-T-1Qk77D.js} +34 -39
- package/dist/Portal-bIKnnWR4.cjs +1 -0
- package/dist/Radio-BxMxeQa-.js +567 -0
- package/dist/Radio-CvCkmq8g.cjs +1 -0
- package/dist/RadioGroup-BLrD8_Lp.js +190 -0
- package/dist/RadioGroup-Ya-I8Lz1.cjs +1 -0
- package/dist/{Select-DmssuG5M.js → Select-B6mYfJPA.js} +419 -402
- package/dist/Select-KMdcuol6.cjs +3 -0
- package/dist/Stack-C6v70ALA.cjs +1 -0
- package/dist/{Stack-BzTJdRGj.js → Stack-aCUdCw1A.js} +60 -105
- package/dist/Switch-BOpqo-TS.js +329 -0
- package/dist/Switch-DF4bSjED.cjs +1 -0
- package/dist/SwitchBase-7zONZyYP.cjs +1 -0
- package/dist/{SwitchBase-Dlth5_F7.js → SwitchBase-BAjfatYA.js} +35 -36
- package/dist/{Tabs-CYbeTnJk.js → Tabs-CrWcC5nJ.js} +299 -301
- package/dist/Tabs-Dploq_37.cjs +4 -0
- package/dist/TextField-BC7GvvHh.cjs +1 -0
- package/dist/{TextField-Cri5Gxa7.js → TextField-CAmc1Qpg.js} +31 -30
- package/dist/ToggleButtonGroup-BCVgsika.cjs +140 -0
- package/dist/ToggleButtonGroup-ekxVeQCc.js +10461 -0
- package/dist/{Tooltip-BhAHhzKz.js → Tooltip-BvVFPsVR.js} +32 -33
- package/dist/Tooltip-CWA-GKdK.cjs +4 -0
- package/dist/{TransitionGroupContext-DMJLhY9-.js → TransitionGroupContext-DbLioz_6.js} +7 -7
- package/dist/TransitionGroupContext-Zt4NoR0u.cjs +1 -0
- package/dist/{Typography-DBwTr_ix.js → Typography-CE8fQQ8B.js} +15 -16
- package/dist/Typography-DEAE8-8u.cjs +1 -0
- package/dist/components/Alert/Alert.es.js +13 -4
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.d.ts +1 -2
- package/dist/components/Button/Button.es.js +12 -325
- 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 +12 -14
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.d.ts +2 -0
- package/dist/components/Dropzone/Dropzone.es.js +22 -19
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js +1 -1
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.es.js +4 -3
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.es.js +2 -2
- package/dist/components/FileList/FileIcon.cjs.js +1 -0
- package/dist/components/FileList/FileIcon.d.ts +3 -0
- package/dist/components/FileList/FileIcon.es.js +56 -0
- package/dist/components/FileList/FileInfosSeparator.cjs.js +1 -0
- package/dist/components/FileList/FileInfosSeparator.d.ts +1 -0
- package/dist/components/FileList/FileInfosSeparator.es.js +14 -0
- package/dist/components/FileList/FileList.cjs.js +1 -1
- package/dist/components/FileList/FileList.d.ts +5 -3
- package/dist/components/FileList/FileList.es.js +22 -15
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.d.ts +9 -5
- package/dist/components/FileList/FileListItem.es.js +117 -24
- package/dist/components/FileList/utils.cjs.js +1 -0
- package/dist/components/FileList/utils.d.ts +2 -0
- package/dist/components/FileList/utils.es.js +13 -0
- package/dist/components/Heading/Heading.cjs.js +1 -1
- package/dist/components/Heading/Heading.es.js +2 -2
- package/dist/components/ImagePicker/ImagePicker.cjs.js +1 -1
- package/dist/components/ImagePicker/ImagePicker.es.js +79 -54
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.d.ts +1 -2
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.d.ts +1 -2
- 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 +12 -10
- package/dist/components/QueryError/QueryError.cjs.js +1 -1
- package/dist/components/QueryError/QueryError.d.ts +2 -2
- package/dist/components/QueryError/QueryError.es.js +14 -14
- package/dist/components/ResourceCard/ResourceCard.cjs.js +1 -0
- package/dist/components/ResourceCard/ResourceCard.d.ts +24 -0
- package/dist/components/ResourceCard/ResourceCard.es.js +128 -0
- package/dist/components/ResourceCard/index.cjs.js +1 -0
- package/dist/components/ResourceCard/index.d.ts +2 -0
- package/dist/components/ResourceCard/index.es.js +4 -0
- package/dist/components/ResourceCard/style.cjs.js +1 -0
- package/dist/components/ResourceCard/style.es.js +125 -0
- package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +1 -2
- 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 +35 -0
- package/dist/components/index.es.js +348 -294
- 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 +17 -168
- package/dist/components/stories/Checkbox.stories.cjs.js +1 -1
- package/dist/components/stories/Checkbox.stories.es.js +5 -5
- package/dist/components/stories/Chip.stories.cjs.js +1 -0
- package/dist/components/stories/Chip.stories.d.ts +10 -0
- package/dist/components/stories/Chip.stories.es.js +77 -0
- package/dist/components/stories/DatePicker.stories.cjs.js +1 -1
- package/dist/components/stories/DatePicker.stories.es.js +1 -1
- package/dist/components/stories/Dialog.stories.cjs.js +1 -1
- package/dist/components/stories/Dialog.stories.es.js +2 -2
- package/dist/components/stories/Divider.stories.cjs.js +1 -1
- package/dist/components/stories/Divider.stories.es.js +5 -5
- package/dist/components/stories/FileList.stories.cjs.js +8 -1
- package/dist/components/stories/FileList.stories.es.js +144 -20
- package/dist/components/stories/FormControlLabel.stories.cjs.js +1 -1
- package/dist/components/stories/FormControlLabel.stories.es.js +16 -340
- package/dist/components/stories/Heading.stories.cjs.js +1 -1
- package/dist/components/stories/Heading.stories.es.js +2 -2
- package/dist/components/stories/IconButton.stories.cjs.js +1 -1
- package/dist/components/stories/IconButton.stories.es.js +2 -2
- package/dist/components/stories/Link.stories.cjs.js +1 -1
- package/dist/components/stories/Link.stories.es.js +1 -1
- package/dist/components/stories/Menu.stories.cjs.js +1 -1
- package/dist/components/stories/Menu.stories.es.js +16 -16
- package/dist/components/stories/Paper.stories.cjs.js +1 -1
- package/dist/components/stories/Paper.stories.es.js +1 -1
- package/dist/components/stories/RadioGroup.stories.cjs.js +1 -1
- package/dist/components/stories/RadioGroup.stories.es.js +19 -115
- package/dist/components/stories/ResourceCard.stories.cjs.js +1 -0
- package/dist/components/stories/ResourceCard.stories.d.ts +9 -0
- package/dist/components/stories/ResourceCard.stories.es.js +141 -0
- package/dist/components/stories/Select.stories.cjs.js +1 -1
- package/dist/components/stories/Select.stories.es.js +3 -3
- package/dist/components/stories/TabList.stories.cjs.js +1 -1
- package/dist/components/stories/TabList.stories.es.js +14 -14
- package/dist/components/stories/TextField.stories.cjs.js +1 -1
- package/dist/components/stories/TextField.stories.es.js +3 -3
- package/dist/components/stories/Tooltip.stories.cjs.js +1 -1
- package/dist/components/stories/Tooltip.stories.es.js +2 -2
- package/dist/components/stories/Typography.stories.cjs.js +1 -1
- package/dist/components/stories/Typography.stories.es.js +1 -1
- package/dist/{createSvgIcon-C8nGcfF4.js → createSvgIcon-CCejzj0C.js} +49 -48
- package/dist/createSvgIcon-Dn4BBPej.cjs +1 -0
- package/dist/{dividerClasses-nh2-hkQB.js → dividerClasses-DN9F43tq.js} +3 -3
- package/dist/dividerClasses-Zk1QmrZw.cjs +1 -0
- package/dist/{elementTypeAcceptingRef-D-5kcohU.js → elementTypeAcceptingRef-CrAqn_fc.js} +1 -1
- package/dist/elementTypeAcceptingRef-DVF2QSYK.cjs +1 -0
- package/dist/extendSxProp-BB6jYY1x.cjs +1 -0
- package/dist/{extendSxProp-C2ff0oGc.js → extendSxProp-DFv-GFt5.js} +3 -3
- package/dist/{fr-Bjufn3RW.js → fr-B3qrCNcK.js} +18 -18
- package/dist/hooks/lazySvgImport.d.ts +1 -1
- package/dist/identifier-5n4d7br9.cjs +75 -0
- package/dist/identifier-D58rA1gM.js +3267 -0
- package/dist/index-5BAFzrXD.cjs +1 -0
- package/dist/{index-CwvpOCso.js → index-BGS2uu2L.js} +29 -29
- package/dist/index-CFm-oAsb.cjs +1 -0
- package/dist/index-CJW5gB6d.cjs +5 -0
- package/dist/{index-BCnPLuqJ.js → index-ClXCinr6.js} +22 -22
- package/dist/index-DwHI-aa0.js +45 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +348 -294
- package/dist/{memoTheme-Bdg0Y_2O.cjs → memoTheme-C8EfvlY1.cjs} +1 -1
- package/dist/{memoTheme-D7Fyh_3C.js → memoTheme-DyiN-Awd.js} +1 -1
- package/dist/{refType-DKYKROQk.js → refType-B86yTZra.js} +1 -1
- package/dist/refType-CjW6JOBA.cjs +1 -0
- package/dist/{mergeSlotProps-tUJEcwVu.js → resolveComponentProps-0QnU-fDT.js} +7 -7
- package/dist/resolveComponentProps-D0sgyopa.cjs +1 -0
- package/dist/unsupportedProp-Bn6XWqwH.cjs +1 -0
- package/dist/unsupportedProp-BuVD30Gh.js +9 -0
- package/dist/useSlot-CZNcsPv1.js +48 -0
- package/dist/useSlot-CyXLaLc2.cjs +1 -0
- package/dist/useTheme-Bi8B4Op1.cjs +1 -0
- package/dist/useTheme-C_2IF7CS.cjs +1 -0
- package/dist/useTheme-Clhsq4HW.js +11 -0
- package/dist/{useTheme-_xyy-wul.js → useTheme-DxxkErdZ.js} +1 -1
- package/dist/{useThemeProps-BySkSe-M.js → useThemeProps-BGZrRNnL.js} +2 -2
- package/dist/useThemeProps-C6qniHmV.js +17 -0
- package/dist/{useThemeProps-u_ESzK2f.cjs → useThemeProps-CpNQz1Ap.cjs} +1 -1
- package/dist/useThemeProps-Dq3GRYN1.cjs +1 -0
- package/dist/utils-D4if93Yl.cjs +1 -0
- package/dist/{utils-C6c4fj7D.js → utils-SrEVp7Pm.js} +41 -41
- package/package.json +9 -9
- package/dist/Backdrop-CvufxHMY.cjs +0 -1
- package/dist/Box-mP2Th61z.cjs +0 -1
- package/dist/Button-BH9MUvmz.cjs +0 -1
- package/dist/Button-BnNYfQ3E.js +0 -484
- package/dist/ButtonBase-BXtyQVDC.cjs +0 -74
- package/dist/Card-AJG0TUOx.js +0 -74
- package/dist/Card-NqCXQteq.cjs +0 -1
- package/dist/Checkbox-DYrDbdy1.cjs +0 -1
- package/dist/CircularProgress-BByrCLjv.cjs +0 -28
- package/dist/DatePicker-7-4p3Vtj.cjs +0 -14
- package/dist/DefaultPropsProvider-3KMGupjb.cjs +0 -17
- package/dist/DefaultPropsProvider-CvJPQJmL.js +0 -454
- package/dist/Delete-BkZN7Xu5.js +0 -8
- package/dist/Delete-D1EiKoL5.cjs +0 -1
- package/dist/Dialog-D_lS4J_M.js +0 -415
- package/dist/Dialog-yOrNcHbG.cjs +0 -1
- package/dist/DialogContent-Dj_OjLZ6.cjs +0 -1
- package/dist/DialogTitle-BboPDaoB.cjs +0 -1
- package/dist/Divider-CcrM3lNn.cjs +0 -1
- package/dist/FormControlLabel-Bb6Ul-qQ.cjs +0 -1
- package/dist/FormControlLabel-BmrKQtQA.js +0 -262
- package/dist/FormGroup-CbczEc6e.js +0 -95
- package/dist/FormGroup-Y3P2AG0i.cjs +0 -1
- package/dist/FormLabel-D1uvEhsH.cjs +0 -2
- package/dist/Grow-CUBJs6WD.cjs +0 -1
- package/dist/IconButton-CJfzspZK.cjs +0 -2
- package/dist/InputAdornment-Cq0WhPxF.cjs +0 -1
- package/dist/InputBase-s1fk8TB4.cjs +0 -3
- package/dist/Link-CWczkFp0.cjs +0 -1
- package/dist/Menu-Bsx8PA-q.cjs +0 -7
- package/dist/MenuItem-BZ_EVaBq.cjs +0 -1
- package/dist/Modal-DImrEpYJ.cjs +0 -2
- package/dist/Paper-Cr56xkCr.cjs +0 -2
- package/dist/Popper-YT5WAMV-.cjs +0 -4
- package/dist/Portal-DF0RKOcD.cjs +0 -1
- package/dist/Radio-CVAEGXKi.cjs +0 -1
- package/dist/Radio-DGhot3Cd.js +0 -313
- package/dist/Select-CwAWNiiv.cjs +0 -3
- package/dist/Stack-Yq6rb7iK.cjs +0 -1
- package/dist/SwitchBase-DjIY_KWB.cjs +0 -1
- package/dist/TableSortLabel-BsgRD4k4.js +0 -6328
- package/dist/TableSortLabel-D0N3e3cP.cjs +0 -98
- package/dist/Tabs-KG4VWw-1.cjs +0 -4
- package/dist/TextField-BI9KVqjC.cjs +0 -1
- package/dist/Tooltip-DhDtvULK.cjs +0 -4
- package/dist/TransitionGroupContext-DbXD5xqS.cjs +0 -1
- package/dist/Typography-DfRMDngd.cjs +0 -1
- package/dist/capitalize-B3GG7Wn6.cjs +0 -1
- package/dist/capitalize-CkF8kU4n.js +0 -9
- package/dist/createSvgIcon--rEClVU7.cjs +0 -1
- package/dist/dividerClasses-CCAY3Pnr.cjs +0 -1
- package/dist/elementTypeAcceptingRef-DZsNbuLU.cjs +0 -1
- package/dist/extendSxProp-apyK-EBz.cjs +0 -1
- package/dist/generateUtilityClasses-B_H9HEmg.cjs +0 -59
- package/dist/generateUtilityClasses-Bssl7BA_.js +0 -3145
- package/dist/index-Aa73Kpym.cjs +0 -1
- package/dist/index-ChM1Ett8.cjs +0 -5
- package/dist/index-Cw0GDedk.cjs +0 -17
- package/dist/index-DXD5J5Eu.js +0 -186
- package/dist/mergeSlotProps-DuV-LTW7.cjs +0 -1
- package/dist/refType-CoaxQOPt.cjs +0 -1
- package/dist/useSlot-BTpHG6jf.js +0 -50
- package/dist/useSlot-CByalpSD.cjs +0 -1
- package/dist/useSlotProps-B31YQlzb.js +0 -45
- package/dist/useSlotProps-BVSAQTNl.cjs +0 -1
- package/dist/useTheme-Cy5kyKJF.cjs +0 -1
- package/dist/useTheme-Dukx-__T.cjs +0 -1
- package/dist/useTheme-DyaNKf4e.js +0 -11
- package/dist/useThemeProps-CdV_QwDl.cjs +0 -1
- package/dist/useThemeProps-CwEQ4bv2.js +0 -24
- package/dist/utils-vmyQ2IaS.cjs +0 -1
|
@@ -1,27 +1,25 @@
|
|
|
1
1
|
import * as c from "react";
|
|
2
|
-
import { H as
|
|
3
|
-
import { m as
|
|
2
|
+
import { H as pt, I as ft, G as W, L as Wt, P as e, _ as ee } from "./identifier-D58rA1gM.js";
|
|
3
|
+
import { m as bt } from "./memoTheme-DyiN-Awd.js";
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
|
-
import {
|
|
6
|
-
import { B as
|
|
7
|
-
import {
|
|
8
|
-
import { a as
|
|
9
|
-
import {
|
|
10
|
-
import { u as
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { r as
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function at(o) {
|
|
20
|
-
return pe("MuiTab", o);
|
|
5
|
+
import { u as ht, s as L, c as mt } from "./DefaultPropsProvider-BcmyIf2H.js";
|
|
6
|
+
import { B as kt } from "./ButtonBase-DzpmdR6N.js";
|
|
7
|
+
import { u as oe } from "./unsupportedProp-BuVD30Gh.js";
|
|
8
|
+
import { u as zt, a as rt } from "./index-DwHI-aa0.js";
|
|
9
|
+
import { u as re } from "./useTheme-Clhsq4HW.js";
|
|
10
|
+
import { u as ne } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
11
|
+
import { d as Dt } from "./debounce-46wSf_lW.js";
|
|
12
|
+
import { o as $t } from "./ownerWindow-niciwP7I.js";
|
|
13
|
+
import { c as At } from "./createSvgIcon-CCejzj0C.js";
|
|
14
|
+
import { u as dt } from "./useEventCallback-BAQJJ3ye.js";
|
|
15
|
+
import { o as le } from "./ownerDocument-CUrv0DIK.js";
|
|
16
|
+
import { r as se } from "./refType-B86yTZra.js";
|
|
17
|
+
function ae(o) {
|
|
18
|
+
return ft("MuiTab", o);
|
|
21
19
|
}
|
|
22
|
-
const T =
|
|
20
|
+
const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), ie = (o) => {
|
|
23
21
|
const {
|
|
24
|
-
classes:
|
|
22
|
+
classes: t,
|
|
25
23
|
textColor: l,
|
|
26
24
|
fullWidth: d,
|
|
27
25
|
wrapped: i,
|
|
@@ -30,24 +28,24 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
30
28
|
selected: h,
|
|
31
29
|
disabled: f
|
|
32
30
|
} = o, S = {
|
|
33
|
-
root: ["root", u && b && "labelIcon", `textColor${
|
|
31
|
+
root: ["root", u && b && "labelIcon", `textColor${Wt(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
|
|
34
32
|
icon: ["iconWrapper", "icon"]
|
|
35
33
|
};
|
|
36
|
-
return
|
|
37
|
-
},
|
|
34
|
+
return mt(S, ae, t);
|
|
35
|
+
}, ce = L(kt, {
|
|
38
36
|
name: "MuiTab",
|
|
39
37
|
slot: "Root",
|
|
40
|
-
overridesResolver: (o,
|
|
38
|
+
overridesResolver: (o, t) => {
|
|
41
39
|
const {
|
|
42
40
|
ownerState: l
|
|
43
41
|
} = o;
|
|
44
|
-
return [
|
|
45
|
-
[`& .${T.iconWrapper}`]:
|
|
42
|
+
return [t.root, l.label && l.icon && t.labelIcon, t[`textColor${Wt(l.textColor)}`], l.fullWidth && t.fullWidth, l.wrapped && t.wrapped, {
|
|
43
|
+
[`& .${T.iconWrapper}`]: t.iconWrapper
|
|
46
44
|
}, {
|
|
47
|
-
[`& .${T.icon}`]:
|
|
45
|
+
[`& .${T.icon}`]: t.icon
|
|
48
46
|
}];
|
|
49
47
|
}
|
|
50
|
-
})(
|
|
48
|
+
})(bt(({
|
|
51
49
|
theme: o
|
|
52
50
|
}) => ({
|
|
53
51
|
...o.typography.button,
|
|
@@ -63,22 +61,22 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
63
61
|
lineHeight: 1.25,
|
|
64
62
|
variants: [{
|
|
65
63
|
props: ({
|
|
66
|
-
ownerState:
|
|
67
|
-
}) =>
|
|
64
|
+
ownerState: t
|
|
65
|
+
}) => t.label && (t.iconPosition === "top" || t.iconPosition === "bottom"),
|
|
68
66
|
style: {
|
|
69
67
|
flexDirection: "column"
|
|
70
68
|
}
|
|
71
69
|
}, {
|
|
72
70
|
props: ({
|
|
73
|
-
ownerState:
|
|
74
|
-
}) =>
|
|
71
|
+
ownerState: t
|
|
72
|
+
}) => t.label && t.iconPosition !== "top" && t.iconPosition !== "bottom",
|
|
75
73
|
style: {
|
|
76
74
|
flexDirection: "row"
|
|
77
75
|
}
|
|
78
76
|
}, {
|
|
79
77
|
props: ({
|
|
80
|
-
ownerState:
|
|
81
|
-
}) =>
|
|
78
|
+
ownerState: t
|
|
79
|
+
}) => t.icon && t.label,
|
|
82
80
|
style: {
|
|
83
81
|
minHeight: 72,
|
|
84
82
|
paddingTop: 9,
|
|
@@ -86,9 +84,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
86
84
|
}
|
|
87
85
|
}, {
|
|
88
86
|
props: ({
|
|
89
|
-
ownerState:
|
|
87
|
+
ownerState: t,
|
|
90
88
|
iconPosition: l
|
|
91
|
-
}) =>
|
|
89
|
+
}) => t.icon && t.label && l === "top",
|
|
92
90
|
style: {
|
|
93
91
|
[`& > .${T.icon}`]: {
|
|
94
92
|
marginBottom: 6
|
|
@@ -96,9 +94,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
96
94
|
}
|
|
97
95
|
}, {
|
|
98
96
|
props: ({
|
|
99
|
-
ownerState:
|
|
97
|
+
ownerState: t,
|
|
100
98
|
iconPosition: l
|
|
101
|
-
}) =>
|
|
99
|
+
}) => t.icon && t.label && l === "bottom",
|
|
102
100
|
style: {
|
|
103
101
|
[`& > .${T.icon}`]: {
|
|
104
102
|
marginTop: 6
|
|
@@ -106,9 +104,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
106
104
|
}
|
|
107
105
|
}, {
|
|
108
106
|
props: ({
|
|
109
|
-
ownerState:
|
|
107
|
+
ownerState: t,
|
|
110
108
|
iconPosition: l
|
|
111
|
-
}) =>
|
|
109
|
+
}) => t.icon && t.label && l === "start",
|
|
112
110
|
style: {
|
|
113
111
|
[`& > .${T.icon}`]: {
|
|
114
112
|
marginRight: o.spacing(1)
|
|
@@ -116,9 +114,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
116
114
|
}
|
|
117
115
|
}, {
|
|
118
116
|
props: ({
|
|
119
|
-
ownerState:
|
|
117
|
+
ownerState: t,
|
|
120
118
|
iconPosition: l
|
|
121
|
-
}) =>
|
|
119
|
+
}) => t.icon && t.label && l === "end",
|
|
122
120
|
style: {
|
|
123
121
|
[`& > .${T.icon}`]: {
|
|
124
122
|
marginLeft: o.spacing(1)
|
|
@@ -167,8 +165,8 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
167
165
|
}
|
|
168
166
|
}, {
|
|
169
167
|
props: ({
|
|
170
|
-
ownerState:
|
|
171
|
-
}) =>
|
|
168
|
+
ownerState: t
|
|
169
|
+
}) => t.fullWidth,
|
|
172
170
|
style: {
|
|
173
171
|
flexShrink: 1,
|
|
174
172
|
flexGrow: 1,
|
|
@@ -177,15 +175,15 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
177
175
|
}
|
|
178
176
|
}, {
|
|
179
177
|
props: ({
|
|
180
|
-
ownerState:
|
|
181
|
-
}) =>
|
|
178
|
+
ownerState: t
|
|
179
|
+
}) => t.wrapped,
|
|
182
180
|
style: {
|
|
183
181
|
fontSize: o.typography.pxToRem(12)
|
|
184
182
|
}
|
|
185
183
|
}]
|
|
186
|
-
}))),
|
|
187
|
-
const d =
|
|
188
|
-
props:
|
|
184
|
+
}))), de = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
185
|
+
const d = ht({
|
|
186
|
+
props: t,
|
|
189
187
|
name: "MuiTab"
|
|
190
188
|
}), {
|
|
191
189
|
className: i,
|
|
@@ -206,9 +204,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
206
204
|
// eslint-disable-next-line react/prop-types
|
|
207
205
|
selectionFollowsFocus: g,
|
|
208
206
|
// eslint-disable-next-line react/prop-types
|
|
209
|
-
textColor:
|
|
207
|
+
textColor: j = "inherit",
|
|
210
208
|
value: M,
|
|
211
|
-
wrapped:
|
|
209
|
+
wrapped: nt = !1,
|
|
212
210
|
...H
|
|
213
211
|
} = d, U = {
|
|
214
212
|
...d,
|
|
@@ -219,16 +217,16 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
219
217
|
iconPosition: S,
|
|
220
218
|
label: !!y,
|
|
221
219
|
fullWidth: h,
|
|
222
|
-
textColor:
|
|
223
|
-
wrapped:
|
|
224
|
-
}, V =
|
|
220
|
+
textColor: j,
|
|
221
|
+
wrapped: nt
|
|
222
|
+
}, V = ie(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
|
|
225
223
|
className: W(V.icon, f.props.className)
|
|
226
224
|
}) : f, G = (R) => {
|
|
227
225
|
!I && m && m(R, M), C && C(R);
|
|
228
226
|
}, N = (R) => {
|
|
229
227
|
g && !I && m && m(R, M), k && k(R);
|
|
230
228
|
};
|
|
231
|
-
return /* @__PURE__ */ q(
|
|
229
|
+
return /* @__PURE__ */ q(ce, {
|
|
232
230
|
focusRipple: !b,
|
|
233
231
|
className: W(V.root, i),
|
|
234
232
|
ref: l,
|
|
@@ -247,7 +245,7 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
|
|
|
247
245
|
}), v]
|
|
248
246
|
});
|
|
249
247
|
});
|
|
250
|
-
process.env.NODE_ENV !== "production" && (
|
|
248
|
+
process.env.NODE_ENV !== "production" && (de.propTypes = {
|
|
251
249
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
252
250
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
253
251
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -256,25 +254,25 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
|
256
254
|
* This prop isn't supported.
|
|
257
255
|
* Use the `component` prop if you need to change the children structure.
|
|
258
256
|
*/
|
|
259
|
-
children:
|
|
257
|
+
children: oe,
|
|
260
258
|
/**
|
|
261
259
|
* Override or extend the styles applied to the component.
|
|
262
260
|
*/
|
|
263
|
-
classes:
|
|
261
|
+
classes: e.object,
|
|
264
262
|
/**
|
|
265
263
|
* @ignore
|
|
266
264
|
*/
|
|
267
|
-
className:
|
|
265
|
+
className: e.string,
|
|
268
266
|
/**
|
|
269
267
|
* If `true`, the component is disabled.
|
|
270
268
|
* @default false
|
|
271
269
|
*/
|
|
272
|
-
disabled:
|
|
270
|
+
disabled: e.bool,
|
|
273
271
|
/**
|
|
274
272
|
* If `true`, the keyboard focus ripple is disabled.
|
|
275
273
|
* @default false
|
|
276
274
|
*/
|
|
277
|
-
disableFocusRipple:
|
|
275
|
+
disableFocusRipple: e.bool,
|
|
278
276
|
/**
|
|
279
277
|
* If `true`, the ripple effect is disabled.
|
|
280
278
|
*
|
|
@@ -282,64 +280,64 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
|
|
|
282
280
|
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
283
281
|
* @default false
|
|
284
282
|
*/
|
|
285
|
-
disableRipple:
|
|
283
|
+
disableRipple: e.bool,
|
|
286
284
|
/**
|
|
287
285
|
* The icon to display.
|
|
288
286
|
*/
|
|
289
|
-
icon:
|
|
287
|
+
icon: e.oneOfType([e.element, e.string]),
|
|
290
288
|
/**
|
|
291
289
|
* The position of the icon relative to the label.
|
|
292
290
|
* @default 'top'
|
|
293
291
|
*/
|
|
294
|
-
iconPosition:
|
|
292
|
+
iconPosition: e.oneOf(["bottom", "end", "start", "top"]),
|
|
295
293
|
/**
|
|
296
294
|
* The label element.
|
|
297
295
|
*/
|
|
298
|
-
label:
|
|
296
|
+
label: e.node,
|
|
299
297
|
/**
|
|
300
298
|
* @ignore
|
|
301
299
|
*/
|
|
302
|
-
onChange:
|
|
300
|
+
onChange: e.func,
|
|
303
301
|
/**
|
|
304
302
|
* @ignore
|
|
305
303
|
*/
|
|
306
|
-
onClick:
|
|
304
|
+
onClick: e.func,
|
|
307
305
|
/**
|
|
308
306
|
* @ignore
|
|
309
307
|
*/
|
|
310
|
-
onFocus:
|
|
308
|
+
onFocus: e.func,
|
|
311
309
|
/**
|
|
312
310
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
313
311
|
*/
|
|
314
|
-
sx:
|
|
312
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
315
313
|
/**
|
|
316
314
|
* You can provide your own value. Otherwise, we fallback to the child position index.
|
|
317
315
|
*/
|
|
318
|
-
value:
|
|
316
|
+
value: e.any,
|
|
319
317
|
/**
|
|
320
318
|
* Tab labels appear in a single row.
|
|
321
319
|
* They can use a second line if needed.
|
|
322
320
|
* @default false
|
|
323
321
|
*/
|
|
324
|
-
wrapped:
|
|
322
|
+
wrapped: e.bool
|
|
325
323
|
});
|
|
326
|
-
const
|
|
324
|
+
const ue = At(/* @__PURE__ */ x("path", {
|
|
327
325
|
d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
|
|
328
|
-
}), "KeyboardArrowLeft"),
|
|
326
|
+
}), "KeyboardArrowLeft"), pe = At(/* @__PURE__ */ x("path", {
|
|
329
327
|
d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
|
|
330
328
|
}), "KeyboardArrowRight");
|
|
331
|
-
function
|
|
329
|
+
function fe(o) {
|
|
332
330
|
return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
|
|
333
331
|
}
|
|
334
|
-
function
|
|
332
|
+
function be(o, t, l, d = {}, i = () => {
|
|
335
333
|
}) {
|
|
336
334
|
const {
|
|
337
|
-
ease: u =
|
|
335
|
+
ease: u = fe,
|
|
338
336
|
duration: b = 300
|
|
339
337
|
// standard
|
|
340
338
|
} = d;
|
|
341
339
|
let h = null;
|
|
342
|
-
const f =
|
|
340
|
+
const f = t[o];
|
|
343
341
|
let S = !1;
|
|
344
342
|
const v = () => {
|
|
345
343
|
S = !0;
|
|
@@ -350,7 +348,7 @@ function bt(o, e, l, d = {}, i = () => {
|
|
|
350
348
|
}
|
|
351
349
|
h === null && (h = m);
|
|
352
350
|
const C = Math.min(1, (m - h) / b);
|
|
353
|
-
if (
|
|
351
|
+
if (t[o] = u(C) * (l - f) + f, C >= 1) {
|
|
354
352
|
requestAnimationFrame(() => {
|
|
355
353
|
i(null);
|
|
356
354
|
});
|
|
@@ -360,65 +358,65 @@ function bt(o, e, l, d = {}, i = () => {
|
|
|
360
358
|
};
|
|
361
359
|
return f === l ? (i(new Error("Element already at target position")), v) : (requestAnimationFrame(y), v);
|
|
362
360
|
}
|
|
363
|
-
const
|
|
361
|
+
const he = {
|
|
364
362
|
width: 99,
|
|
365
363
|
height: 99,
|
|
366
364
|
position: "absolute",
|
|
367
365
|
top: -9999,
|
|
368
366
|
overflow: "scroll"
|
|
369
367
|
};
|
|
370
|
-
function
|
|
368
|
+
function Ft(o) {
|
|
371
369
|
const {
|
|
372
|
-
onChange:
|
|
370
|
+
onChange: t,
|
|
373
371
|
...l
|
|
374
372
|
} = o, d = c.useRef(), i = c.useRef(null), u = () => {
|
|
375
373
|
d.current = i.current.offsetHeight - i.current.clientHeight;
|
|
376
374
|
};
|
|
377
|
-
return
|
|
378
|
-
const b =
|
|
375
|
+
return ne(() => {
|
|
376
|
+
const b = Dt(() => {
|
|
379
377
|
const f = d.current;
|
|
380
|
-
u(), f !== d.current &&
|
|
381
|
-
}), h =
|
|
378
|
+
u(), f !== d.current && t(d.current);
|
|
379
|
+
}), h = $t(i.current);
|
|
382
380
|
return h.addEventListener("resize", b), () => {
|
|
383
381
|
b.clear(), h.removeEventListener("resize", b);
|
|
384
382
|
};
|
|
385
|
-
}, [
|
|
386
|
-
u(),
|
|
387
|
-
}, [
|
|
388
|
-
style:
|
|
389
|
-
|
|
390
|
-
|
|
383
|
+
}, [t]), c.useEffect(() => {
|
|
384
|
+
u(), t(d.current);
|
|
385
|
+
}, [t]), /* @__PURE__ */ x("div", {
|
|
386
|
+
style: he,
|
|
387
|
+
...l,
|
|
388
|
+
ref: i
|
|
391
389
|
});
|
|
392
390
|
}
|
|
393
|
-
process.env.NODE_ENV !== "production" && (
|
|
394
|
-
onChange:
|
|
391
|
+
process.env.NODE_ENV !== "production" && (Ft.propTypes = {
|
|
392
|
+
onChange: e.func.isRequired
|
|
395
393
|
});
|
|
396
|
-
function
|
|
397
|
-
return
|
|
394
|
+
function me(o) {
|
|
395
|
+
return ft("MuiTabScrollButton", o);
|
|
398
396
|
}
|
|
399
|
-
const
|
|
397
|
+
const Se = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), ve = (o) => {
|
|
400
398
|
const {
|
|
401
|
-
classes:
|
|
399
|
+
classes: t,
|
|
402
400
|
orientation: l,
|
|
403
401
|
disabled: d
|
|
404
402
|
} = o;
|
|
405
|
-
return
|
|
403
|
+
return mt({
|
|
406
404
|
root: ["root", l, d && "disabled"]
|
|
407
|
-
},
|
|
408
|
-
},
|
|
405
|
+
}, me, t);
|
|
406
|
+
}, ye = L(kt, {
|
|
409
407
|
name: "MuiTabScrollButton",
|
|
410
408
|
slot: "Root",
|
|
411
|
-
overridesResolver: (o,
|
|
409
|
+
overridesResolver: (o, t) => {
|
|
412
410
|
const {
|
|
413
411
|
ownerState: l
|
|
414
412
|
} = o;
|
|
415
|
-
return [
|
|
413
|
+
return [t.root, l.orientation && t[l.orientation]];
|
|
416
414
|
}
|
|
417
415
|
})({
|
|
418
416
|
width: 40,
|
|
419
417
|
flexShrink: 0,
|
|
420
418
|
opacity: 0.8,
|
|
421
|
-
[`&.${
|
|
419
|
+
[`&.${Se.disabled}`]: {
|
|
422
420
|
opacity: 0
|
|
423
421
|
},
|
|
424
422
|
variants: [{
|
|
@@ -433,9 +431,9 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
433
431
|
}
|
|
434
432
|
}
|
|
435
433
|
}]
|
|
436
|
-
}),
|
|
437
|
-
const d =
|
|
438
|
-
props:
|
|
434
|
+
}), Lt = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
435
|
+
const d = ht({
|
|
436
|
+
props: t,
|
|
439
437
|
name: "MuiTabScrollButton"
|
|
440
438
|
}), {
|
|
441
439
|
className: i,
|
|
@@ -445,17 +443,17 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
445
443
|
orientation: f,
|
|
446
444
|
disabled: S,
|
|
447
445
|
...v
|
|
448
|
-
} = d, y =
|
|
446
|
+
} = d, y = zt(), m = {
|
|
449
447
|
isRtl: y,
|
|
450
448
|
...d
|
|
451
|
-
}, C =
|
|
449
|
+
}, C = ve(m), k = u.StartScrollButtonIcon ?? ue, I = u.EndScrollButtonIcon ?? pe, g = rt({
|
|
452
450
|
elementType: k,
|
|
453
451
|
externalSlotProps: b.startScrollButtonIcon,
|
|
454
452
|
additionalProps: {
|
|
455
453
|
fontSize: "small"
|
|
456
454
|
},
|
|
457
455
|
ownerState: m
|
|
458
|
-
}),
|
|
456
|
+
}), j = rt({
|
|
459
457
|
elementType: I,
|
|
460
458
|
externalSlotProps: b.endScrollButtonIcon,
|
|
461
459
|
additionalProps: {
|
|
@@ -463,7 +461,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
463
461
|
},
|
|
464
462
|
ownerState: m
|
|
465
463
|
});
|
|
466
|
-
return /* @__PURE__ */ x(
|
|
464
|
+
return /* @__PURE__ */ x(ye, {
|
|
467
465
|
component: "div",
|
|
468
466
|
className: W(C.root, i),
|
|
469
467
|
ref: l,
|
|
@@ -480,11 +478,11 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
|
|
|
480
478
|
children: h === "left" ? /* @__PURE__ */ x(k, {
|
|
481
479
|
...g
|
|
482
480
|
}) : /* @__PURE__ */ x(I, {
|
|
483
|
-
...
|
|
481
|
+
...j
|
|
484
482
|
})
|
|
485
483
|
});
|
|
486
484
|
});
|
|
487
|
-
process.env.NODE_ENV !== "production" && (
|
|
485
|
+
process.env.NODE_ENV !== "production" && (Lt.propTypes = {
|
|
488
486
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
489
487
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
490
488
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -492,59 +490,59 @@ process.env.NODE_ENV !== "production" && (je.propTypes = {
|
|
|
492
490
|
/**
|
|
493
491
|
* The content of the component.
|
|
494
492
|
*/
|
|
495
|
-
children:
|
|
493
|
+
children: e.node,
|
|
496
494
|
/**
|
|
497
495
|
* Override or extend the styles applied to the component.
|
|
498
496
|
*/
|
|
499
|
-
classes:
|
|
497
|
+
classes: e.object,
|
|
500
498
|
/**
|
|
501
499
|
* @ignore
|
|
502
500
|
*/
|
|
503
|
-
className:
|
|
501
|
+
className: e.string,
|
|
504
502
|
/**
|
|
505
503
|
* The direction the button should indicate.
|
|
506
504
|
*/
|
|
507
|
-
direction:
|
|
505
|
+
direction: e.oneOf(["left", "right"]).isRequired,
|
|
508
506
|
/**
|
|
509
507
|
* If `true`, the component is disabled.
|
|
510
508
|
* @default false
|
|
511
509
|
*/
|
|
512
|
-
disabled:
|
|
510
|
+
disabled: e.bool,
|
|
513
511
|
/**
|
|
514
512
|
* The component orientation (layout flow direction).
|
|
515
513
|
*/
|
|
516
|
-
orientation:
|
|
514
|
+
orientation: e.oneOf(["horizontal", "vertical"]).isRequired,
|
|
517
515
|
/**
|
|
518
516
|
* The extra props for the slot components.
|
|
519
517
|
* You can override the existing props or add new ones.
|
|
520
518
|
* @default {}
|
|
521
519
|
*/
|
|
522
|
-
slotProps:
|
|
523
|
-
endScrollButtonIcon:
|
|
524
|
-
startScrollButtonIcon:
|
|
520
|
+
slotProps: e.shape({
|
|
521
|
+
endScrollButtonIcon: e.oneOfType([e.func, e.object]),
|
|
522
|
+
startScrollButtonIcon: e.oneOfType([e.func, e.object])
|
|
525
523
|
}),
|
|
526
524
|
/**
|
|
527
525
|
* The components used for each slot inside.
|
|
528
526
|
* @default {}
|
|
529
527
|
*/
|
|
530
|
-
slots:
|
|
531
|
-
EndScrollButtonIcon:
|
|
532
|
-
StartScrollButtonIcon:
|
|
528
|
+
slots: e.shape({
|
|
529
|
+
EndScrollButtonIcon: e.elementType,
|
|
530
|
+
StartScrollButtonIcon: e.elementType
|
|
533
531
|
}),
|
|
534
532
|
/**
|
|
535
533
|
* @ignore
|
|
536
534
|
*/
|
|
537
|
-
style:
|
|
535
|
+
style: e.object,
|
|
538
536
|
/**
|
|
539
537
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
540
538
|
*/
|
|
541
|
-
sx:
|
|
539
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
542
540
|
});
|
|
543
|
-
function
|
|
544
|
-
return
|
|
541
|
+
function ge(o) {
|
|
542
|
+
return ft("MuiTabs", o);
|
|
545
543
|
}
|
|
546
|
-
const
|
|
547
|
-
let d = !1, i = l(o,
|
|
544
|
+
const ut = pt("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) => {
|
|
545
|
+
let d = !1, i = l(o, t);
|
|
548
546
|
for (; i; ) {
|
|
549
547
|
if (i === o.firstChild) {
|
|
550
548
|
if (d)
|
|
@@ -559,9 +557,9 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
559
557
|
return;
|
|
560
558
|
}
|
|
561
559
|
}
|
|
562
|
-
},
|
|
560
|
+
}, Te = (o) => {
|
|
563
561
|
const {
|
|
564
|
-
vertical:
|
|
562
|
+
vertical: t,
|
|
565
563
|
fixed: l,
|
|
566
564
|
hideScrollbar: d,
|
|
567
565
|
scrollableX: i,
|
|
@@ -570,29 +568,29 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
570
568
|
scrollButtonsHideMobile: h,
|
|
571
569
|
classes: f
|
|
572
570
|
} = o;
|
|
573
|
-
return
|
|
574
|
-
root: ["root",
|
|
571
|
+
return mt({
|
|
572
|
+
root: ["root", t && "vertical"],
|
|
575
573
|
scroller: ["scroller", l && "fixed", d && "hideScrollbar", i && "scrollableX", u && "scrollableY"],
|
|
576
|
-
flexContainer: ["flexContainer",
|
|
574
|
+
flexContainer: ["flexContainer", t && "flexContainerVertical", b && "centered"],
|
|
577
575
|
indicator: ["indicator"],
|
|
578
576
|
scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
|
|
579
577
|
scrollableX: [i && "scrollableX"],
|
|
580
578
|
hideScrollbar: [d && "hideScrollbar"]
|
|
581
|
-
},
|
|
582
|
-
},
|
|
579
|
+
}, ge, f);
|
|
580
|
+
}, we = L("div", {
|
|
583
581
|
name: "MuiTabs",
|
|
584
582
|
slot: "Root",
|
|
585
|
-
overridesResolver: (o,
|
|
583
|
+
overridesResolver: (o, t) => {
|
|
586
584
|
const {
|
|
587
585
|
ownerState: l
|
|
588
586
|
} = o;
|
|
589
587
|
return [{
|
|
590
|
-
[`& .${
|
|
588
|
+
[`& .${ut.scrollButtons}`]: t.scrollButtons
|
|
591
589
|
}, {
|
|
592
|
-
[`& .${
|
|
593
|
-
},
|
|
590
|
+
[`& .${ut.scrollButtons}`]: l.scrollButtonsHideMobile && t.scrollButtonsHideMobile
|
|
591
|
+
}, t.root, l.vertical && t.vertical];
|
|
594
592
|
}
|
|
595
|
-
})(
|
|
593
|
+
})(bt(({
|
|
596
594
|
theme: o
|
|
597
595
|
}) => ({
|
|
598
596
|
overflow: "hidden",
|
|
@@ -602,31 +600,31 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
602
600
|
display: "flex",
|
|
603
601
|
variants: [{
|
|
604
602
|
props: ({
|
|
605
|
-
ownerState:
|
|
606
|
-
}) =>
|
|
603
|
+
ownerState: t
|
|
604
|
+
}) => t.vertical,
|
|
607
605
|
style: {
|
|
608
606
|
flexDirection: "column"
|
|
609
607
|
}
|
|
610
608
|
}, {
|
|
611
609
|
props: ({
|
|
612
|
-
ownerState:
|
|
613
|
-
}) =>
|
|
610
|
+
ownerState: t
|
|
611
|
+
}) => t.scrollButtonsHideMobile,
|
|
614
612
|
style: {
|
|
615
|
-
[`& .${
|
|
613
|
+
[`& .${ut.scrollButtons}`]: {
|
|
616
614
|
[o.breakpoints.down("sm")]: {
|
|
617
615
|
display: "none"
|
|
618
616
|
}
|
|
619
617
|
}
|
|
620
618
|
}
|
|
621
619
|
}]
|
|
622
|
-
}))),
|
|
620
|
+
}))), Be = L("div", {
|
|
623
621
|
name: "MuiTabs",
|
|
624
622
|
slot: "Scroller",
|
|
625
|
-
overridesResolver: (o,
|
|
623
|
+
overridesResolver: (o, t) => {
|
|
626
624
|
const {
|
|
627
625
|
ownerState: l
|
|
628
626
|
} = o;
|
|
629
|
-
return [
|
|
627
|
+
return [t.scroller, l.fixed && t.fixed, l.hideScrollbar && t.hideScrollbar, l.scrollableX && t.scrollableX, l.scrollableY && t.scrollableY];
|
|
630
628
|
}
|
|
631
629
|
})({
|
|
632
630
|
position: "relative",
|
|
@@ -671,14 +669,14 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
671
669
|
overflowX: "hidden"
|
|
672
670
|
}
|
|
673
671
|
}]
|
|
674
|
-
}),
|
|
672
|
+
}), xe = L("div", {
|
|
675
673
|
name: "MuiTabs",
|
|
676
674
|
slot: "FlexContainer",
|
|
677
|
-
overridesResolver: (o,
|
|
675
|
+
overridesResolver: (o, t) => {
|
|
678
676
|
const {
|
|
679
677
|
ownerState: l
|
|
680
678
|
} = o;
|
|
681
|
-
return [
|
|
679
|
+
return [t.flexContainer, l.vertical && t.flexContainerVertical, l.centered && t.centered];
|
|
682
680
|
}
|
|
683
681
|
})({
|
|
684
682
|
display: "flex",
|
|
@@ -697,11 +695,11 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
697
695
|
justifyContent: "center"
|
|
698
696
|
}
|
|
699
697
|
}]
|
|
700
|
-
}),
|
|
698
|
+
}), Ce = L("span", {
|
|
701
699
|
name: "MuiTabs",
|
|
702
700
|
slot: "Indicator",
|
|
703
|
-
overridesResolver: (o,
|
|
704
|
-
})(
|
|
701
|
+
overridesResolver: (o, t) => t.indicator
|
|
702
|
+
})(bt(({
|
|
705
703
|
theme: o
|
|
706
704
|
}) => ({
|
|
707
705
|
position: "absolute",
|
|
@@ -725,15 +723,15 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
725
723
|
}
|
|
726
724
|
}, {
|
|
727
725
|
props: ({
|
|
728
|
-
ownerState:
|
|
729
|
-
}) =>
|
|
726
|
+
ownerState: t
|
|
727
|
+
}) => t.vertical,
|
|
730
728
|
style: {
|
|
731
729
|
height: "100%",
|
|
732
730
|
width: 2,
|
|
733
731
|
right: 0
|
|
734
732
|
}
|
|
735
733
|
}]
|
|
736
|
-
}))),
|
|
734
|
+
}))), Ie = L(Ft)({
|
|
737
735
|
overflowX: "auto",
|
|
738
736
|
overflowY: "hidden",
|
|
739
737
|
// Hide dimensionless scrollbar on macOS
|
|
@@ -743,13 +741,13 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
|
|
|
743
741
|
display: "none"
|
|
744
742
|
// Safari + Chrome
|
|
745
743
|
}
|
|
746
|
-
}),
|
|
747
|
-
let
|
|
748
|
-
const
|
|
749
|
-
const d =
|
|
750
|
-
props:
|
|
744
|
+
}), Nt = {};
|
|
745
|
+
let Pt = !1;
|
|
746
|
+
const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
|
|
747
|
+
const d = ht({
|
|
748
|
+
props: t,
|
|
751
749
|
name: "MuiTabs"
|
|
752
|
-
}), i =
|
|
750
|
+
}), i = re(), u = zt(), {
|
|
753
751
|
"aria-label": b,
|
|
754
752
|
"aria-labelledby": h,
|
|
755
753
|
action: f,
|
|
@@ -761,9 +759,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
761
759
|
indicatorColor: k = "primary",
|
|
762
760
|
onChange: I,
|
|
763
761
|
orientation: g = "horizontal",
|
|
764
|
-
ScrollButtonComponent:
|
|
762
|
+
ScrollButtonComponent: j = Lt,
|
|
765
763
|
scrollButtons: M = "auto",
|
|
766
|
-
selectionFollowsFocus:
|
|
764
|
+
selectionFollowsFocus: nt,
|
|
767
765
|
slots: H = {},
|
|
768
766
|
slotProps: U = {},
|
|
769
767
|
TabIndicatorProps: V = {},
|
|
@@ -771,9 +769,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
771
769
|
textColor: G = "primary",
|
|
772
770
|
value: N,
|
|
773
771
|
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",
|
|
772
|
+
visibleScrollbar: lt = !1,
|
|
773
|
+
...jt
|
|
774
|
+
} = 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 = {
|
|
777
775
|
...d,
|
|
778
776
|
component: m,
|
|
779
777
|
allowScrollButtonsMobile: C,
|
|
@@ -783,27 +781,27 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
783
781
|
scrollButtons: M,
|
|
784
782
|
textColor: G,
|
|
785
783
|
variant: R,
|
|
786
|
-
visibleScrollbar:
|
|
784
|
+
visibleScrollbar: lt,
|
|
787
785
|
fixed: !w,
|
|
788
|
-
hideScrollbar: w && !
|
|
786
|
+
hideScrollbar: w && !lt,
|
|
789
787
|
scrollableX: w && !B,
|
|
790
788
|
scrollableY: w && B,
|
|
791
789
|
centered: S && !w,
|
|
792
790
|
scrollButtonsHideMobile: !C
|
|
793
|
-
}, P =
|
|
791
|
+
}, P = Te(D), Ht = rt({
|
|
794
792
|
elementType: H.StartScrollButtonIcon,
|
|
795
793
|
externalSlotProps: U.startScrollButtonIcon,
|
|
796
794
|
ownerState: D
|
|
797
|
-
}),
|
|
795
|
+
}), Vt = rt({
|
|
798
796
|
elementType: H.EndScrollButtonIcon,
|
|
799
797
|
externalSlotProps: U.endScrollButtonIcon,
|
|
800
798
|
ownerState: D
|
|
801
799
|
});
|
|
802
800
|
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 [
|
|
801
|
+
const [St, Ut] = c.useState(!1), [$, vt] = c.useState(Nt), [yt, Xt] = c.useState(!1), [gt, Yt] = c.useState(!1), [Tt, _t] = c.useState(!1), [wt, Kt] = c.useState({
|
|
804
802
|
overflow: "hidden",
|
|
805
803
|
scrollbarWidth: 0
|
|
806
|
-
}), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null),
|
|
804
|
+
}), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Bt = () => {
|
|
807
805
|
const r = O.current;
|
|
808
806
|
let n;
|
|
809
807
|
if (r) {
|
|
@@ -825,20 +823,20 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
825
823
|
if (a.length > 0) {
|
|
826
824
|
const p = a[Z.get(N)];
|
|
827
825
|
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" && !
|
|
826
|
+
`))), 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
|
|
829
827
|
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
|
-
`)),
|
|
828
|
+
`)), Pt = !0);
|
|
831
829
|
}
|
|
832
830
|
}
|
|
833
831
|
return {
|
|
834
832
|
tabsMeta: n,
|
|
835
833
|
tabMeta: s
|
|
836
834
|
};
|
|
837
|
-
},
|
|
835
|
+
}, _ = dt(() => {
|
|
838
836
|
const {
|
|
839
837
|
tabsMeta: r,
|
|
840
838
|
tabMeta: n
|
|
841
|
-
} =
|
|
839
|
+
} = Bt();
|
|
842
840
|
let s = 0, a;
|
|
843
841
|
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
842
|
const p = {
|
|
@@ -847,111 +845,111 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
847
845
|
[Y]: n ? n[Y] : 0
|
|
848
846
|
};
|
|
849
847
|
if (typeof $[a] != "number" || typeof $[Y] != "number")
|
|
850
|
-
|
|
848
|
+
vt(p);
|
|
851
849
|
else {
|
|
852
850
|
const E = Math.abs($[a] - p[a]), F = Math.abs($[Y] - p[Y]);
|
|
853
|
-
(E >= 1 || F >= 1) &&
|
|
851
|
+
(E >= 1 || F >= 1) && vt(p);
|
|
854
852
|
}
|
|
855
|
-
}),
|
|
853
|
+
}), at = (r, {
|
|
856
854
|
animation: n = !0
|
|
857
855
|
} = {}) => {
|
|
858
|
-
n ?
|
|
856
|
+
n ? be(X, O.current, r, {
|
|
859
857
|
duration: i.transitions.duration.standard
|
|
860
858
|
}) : O.current[X] = r;
|
|
861
|
-
},
|
|
859
|
+
}, xt = (r) => {
|
|
862
860
|
let n = O.current[X];
|
|
863
|
-
B ? n += r : n += r * (u ? -1 : 1),
|
|
864
|
-
},
|
|
865
|
-
const r = O.current[
|
|
861
|
+
B ? n += r : n += r * (u ? -1 : 1), at(n);
|
|
862
|
+
}, Ct = () => {
|
|
863
|
+
const r = O.current[st];
|
|
866
864
|
let n = 0;
|
|
867
865
|
const s = Array.from(A.current.children);
|
|
868
866
|
for (let a = 0; a < s.length; a += 1) {
|
|
869
867
|
const p = s[a];
|
|
870
|
-
if (n + p[
|
|
868
|
+
if (n + p[st] > r) {
|
|
871
869
|
a === 0 && (n = r);
|
|
872
870
|
break;
|
|
873
871
|
}
|
|
874
|
-
n += p[
|
|
872
|
+
n += p[st];
|
|
875
873
|
}
|
|
876
874
|
return n;
|
|
877
|
-
},
|
|
878
|
-
|
|
879
|
-
},
|
|
880
|
-
|
|
881
|
-
},
|
|
882
|
-
|
|
875
|
+
}, qt = () => {
|
|
876
|
+
xt(-1 * Ct());
|
|
877
|
+
}, Gt = () => {
|
|
878
|
+
xt(Ct());
|
|
879
|
+
}, Jt = c.useCallback((r) => {
|
|
880
|
+
Kt({
|
|
883
881
|
overflow: null,
|
|
884
882
|
scrollbarWidth: r
|
|
885
883
|
});
|
|
886
|
-
}, []),
|
|
884
|
+
}, []), Qt = () => {
|
|
887
885
|
const r = {};
|
|
888
|
-
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(
|
|
889
|
-
onChange:
|
|
886
|
+
r.scrollbarSizeListener = w ? /* @__PURE__ */ x(Ie, {
|
|
887
|
+
onChange: Jt,
|
|
890
888
|
className: W(P.scrollableX, P.hideScrollbar)
|
|
891
889
|
}) : null;
|
|
892
|
-
const s = w && (M === "auto" && (
|
|
893
|
-
return r.scrollButtonStart = s ? /* @__PURE__ */ x(
|
|
890
|
+
const s = w && (M === "auto" && (yt || gt) || M === !0);
|
|
891
|
+
return r.scrollButtonStart = s ? /* @__PURE__ */ x(j, {
|
|
894
892
|
slots: {
|
|
895
893
|
StartScrollButtonIcon: H.StartScrollButtonIcon
|
|
896
894
|
},
|
|
897
895
|
slotProps: {
|
|
898
|
-
startScrollButtonIcon:
|
|
896
|
+
startScrollButtonIcon: Ht
|
|
899
897
|
},
|
|
900
898
|
orientation: g,
|
|
901
899
|
direction: u ? "right" : "left",
|
|
902
|
-
onClick:
|
|
903
|
-
disabled: !
|
|
900
|
+
onClick: qt,
|
|
901
|
+
disabled: !yt,
|
|
904
902
|
...z,
|
|
905
903
|
className: W(P.scrollButtons, z.className)
|
|
906
|
-
}) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(
|
|
904
|
+
}) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(j, {
|
|
907
905
|
slots: {
|
|
908
906
|
EndScrollButtonIcon: H.EndScrollButtonIcon
|
|
909
907
|
},
|
|
910
908
|
slotProps: {
|
|
911
|
-
endScrollButtonIcon:
|
|
909
|
+
endScrollButtonIcon: Vt
|
|
912
910
|
},
|
|
913
911
|
orientation: g,
|
|
914
912
|
direction: u ? "left" : "right",
|
|
915
|
-
onClick:
|
|
916
|
-
disabled: !
|
|
913
|
+
onClick: Gt,
|
|
914
|
+
disabled: !gt,
|
|
917
915
|
...z,
|
|
918
916
|
className: W(P.scrollButtons, z.className)
|
|
919
917
|
}) : null, r;
|
|
920
|
-
},
|
|
918
|
+
}, It = dt((r) => {
|
|
921
919
|
const {
|
|
922
920
|
tabsMeta: n,
|
|
923
921
|
tabMeta: s
|
|
924
|
-
} =
|
|
922
|
+
} = Bt();
|
|
925
923
|
if (!(!s || !n)) {
|
|
926
924
|
if (s[J] < n[J]) {
|
|
927
925
|
const a = n[X] + (s[J] - n[J]);
|
|
928
|
-
|
|
926
|
+
at(a, {
|
|
929
927
|
animation: r
|
|
930
928
|
});
|
|
931
929
|
} else if (s[Q] > n[Q]) {
|
|
932
930
|
const a = n[X] + (s[Q] - n[Q]);
|
|
933
|
-
|
|
931
|
+
at(a, {
|
|
934
932
|
animation: r
|
|
935
933
|
});
|
|
936
934
|
}
|
|
937
935
|
}
|
|
938
|
-
}),
|
|
939
|
-
w && M !== !1 &&
|
|
936
|
+
}), tt = dt(() => {
|
|
937
|
+
w && M !== !1 && _t(!Tt);
|
|
940
938
|
});
|
|
941
939
|
c.useEffect(() => {
|
|
942
|
-
const r =
|
|
943
|
-
O.current &&
|
|
940
|
+
const r = Dt(() => {
|
|
941
|
+
O.current && _();
|
|
944
942
|
});
|
|
945
943
|
let n;
|
|
946
944
|
const s = (E) => {
|
|
947
945
|
E.forEach((F) => {
|
|
948
|
-
F.removedNodes.forEach((
|
|
949
|
-
n == null || n.unobserve(
|
|
950
|
-
}), F.addedNodes.forEach((
|
|
951
|
-
n == null || n.observe(
|
|
946
|
+
F.removedNodes.forEach((K) => {
|
|
947
|
+
n == null || n.unobserve(K);
|
|
948
|
+
}), F.addedNodes.forEach((K) => {
|
|
949
|
+
n == null || n.observe(K);
|
|
952
950
|
});
|
|
953
|
-
}), r(),
|
|
954
|
-
}, a =
|
|
951
|
+
}), r(), tt();
|
|
952
|
+
}, a = $t(O.current);
|
|
955
953
|
a.addEventListener("resize", r);
|
|
956
954
|
let p;
|
|
957
955
|
return typeof ResizeObserver < "u" && (n = new ResizeObserver(r), Array.from(A.current.children).forEach((E) => {
|
|
@@ -961,34 +959,34 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
961
959
|
})), () => {
|
|
962
960
|
r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
|
|
963
961
|
};
|
|
964
|
-
}, [
|
|
962
|
+
}, [_, tt]), c.useEffect(() => {
|
|
965
963
|
const r = Array.from(A.current.children), n = r.length;
|
|
966
964
|
if (typeof IntersectionObserver < "u" && n > 0 && w && M !== !1) {
|
|
967
965
|
const s = r[0], a = r[n - 1], p = {
|
|
968
966
|
root: O.current,
|
|
969
967
|
threshold: 0.99
|
|
970
|
-
}, E = (
|
|
971
|
-
|
|
968
|
+
}, E = (ct) => {
|
|
969
|
+
Xt(!ct[0].isIntersecting);
|
|
972
970
|
}, F = new IntersectionObserver(E, p);
|
|
973
971
|
F.observe(s);
|
|
974
|
-
const
|
|
975
|
-
|
|
976
|
-
},
|
|
977
|
-
return
|
|
978
|
-
F.disconnect(),
|
|
972
|
+
const K = (ct) => {
|
|
973
|
+
Yt(!ct[0].isIntersecting);
|
|
974
|
+
}, Mt = new IntersectionObserver(K, p);
|
|
975
|
+
return Mt.observe(a), () => {
|
|
976
|
+
F.disconnect(), Mt.disconnect();
|
|
979
977
|
};
|
|
980
978
|
}
|
|
981
|
-
}, [w, M,
|
|
982
|
-
|
|
979
|
+
}, [w, M, Tt, v == null ? void 0 : v.length]), c.useEffect(() => {
|
|
980
|
+
Ut(!0);
|
|
983
981
|
}, []), c.useEffect(() => {
|
|
984
|
-
|
|
982
|
+
_();
|
|
985
983
|
}), c.useEffect(() => {
|
|
986
|
-
|
|
987
|
-
}, [
|
|
988
|
-
updateIndicator:
|
|
989
|
-
updateScrollButtons:
|
|
990
|
-
}), [
|
|
991
|
-
const
|
|
984
|
+
It(Nt !== $);
|
|
985
|
+
}, [It, $]), c.useImperativeHandle(f, () => ({
|
|
986
|
+
updateIndicator: _,
|
|
987
|
+
updateScrollButtons: tt
|
|
988
|
+
}), [_, tt]);
|
|
989
|
+
const Et = /* @__PURE__ */ x(Ce, {
|
|
992
990
|
...V,
|
|
993
991
|
className: W(P.indicator, V.className),
|
|
994
992
|
ownerState: D,
|
|
@@ -997,76 +995,76 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
|
|
|
997
995
|
...V.style
|
|
998
996
|
}
|
|
999
997
|
});
|
|
1000
|
-
let
|
|
1001
|
-
const
|
|
998
|
+
let et = 0;
|
|
999
|
+
const Zt = c.Children.map(v, (r) => {
|
|
1002
1000
|
if (!/* @__PURE__ */ c.isValidElement(r))
|
|
1003
1001
|
return null;
|
|
1004
|
-
process.env.NODE_ENV !== "production" &&
|
|
1002
|
+
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(`
|
|
1005
1003
|
`));
|
|
1006
|
-
const n = r.props.value === void 0 ?
|
|
1007
|
-
Z.set(n,
|
|
1004
|
+
const n = r.props.value === void 0 ? et : r.props.value;
|
|
1005
|
+
Z.set(n, et);
|
|
1008
1006
|
const s = n === N;
|
|
1009
|
-
return
|
|
1007
|
+
return et += 1, /* @__PURE__ */ c.cloneElement(r, {
|
|
1010
1008
|
fullWidth: R === "fullWidth",
|
|
1011
|
-
indicator: s && !
|
|
1009
|
+
indicator: s && !St && Et,
|
|
1012
1010
|
selected: s,
|
|
1013
|
-
selectionFollowsFocus:
|
|
1011
|
+
selectionFollowsFocus: nt,
|
|
1014
1012
|
onChange: I,
|
|
1015
1013
|
textColor: G,
|
|
1016
1014
|
value: n,
|
|
1017
|
-
...
|
|
1015
|
+
...et === 1 && N === !1 && !r.props.tabIndex ? {
|
|
1018
1016
|
tabIndex: 0
|
|
1019
1017
|
} : {}
|
|
1020
1018
|
});
|
|
1021
|
-
}),
|
|
1022
|
-
const n = A.current, s =
|
|
1019
|
+
}), te = (r) => {
|
|
1020
|
+
const n = A.current, s = le(n).activeElement;
|
|
1023
1021
|
if (s.getAttribute("role") !== "tab")
|
|
1024
1022
|
return;
|
|
1025
1023
|
let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
1026
1024
|
switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), r.key) {
|
|
1027
1025
|
case p:
|
|
1028
|
-
r.preventDefault(),
|
|
1026
|
+
r.preventDefault(), ot(n, s, Ot);
|
|
1029
1027
|
break;
|
|
1030
1028
|
case E:
|
|
1031
|
-
r.preventDefault(),
|
|
1029
|
+
r.preventDefault(), ot(n, s, Rt);
|
|
1032
1030
|
break;
|
|
1033
1031
|
case "Home":
|
|
1034
|
-
r.preventDefault(),
|
|
1032
|
+
r.preventDefault(), ot(n, null, Rt);
|
|
1035
1033
|
break;
|
|
1036
1034
|
case "End":
|
|
1037
|
-
r.preventDefault(),
|
|
1035
|
+
r.preventDefault(), ot(n, null, Ot);
|
|
1038
1036
|
break;
|
|
1039
1037
|
}
|
|
1040
|
-
},
|
|
1041
|
-
return /* @__PURE__ */ q(
|
|
1038
|
+
}, it = Qt();
|
|
1039
|
+
return /* @__PURE__ */ q(we, {
|
|
1042
1040
|
className: W(P.root, y),
|
|
1043
1041
|
ownerState: D,
|
|
1044
1042
|
ref: l,
|
|
1045
1043
|
as: m,
|
|
1046
|
-
...
|
|
1047
|
-
children: [
|
|
1044
|
+
...jt,
|
|
1045
|
+
children: [it.scrollButtonStart, it.scrollbarSizeListener, /* @__PURE__ */ q(Be, {
|
|
1048
1046
|
className: P.scroller,
|
|
1049
1047
|
ownerState: D,
|
|
1050
1048
|
style: {
|
|
1051
|
-
overflow:
|
|
1052
|
-
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]:
|
|
1049
|
+
overflow: wt.overflow,
|
|
1050
|
+
[B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: lt ? void 0 : -wt.scrollbarWidth
|
|
1053
1051
|
},
|
|
1054
1052
|
ref: O,
|
|
1055
|
-
children: [/* @__PURE__ */ x(
|
|
1053
|
+
children: [/* @__PURE__ */ x(xe, {
|
|
1056
1054
|
"aria-label": b,
|
|
1057
1055
|
"aria-labelledby": h,
|
|
1058
1056
|
"aria-orientation": g === "vertical" ? "vertical" : null,
|
|
1059
1057
|
className: P.flexContainer,
|
|
1060
1058
|
ownerState: D,
|
|
1061
|
-
onKeyDown:
|
|
1059
|
+
onKeyDown: te,
|
|
1062
1060
|
ref: A,
|
|
1063
1061
|
role: "tablist",
|
|
1064
|
-
children:
|
|
1065
|
-
}),
|
|
1066
|
-
}),
|
|
1062
|
+
children: Zt
|
|
1063
|
+
}), St && Et]
|
|
1064
|
+
}), it.scrollButtonEnd]
|
|
1067
1065
|
});
|
|
1068
1066
|
});
|
|
1069
|
-
process.env.NODE_ENV !== "production" && (
|
|
1067
|
+
process.env.NODE_ENV !== "production" && (Ee.propTypes = {
|
|
1070
1068
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
1071
1069
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
1072
1070
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -1079,66 +1077,66 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1079
1077
|
* @param {object} actions This object contains all possible actions
|
|
1080
1078
|
* that can be triggered programmatically.
|
|
1081
1079
|
*/
|
|
1082
|
-
action:
|
|
1080
|
+
action: se,
|
|
1083
1081
|
/**
|
|
1084
1082
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
1085
1083
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
1086
1084
|
* @default false
|
|
1087
1085
|
*/
|
|
1088
|
-
allowScrollButtonsMobile:
|
|
1086
|
+
allowScrollButtonsMobile: e.bool,
|
|
1089
1087
|
/**
|
|
1090
1088
|
* The label for the Tabs as a string.
|
|
1091
1089
|
*/
|
|
1092
|
-
"aria-label":
|
|
1090
|
+
"aria-label": e.string,
|
|
1093
1091
|
/**
|
|
1094
1092
|
* An id or list of ids separated by a space that label the Tabs.
|
|
1095
1093
|
*/
|
|
1096
|
-
"aria-labelledby":
|
|
1094
|
+
"aria-labelledby": e.string,
|
|
1097
1095
|
/**
|
|
1098
1096
|
* If `true`, the tabs are centered.
|
|
1099
1097
|
* This prop is intended for large views.
|
|
1100
1098
|
* @default false
|
|
1101
1099
|
*/
|
|
1102
|
-
centered:
|
|
1100
|
+
centered: e.bool,
|
|
1103
1101
|
/**
|
|
1104
1102
|
* The content of the component.
|
|
1105
1103
|
*/
|
|
1106
|
-
children:
|
|
1104
|
+
children: e.node,
|
|
1107
1105
|
/**
|
|
1108
1106
|
* Override or extend the styles applied to the component.
|
|
1109
1107
|
*/
|
|
1110
|
-
classes:
|
|
1108
|
+
classes: e.object,
|
|
1111
1109
|
/**
|
|
1112
1110
|
* @ignore
|
|
1113
1111
|
*/
|
|
1114
|
-
className:
|
|
1112
|
+
className: e.string,
|
|
1115
1113
|
/**
|
|
1116
1114
|
* The component used for the root node.
|
|
1117
1115
|
* Either a string to use a HTML element or a component.
|
|
1118
1116
|
*/
|
|
1119
|
-
component:
|
|
1117
|
+
component: e.elementType,
|
|
1120
1118
|
/**
|
|
1121
1119
|
* Determines the color of the indicator.
|
|
1122
1120
|
* @default 'primary'
|
|
1123
1121
|
*/
|
|
1124
|
-
indicatorColor:
|
|
1122
|
+
indicatorColor: e.oneOfType([e.oneOf(["primary", "secondary"]), e.string]),
|
|
1125
1123
|
/**
|
|
1126
1124
|
* Callback fired when the value changes.
|
|
1127
1125
|
*
|
|
1128
1126
|
* @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
|
|
1129
1127
|
* @param {any} value We default to the index of the child (number)
|
|
1130
1128
|
*/
|
|
1131
|
-
onChange:
|
|
1129
|
+
onChange: e.func,
|
|
1132
1130
|
/**
|
|
1133
1131
|
* The component orientation (layout flow direction).
|
|
1134
1132
|
* @default 'horizontal'
|
|
1135
1133
|
*/
|
|
1136
|
-
orientation:
|
|
1134
|
+
orientation: e.oneOf(["horizontal", "vertical"]),
|
|
1137
1135
|
/**
|
|
1138
1136
|
* The component used to render the scroll buttons.
|
|
1139
1137
|
* @default TabScrollButton
|
|
1140
1138
|
*/
|
|
1141
|
-
ScrollButtonComponent:
|
|
1139
|
+
ScrollButtonComponent: e.elementType,
|
|
1142
1140
|
/**
|
|
1143
1141
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
1144
1142
|
*
|
|
@@ -1150,53 +1148,53 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1150
1148
|
* This behavior can be disabled with `allowScrollButtonsMobile`.
|
|
1151
1149
|
* @default 'auto'
|
|
1152
1150
|
*/
|
|
1153
|
-
scrollButtons:
|
|
1151
|
+
scrollButtons: e.oneOf(["auto", !1, !0]),
|
|
1154
1152
|
/**
|
|
1155
1153
|
* If `true` the selected tab changes on focus. Otherwise it only
|
|
1156
1154
|
* changes on activation.
|
|
1157
1155
|
*/
|
|
1158
|
-
selectionFollowsFocus:
|
|
1156
|
+
selectionFollowsFocus: e.bool,
|
|
1159
1157
|
/**
|
|
1160
1158
|
* The extra props for the slot components.
|
|
1161
1159
|
* You can override the existing props or add new ones.
|
|
1162
1160
|
* @default {}
|
|
1163
1161
|
*/
|
|
1164
|
-
slotProps:
|
|
1165
|
-
endScrollButtonIcon:
|
|
1166
|
-
startScrollButtonIcon:
|
|
1162
|
+
slotProps: e.shape({
|
|
1163
|
+
endScrollButtonIcon: e.oneOfType([e.func, e.object]),
|
|
1164
|
+
startScrollButtonIcon: e.oneOfType([e.func, e.object])
|
|
1167
1165
|
}),
|
|
1168
1166
|
/**
|
|
1169
1167
|
* The components used for each slot inside.
|
|
1170
1168
|
* @default {}
|
|
1171
1169
|
*/
|
|
1172
|
-
slots:
|
|
1173
|
-
EndScrollButtonIcon:
|
|
1174
|
-
StartScrollButtonIcon:
|
|
1170
|
+
slots: e.shape({
|
|
1171
|
+
EndScrollButtonIcon: e.elementType,
|
|
1172
|
+
StartScrollButtonIcon: e.elementType
|
|
1175
1173
|
}),
|
|
1176
1174
|
/**
|
|
1177
1175
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
1178
1176
|
*/
|
|
1179
|
-
sx:
|
|
1177
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
1180
1178
|
/**
|
|
1181
1179
|
* Props applied to the tab indicator element.
|
|
1182
1180
|
* @default {}
|
|
1183
1181
|
*/
|
|
1184
|
-
TabIndicatorProps:
|
|
1182
|
+
TabIndicatorProps: e.object,
|
|
1185
1183
|
/**
|
|
1186
1184
|
* Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
|
|
1187
1185
|
* @default {}
|
|
1188
1186
|
*/
|
|
1189
|
-
TabScrollButtonProps:
|
|
1187
|
+
TabScrollButtonProps: e.object,
|
|
1190
1188
|
/**
|
|
1191
1189
|
* Determines the color of the `Tab`.
|
|
1192
1190
|
* @default 'primary'
|
|
1193
1191
|
*/
|
|
1194
|
-
textColor:
|
|
1192
|
+
textColor: e.oneOf(["inherit", "primary", "secondary"]),
|
|
1195
1193
|
/**
|
|
1196
1194
|
* The value of the currently selected `Tab`.
|
|
1197
1195
|
* If you don't want any selected `Tab`, you can set this prop to `false`.
|
|
1198
1196
|
*/
|
|
1199
|
-
value:
|
|
1197
|
+
value: e.any,
|
|
1200
1198
|
/**
|
|
1201
1199
|
* Determines additional display behavior of the tabs:
|
|
1202
1200
|
*
|
|
@@ -1207,21 +1205,21 @@ process.env.NODE_ENV !== "production" && (Et.propTypes = {
|
|
|
1207
1205
|
* - `standard` will render the default state.
|
|
1208
1206
|
* @default 'standard'
|
|
1209
1207
|
*/
|
|
1210
|
-
variant:
|
|
1208
|
+
variant: e.oneOf(["fullWidth", "scrollable", "standard"]),
|
|
1211
1209
|
/**
|
|
1212
1210
|
* If `true`, the scrollbar is visible. It can be useful when displaying
|
|
1213
1211
|
* a long vertical list of tabs.
|
|
1214
1212
|
* @default false
|
|
1215
1213
|
*/
|
|
1216
|
-
visibleScrollbar:
|
|
1214
|
+
visibleScrollbar: e.bool
|
|
1217
1215
|
});
|
|
1218
1216
|
export {
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1217
|
+
pe as K,
|
|
1218
|
+
de as T,
|
|
1219
|
+
Ee as a,
|
|
1220
|
+
ut as b,
|
|
1221
|
+
ge as c,
|
|
1222
|
+
ue as d,
|
|
1223
|
+
ae as g,
|
|
1226
1224
|
T as t
|
|
1227
1225
|
};
|