@solostylist/ui-kit 1.0.43 → 1.0.45
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/main.d.ts +2 -0
- package/dist/main.js +53 -48
- package/dist/s-file-dropzone/s-file-dropzone.js +15 -16
- package/dist/s-multi-select/s-multi-select.js +140 -149
- package/dist/s-smart-text-field/index.d.ts +2 -2
- package/dist/s-smart-text-field/index.js +1 -1
- package/dist/s-smart-text-field/{s-text-field.d.ts → s-smart-text-field.d.ts} +3 -1
- package/dist/s-smart-text-field/{s-text-field.js → s-smart-text-field.js} +5 -4
- package/dist/s-stripe/index.d.ts +2 -0
- package/dist/s-stripe/index.js +7 -0
- package/dist/s-stripe/package.json +5 -0
- package/dist/s-stripe/s-stripe.d.ts +13 -0
- package/dist/s-stripe/s-stripe.js +325 -0
- package/dist/s-stripe/stripe-input.d.ts +4 -0
- package/dist/s-stripe/stripe-input.js +31 -0
- package/dist/s-text-editor/s-text-editor-toolbar.js +150 -147
- package/dist/s-text-editor/s-text-editor.js +16 -17
- package/dist/s-theme-provider/s-theme-provider.d.ts +5 -4
- package/dist/s-theme-provider/s-theme-provider.js +33 -28
- package/dist/theme/components/popover.js +1 -1
- package/dist/theme/customizations/inputs.js +11 -7
- package/dist/theme/customizations/navigation.js +22 -69
- package/dist/theme/customizations/surfaces.js +1 -1
- package/dist/theme/theme-primitives.js +111 -101
- package/package.json +4 -2
- package/dist/selectClasses-DWL9Cxkn.js +0 -10
|
@@ -4,20 +4,19 @@ import { MenuItem as po } from "@mui/material";
|
|
|
4
4
|
import { IconBold as Ho, IconItalic as _o, IconStrikethrough as qo, IconCode as Ko, IconList as Go, IconListNumbers as Xo, IconLink as Yo, IconLinkPlus as Zo } from "@tabler/icons-react";
|
|
5
5
|
import { usePopover as Jo } from "../hooks/use-popover.js";
|
|
6
6
|
import Qo from "../s-text-field/s-text-field.js";
|
|
7
|
-
import { g as
|
|
7
|
+
import { g as Se, c as $, P as e, a as fo, l as et, p as jo, j as Qe } from "../createTheme-CyFSna1a.js";
|
|
8
8
|
import { c as ae } from "../identifier-BA7fwE7E.js";
|
|
9
9
|
import { u as le, s as j, c as Y, m as V, b as be, e as ot } from "../memoTheme-Bz_6CvJG.js";
|
|
10
10
|
import { c as Ce } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
11
11
|
import { g as tt, i as mo } from "../iconButtonClasses-CpCspPuI.js";
|
|
12
|
-
import { c as ko, B as nt, r as
|
|
13
|
-
import { g as
|
|
12
|
+
import { c as ko, B as nt, r as Ie, u as Ae, b as rt, e as st, a as it } from "../useSlot-DFX3jR9F.js";
|
|
13
|
+
import { g as Oe } from "../generateUtilityClasses-CvAVhM6T.js";
|
|
14
14
|
import { css as No, keyframes as Po } from "@emotion/react";
|
|
15
15
|
import { S as bo } from "../Stack-CHCAZYKm.js";
|
|
16
16
|
import { o as at, M as lt, a as go, d as ct, i as ho, g as dt, P as ut } from "../Menu-BTGaz6HX.js";
|
|
17
|
-
import {
|
|
18
|
-
import { F as $o, u as yo, a as eo } from "../useControlled-DnifWmuD.js";
|
|
17
|
+
import { F as Eo, u as yo, a as eo } from "../useControlled-DnifWmuD.js";
|
|
19
18
|
import { c as pt } from "../createSvgIcon-FIMSBrG5.js";
|
|
20
|
-
import { i as
|
|
19
|
+
import { i as Ee, g as ft, a as mt, o as X } from "../outlinedInputClasses-Y-zQ9ZHZ.js";
|
|
21
20
|
import { g as bt } from "../index-BKXuuq9K.js";
|
|
22
21
|
import { u as Ye } from "../useEnhancedEffect-CJGo-L3B.js";
|
|
23
22
|
function Xe(o, t) {
|
|
@@ -32,16 +31,16 @@ function Xe(o, t) {
|
|
|
32
31
|
function vo(o) {
|
|
33
32
|
return o != null && !(Array.isArray(o) && o.length === 0);
|
|
34
33
|
}
|
|
35
|
-
function
|
|
34
|
+
function Me(o, t = !1) {
|
|
36
35
|
return o && (vo(o.value) && o.value !== "" || t && vo(o.defaultValue) && o.defaultValue !== "");
|
|
37
36
|
}
|
|
38
37
|
function gt(o) {
|
|
39
38
|
return o.startAdornment;
|
|
40
39
|
}
|
|
41
40
|
function ht(o) {
|
|
42
|
-
return
|
|
41
|
+
return Se("MuiFormControl", o);
|
|
43
42
|
}
|
|
44
|
-
|
|
43
|
+
Oe("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
|
|
45
44
|
const yt = (o) => {
|
|
46
45
|
const {
|
|
47
46
|
classes: t,
|
|
@@ -95,7 +94,7 @@ const yt = (o) => {
|
|
|
95
94
|
width: "100%"
|
|
96
95
|
}
|
|
97
96
|
}]
|
|
98
|
-
}),
|
|
97
|
+
}), $o = /* @__PURE__ */ l.forwardRef(function(t, n) {
|
|
99
98
|
const r = le({
|
|
100
99
|
props: t,
|
|
101
100
|
name: "MuiFormControl"
|
|
@@ -128,27 +127,27 @@ const yt = (o) => {
|
|
|
128
127
|
variant: g
|
|
129
128
|
}, u = yt(S), [f, N] = l.useState(() => {
|
|
130
129
|
let K = !1;
|
|
131
|
-
return s && l.Children.forEach(s, (
|
|
132
|
-
if (!Xe(
|
|
130
|
+
return s && l.Children.forEach(s, (B) => {
|
|
131
|
+
if (!Xe(B, ["Input", "Select"]))
|
|
133
132
|
return;
|
|
134
|
-
const q = Xe(
|
|
133
|
+
const q = Xe(B, ["Select"]) ? B.props.input : B;
|
|
135
134
|
q && gt(q.props) && (K = !0);
|
|
136
135
|
}), K;
|
|
137
136
|
}), [I, D] = l.useState(() => {
|
|
138
137
|
let K = !1;
|
|
139
|
-
return s && l.Children.forEach(s, (
|
|
140
|
-
Xe(
|
|
138
|
+
return s && l.Children.forEach(s, (B) => {
|
|
139
|
+
Xe(B, ["Input", "Select"]) && (Me(B.props, !0) || Me(B.props.inputProps, !0)) && (K = !0);
|
|
141
140
|
}), K;
|
|
142
141
|
}), [H, _] = l.useState(!1);
|
|
143
142
|
v && H && _(!1);
|
|
144
|
-
const
|
|
143
|
+
const A = m !== void 0 && !v ? m : H;
|
|
145
144
|
let L;
|
|
146
145
|
const E = l.useRef(!1);
|
|
147
146
|
process.env.NODE_ENV !== "production" && (L = () => (E.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
|
|
148
147
|
`)), E.current = !0, () => {
|
|
149
148
|
E.current = !1;
|
|
150
149
|
}));
|
|
151
|
-
const
|
|
150
|
+
const F = l.useCallback(() => {
|
|
152
151
|
D(!0);
|
|
153
152
|
}, []), W = l.useCallback(() => {
|
|
154
153
|
D(!1);
|
|
@@ -159,7 +158,7 @@ const yt = (o) => {
|
|
|
159
158
|
disabled: v,
|
|
160
159
|
error: h,
|
|
161
160
|
filled: I,
|
|
162
|
-
focused:
|
|
161
|
+
focused: A,
|
|
163
162
|
fullWidth: y,
|
|
164
163
|
hiddenLabel: b,
|
|
165
164
|
size: T,
|
|
@@ -170,12 +169,12 @@ const yt = (o) => {
|
|
|
170
169
|
_(!0);
|
|
171
170
|
},
|
|
172
171
|
onEmpty: W,
|
|
173
|
-
onFilled:
|
|
172
|
+
onFilled: F,
|
|
174
173
|
registerEffect: L,
|
|
175
174
|
required: O,
|
|
176
175
|
variant: g
|
|
177
|
-
}), [f, i, v, h, I,
|
|
178
|
-
return /* @__PURE__ */ a.jsx(
|
|
176
|
+
}), [f, i, v, h, I, A, y, b, L, W, F, O, T, g]);
|
|
177
|
+
return /* @__PURE__ */ a.jsx(Eo.Provider, {
|
|
179
178
|
value: ce,
|
|
180
179
|
children: /* @__PURE__ */ a.jsx(vt, {
|
|
181
180
|
as: p,
|
|
@@ -187,7 +186,7 @@ const yt = (o) => {
|
|
|
187
186
|
})
|
|
188
187
|
});
|
|
189
188
|
});
|
|
190
|
-
process.env.NODE_ENV !== "production" && (
|
|
189
|
+
process.env.NODE_ENV !== "production" && ($o.propTypes = {
|
|
191
190
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
192
191
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
193
192
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -285,9 +284,9 @@ function Fo(o) {
|
|
|
285
284
|
return xt(o);
|
|
286
285
|
}
|
|
287
286
|
function St(o) {
|
|
288
|
-
return
|
|
287
|
+
return Se("MuiCircularProgress", o);
|
|
289
288
|
}
|
|
290
|
-
|
|
289
|
+
Oe("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
|
|
291
290
|
const se = 44, Ze = Po`
|
|
292
291
|
0% {
|
|
293
292
|
transform: rotate(0deg);
|
|
@@ -407,7 +406,7 @@ const se = 44, Ze = Po`
|
|
|
407
406
|
animation: `${Je} 1.4s ease-in-out infinite`
|
|
408
407
|
}
|
|
409
408
|
}]
|
|
410
|
-
}))),
|
|
409
|
+
}))), Bo = /* @__PURE__ */ l.forwardRef(function(t, n) {
|
|
411
410
|
const r = le({
|
|
412
411
|
props: t,
|
|
413
412
|
name: "MuiCircularProgress"
|
|
@@ -464,7 +463,7 @@ const se = 44, Ze = Po`
|
|
|
464
463
|
})
|
|
465
464
|
});
|
|
466
465
|
});
|
|
467
|
-
process.env.NODE_ENV !== "production" && (
|
|
466
|
+
process.env.NODE_ENV !== "production" && (Bo.propTypes = {
|
|
468
467
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
469
468
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
470
469
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -686,7 +685,7 @@ const kt = (o) => {
|
|
|
686
685
|
loading: b = null,
|
|
687
686
|
loadingIndicator: C,
|
|
688
687
|
...O
|
|
689
|
-
} = r, T = Fo(y), g = C ?? /* @__PURE__ */ a.jsx(
|
|
688
|
+
} = r, T = Fo(y), g = C ?? /* @__PURE__ */ a.jsx(Bo, {
|
|
690
689
|
"aria-labelledby": T,
|
|
691
690
|
color: "inherit",
|
|
692
691
|
size: 16
|
|
@@ -803,9 +802,9 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
|
|
|
803
802
|
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
804
803
|
});
|
|
805
804
|
function Et(o) {
|
|
806
|
-
return
|
|
805
|
+
return Se("MuiNativeSelect", o);
|
|
807
806
|
}
|
|
808
|
-
const oo =
|
|
807
|
+
const oo = Oe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), $t = (o) => {
|
|
809
808
|
const {
|
|
810
809
|
classes: t,
|
|
811
810
|
variant: n,
|
|
@@ -818,7 +817,7 @@ const oo = Ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
|
|
|
818
817
|
icon: ["icon", `icon${$(n)}`, c && "iconOpen", r && "disabled"]
|
|
819
818
|
};
|
|
820
819
|
return Y(p, Et, t);
|
|
821
|
-
},
|
|
820
|
+
}, Ao = j("select")(({
|
|
822
821
|
theme: o
|
|
823
822
|
}) => ({
|
|
824
823
|
// Reset
|
|
@@ -880,7 +879,7 @@ const oo = Ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
|
|
|
880
879
|
}
|
|
881
880
|
}
|
|
882
881
|
}]
|
|
883
|
-
})),
|
|
882
|
+
})), Ft = j(Ao, {
|
|
884
883
|
name: "MuiNativeSelect",
|
|
885
884
|
slot: "Select",
|
|
886
885
|
shouldForwardProp: be,
|
|
@@ -892,7 +891,7 @@ const oo = Ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
|
|
|
892
891
|
[`&.${oo.multiple}`]: t.multiple
|
|
893
892
|
}];
|
|
894
893
|
}
|
|
895
|
-
})({}),
|
|
894
|
+
})({}), Lo = j("svg")(({
|
|
896
895
|
theme: o
|
|
897
896
|
}) => ({
|
|
898
897
|
// We use a position absolute over a flexbox in order to forward the pointer events
|
|
@@ -929,7 +928,7 @@ const oo = Ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
|
|
|
929
928
|
right: 7
|
|
930
929
|
}
|
|
931
930
|
}]
|
|
932
|
-
})),
|
|
931
|
+
})), Bt = j(Lo, {
|
|
933
932
|
name: "MuiNativeSelect",
|
|
934
933
|
slot: "Icon",
|
|
935
934
|
overridesResolver: (o, t) => {
|
|
@@ -938,7 +937,7 @@ const oo = Ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
|
|
|
938
937
|
} = o;
|
|
939
938
|
return [t.icon, n.variant && t[`icon${$(n.variant)}`], n.open && t.iconOpen];
|
|
940
939
|
}
|
|
941
|
-
})({}),
|
|
940
|
+
})({}), Wo = /* @__PURE__ */ l.forwardRef(function(t, n) {
|
|
942
941
|
const {
|
|
943
942
|
className: r,
|
|
944
943
|
disabled: s,
|
|
@@ -954,20 +953,20 @@ const oo = Ee("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
|
|
|
954
953
|
error: c
|
|
955
954
|
}, y = $t(m);
|
|
956
955
|
return /* @__PURE__ */ a.jsxs(l.Fragment, {
|
|
957
|
-
children: [/* @__PURE__ */ a.jsx(
|
|
956
|
+
children: [/* @__PURE__ */ a.jsx(Ft, {
|
|
958
957
|
ownerState: m,
|
|
959
958
|
className: ae(y.select, r),
|
|
960
959
|
disabled: s,
|
|
961
960
|
ref: p || n,
|
|
962
961
|
...h
|
|
963
|
-
}), t.multiple ? null : /* @__PURE__ */ a.jsx(
|
|
962
|
+
}), t.multiple ? null : /* @__PURE__ */ a.jsx(Bt, {
|
|
964
963
|
as: i,
|
|
965
964
|
ownerState: m,
|
|
966
965
|
className: y.icon
|
|
967
966
|
})]
|
|
968
967
|
});
|
|
969
968
|
});
|
|
970
|
-
process.env.NODE_ENV !== "production" && (
|
|
969
|
+
process.env.NODE_ENV !== "production" && (Wo.propTypes = {
|
|
971
970
|
/**
|
|
972
971
|
* The option elements to populate the select with.
|
|
973
972
|
* Can be some `<option>` elements.
|
|
@@ -997,7 +996,7 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
|
|
|
997
996
|
* Use that prop to pass a ref to the native select element.
|
|
998
997
|
* @deprecated
|
|
999
998
|
*/
|
|
1000
|
-
inputRef:
|
|
999
|
+
inputRef: Ie,
|
|
1001
1000
|
/**
|
|
1002
1001
|
* @ignore
|
|
1003
1002
|
*/
|
|
@@ -1022,8 +1021,12 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
|
|
|
1022
1021
|
*/
|
|
1023
1022
|
variant: e.oneOf(["standard", "outlined", "filled"])
|
|
1024
1023
|
});
|
|
1024
|
+
function zo(o) {
|
|
1025
|
+
return Se("MuiSelect", o);
|
|
1026
|
+
}
|
|
1027
|
+
const Ne = Oe("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
|
|
1025
1028
|
var So;
|
|
1026
|
-
const
|
|
1029
|
+
const Mt = j(Ao, {
|
|
1027
1030
|
name: "MuiSelect",
|
|
1028
1031
|
slot: "Select",
|
|
1029
1032
|
overridesResolver: (o, t) => {
|
|
@@ -1033,22 +1036,22 @@ const At = j(Lo, {
|
|
|
1033
1036
|
return [
|
|
1034
1037
|
// Win specificity over the input base
|
|
1035
1038
|
{
|
|
1036
|
-
[`&.${
|
|
1039
|
+
[`&.${Ne.select}`]: t.select
|
|
1037
1040
|
},
|
|
1038
1041
|
{
|
|
1039
|
-
[`&.${
|
|
1042
|
+
[`&.${Ne.select}`]: t[n.variant]
|
|
1040
1043
|
},
|
|
1041
1044
|
{
|
|
1042
|
-
[`&.${
|
|
1045
|
+
[`&.${Ne.error}`]: t.error
|
|
1043
1046
|
},
|
|
1044
1047
|
{
|
|
1045
|
-
[`&.${
|
|
1048
|
+
[`&.${Ne.multiple}`]: t.multiple
|
|
1046
1049
|
}
|
|
1047
1050
|
];
|
|
1048
1051
|
}
|
|
1049
1052
|
})({
|
|
1050
1053
|
// Win specificity over the input base
|
|
1051
|
-
[`&.${
|
|
1054
|
+
[`&.${Ne.select}`]: {
|
|
1052
1055
|
height: "auto",
|
|
1053
1056
|
// Resets for multiple select with chips
|
|
1054
1057
|
minHeight: "1.4375em",
|
|
@@ -1057,7 +1060,7 @@ const At = j(Lo, {
|
|
|
1057
1060
|
whiteSpace: "nowrap",
|
|
1058
1061
|
overflow: "hidden"
|
|
1059
1062
|
}
|
|
1060
|
-
}),
|
|
1063
|
+
}), At = j(Lo, {
|
|
1061
1064
|
name: "MuiSelect",
|
|
1062
1065
|
slot: "Icon",
|
|
1063
1066
|
overridesResolver: (o, t) => {
|
|
@@ -1098,7 +1101,7 @@ const zt = (o) => {
|
|
|
1098
1101
|
icon: ["icon", `icon${$(n)}`, c && "iconOpen", r && "disabled"],
|
|
1099
1102
|
nativeInput: ["nativeInput"]
|
|
1100
1103
|
};
|
|
1101
|
-
return Y(p,
|
|
1104
|
+
return Y(p, zo, t);
|
|
1102
1105
|
}, Do = /* @__PURE__ */ l.forwardRef(function(t, n) {
|
|
1103
1106
|
var co;
|
|
1104
1107
|
const {
|
|
@@ -1125,27 +1128,27 @@ const zt = (o) => {
|
|
|
1125
1128
|
onFocus: D,
|
|
1126
1129
|
onOpen: H,
|
|
1127
1130
|
open: _,
|
|
1128
|
-
readOnly:
|
|
1131
|
+
readOnly: A,
|
|
1129
1132
|
renderValue: L,
|
|
1130
1133
|
required: E,
|
|
1131
|
-
SelectDisplayProps:
|
|
1134
|
+
SelectDisplayProps: F = {},
|
|
1132
1135
|
tabIndex: W,
|
|
1133
1136
|
// catching `type` from Input which makes no sense for SelectInput
|
|
1134
1137
|
type: ce,
|
|
1135
1138
|
value: K,
|
|
1136
|
-
variant:
|
|
1139
|
+
variant: B = "standard",
|
|
1137
1140
|
...q
|
|
1138
1141
|
} = t, [k, Ve] = yo({
|
|
1139
1142
|
controlled: K,
|
|
1140
1143
|
default: m,
|
|
1141
1144
|
name: "Select"
|
|
1142
|
-
}), [
|
|
1145
|
+
}), [we, $e] = yo({
|
|
1143
1146
|
controlled: _,
|
|
1144
1147
|
default: h,
|
|
1145
1148
|
name: "Select"
|
|
1146
1149
|
}), Q = l.useRef(null), G = l.useRef(null), [Z, He] = l.useState(null), {
|
|
1147
1150
|
current: ee
|
|
1148
|
-
} = l.useRef(_ != null), [
|
|
1151
|
+
} = l.useRef(_ != null), [Re, J] = l.useState(), _e = Ae(n, T), qe = l.useCallback((d) => {
|
|
1149
1152
|
G.current = d, d && He(d);
|
|
1150
1153
|
}, []), oe = Z == null ? void 0 : Z.parentNode;
|
|
1151
1154
|
l.useImperativeHandle(_e, () => ({
|
|
@@ -1155,7 +1158,7 @@ const zt = (o) => {
|
|
|
1155
1158
|
node: Q.current,
|
|
1156
1159
|
value: k
|
|
1157
1160
|
}), [k]), l.useEffect(() => {
|
|
1158
|
-
h &&
|
|
1161
|
+
h && we && Z && !ee && (J(i ? null : oe.clientWidth), G.current.focus());
|
|
1159
1162
|
}, [Z, i]), l.useEffect(() => {
|
|
1160
1163
|
c && G.current.focus();
|
|
1161
1164
|
}, [c]), l.useEffect(() => {
|
|
@@ -1177,24 +1180,24 @@ const zt = (o) => {
|
|
|
1177
1180
|
d.button === 0 && (d.preventDefault(), G.current.focus(), te(!0, d));
|
|
1178
1181
|
}, U = (d) => {
|
|
1179
1182
|
te(!1, d);
|
|
1180
|
-
}, ne = l.Children.toArray(p),
|
|
1181
|
-
const x = ne.find((
|
|
1183
|
+
}, ne = l.Children.toArray(p), Te = (d) => {
|
|
1184
|
+
const x = ne.find((M) => M.props.value === d.target.value);
|
|
1182
1185
|
x !== void 0 && (Ve(x.props.value), N && N(d, x));
|
|
1183
1186
|
}, de = (d) => (x) => {
|
|
1184
|
-
let
|
|
1187
|
+
let M;
|
|
1185
1188
|
if (x.currentTarget.hasAttribute("tabindex")) {
|
|
1186
1189
|
if (S) {
|
|
1187
|
-
|
|
1190
|
+
M = Array.isArray(k) ? k.slice() : [];
|
|
1188
1191
|
const xe = k.indexOf(d.props.value);
|
|
1189
|
-
xe === -1 ?
|
|
1192
|
+
xe === -1 ? M.push(d.props.value) : M.splice(xe, 1);
|
|
1190
1193
|
} else
|
|
1191
|
-
|
|
1192
|
-
if (d.props.onClick && d.props.onClick(x), k !==
|
|
1194
|
+
M = d.props.value;
|
|
1195
|
+
if (d.props.onClick && d.props.onClick(x), k !== M && (Ve(M), N)) {
|
|
1193
1196
|
const xe = x.nativeEvent || x, uo = new xe.constructor(xe.type, xe);
|
|
1194
1197
|
Object.defineProperty(uo, "target", {
|
|
1195
1198
|
writable: !0,
|
|
1196
1199
|
value: {
|
|
1197
|
-
value:
|
|
1200
|
+
value: M,
|
|
1198
1201
|
name: u
|
|
1199
1202
|
}
|
|
1200
1203
|
}), N(uo, d);
|
|
@@ -1202,7 +1205,7 @@ const zt = (o) => {
|
|
|
1202
1205
|
S || te(!1, x);
|
|
1203
1206
|
}
|
|
1204
1207
|
}, Ke = (d) => {
|
|
1205
|
-
|
|
1208
|
+
A || [
|
|
1206
1209
|
" ",
|
|
1207
1210
|
"ArrowUp",
|
|
1208
1211
|
"ArrowDown",
|
|
@@ -1210,7 +1213,7 @@ const zt = (o) => {
|
|
|
1210
1213
|
// https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
|
|
1211
1214
|
"Enter"
|
|
1212
1215
|
].includes(d.key) && (d.preventDefault(), te(!0, d));
|
|
1213
|
-
}, ue = Z !== null &&
|
|
1216
|
+
}, ue = Z !== null && we, Ge = (d) => {
|
|
1214
1217
|
!ue && f && (Object.defineProperty(d, "target", {
|
|
1215
1218
|
writable: !0,
|
|
1216
1219
|
value: {
|
|
@@ -1223,10 +1226,10 @@ const zt = (o) => {
|
|
|
1223
1226
|
let re, ge;
|
|
1224
1227
|
const z = [];
|
|
1225
1228
|
let he = !1, pe = !1;
|
|
1226
|
-
(
|
|
1229
|
+
(Me({
|
|
1227
1230
|
value: k
|
|
1228
1231
|
}) || b) && (L ? re = L(k) : he = !0);
|
|
1229
|
-
const
|
|
1232
|
+
const Fe = ne.map((d) => {
|
|
1230
1233
|
if (!/* @__PURE__ */ l.isValidElement(d))
|
|
1231
1234
|
return null;
|
|
1232
1235
|
process.env.NODE_ENV !== "production" && et.isFragment(d) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
|
|
@@ -1235,14 +1238,14 @@ const zt = (o) => {
|
|
|
1235
1238
|
if (S) {
|
|
1236
1239
|
if (!Array.isArray(k))
|
|
1237
1240
|
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : jo(2));
|
|
1238
|
-
x = k.some((
|
|
1241
|
+
x = k.some((M) => Io(M, d.props.value)), x && he && z.push(d.props.children);
|
|
1239
1242
|
} else
|
|
1240
1243
|
x = Io(k, d.props.value), x && he && (ge = d.props.children);
|
|
1241
1244
|
return x && (pe = !0), /* @__PURE__ */ l.cloneElement(d, {
|
|
1242
1245
|
"aria-selected": x ? "true" : "false",
|
|
1243
1246
|
onClick: de(d),
|
|
1244
|
-
onKeyUp: (
|
|
1245
|
-
|
|
1247
|
+
onKeyUp: (M) => {
|
|
1248
|
+
M.key === " " && M.preventDefault(), d.props.onKeyUp && d.props.onKeyUp(M);
|
|
1246
1249
|
},
|
|
1247
1250
|
role: "option",
|
|
1248
1251
|
selected: x,
|
|
@@ -1258,14 +1261,14 @@ const zt = (o) => {
|
|
|
1258
1261
|
console.warn([`MUI: You have provided an out-of-range value \`${k}\` for the select ${u ? `(name="${u}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${d.filter((x) => x != null).map((x) => `\`${x}\``).join(", ") || '""'}.`].join(`
|
|
1259
1262
|
`));
|
|
1260
1263
|
}
|
|
1261
|
-
}, [pe, ne, S, u, k]), he && (S ? z.length === 0 ? re = null : re = z.reduce((d, x,
|
|
1262
|
-
let
|
|
1263
|
-
!i && ee && Z && (
|
|
1264
|
+
}, [pe, ne, S, u, k]), he && (S ? z.length === 0 ? re = null : re = z.reduce((d, x, M) => (d.push(x), M < z.length - 1 && d.push(", "), d), []) : re = ge);
|
|
1265
|
+
let je = Re;
|
|
1266
|
+
!i && ee && Z && (je = oe.clientWidth);
|
|
1264
1267
|
let fe;
|
|
1265
1268
|
typeof W < "u" ? fe = W : fe = y ? null : 0;
|
|
1266
|
-
const
|
|
1269
|
+
const ke = F.id || (u ? `mui-component-select-${u}` : void 0), R = {
|
|
1267
1270
|
...t,
|
|
1268
|
-
variant:
|
|
1271
|
+
variant: B,
|
|
1269
1272
|
value: k,
|
|
1270
1273
|
open: ue,
|
|
1271
1274
|
error: C
|
|
@@ -1274,7 +1277,7 @@ const zt = (o) => {
|
|
|
1274
1277
|
...(co = w.slotProps) == null ? void 0 : co.paper
|
|
1275
1278
|
}, lo = Fo();
|
|
1276
1279
|
return /* @__PURE__ */ a.jsxs(l.Fragment, {
|
|
1277
|
-
children: [/* @__PURE__ */ a.jsx(
|
|
1280
|
+
children: [/* @__PURE__ */ a.jsx(Mt, {
|
|
1278
1281
|
as: "div",
|
|
1279
1282
|
ref: qe,
|
|
1280
1283
|
tabIndex: fe,
|
|
@@ -1284,18 +1287,18 @@ const zt = (o) => {
|
|
|
1284
1287
|
"aria-expanded": ue ? "true" : "false",
|
|
1285
1288
|
"aria-haspopup": "listbox",
|
|
1286
1289
|
"aria-label": s,
|
|
1287
|
-
"aria-labelledby": [g,
|
|
1290
|
+
"aria-labelledby": [g, ke].filter(Boolean).join(" ") || void 0,
|
|
1288
1291
|
"aria-describedby": r,
|
|
1289
1292
|
"aria-required": E ? "true" : void 0,
|
|
1290
1293
|
"aria-invalid": C ? "true" : void 0,
|
|
1291
1294
|
onKeyDown: Ke,
|
|
1292
|
-
onMouseDown: y ||
|
|
1295
|
+
onMouseDown: y || A ? null : P,
|
|
1293
1296
|
onBlur: Ge,
|
|
1294
1297
|
onFocus: D,
|
|
1295
|
-
...
|
|
1298
|
+
...F,
|
|
1296
1299
|
ownerState: R,
|
|
1297
|
-
className: ae(
|
|
1298
|
-
id:
|
|
1300
|
+
className: ae(F.className, ye.select, v),
|
|
1301
|
+
id: ke,
|
|
1299
1302
|
children: Wt(re) ? (
|
|
1300
1303
|
// notranslate needed while Google Translate will not fix zero-width space issue
|
|
1301
1304
|
So || (So = /* @__PURE__ */ a.jsx("span", {
|
|
@@ -1310,7 +1313,7 @@ const zt = (o) => {
|
|
|
1310
1313
|
name: u,
|
|
1311
1314
|
ref: Q,
|
|
1312
1315
|
"aria-hidden": !0,
|
|
1313
|
-
onChange:
|
|
1316
|
+
onChange: Te,
|
|
1314
1317
|
tabIndex: -1,
|
|
1315
1318
|
disabled: y,
|
|
1316
1319
|
className: ye.nativeInput,
|
|
@@ -1318,7 +1321,7 @@ const zt = (o) => {
|
|
|
1318
1321
|
required: E,
|
|
1319
1322
|
...q,
|
|
1320
1323
|
ownerState: R
|
|
1321
|
-
}), /* @__PURE__ */ a.jsx(
|
|
1324
|
+
}), /* @__PURE__ */ a.jsx(At, {
|
|
1322
1325
|
as: O,
|
|
1323
1326
|
className: ye.icon,
|
|
1324
1327
|
ownerState: R
|
|
@@ -1349,12 +1352,12 @@ const zt = (o) => {
|
|
|
1349
1352
|
paper: {
|
|
1350
1353
|
...ve,
|
|
1351
1354
|
style: {
|
|
1352
|
-
minWidth:
|
|
1355
|
+
minWidth: je,
|
|
1353
1356
|
...ve != null ? ve.style : null
|
|
1354
1357
|
}
|
|
1355
1358
|
}
|
|
1356
1359
|
},
|
|
1357
|
-
children:
|
|
1360
|
+
children: Fe
|
|
1358
1361
|
})]
|
|
1359
1362
|
});
|
|
1360
1363
|
});
|
|
@@ -1418,7 +1421,7 @@ process.env.NODE_ENV !== "production" && (Do.propTypes = {
|
|
|
1418
1421
|
* Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
|
|
1419
1422
|
* Equivalent to `ref`
|
|
1420
1423
|
*/
|
|
1421
|
-
inputRef:
|
|
1424
|
+
inputRef: Ie,
|
|
1422
1425
|
/**
|
|
1423
1426
|
* The ID of an element that acts as an additional label. The Select will
|
|
1424
1427
|
* be labelled by the additional label and the selected value.
|
|
@@ -1516,7 +1519,7 @@ function to({
|
|
|
1516
1519
|
const Dt = pt(/* @__PURE__ */ a.jsx("path", {
|
|
1517
1520
|
d: "M7 10l5 5 5-5z"
|
|
1518
1521
|
}), "ArrowDropDown");
|
|
1519
|
-
function
|
|
1522
|
+
function Be(o) {
|
|
1520
1523
|
return parseInt(o, 10) || 0;
|
|
1521
1524
|
}
|
|
1522
1525
|
const Ut = {
|
|
@@ -1552,7 +1555,7 @@ const Uo = /* @__PURE__ */ l.forwardRef(function(t, n) {
|
|
|
1552
1555
|
...v
|
|
1553
1556
|
} = t, {
|
|
1554
1557
|
current: h
|
|
1555
|
-
} = l.useRef(p != null), m = l.useRef(null), y =
|
|
1558
|
+
} = l.useRef(p != null), m = l.useRef(null), y = Ae(n, m), b = l.useRef(null), C = l.useRef(null), O = l.useCallback(() => {
|
|
1556
1559
|
const u = m.current, f = C.current;
|
|
1557
1560
|
if (!u || !f)
|
|
1558
1561
|
return;
|
|
@@ -1564,14 +1567,14 @@ const Uo = /* @__PURE__ */ l.forwardRef(function(t, n) {
|
|
|
1564
1567
|
};
|
|
1565
1568
|
f.style.width = I.width, f.value = u.value || t.placeholder || "x", f.value.slice(-1) === `
|
|
1566
1569
|
` && (f.value += " ");
|
|
1567
|
-
const D = I.boxSizing, H =
|
|
1570
|
+
const D = I.boxSizing, H = Be(I.paddingBottom) + Be(I.paddingTop), _ = Be(I.borderBottomWidth) + Be(I.borderTopWidth), A = f.scrollHeight;
|
|
1568
1571
|
f.value = "x";
|
|
1569
1572
|
const L = f.scrollHeight;
|
|
1570
|
-
let E =
|
|
1573
|
+
let E = A;
|
|
1571
1574
|
c && (E = Math.max(Number(c) * L, E)), s && (E = Math.min(Number(s) * L, E)), E = Math.max(E, L);
|
|
1572
|
-
const
|
|
1575
|
+
const F = E + (D === "border-box" ? H + _ : 0), W = Math.abs(E - A) <= 1;
|
|
1573
1576
|
return {
|
|
1574
|
-
outerHeightStyle:
|
|
1577
|
+
outerHeightStyle: F,
|
|
1575
1578
|
overflowing: W
|
|
1576
1579
|
};
|
|
1577
1580
|
}, [s, c, t.placeholder]), T = rt(() => {
|
|
@@ -1717,7 +1720,7 @@ const Le = (o, t) => {
|
|
|
1717
1720
|
cursor: "text",
|
|
1718
1721
|
display: "inline-flex",
|
|
1719
1722
|
alignItems: "center",
|
|
1720
|
-
[`&.${
|
|
1723
|
+
[`&.${Ee.disabled}`]: {
|
|
1721
1724
|
color: (o.vars || o).palette.text.disabled,
|
|
1722
1725
|
cursor: "default"
|
|
1723
1726
|
},
|
|
@@ -1802,7 +1805,7 @@ const Le = (o, t) => {
|
|
|
1802
1805
|
WebkitAppearance: "none"
|
|
1803
1806
|
},
|
|
1804
1807
|
// Show and hide the placeholder logic
|
|
1805
|
-
[`label[data-shrink=false] + .${
|
|
1808
|
+
[`label[data-shrink=false] + .${Ee.formControl} &`]: {
|
|
1806
1809
|
"&::-webkit-input-placeholder": r,
|
|
1807
1810
|
"&::-moz-placeholder": r,
|
|
1808
1811
|
// Firefox 19+
|
|
@@ -1814,7 +1817,7 @@ const Le = (o, t) => {
|
|
|
1814
1817
|
"&:focus::-ms-input-placeholder": s
|
|
1815
1818
|
// Edge
|
|
1816
1819
|
},
|
|
1817
|
-
[`&.${
|
|
1820
|
+
[`&.${Ee.disabled}`]: {
|
|
1818
1821
|
opacity: 1,
|
|
1819
1822
|
// Reset iOS opacity
|
|
1820
1823
|
WebkitTextFillColor: (o.vars || o).palette.text.disabled
|
|
@@ -1897,29 +1900,29 @@ const Le = (o, t) => {
|
|
|
1897
1900
|
minRows: D,
|
|
1898
1901
|
multiline: H = !1,
|
|
1899
1902
|
name: _,
|
|
1900
|
-
onBlur:
|
|
1903
|
+
onBlur: A,
|
|
1901
1904
|
onChange: L,
|
|
1902
1905
|
onClick: E,
|
|
1903
|
-
onFocus:
|
|
1906
|
+
onFocus: F,
|
|
1904
1907
|
onKeyDown: W,
|
|
1905
1908
|
onKeyUp: ce,
|
|
1906
1909
|
placeholder: K,
|
|
1907
|
-
readOnly:
|
|
1910
|
+
readOnly: B,
|
|
1908
1911
|
renderSuffix: q,
|
|
1909
1912
|
rows: k,
|
|
1910
1913
|
size: Ve,
|
|
1911
|
-
slotProps:
|
|
1914
|
+
slotProps: we = {},
|
|
1912
1915
|
slots: $e = {},
|
|
1913
1916
|
startAdornment: Q,
|
|
1914
1917
|
type: G = "text",
|
|
1915
1918
|
value: Z,
|
|
1916
1919
|
...He
|
|
1917
1920
|
} = r, ee = u.value != null ? u.value : Z, {
|
|
1918
|
-
current:
|
|
1921
|
+
current: Re
|
|
1919
1922
|
} = l.useRef(ee != null), J = l.useRef(), _e = l.useCallback((R) => {
|
|
1920
1923
|
process.env.NODE_ENV !== "production" && R && R.nodeName !== "INPUT" && !R.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
|
|
1921
1924
|
`));
|
|
1922
|
-
}, []), qe =
|
|
1925
|
+
}, []), qe = Ae(J, f, u.ref, _e), [oe, te] = l.useState(!1), P = eo();
|
|
1923
1926
|
process.env.NODE_ENV !== "production" && l.useEffect(() => {
|
|
1924
1927
|
if (P)
|
|
1925
1928
|
return P.registerEffect();
|
|
@@ -1930,22 +1933,22 @@ const Le = (o, t) => {
|
|
|
1930
1933
|
states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
|
|
1931
1934
|
});
|
|
1932
1935
|
U.focused = P ? P.focused : oe, l.useEffect(() => {
|
|
1933
|
-
!P && b && oe && (te(!1),
|
|
1934
|
-
}, [P, b, oe,
|
|
1935
|
-
const ne = P && P.onFilled,
|
|
1936
|
-
|
|
1937
|
-
}, [ne,
|
|
1936
|
+
!P && b && oe && (te(!1), A && A());
|
|
1937
|
+
}, [P, b, oe, A]);
|
|
1938
|
+
const ne = P && P.onFilled, Te = P && P.onEmpty, de = l.useCallback((R) => {
|
|
1939
|
+
Me(R) ? ne && ne() : Te && Te();
|
|
1940
|
+
}, [ne, Te]);
|
|
1938
1941
|
Ye(() => {
|
|
1939
|
-
|
|
1942
|
+
Re && de({
|
|
1940
1943
|
value: ee
|
|
1941
1944
|
});
|
|
1942
|
-
}, [ee, de,
|
|
1945
|
+
}, [ee, de, Re]);
|
|
1943
1946
|
const Ke = (R) => {
|
|
1944
|
-
|
|
1947
|
+
F && F(R), u.onFocus && u.onFocus(R), P && P.onFocus ? P.onFocus(R) : te(!0);
|
|
1945
1948
|
}, ue = (R) => {
|
|
1946
|
-
|
|
1949
|
+
A && A(R), u.onBlur && u.onBlur(R), P && P.onBlur ? P.onBlur(R) : te(!1);
|
|
1947
1950
|
}, Ge = (R, ...ye) => {
|
|
1948
|
-
if (!
|
|
1951
|
+
if (!Re) {
|
|
1949
1952
|
const ve = R.target || J.current;
|
|
1950
1953
|
if (ve == null)
|
|
1951
1954
|
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : jo(1));
|
|
@@ -1995,28 +1998,28 @@ const Le = (o, t) => {
|
|
|
1995
1998
|
size: U.size,
|
|
1996
1999
|
startAdornment: Q,
|
|
1997
2000
|
type: G
|
|
1998
|
-
},
|
|
2001
|
+
}, Fe = Ht(pe), je = $e.root || h.Root || ze, fe = we.root || m.root || {}, ke = $e.input || h.Input || De;
|
|
1999
2002
|
return z = {
|
|
2000
2003
|
...z,
|
|
2001
|
-
...
|
|
2004
|
+
...we.input ?? m.input
|
|
2002
2005
|
}, /* @__PURE__ */ a.jsxs(l.Fragment, {
|
|
2003
2006
|
children: [!C && typeof Ro == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
|
|
2004
2007
|
// For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
|
|
2005
|
-
(wo || (wo = /* @__PURE__ */ a.jsx(Ro, {}))), /* @__PURE__ */ a.jsxs(
|
|
2008
|
+
(wo || (wo = /* @__PURE__ */ a.jsx(Ro, {}))), /* @__PURE__ */ a.jsxs(je, {
|
|
2006
2009
|
...fe,
|
|
2007
2010
|
ref: n,
|
|
2008
2011
|
onClick: re,
|
|
2009
2012
|
...He,
|
|
2010
|
-
...!ho(
|
|
2013
|
+
...!ho(je) && {
|
|
2011
2014
|
ownerState: {
|
|
2012
2015
|
...pe,
|
|
2013
2016
|
...fe.ownerState
|
|
2014
2017
|
}
|
|
2015
2018
|
},
|
|
2016
|
-
className: ae(
|
|
2017
|
-
children: [Q, /* @__PURE__ */ a.jsx(
|
|
2019
|
+
className: ae(Fe.root, fe.className, p, B && "MuiInputBase-readOnly"),
|
|
2020
|
+
children: [Q, /* @__PURE__ */ a.jsx(Eo.Provider, {
|
|
2018
2021
|
value: null,
|
|
2019
|
-
children: /* @__PURE__ */ a.jsx(
|
|
2022
|
+
children: /* @__PURE__ */ a.jsx(ke, {
|
|
2020
2023
|
"aria-invalid": U.error,
|
|
2021
2024
|
"aria-describedby": s,
|
|
2022
2025
|
autoComplete: c,
|
|
@@ -2027,7 +2030,7 @@ const Le = (o, t) => {
|
|
|
2027
2030
|
onAnimationStart: he,
|
|
2028
2031
|
name: _,
|
|
2029
2032
|
placeholder: K,
|
|
2030
|
-
readOnly:
|
|
2033
|
+
readOnly: B,
|
|
2031
2034
|
required: U.required,
|
|
2032
2035
|
rows: k,
|
|
2033
2036
|
value: ee,
|
|
@@ -2035,7 +2038,7 @@ const Le = (o, t) => {
|
|
|
2035
2038
|
onKeyUp: ce,
|
|
2036
2039
|
type: G,
|
|
2037
2040
|
...z,
|
|
2038
|
-
...!ho(
|
|
2041
|
+
...!ho(ke) && {
|
|
2039
2042
|
as: ge,
|
|
2040
2043
|
ownerState: {
|
|
2041
2044
|
...pe,
|
|
@@ -2043,7 +2046,7 @@ const Le = (o, t) => {
|
|
|
2043
2046
|
}
|
|
2044
2047
|
},
|
|
2045
2048
|
ref: qe,
|
|
2046
|
-
className: ae(
|
|
2049
|
+
className: ae(Fe.input, z.className, B && "MuiInputBase-readOnly"),
|
|
2047
2050
|
onBlur: ue,
|
|
2048
2051
|
onChange: Ge,
|
|
2049
2052
|
onFocus: Ke
|
|
@@ -2159,7 +2162,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
|
|
|
2159
2162
|
/**
|
|
2160
2163
|
* Pass a ref to the `input` element.
|
|
2161
2164
|
*/
|
|
2162
|
-
inputRef:
|
|
2165
|
+
inputRef: Ie,
|
|
2163
2166
|
/**
|
|
2164
2167
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
2165
2168
|
* FormControl.
|
|
@@ -2284,11 +2287,11 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
|
|
|
2284
2287
|
value: e.any
|
|
2285
2288
|
});
|
|
2286
2289
|
function _t(o) {
|
|
2287
|
-
return
|
|
2290
|
+
return Se("MuiInput", o);
|
|
2288
2291
|
}
|
|
2289
|
-
const
|
|
2290
|
-
...
|
|
2291
|
-
...
|
|
2292
|
+
const Pe = {
|
|
2293
|
+
...Ee,
|
|
2294
|
+
...Oe("MuiInput", ["root", "underline", "input"])
|
|
2292
2295
|
}, qt = (o) => {
|
|
2293
2296
|
const {
|
|
2294
2297
|
classes: t,
|
|
@@ -2346,12 +2349,12 @@ const ke = {
|
|
|
2346
2349
|
pointerEvents: "none"
|
|
2347
2350
|
// Transparent to the hover style.
|
|
2348
2351
|
},
|
|
2349
|
-
[`&.${
|
|
2352
|
+
[`&.${Pe.focused}:after`]: {
|
|
2350
2353
|
// translateX(0) is a workaround for Safari transform scale bug
|
|
2351
2354
|
// See https://github.com/mui/material-ui/issues/31766
|
|
2352
2355
|
transform: "scaleX(1) translateX(0)"
|
|
2353
2356
|
},
|
|
2354
|
-
[`&.${
|
|
2357
|
+
[`&.${Pe.error}`]: {
|
|
2355
2358
|
"&::before, &::after": {
|
|
2356
2359
|
borderBottomColor: (o.vars || o).palette.error.main
|
|
2357
2360
|
}
|
|
@@ -2369,14 +2372,14 @@ const ke = {
|
|
|
2369
2372
|
pointerEvents: "none"
|
|
2370
2373
|
// Transparent to the hover style.
|
|
2371
2374
|
},
|
|
2372
|
-
[`&:hover:not(.${
|
|
2375
|
+
[`&:hover:not(.${Pe.disabled}, .${Pe.error}):before`]: {
|
|
2373
2376
|
borderBottom: `2px solid ${(o.vars || o).palette.text.primary}`,
|
|
2374
2377
|
// Reset on touch devices, it doesn't add specificity
|
|
2375
2378
|
"@media (hover: none)": {
|
|
2376
2379
|
borderBottom: `1px solid ${n}`
|
|
2377
2380
|
}
|
|
2378
2381
|
},
|
|
2379
|
-
[`&.${
|
|
2382
|
+
[`&.${Pe.disabled}:before`]: {
|
|
2380
2383
|
borderBottomStyle: "dotted"
|
|
2381
2384
|
}
|
|
2382
2385
|
}
|
|
@@ -2528,7 +2531,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
|
|
|
2528
2531
|
/**
|
|
2529
2532
|
* Pass a ref to the `input` element.
|
|
2530
2533
|
*/
|
|
2531
|
-
inputRef:
|
|
2534
|
+
inputRef: Ie,
|
|
2532
2535
|
/**
|
|
2533
2536
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
2534
2537
|
* FormControl.
|
|
@@ -2620,11 +2623,11 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
|
|
|
2620
2623
|
});
|
|
2621
2624
|
no.muiName = "Input";
|
|
2622
2625
|
function Xt(o) {
|
|
2623
|
-
return
|
|
2626
|
+
return Se("MuiFilledInput", o);
|
|
2624
2627
|
}
|
|
2625
2628
|
const me = {
|
|
2626
|
-
...
|
|
2627
|
-
...
|
|
2629
|
+
...Ee,
|
|
2630
|
+
...Oe("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
|
|
2628
2631
|
}, Yt = (o) => {
|
|
2629
2632
|
const {
|
|
2630
2633
|
classes: t,
|
|
@@ -3020,7 +3023,7 @@ process.env.NODE_ENV !== "production" && (ro.propTypes = {
|
|
|
3020
3023
|
/**
|
|
3021
3024
|
* Pass a ref to the `input` element.
|
|
3022
3025
|
*/
|
|
3023
|
-
inputRef:
|
|
3026
|
+
inputRef: Ie,
|
|
3024
3027
|
/**
|
|
3025
3028
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
3026
3029
|
* FormControl.
|
|
@@ -3553,7 +3556,7 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
|
|
|
3553
3556
|
/**
|
|
3554
3557
|
* Pass a ref to the `input` element.
|
|
3555
3558
|
*/
|
|
3556
|
-
inputRef:
|
|
3559
|
+
inputRef: Ie,
|
|
3557
3560
|
/**
|
|
3558
3561
|
* The label of the `input`. It is only used for layout. The actual labelling
|
|
3559
3562
|
* is handled by `InputLabel`.
|
|
@@ -3653,7 +3656,7 @@ const sn = (o) => {
|
|
|
3653
3656
|
classes: t
|
|
3654
3657
|
} = o, r = Y({
|
|
3655
3658
|
root: ["root"]
|
|
3656
|
-
},
|
|
3659
|
+
}, zo, t);
|
|
3657
3660
|
return {
|
|
3658
3661
|
...t,
|
|
3659
3662
|
...r
|
|
@@ -3689,17 +3692,17 @@ const sn = (o) => {
|
|
|
3689
3692
|
SelectDisplayProps: D,
|
|
3690
3693
|
variant: H = "outlined",
|
|
3691
3694
|
..._
|
|
3692
|
-
} = r,
|
|
3695
|
+
} = r, A = S ? Wo : Do, L = eo(), E = to({
|
|
3693
3696
|
props: r,
|
|
3694
3697
|
muiFormControl: L,
|
|
3695
3698
|
states: ["variant", "error"]
|
|
3696
|
-
}),
|
|
3699
|
+
}), F = E.variant || H, W = {
|
|
3697
3700
|
...r,
|
|
3698
|
-
variant:
|
|
3701
|
+
variant: F,
|
|
3699
3702
|
classes: i
|
|
3700
3703
|
}, ce = sn(W), {
|
|
3701
3704
|
root: K,
|
|
3702
|
-
...
|
|
3705
|
+
...B
|
|
3703
3706
|
} = ce, q = b || {
|
|
3704
3707
|
standard: /* @__PURE__ */ a.jsx(an, {
|
|
3705
3708
|
ownerState: W
|
|
@@ -3711,17 +3714,17 @@ const sn = (o) => {
|
|
|
3711
3714
|
filled: /* @__PURE__ */ a.jsx(cn, {
|
|
3712
3715
|
ownerState: W
|
|
3713
3716
|
})
|
|
3714
|
-
}[
|
|
3717
|
+
}[F], k = Ae(n, dt(q));
|
|
3715
3718
|
return /* @__PURE__ */ a.jsx(l.Fragment, {
|
|
3716
3719
|
children: /* @__PURE__ */ l.cloneElement(q, {
|
|
3717
3720
|
// Most of the logic is implemented in `SelectInput`.
|
|
3718
3721
|
// The `Select` component is a simple API wrapper to expose something better to play with.
|
|
3719
|
-
inputComponent:
|
|
3722
|
+
inputComponent: A,
|
|
3720
3723
|
inputProps: {
|
|
3721
3724
|
children: c,
|
|
3722
3725
|
error: E.error,
|
|
3723
3726
|
IconComponent: m,
|
|
3724
|
-
variant:
|
|
3727
|
+
variant: F,
|
|
3725
3728
|
type: void 0,
|
|
3726
3729
|
// We render a select. We can ignore the type provided by the `Input`.
|
|
3727
3730
|
multiple: w,
|
|
@@ -3743,17 +3746,17 @@ const sn = (o) => {
|
|
|
3743
3746
|
}
|
|
3744
3747
|
},
|
|
3745
3748
|
...C,
|
|
3746
|
-
classes: C ? Qe(
|
|
3749
|
+
classes: C ? Qe(B, C.classes) : B,
|
|
3747
3750
|
...b ? b.props.inputProps : {}
|
|
3748
3751
|
},
|
|
3749
|
-
...(w && S || h) &&
|
|
3752
|
+
...(w && S || h) && F === "outlined" ? {
|
|
3750
3753
|
notched: !0
|
|
3751
3754
|
} : {},
|
|
3752
3755
|
ref: k,
|
|
3753
3756
|
className: ae(q.props.className, p, ce.root),
|
|
3754
3757
|
// If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
|
|
3755
3758
|
...!b && {
|
|
3756
|
-
variant:
|
|
3759
|
+
variant: F
|
|
3757
3760
|
},
|
|
3758
3761
|
..._
|
|
3759
3762
|
})
|
|
@@ -3907,7 +3910,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
|
|
|
3907
3910
|
variant: e.oneOf(["filled", "outlined", "standard"])
|
|
3908
3911
|
});
|
|
3909
3912
|
ao.muiName = "Select";
|
|
3910
|
-
const
|
|
3913
|
+
const Pn = ({ editor: o }) => {
|
|
3911
3914
|
const t = Jo(), [n, r] = l.useState("");
|
|
3912
3915
|
return /* @__PURE__ */ a.jsxs(l.Fragment, { children: [
|
|
3913
3916
|
/* @__PURE__ */ a.jsx(
|
|
@@ -4055,7 +4058,7 @@ const En = ({ editor: o }) => {
|
|
|
4055
4058
|
},
|
|
4056
4059
|
open: t.open,
|
|
4057
4060
|
slotProps: { paper: { sx: { p: 2 } } },
|
|
4058
|
-
children: /* @__PURE__ */ a.jsx(
|
|
4061
|
+
children: /* @__PURE__ */ a.jsx($o, { children: /* @__PURE__ */ a.jsx(
|
|
4059
4062
|
Qo,
|
|
4060
4063
|
{
|
|
4061
4064
|
name: "url",
|
|
@@ -4086,5 +4089,5 @@ const ie = l.forwardRef(function({ active: t, children: n, disabled: r, onClick:
|
|
|
4086
4089
|
return /* @__PURE__ */ a.jsx(Mo, { color: t ? "primary" : "secondary", disabled: r, onClick: s, ref: c, children: n });
|
|
4087
4090
|
});
|
|
4088
4091
|
export {
|
|
4089
|
-
|
|
4092
|
+
Pn as STextEditorToolbar
|
|
4090
4093
|
};
|