@cgi-learning-hub/ui 1.3.5-dev.1739378027 → 1.3.5-dev.1739974341
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-Cvbj4YKG.cjs → Backdrop-BY124k9Q.cjs} +1 -1
- package/dist/{Backdrop-DZHacmMU.js → Backdrop-CZ3ay4ta.js} +2 -2
- package/dist/{Button-DovfjBkz.js → Button-Bqcf-Wrh.js} +1 -2
- package/dist/{Button-COTy9ASL.cjs → Button-qwUFZs87.cjs} +1 -1
- package/dist/{ButtonBase-DKNIY_Ve.cjs → ButtonBase-C9D6EAt-.cjs} +2 -2
- package/dist/{ButtonBase-eQU9HVgU.js → ButtonBase-ylADCBW1.js} +66 -66
- package/dist/CardContent-BMiRcSGk.cjs +1 -0
- package/dist/CardContent-CHoWb0DR.js +226 -0
- package/dist/{Checkbox-y6Kts0Hm.js → Checkbox-92V5IqYF.js} +2 -2
- package/dist/{Checkbox-YCpJS_3E.cjs → Checkbox-DVRfGO8D.cjs} +1 -1
- package/dist/{Chip-FQbM3QKF.cjs → Chip-Ch7Ec9PJ.cjs} +1 -1
- package/dist/{Chip-DT0H_Vjk.js → Chip-I3ytWE-R.js} +2 -2
- package/dist/{CloseRounded-Cu-sn6XC.cjs → CloseRounded-BpiJGsCY.cjs} +1 -1
- package/dist/{CloseRounded-Df8vYhLX.js → CloseRounded-Di7N75zk.js} +1 -1
- package/dist/{DatePicker-CYvDKr4R.js → DatePicker-ByvIBsyI.js} +48 -46
- package/dist/{DatePicker-BroG1y5g.cjs → DatePicker-D3AfDdBL.cjs} +11 -11
- package/dist/{Dialog-BFZeovlo.cjs → Dialog-DouQwf1_.cjs} +1 -1
- package/dist/{Dialog-D0fzD-TX.js → Dialog-GVgQOV8v.js} +2 -2
- package/dist/{DialogTitle-CXRmRtja.cjs → DialogTitle-BTBnlhmM.cjs} +1 -1
- package/dist/{DialogTitle-BXGok8k-.js → DialogTitle-Bw1Q-9PX.js} +1 -1
- package/dist/{Grow-EpJy9qdL.js → Grow-BL8Bx4y5.js} +1 -1
- package/dist/{Grow-BK4rGn4x.cjs → Grow-BjcgF7nV.cjs} +1 -1
- package/dist/{IconButton-CZvDgqOc.js → IconButton-C4GFAbeH.js} +1 -1
- package/dist/{IconButton-BUCTqOFa.cjs → IconButton-loyqjXrR.cjs} +1 -1
- package/dist/{Menu-_4rLUzDf.js → Menu-CtlPVqJo.js} +5 -5
- package/dist/{Menu-NuheFzLD.cjs → Menu-DiQ9wnM_.cjs} +1 -1
- package/dist/{MenuItem-D9Hs7HRQ.js → MenuItem-BCyMn0B-.js} +2 -2
- package/dist/{MenuItem-CNUAbgnE.cjs → MenuItem-DuLNR389.cjs} +1 -1
- package/dist/{Modal-a-cSzSt8.js → Modal-BBc68t3R.js} +5 -5
- package/dist/{Modal-BhIbbbzx.cjs → Modal-CGCKjoqp.cjs} +2 -2
- package/dist/{Popper-CPstdcBG.cjs → Popper-CyMmAyHW.cjs} +1 -1
- package/dist/{Popper-BcaTNUvi.js → Popper-Dotov0nV.js} +2 -2
- package/dist/{Portal-BL8eg_0C.cjs → Portal-BC_MWv30.cjs} +1 -1
- package/dist/{Portal-B8inUnB_.js → Portal-DvgoZfYl.js} +1 -1
- package/dist/Radio-BmCVKlgN.js +568 -0
- package/dist/Radio-Cta61QrN.cjs +1 -0
- package/dist/RadioGroup-BoBajGjF.js +190 -0
- package/dist/RadioGroup-CA-GTAeR.cjs +1 -0
- package/dist/Select-Bm-ZcxRN.cjs +3 -0
- package/dist/{Select-D4pmgfdb.js → Select-DCbhewsz.js} +71 -67
- package/dist/Switch-BMjiyNyB.cjs +1 -0
- package/dist/Switch-JIoNRv7S.js +330 -0
- package/dist/{SwitchBase-VA100mrf.cjs → SwitchBase-CaXyAuEt.cjs} +1 -1
- package/dist/{SwitchBase-ynQQkTVh.js → SwitchBase-Ccit_gYg.js} +1 -1
- package/dist/{Tabs-DzbNYi2v.js → Tabs-Bhy2g9Y0.js} +3 -3
- package/dist/{Tabs-Bg_Zi8UV.cjs → Tabs-ll24SDcl.cjs} +1 -1
- package/dist/{TextField-BcAZk2Rx.cjs → TextField-C5lHwquP.cjs} +1 -1
- package/dist/{TextField-dvVq-1Hp.js → TextField-FNS4AqVd.js} +2 -2
- package/dist/ToggleButtonGroup-CEPDUgtK.cjs +167 -0
- package/dist/ToggleButtonGroup-qi5MsGIW.js +10602 -0
- package/dist/{Tooltip-CVvaAqh7.js → Tooltip-AHSVG6xQ.js} +5 -5
- package/dist/{Tooltip-DL2i_lGL.cjs → Tooltip-C2KS56xn.cjs} +1 -1
- 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 +20 -4
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.es.js +2 -2
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +1 -1
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +1 -1
- package/dist/components/Dialog/Dialog.cjs.js +1 -1
- package/dist/components/Dialog/Dialog.es.js +2 -2
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.es.js +1 -1
- package/dist/components/FileList/FileIcon.cjs.js +1 -1
- package/dist/components/FileList/FileIcon.es.js +1 -1
- package/dist/components/FileList/FileList.cjs.js +1 -1
- package/dist/components/FileList/FileList.es.js +15 -17
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.es.js +95 -88
- package/dist/components/ImagePicker/ImagePicker.cjs.js +1 -1
- package/dist/components/ImagePicker/ImagePicker.es.js +47 -23
- package/dist/components/Loader/Loader.d.ts +1 -2
- 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 +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.es.js +10 -9
- package/dist/components/QueryError/QueryError.d.ts +2 -2
- package/dist/components/ResourceCard/ResourceCard.cjs.js +1 -1
- package/dist/components/ResourceCard/ResourceCard.d.ts +2 -2
- package/dist/components/ResourceCard/ResourceCard.es.js +73 -79
- package/dist/components/ResourceCard/style.es.js +65 -57
- 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 +1 -1
- 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 +34 -0
- package/dist/components/index.es.js +347 -296
- package/dist/components/stories/Button.stories.cjs.js +1 -1
- package/dist/components/stories/Button.stories.es.js +2 -2
- 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 +1 -1
- package/dist/components/stories/Chip.stories.cjs.js +1 -1
- package/dist/components/stories/Chip.stories.es.js +1 -1
- 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/FileList.stories.cjs.js +1 -1
- package/dist/components/stories/FileList.stories.es.js +5 -7
- 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 +1 -1
- package/dist/components/stories/IconButton.stories.cjs.js +1 -1
- package/dist/components/stories/IconButton.stories.es.js +2 -2
- package/dist/components/stories/Menu.stories.cjs.js +1 -1
- package/dist/components/stories/Menu.stories.es.js +3 -3
- 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 -1
- package/dist/components/stories/ResourceCard.stories.es.js +10 -4
- package/dist/components/stories/Select.stories.cjs.js +1 -1
- package/dist/components/stories/Select.stories.es.js +2 -2
- package/dist/components/stories/TabList.stories.cjs.js +1 -1
- package/dist/components/stories/TabList.stories.es.js +1 -1
- 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 -1
- package/dist/components/stories/Tooltip.stories.es.js +2 -2
- package/dist/{createSvgIcon-Cd6y8E9W.js → createSvgIcon-CIearCnQ.js} +44 -42
- package/dist/createSvgIcon-DKtSalut.cjs +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +347 -296
- package/dist/resolveComponentProps-CGmtduHt.cjs +1 -0
- package/dist/{mergeSlotProps-DwgGXvkj.js → resolveComponentProps-kRRJ79Kv.js} +6 -6
- package/dist/useSlot-BYekfmak.cjs +1 -0
- package/dist/{useSlot-BYfmyYXv.js → useSlot-CQW01GLa.js} +1 -1
- package/dist/useSlotProps-NZH6_nAj.cjs +1 -0
- package/dist/{useSlotProps-r0vmrJvl.js → useSlotProps-pX6ti4cn.js} +1 -1
- package/dist/utils-C6YMiaf0.cjs +1 -0
- package/dist/{utils-D4djO_Ph.js → utils-CSBYZkoB.js} +40 -40
- package/package.json +1 -1
- package/dist/Button-C-bZSJCq.cjs +0 -28
- package/dist/Button-CSNPv43f.js +0 -542
- package/dist/Card-B7MHmB_Y.js +0 -74
- package/dist/Card-CwE6nm11.cjs +0 -1
- package/dist/FormControlLabel-BjbkwHC0.js +0 -262
- package/dist/FormControlLabel-BjlJz2oa.cjs +0 -1
- package/dist/FormGroup-DdwFGMq2.js +0 -95
- package/dist/FormGroup-x7hlLAv1.cjs +0 -1
- package/dist/Radio-8fNX60rb.cjs +0 -1
- package/dist/Radio-DgedCGZw.js +0 -313
- package/dist/Select-DtrvYyJ3.cjs +0 -3
- package/dist/TableSortLabel-BXto8Tc7.js +0 -6440
- package/dist/TableSortLabel-h3un69IU.cjs +0 -98
- package/dist/createSvgIcon-CWNQW6u6.cjs +0 -1
- package/dist/mergeSlotProps-DJgEFzGv.cjs +0 -1
- package/dist/useSlot-CMUEd7j7.cjs +0 -1
- package/dist/useSlotProps-D0jr2eYF.cjs +0 -1
- package/dist/utils-BWXB1haV.cjs +0 -1
|
@@ -0,0 +1,330 @@
|
|
|
1
|
+
import * as k from "react";
|
|
2
|
+
import { H as S, I as y, G as $, n as v, s as C, q as x, P as a } from "./generateUtilityClasses-v9KcqdK1.js";
|
|
3
|
+
import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
4
|
+
import { S as O } from "./SwitchBase-Ccit_gYg.js";
|
|
5
|
+
import { m as l } from "./memoTheme-D-rebSfX.js";
|
|
6
|
+
import { jsxs as T, jsx as w } from "react/jsx-runtime";
|
|
7
|
+
import { u as R, s as d, c as B } from "./DefaultPropsProvider-CmOKr9hq.js";
|
|
8
|
+
import { c as r } from "./capitalize-yX_QSknw.js";
|
|
9
|
+
import { r as j } from "./refType-DcE_kWty.js";
|
|
10
|
+
function M(t) {
|
|
11
|
+
return y("MuiSwitch", t);
|
|
12
|
+
}
|
|
13
|
+
const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), N = (t) => {
|
|
14
|
+
const {
|
|
15
|
+
classes: e,
|
|
16
|
+
edge: s,
|
|
17
|
+
size: c,
|
|
18
|
+
color: p,
|
|
19
|
+
checked: u,
|
|
20
|
+
disabled: g
|
|
21
|
+
} = t, h = {
|
|
22
|
+
root: ["root", s && `edge${r(s)}`, `size${r(c)}`],
|
|
23
|
+
switchBase: ["switchBase", `color${r(p)}`, u && "checked", g && "disabled"],
|
|
24
|
+
thumb: ["thumb"],
|
|
25
|
+
track: ["track"],
|
|
26
|
+
input: ["input"]
|
|
27
|
+
}, b = B(h, M, e);
|
|
28
|
+
return {
|
|
29
|
+
...e,
|
|
30
|
+
// forward the disabled and checked classes to the SwitchBase
|
|
31
|
+
...b
|
|
32
|
+
};
|
|
33
|
+
}, I = d("span", {
|
|
34
|
+
name: "MuiSwitch",
|
|
35
|
+
slot: "Root",
|
|
36
|
+
overridesResolver: (t, e) => {
|
|
37
|
+
const {
|
|
38
|
+
ownerState: s
|
|
39
|
+
} = t;
|
|
40
|
+
return [e.root, s.edge && e[`edge${r(s.edge)}`], e[`size${r(s.size)}`]];
|
|
41
|
+
}
|
|
42
|
+
})({
|
|
43
|
+
display: "inline-flex",
|
|
44
|
+
width: 34 + 12 * 2,
|
|
45
|
+
height: 14 + 12 * 2,
|
|
46
|
+
overflow: "hidden",
|
|
47
|
+
padding: 12,
|
|
48
|
+
boxSizing: "border-box",
|
|
49
|
+
position: "relative",
|
|
50
|
+
flexShrink: 0,
|
|
51
|
+
zIndex: 0,
|
|
52
|
+
// Reset the stacking context.
|
|
53
|
+
verticalAlign: "middle",
|
|
54
|
+
// For correct alignment with the text.
|
|
55
|
+
"@media print": {
|
|
56
|
+
colorAdjust: "exact"
|
|
57
|
+
},
|
|
58
|
+
variants: [{
|
|
59
|
+
props: {
|
|
60
|
+
edge: "start"
|
|
61
|
+
},
|
|
62
|
+
style: {
|
|
63
|
+
marginLeft: -8
|
|
64
|
+
}
|
|
65
|
+
}, {
|
|
66
|
+
props: {
|
|
67
|
+
edge: "end"
|
|
68
|
+
},
|
|
69
|
+
style: {
|
|
70
|
+
marginRight: -8
|
|
71
|
+
}
|
|
72
|
+
}, {
|
|
73
|
+
props: {
|
|
74
|
+
size: "small"
|
|
75
|
+
},
|
|
76
|
+
style: {
|
|
77
|
+
width: 40,
|
|
78
|
+
height: 24,
|
|
79
|
+
padding: 7,
|
|
80
|
+
[`& .${o.thumb}`]: {
|
|
81
|
+
width: 16,
|
|
82
|
+
height: 16
|
|
83
|
+
},
|
|
84
|
+
[`& .${o.switchBase}`]: {
|
|
85
|
+
padding: 4,
|
|
86
|
+
[`&.${o.checked}`]: {
|
|
87
|
+
transform: "translateX(16px)"
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}]
|
|
92
|
+
}), P = d(O, {
|
|
93
|
+
name: "MuiSwitch",
|
|
94
|
+
slot: "SwitchBase",
|
|
95
|
+
overridesResolver: (t, e) => {
|
|
96
|
+
const {
|
|
97
|
+
ownerState: s
|
|
98
|
+
} = t;
|
|
99
|
+
return [e.switchBase, {
|
|
100
|
+
[`& .${o.input}`]: e.input
|
|
101
|
+
}, s.color !== "default" && e[`color${r(s.color)}`]];
|
|
102
|
+
}
|
|
103
|
+
})(l(({
|
|
104
|
+
theme: t
|
|
105
|
+
}) => ({
|
|
106
|
+
position: "absolute",
|
|
107
|
+
top: 0,
|
|
108
|
+
left: 0,
|
|
109
|
+
zIndex: 1,
|
|
110
|
+
// Render above the focus ripple.
|
|
111
|
+
color: t.vars ? t.vars.palette.Switch.defaultColor : `${t.palette.mode === "light" ? t.palette.common.white : t.palette.grey[300]}`,
|
|
112
|
+
transition: t.transitions.create(["left", "transform"], {
|
|
113
|
+
duration: t.transitions.duration.shortest
|
|
114
|
+
}),
|
|
115
|
+
[`&.${o.checked}`]: {
|
|
116
|
+
transform: "translateX(20px)"
|
|
117
|
+
},
|
|
118
|
+
[`&.${o.disabled}`]: {
|
|
119
|
+
color: t.vars ? t.vars.palette.Switch.defaultDisabledColor : `${t.palette.mode === "light" ? t.palette.grey[100] : t.palette.grey[600]}`
|
|
120
|
+
},
|
|
121
|
+
[`&.${o.checked} + .${o.track}`]: {
|
|
122
|
+
opacity: 0.5
|
|
123
|
+
},
|
|
124
|
+
[`&.${o.disabled} + .${o.track}`]: {
|
|
125
|
+
opacity: t.vars ? t.vars.opacity.switchTrackDisabled : `${t.palette.mode === "light" ? 0.12 : 0.2}`
|
|
126
|
+
},
|
|
127
|
+
[`& .${o.input}`]: {
|
|
128
|
+
left: "-100%",
|
|
129
|
+
width: "300%"
|
|
130
|
+
}
|
|
131
|
+
})), l(({
|
|
132
|
+
theme: t
|
|
133
|
+
}) => ({
|
|
134
|
+
"&:hover": {
|
|
135
|
+
backgroundColor: t.vars ? `rgba(${t.vars.palette.action.activeChannel} / ${t.vars.palette.action.hoverOpacity})` : v(t.palette.action.active, t.palette.action.hoverOpacity),
|
|
136
|
+
// Reset on touch devices, it doesn't add specificity
|
|
137
|
+
"@media (hover: none)": {
|
|
138
|
+
backgroundColor: "transparent"
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
variants: [...Object.entries(t.palette).filter(z(["light"])).map(([e]) => ({
|
|
142
|
+
props: {
|
|
143
|
+
color: e
|
|
144
|
+
},
|
|
145
|
+
style: {
|
|
146
|
+
[`&.${o.checked}`]: {
|
|
147
|
+
color: (t.vars || t).palette[e].main,
|
|
148
|
+
"&:hover": {
|
|
149
|
+
backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.hoverOpacity})` : v(t.palette[e].main, t.palette.action.hoverOpacity),
|
|
150
|
+
"@media (hover: none)": {
|
|
151
|
+
backgroundColor: "transparent"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
[`&.${o.disabled}`]: {
|
|
155
|
+
color: t.vars ? t.vars.palette.Switch[`${e}DisabledColor`] : `${t.palette.mode === "light" ? C(t.palette[e].main, 0.62) : x(t.palette[e].main, 0.55)}`
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
[`&.${o.checked} + .${o.track}`]: {
|
|
159
|
+
backgroundColor: (t.vars || t).palette[e].main
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}))]
|
|
163
|
+
}))), D = d("span", {
|
|
164
|
+
name: "MuiSwitch",
|
|
165
|
+
slot: "Track",
|
|
166
|
+
overridesResolver: (t, e) => e.track
|
|
167
|
+
})(l(({
|
|
168
|
+
theme: t
|
|
169
|
+
}) => ({
|
|
170
|
+
height: "100%",
|
|
171
|
+
width: "100%",
|
|
172
|
+
borderRadius: 14 / 2,
|
|
173
|
+
zIndex: -1,
|
|
174
|
+
transition: t.transitions.create(["opacity", "background-color"], {
|
|
175
|
+
duration: t.transitions.duration.shortest
|
|
176
|
+
}),
|
|
177
|
+
backgroundColor: t.vars ? t.vars.palette.common.onBackground : `${t.palette.mode === "light" ? t.palette.common.black : t.palette.common.white}`,
|
|
178
|
+
opacity: t.vars ? t.vars.opacity.switchTrack : `${t.palette.mode === "light" ? 0.38 : 0.3}`
|
|
179
|
+
}))), U = d("span", {
|
|
180
|
+
name: "MuiSwitch",
|
|
181
|
+
slot: "Thumb",
|
|
182
|
+
overridesResolver: (t, e) => e.thumb
|
|
183
|
+
})(l(({
|
|
184
|
+
theme: t
|
|
185
|
+
}) => ({
|
|
186
|
+
boxShadow: (t.vars || t).shadows[1],
|
|
187
|
+
backgroundColor: "currentColor",
|
|
188
|
+
width: 20,
|
|
189
|
+
height: 20,
|
|
190
|
+
borderRadius: "50%"
|
|
191
|
+
}))), E = /* @__PURE__ */ k.forwardRef(function(e, s) {
|
|
192
|
+
const c = R({
|
|
193
|
+
props: e,
|
|
194
|
+
name: "MuiSwitch"
|
|
195
|
+
}), {
|
|
196
|
+
className: p,
|
|
197
|
+
color: u = "primary",
|
|
198
|
+
edge: g = !1,
|
|
199
|
+
size: h = "medium",
|
|
200
|
+
sx: b,
|
|
201
|
+
...m
|
|
202
|
+
} = c, i = {
|
|
203
|
+
...c,
|
|
204
|
+
color: u,
|
|
205
|
+
edge: g,
|
|
206
|
+
size: h
|
|
207
|
+
}, n = N(i), f = /* @__PURE__ */ w(U, {
|
|
208
|
+
className: n.thumb,
|
|
209
|
+
ownerState: i
|
|
210
|
+
});
|
|
211
|
+
return /* @__PURE__ */ T(I, {
|
|
212
|
+
className: $(n.root, p),
|
|
213
|
+
sx: b,
|
|
214
|
+
ownerState: i,
|
|
215
|
+
children: [/* @__PURE__ */ w(P, {
|
|
216
|
+
type: "checkbox",
|
|
217
|
+
icon: f,
|
|
218
|
+
checkedIcon: f,
|
|
219
|
+
ref: s,
|
|
220
|
+
ownerState: i,
|
|
221
|
+
...m,
|
|
222
|
+
classes: {
|
|
223
|
+
...n,
|
|
224
|
+
root: n.switchBase
|
|
225
|
+
}
|
|
226
|
+
}), /* @__PURE__ */ w(D, {
|
|
227
|
+
className: n.track,
|
|
228
|
+
ownerState: i
|
|
229
|
+
})]
|
|
230
|
+
});
|
|
231
|
+
});
|
|
232
|
+
process.env.NODE_ENV !== "production" && (E.propTypes = {
|
|
233
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
234
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
235
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
236
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
237
|
+
/**
|
|
238
|
+
* If `true`, the component is checked.
|
|
239
|
+
*/
|
|
240
|
+
checked: a.bool,
|
|
241
|
+
/**
|
|
242
|
+
* The icon to display when the component is checked.
|
|
243
|
+
*/
|
|
244
|
+
checkedIcon: a.node,
|
|
245
|
+
/**
|
|
246
|
+
* Override or extend the styles applied to the component.
|
|
247
|
+
*/
|
|
248
|
+
classes: a.object,
|
|
249
|
+
/**
|
|
250
|
+
* @ignore
|
|
251
|
+
*/
|
|
252
|
+
className: a.string,
|
|
253
|
+
/**
|
|
254
|
+
* The color of the component.
|
|
255
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
256
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
257
|
+
* @default 'primary'
|
|
258
|
+
*/
|
|
259
|
+
color: a.oneOfType([a.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), a.string]),
|
|
260
|
+
/**
|
|
261
|
+
* The default checked state. Use when the component is not controlled.
|
|
262
|
+
*/
|
|
263
|
+
defaultChecked: a.bool,
|
|
264
|
+
/**
|
|
265
|
+
* If `true`, the component is disabled.
|
|
266
|
+
*/
|
|
267
|
+
disabled: a.bool,
|
|
268
|
+
/**
|
|
269
|
+
* If `true`, the ripple effect is disabled.
|
|
270
|
+
* @default false
|
|
271
|
+
*/
|
|
272
|
+
disableRipple: a.bool,
|
|
273
|
+
/**
|
|
274
|
+
* If given, uses a negative margin to counteract the padding on one
|
|
275
|
+
* side (this is often helpful for aligning the left or right
|
|
276
|
+
* side of the icon with content above or below, without ruining the border
|
|
277
|
+
* size and shape).
|
|
278
|
+
* @default false
|
|
279
|
+
*/
|
|
280
|
+
edge: a.oneOf(["end", "start", !1]),
|
|
281
|
+
/**
|
|
282
|
+
* The icon to display when the component is unchecked.
|
|
283
|
+
*/
|
|
284
|
+
icon: a.node,
|
|
285
|
+
/**
|
|
286
|
+
* The id of the `input` element.
|
|
287
|
+
*/
|
|
288
|
+
id: a.string,
|
|
289
|
+
/**
|
|
290
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
|
|
291
|
+
*/
|
|
292
|
+
inputProps: a.object,
|
|
293
|
+
/**
|
|
294
|
+
* Pass a ref to the `input` element.
|
|
295
|
+
*/
|
|
296
|
+
inputRef: j,
|
|
297
|
+
/**
|
|
298
|
+
* Callback fired when the state is changed.
|
|
299
|
+
*
|
|
300
|
+
* @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
|
|
301
|
+
* You can pull out the new value by accessing `event.target.value` (string).
|
|
302
|
+
* You can pull out the new checked state by accessing `event.target.checked` (boolean).
|
|
303
|
+
*/
|
|
304
|
+
onChange: a.func,
|
|
305
|
+
/**
|
|
306
|
+
* If `true`, the `input` element is required.
|
|
307
|
+
* @default false
|
|
308
|
+
*/
|
|
309
|
+
required: a.bool,
|
|
310
|
+
/**
|
|
311
|
+
* The size of the component.
|
|
312
|
+
* `small` is equivalent to the dense switch styling.
|
|
313
|
+
* @default 'medium'
|
|
314
|
+
*/
|
|
315
|
+
size: a.oneOfType([a.oneOf(["medium", "small"]), a.string]),
|
|
316
|
+
/**
|
|
317
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
318
|
+
*/
|
|
319
|
+
sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
|
|
320
|
+
/**
|
|
321
|
+
* The value of the component. The DOM API casts this to a string.
|
|
322
|
+
* The browser uses "on" as the default value.
|
|
323
|
+
*/
|
|
324
|
+
value: a.any
|
|
325
|
+
});
|
|
326
|
+
export {
|
|
327
|
+
E as S,
|
|
328
|
+
M as g,
|
|
329
|
+
o as s
|
|
330
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const M=require("react"),e=require("./generateUtilityClasses-0dYt6eGZ.cjs"),l=require("./DefaultPropsProvider-PRhNsS_3.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),B=require("react/jsx-runtime"),$=require("./useControlled-Ysk4KqoX.cjs"),A=require("./capitalize-Cq3s4y8R.cjs"),G=require("./ButtonBase-
|
|
1
|
+
"use strict";const M=require("react"),e=require("./generateUtilityClasses-0dYt6eGZ.cjs"),l=require("./DefaultPropsProvider-PRhNsS_3.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),B=require("react/jsx-runtime"),$=require("./useControlled-Ysk4KqoX.cjs"),A=require("./capitalize-Cq3s4y8R.cjs"),G=require("./ButtonBase-C9D6EAt-.cjs"),H=require("./refType-DdkUp8DT.cjs");function J(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const K=J(M);function Q(o){return e.generateUtilityClass("PrivateSwitchBase",o)}e.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const W=o=>{const{classes:s,checked:r,disabled:a,edge:i}=o,p={root:["root",r&&"checked",a&&"disabled",i&&`edge${A.capitalize(i)}`],input:["input"]};return l.composeClasses(p,Q,s)},X=l.styled(G.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:o,ownerState:s})=>o==="start"&&s.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:o,ownerState:s})=>o==="end"&&s.size!=="small",style:{marginRight:-12}}]}),Y=l.styled("input",{shouldForwardProp:l.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),C=K.forwardRef(function(s,r){const{autoFocus:a,checked:i,checkedIcon:p,className:w,defaultChecked:f,disabled:F,disableFocusRipple:y=!1,edge:R=!1,icon:S,id:q,inputProps:x,inputRef:O,name:j,onBlur:h,onChange:b,onFocus:g,readOnly:I,required:v=!1,tabIndex:z,type:d,value:P,...N}=s,[m,U]=$.useControlled({controlled:i,default:!!f,name:"SwitchBase",state:"checked"}),n=V.useFormControl(),D=t=>{g&&g(t),n&&n.onFocus&&n.onFocus(t)},E=t=>{h&&h(t),n&&n.onBlur&&n.onBlur(t)},_=t=>{if(t.nativeEvent.defaultPrevented)return;const k=t.target.checked;U(k),b&&b(t,k)};let c=F;n&&typeof c>"u"&&(c=n.disabled);const L=d==="checkbox"||d==="radio",u={...s,checked:m,disabled:c,disableFocusRipple:y,edge:R},T=W(u);return B.jsxs(X,{component:"span",className:e.clsx(T.root,w),centerRipple:!0,focusRipple:!y,disabled:c,tabIndex:null,role:void 0,onFocus:D,onBlur:E,ownerState:u,ref:r,...N,children:[B.jsx(Y,{autoFocus:a,checked:i,defaultChecked:f,className:T.input,disabled:c,id:L?q:void 0,name:j,onChange:_,readOnly:I,ref:O,required:v,ownerState:u,tabIndex:z,type:d,...d==="checkbox"&&P===void 0?{}:{value:P},...x}),m?p:S]})});process.env.NODE_ENV!=="production"&&(C.propTypes={autoFocus:e.PropTypes.bool,checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),icon:e.PropTypes.node.isRequired,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:H.refType,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,readOnly:e.PropTypes.bool,required:e.PropTypes.bool,sx:e.PropTypes.object,tabIndex:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),type:e.PropTypes.string.isRequired,value:e.PropTypes.any});exports.SwitchBase=C;
|
|
@@ -5,7 +5,7 @@ import { u as A } from "./useFormControl-CatNKXAi.js";
|
|
|
5
5
|
import { jsxs as J, jsx as K } from "react/jsx-runtime";
|
|
6
6
|
import { u as M } from "./useControlled-BYdyS7Pn.js";
|
|
7
7
|
import { c as Q } from "./capitalize-yX_QSknw.js";
|
|
8
|
-
import { B as W } from "./ButtonBase-
|
|
8
|
+
import { B as W } from "./ButtonBase-ylADCBW1.js";
|
|
9
9
|
import { r as X } from "./refType-DcE_kWty.js";
|
|
10
10
|
function Y(s) {
|
|
11
11
|
return G("PrivateSwitchBase", s);
|
|
@@ -4,14 +4,14 @@ import { m as bt } from "./memoTheme-D-rebSfX.js";
|
|
|
4
4
|
import { jsxs as q, jsx as x } from "react/jsx-runtime";
|
|
5
5
|
import { u as ht, s as j, c as mt } from "./DefaultPropsProvider-CmOKr9hq.js";
|
|
6
6
|
import { c as Wt } from "./capitalize-yX_QSknw.js";
|
|
7
|
-
import { B as kt } from "./ButtonBase-
|
|
7
|
+
import { B as kt } from "./ButtonBase-ylADCBW1.js";
|
|
8
8
|
import { u as eo } from "./unsupportedProp-BuVD30Gh.js";
|
|
9
|
-
import { u as zt, a as rt } from "./useSlotProps-
|
|
9
|
+
import { u as zt, a as rt } from "./useSlotProps-pX6ti4cn.js";
|
|
10
10
|
import { u as ro } from "./useTheme-Dyx3LMQU.js";
|
|
11
11
|
import { u as no } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
12
12
|
import { d as Dt } from "./debounce-46wSf_lW.js";
|
|
13
13
|
import { o as $t } from "./ownerWindow-niciwP7I.js";
|
|
14
|
-
import { c as At } from "./createSvgIcon-
|
|
14
|
+
import { c as At } from "./createSvgIcon-CIearCnQ.js";
|
|
15
15
|
import { u as dt } from "./useEventCallback-BAQJJ3ye.js";
|
|
16
16
|
import { o as lo } from "./ownerDocument-CUrv0DIK.js";
|
|
17
17
|
import { r as so } from "./refType-DcE_kWty.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const eo=require("react"),e=require("./generateUtilityClasses-0dYt6eGZ.cjs"),pe=require("./memoTheme-D1tPxCd9.cjs"),T=require("react/jsx-runtime"),m=require("./DefaultPropsProvider-PRhNsS_3.cjs"),Ee=require("./capitalize-Cq3s4y8R.cjs"),Ie=require("./ButtonBase-DKNIY_Ve.cjs"),oo=require("./unsupportedProp-Bn6XWqwH.cjs"),U=require("./useSlotProps-D0jr2eYF.cjs"),to=require("./useTheme-C0AF6jAe.cjs"),ro=require("./useEnhancedEffect-BQZ6dtCo.cjs"),Re=require("./debounce-DpCj7ugL.cjs"),Me=require("./ownerWindow-DDHucZi0.cjs"),Oe=require("./createSvgIcon-CWNQW6u6.cjs"),ie=require("./useEventCallback-C0-Qw3Sm.cjs"),no=require("./ownerDocument-4MViGo3k.cjs"),so=require("./refType-DdkUp8DT.cjs");function lo(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const p=lo(eo);function Ne(t){return e.generateUtilityClass("MuiTab",t)}const v=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),ao=t=>{const{classes:o,textColor:s,fullWidth:i,wrapped:c,icon:d,label:f,selected:y,disabled:b}=t,S={root:["root",d&&f&&"labelIcon",`textColor${Ee.capitalize(s)}`,i&&"fullWidth",c&&"wrapped",y&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return m.composeClasses(S,Ne,o)},co=m.styled(Ie.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.label&&s.icon&&o.labelIcon,o[`textColor${Ee.capitalize(s.textColor)}`],s.fullWidth&&o.fullWidth,s.wrapped&&o.wrapped,{[`& .${v.iconWrapper}`]:o.iconWrapper},{[`& .${v.icon}`]:o.icon}]}})(pe.memoTheme(({theme:t})=>({...t.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:o})=>o.label&&(o.iconPosition==="top"||o.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:o})=>o.label&&o.iconPosition!=="top"&&o.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:o})=>o.icon&&o.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="top",style:{[`& > .${v.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${v.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${v.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${v.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${v.selected}`]:{opacity:1},[`&.${v.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${v.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${v.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${v.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${v.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:({ownerState:o})=>o.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:o})=>o.wrapped,style:{fontSize:t.typography.pxToRem(12)}}]}))),je=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:f=!1,fullWidth:y,icon:b,iconPosition:S="top",indicator:P,label:g,onChange:h,onClick:C,onFocus:k,selected:E,selectionFollowsFocus:x,textColor:F="inherit",value:R,wrapped:re=!1,...L}=i,H={...i,disabled:d,disableFocusRipple:f,selected:E,icon:!!b,iconPosition:S,label:!!g,fullWidth:y,textColor:F,wrapped:re},q=ao(H),W=b&&g&&p.isValidElement(b)?p.cloneElement(b,{className:e.clsx(q.icon,b.props.className)}):b,K=M=>{!E&&h&&h(M,R),C&&C(M)},N=M=>{x&&!E&&h&&h(M,R),k&&k(M)};return T.jsxs(co,{focusRipple:!f,className:e.clsx(q.root,c),ref:s,role:"tab","aria-selected":E,disabled:d,onClick:K,onFocus:N,ownerState:H,tabIndex:E?0:-1,...L,children:[S==="top"||S==="start"?T.jsxs(p.Fragment,{children:[W,g]}):T.jsxs(p.Fragment,{children:[g,W]}),P]})});process.env.NODE_ENV!=="production"&&(je.propTypes={children:oo.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});const ke=Oe.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),We=Oe.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function io(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function po(t,o,s,i={},c=()=>{}){const{ease:d=io,duration:f=300}=i;let y=null;const b=o[t];let S=!1;const P=()=>{S=!0},g=h=>{if(S){c(new Error("Animation cancelled"));return}y===null&&(y=h);const C=Math.min(1,(h-y)/f);if(o[t]=d(C)*(s-b)+b,C>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(g)};return b===s?(c(new Error("Element already at target position")),P):(requestAnimationFrame(g),P)}const uo={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function De(t){const{onChange:o,...s}=t,i=p.useRef(),c=p.useRef(null),d=()=>{i.current=c.current.offsetHeight-c.current.clientHeight};return ro.useEnhancedEffect(()=>{const f=Re.debounce(()=>{const b=i.current;d(),b!==i.current&&o(i.current)}),y=Me.ownerWindow(c.current);return y.addEventListener("resize",f),()=>{f.clear(),y.removeEventListener("resize",f)}},[o]),p.useEffect(()=>{d(),o(i.current)},[o]),T.jsx("div",{style:uo,...s,ref:c})}process.env.NODE_ENV!=="production"&&(De.propTypes={onChange:e.PropTypes.func.isRequired});function bo(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const fo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),yo=t=>{const{classes:o,orientation:s,disabled:i}=t,c={root:["root",s,i&&"disabled"]};return m.composeClasses(c,bo,o)},To=m.styled(Ie.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.orientation&&o[s.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${fo.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),ze=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:d={},slotProps:f={},direction:y,orientation:b,disabled:S,...P}=i,g=U.useRtl(),h={isRtl:g,...i},C=yo(h),k=d.StartScrollButtonIcon??ke,E=d.EndScrollButtonIcon??We,x=U.useSlotProps({elementType:k,externalSlotProps:f.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),F=U.useSlotProps({elementType:E,externalSlotProps:f.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h});return T.jsx(To,{component:"div",className:e.clsx(C.root,c),ref:s,role:null,ownerState:h,tabIndex:null,...P,style:{...P.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${g?-90:90}deg)`}},children:y==="left"?T.jsx(k,{...x}):T.jsx(E,{...F})})});process.env.NODE_ENV!=="production"&&(ze.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function Ae(t){return e.generateUtilityClass("MuiTabs",t)}const te=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),xe=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,we=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,oe=(t,o,s)=>{let i=!1,c=s(t,o);for(;c;){if(c===t.firstChild){if(i)return;i=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=s(t,c);else{c.focus();return}}},ho=t=>{const{vertical:o,fixed:s,hideScrollbar:i,scrollableX:c,scrollableY:d,centered:f,scrollButtonsHideMobile:y,classes:b}=t,S={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",i&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",f&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",y&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]};return m.composeClasses(S,Ae,b)},So=m.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[{[`& .${te.scrollButtons}`]:o.scrollButtons},{[`& .${te.scrollButtons}`]:s.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,s.vertical&&o.vertical]}})(pe.memoTheme(({theme:t})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.scrollButtonsHideMobile,style:{[`& .${te.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),vo=m.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.scroller,s.fixed&&o.fixed,s.hideScrollbar&&o.hideScrollbar,s.scrollableX&&o.scrollableX,s.scrollableY&&o.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:t})=>t.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:t})=>t.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:t})=>t.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:t})=>t.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),mo=m.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.flexContainer,s.vertical&&o.flexContainerVertical,s.centered&&o.centered]}})({display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.centered,style:{justifyContent:"center"}}]}),Po=m.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(pe.memoTheme(({theme:t})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(t.vars||t).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(t.vars||t).palette.secondary.main}},{props:({ownerState:o})=>o.vertical,style:{height:"100%",width:2,right:0}}]}))),go=m.styled(De)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Be={};let Ce=!1;const $e=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTabs"}),c=to.useTheme(),d=U.useRtl(),{"aria-label":f,"aria-labelledby":y,action:b,centered:S=!1,children:P,className:g,component:h="div",allowScrollButtonsMobile:C=!1,indicatorColor:k="primary",onChange:E,orientation:x="horizontal",ScrollButtonComponent:F=ze,scrollButtons:R="auto",selectionFollowsFocus:re,slots:L={},slotProps:H={},TabIndicatorProps:q={},TabScrollButtonProps:W={},textColor:K="primary",value:N,variant:M="standard",visibleScrollbar:ne=!1,...Fe}=i,w=M==="scrollable",B=x==="vertical",V=B?"scrollTop":"scrollLeft",G=B?"top":"left",J=B?"bottom":"right",se=B?"clientHeight":"clientWidth",X=B?"height":"width",D={...i,component:h,allowScrollButtonsMobile:C,indicatorColor:k,orientation:x,vertical:B,scrollButtons:R,textColor:K,variant:M,visibleScrollbar:ne,fixed:!w,hideScrollbar:w&&!ne,scrollableX:w&&!B,scrollableY:w&&B,centered:S&&!w,scrollButtonsHideMobile:!C},j=ho(D),Le=U.useSlotProps({elementType:L.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:D}),qe=U.useSlotProps({elementType:L.EndScrollButtonIcon,externalSlotProps:H.endScrollButtonIcon,ownerState:D});process.env.NODE_ENV!=="production"&&S&&w&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[de,Ue]=p.useState(!1),[z,ue]=p.useState(Be),[be,He]=p.useState(!1),[fe,Ve]=p.useState(!1),[ye,Xe]=p.useState(!1),[Te,Ye]=p.useState({overflow:"hidden",scrollbarWidth:0}),Q=new Map,O=p.useRef(null),A=p.useRef(null),he=()=>{const r=O.current;let n;if(r){const a=r.getBoundingClientRect();n={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let l;if(r&&N!==!1){const a=A.current.children;if(a.length>0){const u=a[Q.get(N)];process.env.NODE_ENV!=="production"&&(u||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${N}".`,Q.keys?`You can provide one of the following values: ${Array.from(Q.keys()).join(", ")}.`:null].join(`
|
|
1
|
+
"use strict";const eo=require("react"),e=require("./generateUtilityClasses-0dYt6eGZ.cjs"),pe=require("./memoTheme-D1tPxCd9.cjs"),T=require("react/jsx-runtime"),m=require("./DefaultPropsProvider-PRhNsS_3.cjs"),Ee=require("./capitalize-Cq3s4y8R.cjs"),Ie=require("./ButtonBase-C9D6EAt-.cjs"),oo=require("./unsupportedProp-Bn6XWqwH.cjs"),U=require("./useSlotProps-NZH6_nAj.cjs"),to=require("./useTheme-C0AF6jAe.cjs"),ro=require("./useEnhancedEffect-BQZ6dtCo.cjs"),Re=require("./debounce-DpCj7ugL.cjs"),Me=require("./ownerWindow-DDHucZi0.cjs"),Oe=require("./createSvgIcon-DKtSalut.cjs"),ie=require("./useEventCallback-C0-Qw3Sm.cjs"),no=require("./ownerDocument-4MViGo3k.cjs"),so=require("./refType-DdkUp8DT.cjs");function lo(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const p=lo(eo);function Ne(t){return e.generateUtilityClass("MuiTab",t)}const v=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),ao=t=>{const{classes:o,textColor:s,fullWidth:i,wrapped:c,icon:d,label:f,selected:y,disabled:b}=t,S={root:["root",d&&f&&"labelIcon",`textColor${Ee.capitalize(s)}`,i&&"fullWidth",c&&"wrapped",y&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return m.composeClasses(S,Ne,o)},co=m.styled(Ie.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.label&&s.icon&&o.labelIcon,o[`textColor${Ee.capitalize(s.textColor)}`],s.fullWidth&&o.fullWidth,s.wrapped&&o.wrapped,{[`& .${v.iconWrapper}`]:o.iconWrapper},{[`& .${v.icon}`]:o.icon}]}})(pe.memoTheme(({theme:t})=>({...t.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:o})=>o.label&&(o.iconPosition==="top"||o.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:o})=>o.label&&o.iconPosition!=="top"&&o.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:o})=>o.icon&&o.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="top",style:{[`& > .${v.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${v.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${v.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${v.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${v.selected}`]:{opacity:1},[`&.${v.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${v.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${v.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${v.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${v.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:({ownerState:o})=>o.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:o})=>o.wrapped,style:{fontSize:t.typography.pxToRem(12)}}]}))),je=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:f=!1,fullWidth:y,icon:b,iconPosition:S="top",indicator:P,label:g,onChange:h,onClick:C,onFocus:k,selected:E,selectionFollowsFocus:x,textColor:F="inherit",value:R,wrapped:re=!1,...L}=i,H={...i,disabled:d,disableFocusRipple:f,selected:E,icon:!!b,iconPosition:S,label:!!g,fullWidth:y,textColor:F,wrapped:re},q=ao(H),W=b&&g&&p.isValidElement(b)?p.cloneElement(b,{className:e.clsx(q.icon,b.props.className)}):b,K=M=>{!E&&h&&h(M,R),C&&C(M)},N=M=>{x&&!E&&h&&h(M,R),k&&k(M)};return T.jsxs(co,{focusRipple:!f,className:e.clsx(q.root,c),ref:s,role:"tab","aria-selected":E,disabled:d,onClick:K,onFocus:N,ownerState:H,tabIndex:E?0:-1,...L,children:[S==="top"||S==="start"?T.jsxs(p.Fragment,{children:[W,g]}):T.jsxs(p.Fragment,{children:[g,W]}),P]})});process.env.NODE_ENV!=="production"&&(je.propTypes={children:oo.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});const ke=Oe.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),We=Oe.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function io(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function po(t,o,s,i={},c=()=>{}){const{ease:d=io,duration:f=300}=i;let y=null;const b=o[t];let S=!1;const P=()=>{S=!0},g=h=>{if(S){c(new Error("Animation cancelled"));return}y===null&&(y=h);const C=Math.min(1,(h-y)/f);if(o[t]=d(C)*(s-b)+b,C>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(g)};return b===s?(c(new Error("Element already at target position")),P):(requestAnimationFrame(g),P)}const uo={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function De(t){const{onChange:o,...s}=t,i=p.useRef(),c=p.useRef(null),d=()=>{i.current=c.current.offsetHeight-c.current.clientHeight};return ro.useEnhancedEffect(()=>{const f=Re.debounce(()=>{const b=i.current;d(),b!==i.current&&o(i.current)}),y=Me.ownerWindow(c.current);return y.addEventListener("resize",f),()=>{f.clear(),y.removeEventListener("resize",f)}},[o]),p.useEffect(()=>{d(),o(i.current)},[o]),T.jsx("div",{style:uo,...s,ref:c})}process.env.NODE_ENV!=="production"&&(De.propTypes={onChange:e.PropTypes.func.isRequired});function bo(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const fo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),yo=t=>{const{classes:o,orientation:s,disabled:i}=t,c={root:["root",s,i&&"disabled"]};return m.composeClasses(c,bo,o)},To=m.styled(Ie.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.orientation&&o[s.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${fo.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),ze=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:d={},slotProps:f={},direction:y,orientation:b,disabled:S,...P}=i,g=U.useRtl(),h={isRtl:g,...i},C=yo(h),k=d.StartScrollButtonIcon??ke,E=d.EndScrollButtonIcon??We,x=U.useSlotProps({elementType:k,externalSlotProps:f.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),F=U.useSlotProps({elementType:E,externalSlotProps:f.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h});return T.jsx(To,{component:"div",className:e.clsx(C.root,c),ref:s,role:null,ownerState:h,tabIndex:null,...P,style:{...P.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${g?-90:90}deg)`}},children:y==="left"?T.jsx(k,{...x}):T.jsx(E,{...F})})});process.env.NODE_ENV!=="production"&&(ze.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function Ae(t){return e.generateUtilityClass("MuiTabs",t)}const te=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),xe=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,we=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,oe=(t,o,s)=>{let i=!1,c=s(t,o);for(;c;){if(c===t.firstChild){if(i)return;i=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=s(t,c);else{c.focus();return}}},ho=t=>{const{vertical:o,fixed:s,hideScrollbar:i,scrollableX:c,scrollableY:d,centered:f,scrollButtonsHideMobile:y,classes:b}=t,S={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",i&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",f&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",y&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]};return m.composeClasses(S,Ae,b)},So=m.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[{[`& .${te.scrollButtons}`]:o.scrollButtons},{[`& .${te.scrollButtons}`]:s.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,s.vertical&&o.vertical]}})(pe.memoTheme(({theme:t})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.scrollButtonsHideMobile,style:{[`& .${te.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),vo=m.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.scroller,s.fixed&&o.fixed,s.hideScrollbar&&o.hideScrollbar,s.scrollableX&&o.scrollableX,s.scrollableY&&o.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:t})=>t.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:t})=>t.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:t})=>t.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:t})=>t.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),mo=m.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.flexContainer,s.vertical&&o.flexContainerVertical,s.centered&&o.centered]}})({display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.centered,style:{justifyContent:"center"}}]}),Po=m.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(pe.memoTheme(({theme:t})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(t.vars||t).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(t.vars||t).palette.secondary.main}},{props:({ownerState:o})=>o.vertical,style:{height:"100%",width:2,right:0}}]}))),go=m.styled(De)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Be={};let Ce=!1;const $e=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTabs"}),c=to.useTheme(),d=U.useRtl(),{"aria-label":f,"aria-labelledby":y,action:b,centered:S=!1,children:P,className:g,component:h="div",allowScrollButtonsMobile:C=!1,indicatorColor:k="primary",onChange:E,orientation:x="horizontal",ScrollButtonComponent:F=ze,scrollButtons:R="auto",selectionFollowsFocus:re,slots:L={},slotProps:H={},TabIndicatorProps:q={},TabScrollButtonProps:W={},textColor:K="primary",value:N,variant:M="standard",visibleScrollbar:ne=!1,...Fe}=i,w=M==="scrollable",B=x==="vertical",V=B?"scrollTop":"scrollLeft",G=B?"top":"left",J=B?"bottom":"right",se=B?"clientHeight":"clientWidth",X=B?"height":"width",D={...i,component:h,allowScrollButtonsMobile:C,indicatorColor:k,orientation:x,vertical:B,scrollButtons:R,textColor:K,variant:M,visibleScrollbar:ne,fixed:!w,hideScrollbar:w&&!ne,scrollableX:w&&!B,scrollableY:w&&B,centered:S&&!w,scrollButtonsHideMobile:!C},j=ho(D),Le=U.useSlotProps({elementType:L.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:D}),qe=U.useSlotProps({elementType:L.EndScrollButtonIcon,externalSlotProps:H.endScrollButtonIcon,ownerState:D});process.env.NODE_ENV!=="production"&&S&&w&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[de,Ue]=p.useState(!1),[z,ue]=p.useState(Be),[be,He]=p.useState(!1),[fe,Ve]=p.useState(!1),[ye,Xe]=p.useState(!1),[Te,Ye]=p.useState({overflow:"hidden",scrollbarWidth:0}),Q=new Map,O=p.useRef(null),A=p.useRef(null),he=()=>{const r=O.current;let n;if(r){const a=r.getBoundingClientRect();n={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let l;if(r&&N!==!1){const a=A.current.children;if(a.length>0){const u=a[Q.get(N)];process.env.NODE_ENV!=="production"&&(u||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${N}".`,Q.keys?`You can provide one of the following values: ${Array.from(Q.keys()).join(", ")}.`:null].join(`
|
|
2
2
|
`))),l=u?u.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Ce&&l&&l.width===0&&l.height===0&&n.clientWidth!==0&&(n=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${N}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
|
|
3
3
|
`)),Ce=!0)}}return{tabsMeta:n,tabMeta:l}},Y=ie.useEventCallback(()=>{const{tabsMeta:r,tabMeta:n}=he();let l=0,a;B?(a="top",n&&r&&(l=n.top-r.top+r.scrollTop)):(a=d?"right":"left",n&&r&&(l=(d?-1:1)*(n[a]-r[a]+r.scrollLeft)));const u={[a]:l,[X]:n?n[X]:0};if(typeof z[a]!="number"||typeof z[X]!="number")ue(u);else{const I=Math.abs(z[a]-u[a]),$=Math.abs(z[X]-u[X]);(I>=1||$>=1)&&ue(u)}}),le=(r,{animation:n=!0}={})=>{n?po(V,O.current,r,{duration:c.transitions.duration.standard}):O.current[V]=r},Se=r=>{let n=O.current[V];B?n+=r:n+=r*(d?-1:1),le(n)},ve=()=>{const r=O.current[se];let n=0;const l=Array.from(A.current.children);for(let a=0;a<l.length;a+=1){const u=l[a];if(n+u[se]>r){a===0&&(n=r);break}n+=u[se]}return n},_e=()=>{Se(-1*ve())},Ke=()=>{Se(ve())},Ge=p.useCallback(r=>{Ye({overflow:null,scrollbarWidth:r})},[]),Je=()=>{const r={};r.scrollbarSizeListener=w?T.jsx(go,{onChange:Ge,className:e.clsx(j.scrollableX,j.hideScrollbar)}):null;const l=w&&(R==="auto"&&(be||fe)||R===!0);return r.scrollButtonStart=l?T.jsx(F,{slots:{StartScrollButtonIcon:L.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Le},orientation:x,direction:d?"right":"left",onClick:_e,disabled:!be,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r.scrollButtonEnd=l?T.jsx(F,{slots:{EndScrollButtonIcon:L.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:qe},orientation:x,direction:d?"left":"right",onClick:Ke,disabled:!fe,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r},me=ie.useEventCallback(r=>{const{tabsMeta:n,tabMeta:l}=he();if(!(!l||!n)){if(l[G]<n[G]){const a=n[V]+(l[G]-n[G]);le(a,{animation:r})}else if(l[J]>n[J]){const a=n[V]+(l[J]-n[J]);le(a,{animation:r})}}}),Z=ie.useEventCallback(()=>{w&&R!==!1&&Xe(!ye)});p.useEffect(()=>{const r=Re.debounce(()=>{O.current&&Y()});let n;const l=I=>{I.forEach($=>{$.removedNodes.forEach(_=>{n==null||n.unobserve(_)}),$.addedNodes.forEach(_=>{n==null||n.observe(_)})}),r(),Z()},a=Me.ownerWindow(O.current);a.addEventListener("resize",r);let u;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(r),Array.from(A.current.children).forEach(I=>{n.observe(I)})),typeof MutationObserver<"u"&&(u=new MutationObserver(l),u.observe(A.current,{childList:!0})),()=>{r.clear(),a.removeEventListener("resize",r),u==null||u.disconnect(),n==null||n.disconnect()}},[Y,Z]),p.useEffect(()=>{const r=Array.from(A.current.children),n=r.length;if(typeof IntersectionObserver<"u"&&n>0&&w&&R!==!1){const l=r[0],a=r[n-1],u={root:O.current,threshold:.99},I=ce=>{He(!ce[0].isIntersecting)},$=new IntersectionObserver(I,u);$.observe(l);const _=ce=>{Ve(!ce[0].isIntersecting)},ge=new IntersectionObserver(_,u);return ge.observe(a),()=>{$.disconnect(),ge.disconnect()}}},[w,R,ye,P==null?void 0:P.length]),p.useEffect(()=>{Ue(!0)},[]),p.useEffect(()=>{Y()}),p.useEffect(()=>{me(Be!==z)},[me,z]),p.useImperativeHandle(b,()=>({updateIndicator:Y,updateScrollButtons:Z}),[Y,Z]);const Pe=T.jsx(Po,{...q,className:e.clsx(j.indicator,q.className),ownerState:D,style:{...z,...q.style}});let ee=0;const Qe=p.Children.map(P,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&e.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
|
|
4
4
|
`));const n=r.props.value===void 0?ee:r.props.value;Q.set(n,ee);const l=n===N;return ee+=1,p.cloneElement(r,{fullWidth:M==="fullWidth",indicator:l&&!de&&Pe,selected:l,selectionFollowsFocus:re,onChange:E,textColor:K,value:n,...ee===1&&N===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),Ze=r=>{const n=A.current,l=no.ownerDocument(n).activeElement;if(l.getAttribute("role")!=="tab")return;let u=x==="horizontal"?"ArrowLeft":"ArrowUp",I=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&d&&(u="ArrowRight",I="ArrowLeft"),r.key){case u:r.preventDefault(),oe(n,l,we);break;case I:r.preventDefault(),oe(n,l,xe);break;case"Home":r.preventDefault(),oe(n,null,xe);break;case"End":r.preventDefault(),oe(n,null,we);break}},ae=Je();return T.jsxs(So,{className:e.clsx(j.root,g),ownerState:D,ref:s,as:h,...Fe,children:[ae.scrollButtonStart,ae.scrollbarSizeListener,T.jsxs(vo,{className:j.scroller,ownerState:D,style:{overflow:Te.overflow,[B?`margin${d?"Left":"Right"}`:"marginBottom"]:ne?void 0:-Te.scrollbarWidth},ref:O,children:[T.jsx(mo,{"aria-label":f,"aria-labelledby":y,"aria-orientation":x==="vertical"?"vertical":null,className:j.flexContainer,ownerState:D,onKeyDown:Ze,ref:A,role:"tablist",children:Qe}),de&&Pe]}),ae.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&($e.propTypes={action:so.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TabIndicatorProps:e.PropTypes.object,TabScrollButtonProps:e.PropTypes.object,textColor:e.PropTypes.oneOf(["inherit","primary","secondary"]),value:e.PropTypes.any,variant:e.PropTypes.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:e.PropTypes.bool});exports.KeyboardArrowLeft=ke;exports.KeyboardArrowRight=We;exports.Tab=je;exports.Tabs=$e;exports.getTabUtilityClass=Ne;exports.getTabsUtilityClass=Ae;exports.tabClasses=v;exports.tabsClasses=te;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const be=require("react"),e=require("./generateUtilityClasses-0dYt6eGZ.cjs"),x=require("./useSlot-
|
|
1
|
+
"use strict";const be=require("react"),e=require("./generateUtilityClasses-0dYt6eGZ.cjs"),x=require("./useSlot-BYekfmak.cjs"),a=require("react/jsx-runtime"),T=require("./DefaultPropsProvider-PRhNsS_3.cjs"),xe=require("./useId-DNXtOFeX.cjs"),g=require("./Select-Bm-ZcxRN.cjs"),ge=require("./formControlState-CuX6WjAX.cjs"),he=require("./useFormControl-haP0iPhl.cjs"),Fe=require("./memoTheme-D1tPxCd9.cjs"),B=require("./capitalize-Cq3s4y8R.cjs"),ve=require("./FormLabel-CtCBcJ-1.cjs"),Oe=require("./refType-DdkUp8DT.cjs");function Ce(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const W=Ce(be);function k(o){return e.generateUtilityClass("MuiFormHelperText",o)}const z=e.generateUtilityClasses("MuiFormHelperText",["root","error","disabled","sizeSmall","sizeMedium","contained","focused","filled","required"]);var V;const Se=o=>{const{classes:r,contained:s,size:t,disabled:u,error:c,filled:n,focused:h,required:y}=o,F={root:["root",u&&"disabled",c&&"error",t&&`size${B.capitalize(t)}`,s&&"contained",h&&"focused",n&&"filled",y&&"required"]};return T.composeClasses(F,k,r)},je=T.styled("p",{name:"MuiFormHelperText",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[r.root,s.size&&r[`size${B.capitalize(s.size)}`],s.contained&&r.contained,s.filled&&r.filled]}})(Fe.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,...o.typography.caption,textAlign:"left",marginTop:3,marginRight:0,marginBottom:0,marginLeft:0,[`&.${z.disabled}`]:{color:(o.vars||o).palette.text.disabled},[`&.${z.error}`]:{color:(o.vars||o).palette.error.main},variants:[{props:{size:"small"},style:{marginTop:4}},{props:({ownerState:r})=>r.contained,style:{marginLeft:14,marginRight:14}}]}))),L=W.forwardRef(function(r,s){const t=T.useDefaultProps({props:r,name:"MuiFormHelperText"}),{children:u,className:c,component:n="p",disabled:h,error:y,filled:F,focused:S,margin:j,required:N,variant:v,...P}=t,I=he.useFormControl(),p=ge.formControlState({props:t,muiFormControl:I,states:["variant","size","disabled","error","filled","focused","required"]}),f={...t,component:n,contained:p.variant==="filled"||p.variant==="outlined",variant:p.variant,size:p.size,disabled:p.disabled,error:p.error,filled:p.filled,focused:p.focused,required:p.required};delete f.ownerState;const q=Se(f);return a.jsx(je,{as:n,className:e.clsx(q.root,c),ref:s,...P,ownerState:f,children:u===" "?V||(V=a.jsx("span",{className:"notranslate","aria-hidden":!0,children:""})):u})});process.env.NODE_ENV!=="production"&&(L.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disabled:e.PropTypes.bool,error:e.PropTypes.bool,filled:e.PropTypes.bool,focused:e.PropTypes.bool,margin:e.PropTypes.oneOf(["dense"]),required:e.PropTypes.bool,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["filled","outlined","standard"]),e.PropTypes.string])});function A(o){return e.generateUtilityClass("MuiTextField",o)}const Ie=e.generateUtilityClasses("MuiTextField",["root"]),qe={standard:g.Input,filled:g.FilledInput,outlined:g.OutlinedInput},we=o=>{const{classes:r}=o,s={root:["root"]};return T.composeClasses(s,A,r)},He=T.styled(ve.FormControl,{name:"MuiTextField",slot:"Root",overridesResolver:(o,r)=>r.root})({}),G=W.forwardRef(function(r,s){const t=T.useDefaultProps({props:r,name:"MuiTextField"}),{autoComplete:u,autoFocus:c=!1,children:n,className:h,color:y="primary",defaultValue:F,disabled:S=!1,error:j=!1,FormHelperTextProps:N,fullWidth:v=!1,helperText:P,id:I,InputLabelProps:p,inputProps:f,InputProps:q,inputRef:J,label:m,maxRows:K,minRows:Q,multiline:U=!1,name:X,onBlur:Y,onChange:Z,onFocus:ee,placeholder:oe,required:M=!1,rows:re,select:O=!1,SelectProps:w,slots:D={},slotProps:se={},type:te,value:E,variant:C="outlined",...pe}=t,l={...t,autoFocus:c,color:y,disabled:S,error:j,fullWidth:v,multiline:U,required:M,select:O,variant:C},ne=we(l);process.env.NODE_ENV!=="production"&&O&&!n&&console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");const i=xe.useId(I),H=P&&i?`${i}-helper-text`:void 0,_=m&&i?`${i}-label`:void 0,le=qe[C],d={slots:D,slotProps:{input:q,inputLabel:p,htmlInput:f,formHelperText:N,select:w,...se}},b={},R=d.slotProps.inputLabel;C==="outlined"&&(R&&typeof R.shrink<"u"&&(b.notched=R.shrink),b.label=m),O&&((!w||!w.native)&&(b.id=void 0),b["aria-describedby"]=void 0);const[ie,ae]=x.useSlot("input",{elementType:le,externalForwardedProps:d,additionalProps:b,ownerState:l}),[ue,ce]=x.useSlot("inputLabel",{elementType:g.InputLabel,externalForwardedProps:d,ownerState:l}),[de,Te]=x.useSlot("htmlInput",{elementType:"input",externalForwardedProps:d,ownerState:l}),[ye,Pe]=x.useSlot("formHelperText",{elementType:L,externalForwardedProps:d,ownerState:l}),[fe,me]=x.useSlot("select",{elementType:g.Select,externalForwardedProps:d,ownerState:l}),$=a.jsx(ie,{"aria-describedby":H,autoComplete:u,autoFocus:c,defaultValue:F,fullWidth:v,multiline:U,name:X,rows:re,maxRows:K,minRows:Q,type:te,value:E,id:i,inputRef:J,onBlur:Y,onChange:Z,onFocus:ee,placeholder:oe,inputProps:Te,slots:{input:D.htmlInput?de:void 0},...ae});return a.jsxs(He,{className:e.clsx(ne.root,h),disabled:S,error:j,fullWidth:v,ref:s,required:M,color:y,variant:C,ownerState:l,...pe,children:[m!=null&&m!==""&&a.jsx(ue,{htmlFor:i,id:_,...ce,children:m}),O?a.jsx(fe,{"aria-describedby":H,id:i,labelId:_,value:E,input:$,...me,children:n}):$,P&&a.jsx(ye,{id:H,...Pe,children:P})]})});process.env.NODE_ENV!=="production"&&(G.propTypes={autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,error:e.PropTypes.bool,FormHelperTextProps:e.PropTypes.object,fullWidth:e.PropTypes.bool,helperText:e.PropTypes.node,id:e.PropTypes.string,InputLabelProps:e.PropTypes.object,inputProps:e.PropTypes.object,InputProps:e.PropTypes.object,inputRef:Oe.refType,label:e.PropTypes.node,margin:e.PropTypes.oneOf(["dense","none","normal"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,placeholder:e.PropTypes.string,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),select:e.PropTypes.bool,SelectProps:e.PropTypes.object,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({formHelperText:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),htmlInput:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),inputLabel:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),select:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({formHelperText:e.PropTypes.elementType,htmlInput:e.PropTypes.elementType,input:e.PropTypes.elementType,inputLabel:e.PropTypes.elementType,select:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),type:e.PropTypes.string,value:e.PropTypes.any,variant:e.PropTypes.oneOf(["filled","outlined","standard"])});exports.FormHelperText=L;exports.TextField=G;exports.formHelperTextClasses=z;exports.getFormHelperTextUtilityClasses=k;exports.getTextFieldUtilityClass=A;exports.textFieldClasses=Ie;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as V from "react";
|
|
2
2
|
import { H as B, I as D, G as W, P as e } from "./generateUtilityClasses-v9KcqdK1.js";
|
|
3
|
-
import { u as x } from "./useSlot-
|
|
3
|
+
import { u as x } from "./useSlot-CQW01GLa.js";
|
|
4
4
|
import { jsx as c, jsxs as he } from "react/jsx-runtime";
|
|
5
5
|
import { u as _, s as k, c as A } from "./DefaultPropsProvider-CmOKr9hq.js";
|
|
6
6
|
import { u as ge } from "./useId-CK6Kn3Tn.js";
|
|
7
|
-
import { O as Fe, F as Pe, I as ve, a as Oe, S as Ie } from "./Select-
|
|
7
|
+
import { O as Fe, F as Pe, I as ve, a as Oe, S as Ie } from "./Select-DCbhewsz.js";
|
|
8
8
|
import { f as we } from "./formControlState-vgaj2ksH.js";
|
|
9
9
|
import { u as Ce } from "./useFormControl-CatNKXAi.js";
|
|
10
10
|
import { m as Se } from "./memoTheme-D-rebSfX.js";
|