jcicl 0.0.181 → 0.0.185
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/.chunks/ButtonBase.js +1 -1
- package/.chunks/CircularProgress.js +7 -7
- package/.chunks/DefaultPropsProvider.js +6 -6
- package/.chunks/Select.js +1452 -1213
- package/.chunks/TextField.js +258 -497
- package/.chunks/createSvgIcon.js +1 -1
- package/.chunks/dividerClasses.js +9 -0
- package/.chunks/index.js +1 -1
- package/AppContainer/AppContainer.js +1 -1
- package/Button/Button.js +1 -1
- package/Divider/Divider.js +94 -97
- package/FormInput/FormInput.d.ts +2 -1
- package/FormInput/FormInput.js +8 -7
- package/LabeledCheckbox/LabeledCheckbox.js +1 -1
- package/LabeledDropdown/LabeledDropdown.d.ts +7 -0
- package/LabeledDropdown/LabeledDropdown.js +319 -36
- package/LabeledDropdown/index.d.ts +1 -1
- package/LabeledDropdown/index.js +4 -1
- package/LabeledInput/LabeledInput.js +7 -7
- package/Pagination/Pagination.js +1 -1
- package/Tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
package/.chunks/TextField.js
CHANGED
|
@@ -1,40 +1,31 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import { u as
|
|
4
|
-
import { jsxs as
|
|
5
|
-
import { f as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { m as
|
|
9
|
-
import { c as
|
|
10
|
-
import { r as
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
return /* @__PURE__ */ x.isValidElement(o) && r.indexOf(
|
|
14
|
-
// For server components `muiName` is avaialble in element.type._payload.value.muiName
|
|
15
|
-
// relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
|
|
16
|
-
// eslint-disable-next-line no-underscore-dangle
|
|
17
|
-
o.type.muiName ?? ((n = (s = (t = o.type) == null ? void 0 : t._payload) == null ? void 0 : s.value) == null ? void 0 : n.muiName)
|
|
18
|
-
) !== -1;
|
|
1
|
+
import * as k from "react";
|
|
2
|
+
import { g as R, a as z, s as I, u as q, c as j, P as e, e as N, b as H, r as Ce } from "./DefaultPropsProvider.js";
|
|
3
|
+
import { u as w } from "./useSlot.js";
|
|
4
|
+
import { jsxs as A, jsx as g } from "react/jsx-runtime";
|
|
5
|
+
import { f as V, F as Ie, S as Se, I as Le, a as ke, O as Re } from "./Select.js";
|
|
6
|
+
import { c as ze } from "./Portal.js";
|
|
7
|
+
import { u as D } from "./useFormControl.js";
|
|
8
|
+
import { m as M } from "./memoTheme.js";
|
|
9
|
+
import { c as qe } from "./createSimplePaletteValueFilter.js";
|
|
10
|
+
import { r as je } from "./TransitionGroupContext.js";
|
|
11
|
+
function Ne(o) {
|
|
12
|
+
return z("MuiFormLabel", o);
|
|
19
13
|
}
|
|
20
|
-
|
|
21
|
-
return W("MuiFormLabel", o);
|
|
22
|
-
}
|
|
23
|
-
const E = H("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), $e = (o) => {
|
|
14
|
+
const C = R("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), He = (o) => {
|
|
24
15
|
const {
|
|
25
16
|
classes: r,
|
|
26
17
|
color: t,
|
|
27
18
|
focused: s,
|
|
28
|
-
disabled:
|
|
29
|
-
error:
|
|
19
|
+
disabled: l,
|
|
20
|
+
error: a,
|
|
30
21
|
filled: i,
|
|
31
22
|
required: p
|
|
32
|
-
} = o,
|
|
33
|
-
root: ["root", `color${
|
|
34
|
-
asterisk: ["asterisk",
|
|
23
|
+
} = o, d = {
|
|
24
|
+
root: ["root", `color${N(t)}`, l && "disabled", a && "error", i && "filled", s && "focused", p && "required"],
|
|
25
|
+
asterisk: ["asterisk", a && "error"]
|
|
35
26
|
};
|
|
36
|
-
return
|
|
37
|
-
},
|
|
27
|
+
return H(d, Ne, r);
|
|
28
|
+
}, Me = I("label", {
|
|
38
29
|
name: "MuiFormLabel",
|
|
39
30
|
slot: "Root",
|
|
40
31
|
overridesResolver: ({
|
|
@@ -44,7 +35,7 @@ const E = H("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
|
|
|
44
35
|
...o.color === "secondary" && r.colorSecondary,
|
|
45
36
|
...o.filled && r.filled
|
|
46
37
|
})
|
|
47
|
-
})(
|
|
38
|
+
})(M(({
|
|
48
39
|
theme: o
|
|
49
40
|
}) => ({
|
|
50
41
|
color: (o.vars || o).palette.text.secondary,
|
|
@@ -52,80 +43,80 @@ const E = H("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
|
|
|
52
43
|
lineHeight: "1.4375em",
|
|
53
44
|
padding: 0,
|
|
54
45
|
position: "relative",
|
|
55
|
-
variants: [...Object.entries(o.palette).filter(
|
|
46
|
+
variants: [...Object.entries(o.palette).filter(qe()).map(([r]) => ({
|
|
56
47
|
props: {
|
|
57
48
|
color: r
|
|
58
49
|
},
|
|
59
50
|
style: {
|
|
60
|
-
[`&.${
|
|
51
|
+
[`&.${C.focused}`]: {
|
|
61
52
|
color: (o.vars || o).palette[r].main
|
|
62
53
|
}
|
|
63
54
|
}
|
|
64
55
|
})), {
|
|
65
56
|
props: {},
|
|
66
57
|
style: {
|
|
67
|
-
[`&.${
|
|
58
|
+
[`&.${C.disabled}`]: {
|
|
68
59
|
color: (o.vars || o).palette.text.disabled
|
|
69
60
|
},
|
|
70
|
-
[`&.${
|
|
61
|
+
[`&.${C.error}`]: {
|
|
71
62
|
color: (o.vars || o).palette.error.main
|
|
72
63
|
}
|
|
73
64
|
}
|
|
74
65
|
}]
|
|
75
|
-
}))),
|
|
66
|
+
}))), $e = I("span", {
|
|
76
67
|
name: "MuiFormLabel",
|
|
77
68
|
slot: "Asterisk",
|
|
78
69
|
overridesResolver: (o, r) => r.asterisk
|
|
79
|
-
})(
|
|
70
|
+
})(M(({
|
|
80
71
|
theme: o
|
|
81
72
|
}) => ({
|
|
82
|
-
[`&.${
|
|
73
|
+
[`&.${C.error}`]: {
|
|
83
74
|
color: (o.vars || o).palette.error.main
|
|
84
75
|
}
|
|
85
|
-
}))),
|
|
86
|
-
const s =
|
|
76
|
+
}))), Z = /* @__PURE__ */ k.forwardRef(function(r, t) {
|
|
77
|
+
const s = q({
|
|
87
78
|
props: r,
|
|
88
79
|
name: "MuiFormLabel"
|
|
89
80
|
}), {
|
|
90
|
-
children:
|
|
91
|
-
className:
|
|
81
|
+
children: l,
|
|
82
|
+
className: a,
|
|
92
83
|
color: i,
|
|
93
84
|
component: p = "label",
|
|
94
|
-
disabled:
|
|
85
|
+
disabled: d,
|
|
95
86
|
error: m,
|
|
96
|
-
filled:
|
|
87
|
+
filled: c,
|
|
97
88
|
focused: b,
|
|
98
|
-
required:
|
|
99
|
-
...
|
|
100
|
-
} = s, f =
|
|
89
|
+
required: x,
|
|
90
|
+
...y
|
|
91
|
+
} = s, f = D(), u = V({
|
|
101
92
|
props: s,
|
|
102
93
|
muiFormControl: f,
|
|
103
94
|
states: ["color", "required", "focused", "disabled", "error", "filled"]
|
|
104
|
-
}),
|
|
95
|
+
}), n = {
|
|
105
96
|
...s,
|
|
106
|
-
color:
|
|
97
|
+
color: u.color || "primary",
|
|
107
98
|
component: p,
|
|
108
|
-
disabled:
|
|
109
|
-
error:
|
|
110
|
-
filled:
|
|
111
|
-
focused:
|
|
112
|
-
required:
|
|
113
|
-
},
|
|
114
|
-
return /* @__PURE__ */
|
|
99
|
+
disabled: u.disabled,
|
|
100
|
+
error: u.error,
|
|
101
|
+
filled: u.filled,
|
|
102
|
+
focused: u.focused,
|
|
103
|
+
required: u.required
|
|
104
|
+
}, T = He(n);
|
|
105
|
+
return /* @__PURE__ */ A(Me, {
|
|
115
106
|
as: p,
|
|
116
|
-
ownerState:
|
|
117
|
-
className:
|
|
107
|
+
ownerState: n,
|
|
108
|
+
className: j(T.root, a),
|
|
118
109
|
ref: t,
|
|
119
|
-
...
|
|
120
|
-
children: [
|
|
121
|
-
ownerState:
|
|
110
|
+
...y,
|
|
111
|
+
children: [l, u.required && /* @__PURE__ */ A($e, {
|
|
112
|
+
ownerState: n,
|
|
122
113
|
"aria-hidden": !0,
|
|
123
|
-
className:
|
|
114
|
+
className: T.asterisk,
|
|
124
115
|
children: [" ", "*"]
|
|
125
116
|
})]
|
|
126
117
|
});
|
|
127
118
|
});
|
|
128
|
-
process.env.NODE_ENV !== "production" && (
|
|
119
|
+
process.env.NODE_ENV !== "production" && (Z.propTypes = {
|
|
129
120
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
130
121
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
131
122
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -178,30 +169,30 @@ process.env.NODE_ENV !== "production" && (pe.propTypes = {
|
|
|
178
169
|
*/
|
|
179
170
|
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
180
171
|
});
|
|
181
|
-
function
|
|
182
|
-
return
|
|
172
|
+
function Ee(o) {
|
|
173
|
+
return z("MuiInputLabel", o);
|
|
183
174
|
}
|
|
184
|
-
|
|
185
|
-
const
|
|
175
|
+
R("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
|
|
176
|
+
const Ue = (o) => {
|
|
186
177
|
const {
|
|
187
178
|
classes: r,
|
|
188
179
|
formControl: t,
|
|
189
180
|
size: s,
|
|
190
|
-
shrink:
|
|
191
|
-
disableAnimation:
|
|
181
|
+
shrink: l,
|
|
182
|
+
disableAnimation: a,
|
|
192
183
|
variant: i,
|
|
193
184
|
required: p
|
|
194
|
-
} = o,
|
|
195
|
-
root: ["root", t && "formControl", !
|
|
185
|
+
} = o, d = {
|
|
186
|
+
root: ["root", t && "formControl", !a && "animated", l && "shrink", s && s !== "normal" && `size${N(s)}`, i],
|
|
196
187
|
asterisk: [p && "asterisk"]
|
|
197
|
-
}, m =
|
|
188
|
+
}, m = H(d, Ee, r);
|
|
198
189
|
return {
|
|
199
190
|
...r,
|
|
200
191
|
// forward the focused, disabled, etc. classes to the FormLabel
|
|
201
192
|
...m
|
|
202
193
|
};
|
|
203
|
-
},
|
|
204
|
-
shouldForwardProp: (o) =>
|
|
194
|
+
}, We = I(Z, {
|
|
195
|
+
shouldForwardProp: (o) => Ce(o) || o === "classes",
|
|
205
196
|
name: "MuiInputLabel",
|
|
206
197
|
slot: "Root",
|
|
207
198
|
overridesResolver: (o, r) => {
|
|
@@ -209,10 +200,10 @@ const Be = (o) => {
|
|
|
209
200
|
ownerState: t
|
|
210
201
|
} = o;
|
|
211
202
|
return [{
|
|
212
|
-
[`& .${
|
|
203
|
+
[`& .${C.asterisk}`]: r.asterisk
|
|
213
204
|
}, r.root, t.formControl && r.formControl, t.size === "small" && r.sizeSmall, t.shrink && r.shrink, !t.disableAnimation && r.animated, t.focused && r.focused, r[t.variant]];
|
|
214
205
|
}
|
|
215
|
-
})(
|
|
206
|
+
})(M(({
|
|
216
207
|
theme: o
|
|
217
208
|
}) => ({
|
|
218
209
|
display: "block",
|
|
@@ -334,44 +325,44 @@ const Be = (o) => {
|
|
|
334
325
|
transform: "translate(14px, -9px) scale(0.75)"
|
|
335
326
|
}
|
|
336
327
|
}]
|
|
337
|
-
}))),
|
|
338
|
-
const s =
|
|
328
|
+
}))), ee = /* @__PURE__ */ k.forwardRef(function(r, t) {
|
|
329
|
+
const s = q({
|
|
339
330
|
name: "MuiInputLabel",
|
|
340
331
|
props: r
|
|
341
332
|
}), {
|
|
342
|
-
disableAnimation:
|
|
343
|
-
margin:
|
|
333
|
+
disableAnimation: l = !1,
|
|
334
|
+
margin: a,
|
|
344
335
|
shrink: i,
|
|
345
336
|
variant: p,
|
|
346
|
-
className:
|
|
337
|
+
className: d,
|
|
347
338
|
...m
|
|
348
|
-
} = s,
|
|
339
|
+
} = s, c = D();
|
|
349
340
|
let b = i;
|
|
350
|
-
typeof b > "u" &&
|
|
351
|
-
const
|
|
341
|
+
typeof b > "u" && c && (b = c.filled || c.focused || c.adornedStart);
|
|
342
|
+
const x = V({
|
|
352
343
|
props: s,
|
|
353
|
-
muiFormControl:
|
|
344
|
+
muiFormControl: c,
|
|
354
345
|
states: ["size", "variant", "required", "focused"]
|
|
355
|
-
}),
|
|
346
|
+
}), y = {
|
|
356
347
|
...s,
|
|
357
|
-
disableAnimation:
|
|
358
|
-
formControl:
|
|
348
|
+
disableAnimation: l,
|
|
349
|
+
formControl: c,
|
|
359
350
|
shrink: b,
|
|
360
|
-
size:
|
|
361
|
-
variant:
|
|
362
|
-
required:
|
|
363
|
-
focused:
|
|
364
|
-
}, f =
|
|
365
|
-
return /* @__PURE__ */ g(
|
|
351
|
+
size: x.size,
|
|
352
|
+
variant: x.variant,
|
|
353
|
+
required: x.required,
|
|
354
|
+
focused: x.focused
|
|
355
|
+
}, f = Ue(y);
|
|
356
|
+
return /* @__PURE__ */ g(We, {
|
|
366
357
|
"data-shrink": b,
|
|
367
358
|
ref: t,
|
|
368
|
-
className:
|
|
359
|
+
className: j(f.root, d),
|
|
369
360
|
...m,
|
|
370
|
-
ownerState:
|
|
361
|
+
ownerState: y,
|
|
371
362
|
classes: f
|
|
372
363
|
});
|
|
373
364
|
});
|
|
374
|
-
process.env.NODE_ENV !== "production" && (
|
|
365
|
+
process.env.NODE_ENV !== "production" && (ee.propTypes = {
|
|
375
366
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
376
367
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
377
368
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -438,265 +429,35 @@ process.env.NODE_ENV !== "production" && (ce.propTypes = {
|
|
|
438
429
|
*/
|
|
439
430
|
variant: e.oneOf(["filled", "outlined", "standard"])
|
|
440
431
|
});
|
|
441
|
-
function
|
|
442
|
-
return
|
|
432
|
+
function Ae(o) {
|
|
433
|
+
return z("MuiFormHelperText", o);
|
|
443
434
|
}
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
classes: r,
|
|
448
|
-
margin: t,
|
|
449
|
-
fullWidth: s
|
|
450
|
-
} = o, n = {
|
|
451
|
-
root: ["root", t !== "none" && `margin${L(t)}`, s && "fullWidth"]
|
|
452
|
-
};
|
|
453
|
-
return A(n, _e, r);
|
|
454
|
-
}, Je = N("div", {
|
|
455
|
-
name: "MuiFormControl",
|
|
456
|
-
slot: "Root",
|
|
457
|
-
overridesResolver: ({
|
|
458
|
-
ownerState: o
|
|
459
|
-
}, r) => ({
|
|
460
|
-
...r.root,
|
|
461
|
-
...r[`margin${L(o.margin)}`],
|
|
462
|
-
...o.fullWidth && r.fullWidth
|
|
463
|
-
})
|
|
464
|
-
})({
|
|
465
|
-
display: "inline-flex",
|
|
466
|
-
flexDirection: "column",
|
|
467
|
-
position: "relative",
|
|
468
|
-
// Reset fieldset default style.
|
|
469
|
-
minWidth: 0,
|
|
470
|
-
padding: 0,
|
|
471
|
-
margin: 0,
|
|
472
|
-
border: 0,
|
|
473
|
-
verticalAlign: "top",
|
|
474
|
-
// Fix alignment issue on Safari.
|
|
475
|
-
variants: [{
|
|
476
|
-
props: {
|
|
477
|
-
margin: "normal"
|
|
478
|
-
},
|
|
479
|
-
style: {
|
|
480
|
-
marginTop: 16,
|
|
481
|
-
marginBottom: 8
|
|
482
|
-
}
|
|
483
|
-
}, {
|
|
484
|
-
props: {
|
|
485
|
-
margin: "dense"
|
|
486
|
-
},
|
|
487
|
-
style: {
|
|
488
|
-
marginTop: 8,
|
|
489
|
-
marginBottom: 4
|
|
490
|
-
}
|
|
491
|
-
}, {
|
|
492
|
-
props: {
|
|
493
|
-
fullWidth: !0
|
|
494
|
-
},
|
|
495
|
-
style: {
|
|
496
|
-
width: "100%"
|
|
497
|
-
}
|
|
498
|
-
}]
|
|
499
|
-
}), ue = /* @__PURE__ */ x.forwardRef(function(r, t) {
|
|
500
|
-
const s = $({
|
|
501
|
-
props: r,
|
|
502
|
-
name: "MuiFormControl"
|
|
503
|
-
}), {
|
|
504
|
-
children: n,
|
|
505
|
-
className: d,
|
|
506
|
-
color: i = "primary",
|
|
507
|
-
component: p = "div",
|
|
508
|
-
disabled: a = !1,
|
|
509
|
-
error: m = !1,
|
|
510
|
-
focused: u,
|
|
511
|
-
fullWidth: b = !1,
|
|
512
|
-
hiddenLabel: T = !1,
|
|
513
|
-
margin: h = "none",
|
|
514
|
-
required: f = !1,
|
|
515
|
-
size: c = "medium",
|
|
516
|
-
variant: l = "outlined",
|
|
517
|
-
...v
|
|
518
|
-
} = s, P = {
|
|
519
|
-
...s,
|
|
520
|
-
color: i,
|
|
521
|
-
component: p,
|
|
522
|
-
disabled: a,
|
|
523
|
-
error: m,
|
|
524
|
-
fullWidth: b,
|
|
525
|
-
hiddenLabel: T,
|
|
526
|
-
margin: h,
|
|
527
|
-
required: f,
|
|
528
|
-
size: c,
|
|
529
|
-
variant: l
|
|
530
|
-
}, K = Ge(P), [F, Q] = x.useState(() => {
|
|
531
|
-
let O = !1;
|
|
532
|
-
return n && x.Children.forEach(n, (y) => {
|
|
533
|
-
if (!Z(y, ["Input", "Select"]))
|
|
534
|
-
return;
|
|
535
|
-
const I = Z(y, ["Select"]) ? y.props.input : y;
|
|
536
|
-
I && Le(I.props) && (O = !0);
|
|
537
|
-
}), O;
|
|
538
|
-
}), [V, R] = x.useState(() => {
|
|
539
|
-
let O = !1;
|
|
540
|
-
return n && x.Children.forEach(n, (y) => {
|
|
541
|
-
Z(y, ["Input", "Select"]) && (ie(y.props, !0) || ie(y.props.inputProps, !0)) && (O = !0);
|
|
542
|
-
}), O;
|
|
543
|
-
}), [B, j] = x.useState(!1);
|
|
544
|
-
a && B && j(!1);
|
|
545
|
-
const D = u !== void 0 && !a ? u : B;
|
|
546
|
-
let k;
|
|
547
|
-
const z = x.useRef(!1);
|
|
548
|
-
process.env.NODE_ENV !== "production" && (k = () => (z.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
|
|
549
|
-
`)), z.current = !0, () => {
|
|
550
|
-
z.current = !1;
|
|
551
|
-
}));
|
|
552
|
-
const _ = x.useMemo(() => ({
|
|
553
|
-
adornedStart: F,
|
|
554
|
-
setAdornedStart: Q,
|
|
555
|
-
color: i,
|
|
556
|
-
disabled: a,
|
|
557
|
-
error: m,
|
|
558
|
-
filled: V,
|
|
559
|
-
focused: D,
|
|
560
|
-
fullWidth: b,
|
|
561
|
-
hiddenLabel: T,
|
|
562
|
-
size: c,
|
|
563
|
-
onBlur: () => {
|
|
564
|
-
j(!1);
|
|
565
|
-
},
|
|
566
|
-
onEmpty: () => {
|
|
567
|
-
R(!1);
|
|
568
|
-
},
|
|
569
|
-
onFilled: () => {
|
|
570
|
-
R(!0);
|
|
571
|
-
},
|
|
572
|
-
onFocus: () => {
|
|
573
|
-
j(!0);
|
|
574
|
-
},
|
|
575
|
-
registerEffect: k,
|
|
576
|
-
required: f,
|
|
577
|
-
variant: l
|
|
578
|
-
}), [F, i, a, m, V, D, b, T, k, f, c, l]);
|
|
579
|
-
return /* @__PURE__ */ g(qe.Provider, {
|
|
580
|
-
value: _,
|
|
581
|
-
children: /* @__PURE__ */ g(Je, {
|
|
582
|
-
as: p,
|
|
583
|
-
ownerState: P,
|
|
584
|
-
className: U(K.root, d),
|
|
585
|
-
ref: t,
|
|
586
|
-
...v,
|
|
587
|
-
children: n
|
|
588
|
-
})
|
|
589
|
-
});
|
|
590
|
-
});
|
|
591
|
-
process.env.NODE_ENV !== "production" && (ue.propTypes = {
|
|
592
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
593
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
594
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
595
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
596
|
-
/**
|
|
597
|
-
* The content of the component.
|
|
598
|
-
*/
|
|
599
|
-
children: e.node,
|
|
600
|
-
/**
|
|
601
|
-
* Override or extend the styles applied to the component.
|
|
602
|
-
*/
|
|
603
|
-
classes: e.object,
|
|
604
|
-
/**
|
|
605
|
-
* @ignore
|
|
606
|
-
*/
|
|
607
|
-
className: e.string,
|
|
608
|
-
/**
|
|
609
|
-
* The color of the component.
|
|
610
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
|
611
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
612
|
-
* @default 'primary'
|
|
613
|
-
*/
|
|
614
|
-
color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
|
|
615
|
-
/**
|
|
616
|
-
* The component used for the root node.
|
|
617
|
-
* Either a string to use a HTML element or a component.
|
|
618
|
-
*/
|
|
619
|
-
component: e.elementType,
|
|
620
|
-
/**
|
|
621
|
-
* If `true`, the label, input and helper text should be displayed in a disabled state.
|
|
622
|
-
* @default false
|
|
623
|
-
*/
|
|
624
|
-
disabled: e.bool,
|
|
625
|
-
/**
|
|
626
|
-
* If `true`, the label is displayed in an error state.
|
|
627
|
-
* @default false
|
|
628
|
-
*/
|
|
629
|
-
error: e.bool,
|
|
630
|
-
/**
|
|
631
|
-
* If `true`, the component is displayed in focused state.
|
|
632
|
-
*/
|
|
633
|
-
focused: e.bool,
|
|
634
|
-
/**
|
|
635
|
-
* If `true`, the component will take up the full width of its container.
|
|
636
|
-
* @default false
|
|
637
|
-
*/
|
|
638
|
-
fullWidth: e.bool,
|
|
639
|
-
/**
|
|
640
|
-
* If `true`, the label is hidden.
|
|
641
|
-
* This is used to increase density for a `FilledInput`.
|
|
642
|
-
* Be sure to add `aria-label` to the `input` element.
|
|
643
|
-
* @default false
|
|
644
|
-
*/
|
|
645
|
-
hiddenLabel: e.bool,
|
|
646
|
-
/**
|
|
647
|
-
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
|
|
648
|
-
* @default 'none'
|
|
649
|
-
*/
|
|
650
|
-
margin: e.oneOf(["dense", "none", "normal"]),
|
|
651
|
-
/**
|
|
652
|
-
* If `true`, the label will indicate that the `input` is required.
|
|
653
|
-
* @default false
|
|
654
|
-
*/
|
|
655
|
-
required: e.bool,
|
|
656
|
-
/**
|
|
657
|
-
* The size of the component.
|
|
658
|
-
* @default 'medium'
|
|
659
|
-
*/
|
|
660
|
-
size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
|
|
661
|
-
/**
|
|
662
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
663
|
-
*/
|
|
664
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
665
|
-
/**
|
|
666
|
-
* The variant to use.
|
|
667
|
-
* @default 'outlined'
|
|
668
|
-
*/
|
|
669
|
-
variant: e.oneOf(["filled", "outlined", "standard"])
|
|
670
|
-
});
|
|
671
|
-
function Ke(o) {
|
|
672
|
-
return W("MuiFormHelperText", o);
|
|
673
|
-
}
|
|
674
|
-
const ae = H("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
|
|
675
|
-
var de;
|
|
676
|
-
const Qe = (o) => {
|
|
435
|
+
const X = R("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
|
|
436
|
+
var Y;
|
|
437
|
+
const Ve = (o) => {
|
|
677
438
|
const {
|
|
678
439
|
classes: r,
|
|
679
440
|
contained: t,
|
|
680
441
|
size: s,
|
|
681
|
-
disabled:
|
|
682
|
-
error:
|
|
442
|
+
disabled: l,
|
|
443
|
+
error: a,
|
|
683
444
|
filled: i,
|
|
684
445
|
focused: p,
|
|
685
|
-
required:
|
|
446
|
+
required: d
|
|
686
447
|
} = o, m = {
|
|
687
|
-
root: ["root",
|
|
448
|
+
root: ["root", l && "disabled", a && "error", s && `size${N(s)}`, t && "contained", p && "focused", i && "filled", d && "required"]
|
|
688
449
|
};
|
|
689
|
-
return
|
|
690
|
-
},
|
|
450
|
+
return H(m, Ae, r);
|
|
451
|
+
}, De = I("p", {
|
|
691
452
|
name: "MuiFormHelperText",
|
|
692
453
|
slot: "Root",
|
|
693
454
|
overridesResolver: (o, r) => {
|
|
694
455
|
const {
|
|
695
456
|
ownerState: t
|
|
696
457
|
} = o;
|
|
697
|
-
return [r.root, t.size && r[`size${
|
|
458
|
+
return [r.root, t.size && r[`size${N(t.size)}`], t.contained && r.contained, t.filled && r.filled];
|
|
698
459
|
}
|
|
699
|
-
})(
|
|
460
|
+
})(M(({
|
|
700
461
|
theme: o
|
|
701
462
|
}) => ({
|
|
702
463
|
color: (o.vars || o).palette.text.secondary,
|
|
@@ -706,10 +467,10 @@ const Qe = (o) => {
|
|
|
706
467
|
marginRight: 0,
|
|
707
468
|
marginBottom: 0,
|
|
708
469
|
marginLeft: 0,
|
|
709
|
-
[`&.${
|
|
470
|
+
[`&.${X.disabled}`]: {
|
|
710
471
|
color: (o.vars || o).palette.text.disabled
|
|
711
472
|
},
|
|
712
|
-
[`&.${
|
|
473
|
+
[`&.${X.error}`]: {
|
|
713
474
|
color: (o.vars || o).palette.error.main
|
|
714
475
|
},
|
|
715
476
|
variants: [{
|
|
@@ -728,56 +489,56 @@ const Qe = (o) => {
|
|
|
728
489
|
marginRight: 14
|
|
729
490
|
}
|
|
730
491
|
}]
|
|
731
|
-
}))),
|
|
732
|
-
const s =
|
|
492
|
+
}))), oe = /* @__PURE__ */ k.forwardRef(function(r, t) {
|
|
493
|
+
const s = q({
|
|
733
494
|
props: r,
|
|
734
495
|
name: "MuiFormHelperText"
|
|
735
496
|
}), {
|
|
736
|
-
children:
|
|
737
|
-
className:
|
|
497
|
+
children: l,
|
|
498
|
+
className: a,
|
|
738
499
|
component: i = "p",
|
|
739
500
|
disabled: p,
|
|
740
|
-
error:
|
|
501
|
+
error: d,
|
|
741
502
|
filled: m,
|
|
742
|
-
focused:
|
|
503
|
+
focused: c,
|
|
743
504
|
margin: b,
|
|
744
|
-
required:
|
|
745
|
-
variant:
|
|
505
|
+
required: x,
|
|
506
|
+
variant: y,
|
|
746
507
|
...f
|
|
747
|
-
} = s,
|
|
508
|
+
} = s, u = D(), n = V({
|
|
748
509
|
props: s,
|
|
749
|
-
muiFormControl:
|
|
510
|
+
muiFormControl: u,
|
|
750
511
|
states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
|
|
751
|
-
}),
|
|
512
|
+
}), T = {
|
|
752
513
|
...s,
|
|
753
514
|
component: i,
|
|
754
|
-
contained:
|
|
755
|
-
variant:
|
|
756
|
-
size:
|
|
757
|
-
disabled:
|
|
758
|
-
error:
|
|
759
|
-
filled:
|
|
760
|
-
focused:
|
|
761
|
-
required:
|
|
515
|
+
contained: n.variant === "filled" || n.variant === "outlined",
|
|
516
|
+
variant: n.variant,
|
|
517
|
+
size: n.size,
|
|
518
|
+
disabled: n.disabled,
|
|
519
|
+
error: n.error,
|
|
520
|
+
filled: n.filled,
|
|
521
|
+
focused: n.focused,
|
|
522
|
+
required: n.required
|
|
762
523
|
};
|
|
763
|
-
delete
|
|
764
|
-
const
|
|
765
|
-
return /* @__PURE__ */ g(
|
|
524
|
+
delete T.ownerState;
|
|
525
|
+
const $ = Ve(T);
|
|
526
|
+
return /* @__PURE__ */ g(De, {
|
|
766
527
|
as: i,
|
|
767
|
-
className:
|
|
528
|
+
className: j($.root, a),
|
|
768
529
|
ref: t,
|
|
769
530
|
...f,
|
|
770
|
-
ownerState:
|
|
771
|
-
children:
|
|
531
|
+
ownerState: T,
|
|
532
|
+
children: l === " " ? (
|
|
772
533
|
// notranslate needed while Google Translate will not fix zero-width space issue
|
|
773
|
-
|
|
534
|
+
Y || (Y = /* @__PURE__ */ g("span", {
|
|
774
535
|
className: "notranslate",
|
|
775
536
|
children: ""
|
|
776
537
|
}))
|
|
777
|
-
) :
|
|
538
|
+
) : l
|
|
778
539
|
});
|
|
779
540
|
});
|
|
780
|
-
process.env.NODE_ENV !== "production" && (
|
|
541
|
+
process.env.NODE_ENV !== "production" && (oe.propTypes = {
|
|
781
542
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
782
543
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
783
544
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -835,168 +596,168 @@ process.env.NODE_ENV !== "production" && (fe.propTypes = {
|
|
|
835
596
|
*/
|
|
836
597
|
variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
|
|
837
598
|
});
|
|
838
|
-
function
|
|
839
|
-
return
|
|
599
|
+
function _e(o) {
|
|
600
|
+
return z("MuiTextField", o);
|
|
840
601
|
}
|
|
841
|
-
|
|
842
|
-
const
|
|
843
|
-
standard:
|
|
602
|
+
R("MuiTextField", ["root"]);
|
|
603
|
+
const Be = {
|
|
604
|
+
standard: Le,
|
|
844
605
|
filled: ke,
|
|
845
|
-
outlined:
|
|
846
|
-
},
|
|
606
|
+
outlined: Re
|
|
607
|
+
}, Ge = (o) => {
|
|
847
608
|
const {
|
|
848
609
|
classes: r
|
|
849
610
|
} = o;
|
|
850
|
-
return
|
|
611
|
+
return H({
|
|
851
612
|
root: ["root"]
|
|
852
|
-
},
|
|
853
|
-
},
|
|
613
|
+
}, _e, r);
|
|
614
|
+
}, Je = I(Ie, {
|
|
854
615
|
name: "MuiTextField",
|
|
855
616
|
slot: "Root",
|
|
856
617
|
overridesResolver: (o, r) => r.root
|
|
857
|
-
})({}),
|
|
858
|
-
const s =
|
|
618
|
+
})({}), Ke = /* @__PURE__ */ k.forwardRef(function(r, t) {
|
|
619
|
+
const s = q({
|
|
859
620
|
props: r,
|
|
860
621
|
name: "MuiTextField"
|
|
861
622
|
}), {
|
|
862
|
-
autoComplete:
|
|
863
|
-
autoFocus:
|
|
623
|
+
autoComplete: l,
|
|
624
|
+
autoFocus: a = !1,
|
|
864
625
|
children: i,
|
|
865
626
|
className: p,
|
|
866
|
-
color:
|
|
627
|
+
color: d = "primary",
|
|
867
628
|
defaultValue: m,
|
|
868
|
-
disabled:
|
|
629
|
+
disabled: c = !1,
|
|
869
630
|
error: b = !1,
|
|
870
|
-
FormHelperTextProps:
|
|
871
|
-
fullWidth:
|
|
631
|
+
FormHelperTextProps: x,
|
|
632
|
+
fullWidth: y = !1,
|
|
872
633
|
helperText: f,
|
|
873
|
-
id:
|
|
874
|
-
InputLabelProps:
|
|
875
|
-
inputProps:
|
|
876
|
-
InputProps:
|
|
877
|
-
inputRef:
|
|
634
|
+
id: u,
|
|
635
|
+
InputLabelProps: n,
|
|
636
|
+
inputProps: T,
|
|
637
|
+
InputProps: $,
|
|
638
|
+
inputRef: re,
|
|
878
639
|
label: F,
|
|
879
|
-
maxRows:
|
|
880
|
-
minRows:
|
|
881
|
-
multiline:
|
|
882
|
-
name:
|
|
883
|
-
onBlur:
|
|
884
|
-
onChange:
|
|
885
|
-
onFocus:
|
|
886
|
-
placeholder:
|
|
887
|
-
required:
|
|
888
|
-
rows:
|
|
889
|
-
select:
|
|
890
|
-
SelectProps:
|
|
891
|
-
slots:
|
|
892
|
-
slotProps:
|
|
893
|
-
type:
|
|
894
|
-
value:
|
|
895
|
-
variant:
|
|
896
|
-
...
|
|
897
|
-
} = s,
|
|
640
|
+
maxRows: te,
|
|
641
|
+
minRows: se,
|
|
642
|
+
multiline: _ = !1,
|
|
643
|
+
name: ne,
|
|
644
|
+
onBlur: le,
|
|
645
|
+
onChange: ae,
|
|
646
|
+
onFocus: ie,
|
|
647
|
+
placeholder: pe,
|
|
648
|
+
required: B = !1,
|
|
649
|
+
rows: de,
|
|
650
|
+
select: S = !1,
|
|
651
|
+
SelectProps: E,
|
|
652
|
+
slots: G = {},
|
|
653
|
+
slotProps: ce = {},
|
|
654
|
+
type: ue,
|
|
655
|
+
value: J,
|
|
656
|
+
variant: L = "outlined",
|
|
657
|
+
...fe
|
|
658
|
+
} = s, v = {
|
|
898
659
|
...s,
|
|
899
|
-
autoFocus:
|
|
900
|
-
color:
|
|
901
|
-
disabled:
|
|
660
|
+
autoFocus: a,
|
|
661
|
+
color: d,
|
|
662
|
+
disabled: c,
|
|
902
663
|
error: b,
|
|
903
|
-
fullWidth:
|
|
904
|
-
multiline:
|
|
905
|
-
required:
|
|
906
|
-
select:
|
|
907
|
-
variant:
|
|
908
|
-
},
|
|
909
|
-
process.env.NODE_ENV !== "production" &&
|
|
910
|
-
const
|
|
911
|
-
slots:
|
|
664
|
+
fullWidth: y,
|
|
665
|
+
multiline: _,
|
|
666
|
+
required: B,
|
|
667
|
+
select: S,
|
|
668
|
+
variant: L
|
|
669
|
+
}, me = Ge(v);
|
|
670
|
+
process.env.NODE_ENV !== "production" && S && !i && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
|
|
671
|
+
const h = ze(u), U = f && h ? `${h}-helper-text` : void 0, K = F && h ? `${h}-label` : void 0, be = Be[L], O = {
|
|
672
|
+
slots: G,
|
|
912
673
|
slotProps: {
|
|
913
|
-
input:
|
|
914
|
-
inputLabel:
|
|
915
|
-
htmlInput:
|
|
916
|
-
formHelperText:
|
|
917
|
-
select:
|
|
918
|
-
...
|
|
674
|
+
input: $,
|
|
675
|
+
inputLabel: n,
|
|
676
|
+
htmlInput: T,
|
|
677
|
+
formHelperText: x,
|
|
678
|
+
select: E,
|
|
679
|
+
...ce
|
|
919
680
|
}
|
|
920
|
-
},
|
|
921
|
-
|
|
922
|
-
const [
|
|
923
|
-
elementType:
|
|
924
|
-
externalForwardedProps:
|
|
925
|
-
additionalProps:
|
|
926
|
-
ownerState:
|
|
927
|
-
}), [
|
|
928
|
-
elementType:
|
|
929
|
-
externalForwardedProps:
|
|
930
|
-
ownerState:
|
|
931
|
-
}), [
|
|
681
|
+
}, P = {}, W = O.slotProps.inputLabel;
|
|
682
|
+
L === "outlined" && (W && typeof W.shrink < "u" && (P.notched = W.shrink), P.label = F), S && ((!E || !E.native) && (P.id = void 0), P["aria-describedby"] = void 0);
|
|
683
|
+
const [ye, xe] = w("input", {
|
|
684
|
+
elementType: be,
|
|
685
|
+
externalForwardedProps: O,
|
|
686
|
+
additionalProps: P,
|
|
687
|
+
ownerState: v
|
|
688
|
+
}), [Te, ve] = w("inputLabel", {
|
|
689
|
+
elementType: ee,
|
|
690
|
+
externalForwardedProps: O,
|
|
691
|
+
ownerState: v
|
|
692
|
+
}), [he, ge] = w("htmlInput", {
|
|
932
693
|
elementType: "input",
|
|
933
|
-
externalForwardedProps:
|
|
934
|
-
ownerState:
|
|
935
|
-
}), [
|
|
936
|
-
elementType:
|
|
937
|
-
externalForwardedProps:
|
|
938
|
-
ownerState:
|
|
939
|
-
}), [
|
|
940
|
-
elementType:
|
|
941
|
-
externalForwardedProps:
|
|
942
|
-
ownerState:
|
|
943
|
-
}),
|
|
944
|
-
"aria-describedby":
|
|
945
|
-
autoComplete:
|
|
946
|
-
autoFocus:
|
|
694
|
+
externalForwardedProps: O,
|
|
695
|
+
ownerState: v
|
|
696
|
+
}), [Oe, Fe] = w("formHelperText", {
|
|
697
|
+
elementType: oe,
|
|
698
|
+
externalForwardedProps: O,
|
|
699
|
+
ownerState: v
|
|
700
|
+
}), [Pe, we] = w("select", {
|
|
701
|
+
elementType: Se,
|
|
702
|
+
externalForwardedProps: O,
|
|
703
|
+
ownerState: v
|
|
704
|
+
}), Q = /* @__PURE__ */ g(ye, {
|
|
705
|
+
"aria-describedby": U,
|
|
706
|
+
autoComplete: l,
|
|
707
|
+
autoFocus: a,
|
|
947
708
|
defaultValue: m,
|
|
948
|
-
fullWidth:
|
|
949
|
-
multiline:
|
|
950
|
-
name:
|
|
951
|
-
rows:
|
|
952
|
-
maxRows:
|
|
953
|
-
minRows:
|
|
954
|
-
type:
|
|
955
|
-
value:
|
|
956
|
-
id:
|
|
957
|
-
inputRef:
|
|
958
|
-
onBlur:
|
|
959
|
-
onChange:
|
|
960
|
-
onFocus:
|
|
961
|
-
placeholder:
|
|
962
|
-
inputProps:
|
|
709
|
+
fullWidth: y,
|
|
710
|
+
multiline: _,
|
|
711
|
+
name: ne,
|
|
712
|
+
rows: de,
|
|
713
|
+
maxRows: te,
|
|
714
|
+
minRows: se,
|
|
715
|
+
type: ue,
|
|
716
|
+
value: J,
|
|
717
|
+
id: h,
|
|
718
|
+
inputRef: re,
|
|
719
|
+
onBlur: le,
|
|
720
|
+
onChange: ae,
|
|
721
|
+
onFocus: ie,
|
|
722
|
+
placeholder: pe,
|
|
723
|
+
inputProps: ge,
|
|
963
724
|
slots: {
|
|
964
|
-
input:
|
|
725
|
+
input: G.htmlInput ? he : void 0
|
|
965
726
|
},
|
|
966
|
-
...
|
|
727
|
+
...xe
|
|
967
728
|
});
|
|
968
|
-
return /* @__PURE__ */
|
|
969
|
-
className:
|
|
970
|
-
disabled:
|
|
729
|
+
return /* @__PURE__ */ A(Je, {
|
|
730
|
+
className: j(me.root, p),
|
|
731
|
+
disabled: c,
|
|
971
732
|
error: b,
|
|
972
|
-
fullWidth:
|
|
733
|
+
fullWidth: y,
|
|
973
734
|
ref: t,
|
|
974
|
-
required:
|
|
975
|
-
color:
|
|
976
|
-
variant:
|
|
977
|
-
ownerState:
|
|
978
|
-
...
|
|
979
|
-
children: [F != null && F !== "" && /* @__PURE__ */ g(
|
|
980
|
-
htmlFor:
|
|
981
|
-
id:
|
|
982
|
-
...
|
|
735
|
+
required: B,
|
|
736
|
+
color: d,
|
|
737
|
+
variant: L,
|
|
738
|
+
ownerState: v,
|
|
739
|
+
...fe,
|
|
740
|
+
children: [F != null && F !== "" && /* @__PURE__ */ g(Te, {
|
|
741
|
+
htmlFor: h,
|
|
742
|
+
id: K,
|
|
743
|
+
...ve,
|
|
983
744
|
children: F
|
|
984
|
-
}),
|
|
985
|
-
"aria-describedby":
|
|
986
|
-
id:
|
|
987
|
-
labelId:
|
|
988
|
-
value:
|
|
989
|
-
input:
|
|
745
|
+
}), S ? /* @__PURE__ */ g(Pe, {
|
|
746
|
+
"aria-describedby": U,
|
|
747
|
+
id: h,
|
|
748
|
+
labelId: K,
|
|
749
|
+
value: J,
|
|
750
|
+
input: Q,
|
|
990
751
|
...we,
|
|
991
752
|
children: i
|
|
992
|
-
}) :
|
|
993
|
-
id:
|
|
994
|
-
...
|
|
753
|
+
}) : Q, f && /* @__PURE__ */ g(Oe, {
|
|
754
|
+
id: U,
|
|
755
|
+
...Fe,
|
|
995
756
|
children: f
|
|
996
757
|
})]
|
|
997
758
|
});
|
|
998
759
|
});
|
|
999
|
-
process.env.NODE_ENV !== "production" && (
|
|
760
|
+
process.env.NODE_ENV !== "production" && (Ke.propTypes = {
|
|
1000
761
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
1001
762
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
1002
763
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -1086,7 +847,7 @@ process.env.NODE_ENV !== "production" && (ro.propTypes = {
|
|
|
1086
847
|
/**
|
|
1087
848
|
* Pass a ref to the `input` element.
|
|
1088
849
|
*/
|
|
1089
|
-
inputRef:
|
|
850
|
+
inputRef: je,
|
|
1090
851
|
/**
|
|
1091
852
|
* The label content.
|
|
1092
853
|
*/
|
|
@@ -1197,5 +958,5 @@ process.env.NODE_ENV !== "production" && (ro.propTypes = {
|
|
|
1197
958
|
variant: e.oneOf(["filled", "outlined", "standard"])
|
|
1198
959
|
});
|
|
1199
960
|
export {
|
|
1200
|
-
|
|
961
|
+
Ke as T
|
|
1201
962
|
};
|