@solostylist/ui-kit 1.0.133 → 1.0.134
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/{ButtonBase-DVlCHVDw.js → ButtonBase-INrHi5Tf.js} +28 -28
- package/dist/{ChevronRight-DQD188LX.js → ChevronRight-CyCLDFyO.js} +1 -1
- package/dist/{Close-DlTC3goO.js → Close-D4kX7Vbc.js} +1 -1
- package/dist/DefaultPropsProvider-ClLA4IsM.js +78 -0
- package/dist/{ExpandMore-D5dA_4ky.js → ExpandMore-mZGpvXf6.js} +1 -1
- package/dist/{Favorite-DkdOa-QT.js → Favorite-D-vTz4mw.js} +1 -1
- package/dist/{Menu-CgxtGUFu.js → Menu-Cx9465L8.js} +4 -4
- package/dist/{MenuItem-FlDSyi1I.js → MenuItem-DPprLtbJ.js} +69 -64
- package/dist/{Paper-DTI6p5rh.js → Paper-GzSZS-Pr.js} +2 -2
- package/dist/{Select-awnAAkKz.js → Select-32LY-KQR.js} +17 -16
- package/dist/{Stack-CO3ed3qL.js → Stack-CGZpcupa.js} +1 -1
- package/dist/{Typography-y4bVBfDI.js → Typography-Dgg8buRq.js} +1 -1
- package/dist/createSvgIcon-Dq42_0tn.js +247 -0
- package/dist/{mergeSlotProps-C7ui6BxO.js → mergeSlotProps-CbVWfTAi.js} +1 -1
- package/dist/s-accordion/s-accordion.js +6 -6
- package/dist/s-carousel/s-carousel.js +1 -1
- package/dist/s-chat-input/s-chat-input.js +2 -2
- package/dist/s-chat-message/s-chat-message.js +1 -1
- package/dist/s-comment-message/s-comment-message.js +3 -3
- package/dist/s-copyable-text/s-copyable-text.js +1 -1
- package/dist/s-data-table/s-data-table.js +6 -5
- package/dist/s-date-picker/s-date-picker.js +4 -4
- package/dist/s-datetime-picker/s-datetime-picker.js +24 -23
- package/dist/s-dialog/s-dialog.js +1 -1
- package/dist/s-dialog-confirm/s-dialog-confirm.js +2 -2
- package/dist/s-dialog-message/s-dialog-message.js +2 -2
- package/dist/s-file-dropzone/s-file-dropzone.js +3 -3
- package/dist/s-image-comparison/s-image-comparison.js +1 -1
- package/dist/s-image-modal/s-image-modal.js +2 -2
- package/dist/s-label/s-label.js +1 -1
- package/dist/s-language-switcher/index.d.ts +2 -0
- package/dist/s-language-switcher/index.js +6 -0
- package/dist/s-language-switcher/package.json +5 -0
- package/dist/s-language-switcher/s-language-switcher.d.ts +63 -0
- package/dist/s-language-switcher/s-language-switcher.js +196 -0
- package/dist/s-multi-select/s-multi-select.js +3 -3
- package/dist/s-review/s-review.js +1 -1
- package/dist/s-select/s-select.js +1 -1
- package/dist/s-text-editor/s-text-editor-toolbar.js +4 -4
- package/dist/s-text-field/s-text-field.js +1 -1
- package/dist/s-theme-demo/s-theme-demo.js +2 -2
- package/dist/s-theme-switch/s-theme-switch.js +1 -1
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/theme/components/avatar.js +1 -1
- package/dist/theme/components/chip.js +1 -1
- package/dist/theme/customizations/inputs.js +1 -1
- package/dist/theme/customizations/navigation.js +1 -1
- package/dist/{useMobilePicker-BV-ABj4C.js → useMobilePicker-CBFfceXe.js} +51 -50
- package/package.json +1 -1
- package/dist/createSvgIcon-By5UWB4_.js +0 -318
|
@@ -4,7 +4,7 @@ var q = (t, n, e) => xe(t, typeof n != "symbol" ? n + "" : n, e);
|
|
|
4
4
|
import { c as oe } from "./resolveProps-61uUKnlS.js";
|
|
5
5
|
import * as l from "react";
|
|
6
6
|
import { P as o } from "./createTheme-3Wd3hHrj.js";
|
|
7
|
-
import {
|
|
7
|
+
import { c as D, u as ue, a as Ie } from "./DefaultPropsProvider-ClLA4IsM.js";
|
|
8
8
|
import { j as P } from "./jsx-runtime-OVHDjVDe.js";
|
|
9
9
|
import { g as Se } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
10
10
|
import { s as Q } from "./styled-BD_erj7E.js";
|
|
@@ -162,18 +162,18 @@ function Fe(t) {
|
|
|
162
162
|
...e == null ? void 0 : e.style,
|
|
163
163
|
...i == null ? void 0 : i.style,
|
|
164
164
|
...s == null ? void 0 : s.style
|
|
165
|
-
},
|
|
165
|
+
}, y = {
|
|
166
166
|
...a,
|
|
167
167
|
...e,
|
|
168
168
|
...g,
|
|
169
169
|
...h
|
|
170
170
|
};
|
|
171
|
-
return m.length > 0 && (
|
|
172
|
-
props:
|
|
171
|
+
return m.length > 0 && (y.className = m), Object.keys(p).length > 0 && (y.style = p), {
|
|
172
|
+
props: y,
|
|
173
173
|
internalRef: a.ref
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
|
-
function
|
|
176
|
+
function yt(t, n) {
|
|
177
177
|
const {
|
|
178
178
|
className: e,
|
|
179
179
|
elementType: s,
|
|
@@ -190,7 +190,7 @@ function bt(t, n) {
|
|
|
190
190
|
slotProps: p = {
|
|
191
191
|
[t]: void 0
|
|
192
192
|
},
|
|
193
|
-
...
|
|
193
|
+
...y
|
|
194
194
|
} = u, R = m[t] || s, d = Xe(p[t], i), {
|
|
195
195
|
props: {
|
|
196
196
|
component: T,
|
|
@@ -200,7 +200,7 @@ function bt(t, n) {
|
|
|
200
200
|
} = Fe({
|
|
201
201
|
className: e,
|
|
202
202
|
...g,
|
|
203
|
-
externalForwardedProps: t === "root" ?
|
|
203
|
+
externalForwardedProps: t === "root" ? y : void 0,
|
|
204
204
|
externalSlotProps: d
|
|
205
205
|
}), U = v(S, d == null ? void 0 : d.ref, n.ref), C = t === "root" ? T || a : T, c = Ye(R, {
|
|
206
206
|
...t === "root" && !a && !m[t] && f,
|
|
@@ -291,7 +291,7 @@ function le(t) {
|
|
|
291
291
|
in: h,
|
|
292
292
|
onExited: g,
|
|
293
293
|
timeout: a
|
|
294
|
-
} = t, [m, p] = l.useState(!1),
|
|
294
|
+
} = t, [m, p] = l.useState(!1), y = D(n, e.ripple, e.rippleVisible, s && e.ripplePulsate), R = {
|
|
295
295
|
width: f,
|
|
296
296
|
height: f,
|
|
297
297
|
top: -(f / 2) + u,
|
|
@@ -305,7 +305,7 @@ function le(t) {
|
|
|
305
305
|
};
|
|
306
306
|
}
|
|
307
307
|
}, [g, h, a]), /* @__PURE__ */ P.jsx("span", {
|
|
308
|
-
className:
|
|
308
|
+
className: y,
|
|
309
309
|
style: R,
|
|
310
310
|
children: /* @__PURE__ */ P.jsx("span", {
|
|
311
311
|
className: d
|
|
@@ -457,7 +457,7 @@ const M = Se("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
457
457
|
l.useEffect(() => {
|
|
458
458
|
p.current && (p.current(), p.current = null);
|
|
459
459
|
}, [g]);
|
|
460
|
-
const
|
|
460
|
+
const y = l.useRef(!1), R = Ue(), d = l.useRef(null), T = l.useRef(null), E = l.useCallback((c) => {
|
|
461
461
|
const {
|
|
462
462
|
pulsate: w,
|
|
463
463
|
rippleX: N,
|
|
@@ -488,11 +488,11 @@ const M = Se("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
488
488
|
fakeElement: z = !1
|
|
489
489
|
// For test purposes
|
|
490
490
|
} = w;
|
|
491
|
-
if ((c == null ? void 0 : c.type) === "mousedown" &&
|
|
492
|
-
|
|
491
|
+
if ((c == null ? void 0 : c.type) === "mousedown" && y.current) {
|
|
492
|
+
y.current = !1;
|
|
493
493
|
return;
|
|
494
494
|
}
|
|
495
|
-
(c == null ? void 0 : c.type) === "touchstart" && (
|
|
495
|
+
(c == null ? void 0 : c.type) === "touchstart" && (y.current = !0);
|
|
496
496
|
const k = z ? null : T.current, V = k ? k.getBoundingClientRect() : {
|
|
497
497
|
width: 0,
|
|
498
498
|
height: 0,
|
|
@@ -640,7 +640,7 @@ const nt = (t) => {
|
|
|
640
640
|
disabled: a = !1,
|
|
641
641
|
disableRipple: m = !1,
|
|
642
642
|
disableTouchRipple: p = !1,
|
|
643
|
-
focusRipple:
|
|
643
|
+
focusRipple: y = !1,
|
|
644
644
|
focusVisibleClassName: R,
|
|
645
645
|
LinkComponent: d = "a",
|
|
646
646
|
onBlur: T,
|
|
@@ -662,19 +662,19 @@ const nt = (t) => {
|
|
|
662
662
|
touchRippleRef: H,
|
|
663
663
|
type: $,
|
|
664
664
|
...K
|
|
665
|
-
} = s, Y = l.useRef(null),
|
|
665
|
+
} = s, Y = l.useRef(null), b = Ze(), pe = v(b.ref, H), [B, F] = l.useState(!1);
|
|
666
666
|
a && B && F(!1), l.useImperativeHandle(i, () => ({
|
|
667
667
|
focusVisible: () => {
|
|
668
668
|
F(!0), Y.current.focus();
|
|
669
669
|
}
|
|
670
670
|
}), []);
|
|
671
|
-
const fe =
|
|
671
|
+
const fe = b.shouldMount && !m && !a;
|
|
672
672
|
l.useEffect(() => {
|
|
673
|
-
B &&
|
|
674
|
-
}, [m,
|
|
675
|
-
const de = I(
|
|
673
|
+
B && y && !m && b.pulsate();
|
|
674
|
+
}, [m, y, B, b]);
|
|
675
|
+
const de = I(b, "start", A, p), he = I(b, "stop", S, p), me = I(b, "stop", U, p), ye = I(b, "stop", z, p), be = I(b, "stop", (r) => {
|
|
676
676
|
B && r.preventDefault(), O && O(r);
|
|
677
|
-
}, p), ge = I(
|
|
677
|
+
}, p), ge = I(b, "start", j, p), Re = I(b, "stop", k, p), Te = I(b, "stop", V, p), Me = I(b, "stop", (r) => {
|
|
678
678
|
ie(r.target) || F(!1), T && T(r);
|
|
679
679
|
}, !1), Ee = Z((r) => {
|
|
680
680
|
Y.current || (Y.current = r.currentTarget), ie(r.target) && (F(!0), c && c(r)), C && C(r);
|
|
@@ -682,12 +682,12 @@ const nt = (t) => {
|
|
|
682
682
|
const r = Y.current;
|
|
683
683
|
return g && g !== "button" && !(r.tagName === "A" && r.href);
|
|
684
684
|
}, Ce = Z((r) => {
|
|
685
|
-
|
|
686
|
-
|
|
685
|
+
y && !r.repeat && B && r.key === " " && b.stop(r, () => {
|
|
686
|
+
b.start(r);
|
|
687
687
|
}), r.target === r.currentTarget && G() && r.key === " " && r.preventDefault(), w && w(r), r.target === r.currentTarget && G() && r.key === "Enter" && !a && (r.preventDefault(), E && E(r));
|
|
688
688
|
}), Ne = Z((r) => {
|
|
689
|
-
|
|
690
|
-
|
|
689
|
+
y && r.key === " " && B && !r.defaultPrevented && b.stop(r, () => {
|
|
690
|
+
b.pulsate(r);
|
|
691
691
|
}), N && N(r), E && r.target === r.currentTarget && G() && r.key === " " && !r.defaultPrevented && E(r);
|
|
692
692
|
});
|
|
693
693
|
let W = g;
|
|
@@ -701,7 +701,7 @@ const nt = (t) => {
|
|
|
701
701
|
disabled: a,
|
|
702
702
|
disableRipple: m,
|
|
703
703
|
disableTouchRipple: p,
|
|
704
|
-
focusRipple:
|
|
704
|
+
focusRipple: y,
|
|
705
705
|
tabIndex: x,
|
|
706
706
|
focusVisible: B
|
|
707
707
|
}, ke = nt(ne);
|
|
@@ -716,8 +716,8 @@ const nt = (t) => {
|
|
|
716
716
|
onKeyDown: Ce,
|
|
717
717
|
onKeyUp: Ne,
|
|
718
718
|
onMouseDown: de,
|
|
719
|
-
onMouseLeave:
|
|
720
|
-
onMouseUp:
|
|
719
|
+
onMouseLeave: be,
|
|
720
|
+
onMouseUp: ye,
|
|
721
721
|
onDragLeave: me,
|
|
722
722
|
onTouchEnd: Re,
|
|
723
723
|
onTouchMove: Te,
|
|
@@ -900,7 +900,7 @@ export {
|
|
|
900
900
|
Xe as a,
|
|
901
901
|
Ue as b,
|
|
902
902
|
$e as c,
|
|
903
|
-
|
|
903
|
+
yt as d,
|
|
904
904
|
He as e,
|
|
905
905
|
Z as f,
|
|
906
906
|
qe as g,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as o } from "./jsx-runtime-OVHDjVDe.js";
|
|
2
|
-
import { c as t } from "./createSvgIcon-
|
|
2
|
+
import { c as t } from "./createSvgIcon-Dq42_0tn.js";
|
|
3
3
|
const n = t(/* @__PURE__ */ o.jsx("path", {
|
|
4
4
|
d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
|
|
5
5
|
}), "ChevronLeft"), s = t(/* @__PURE__ */ o.jsx("path", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as o } from "./jsx-runtime-OVHDjVDe.js";
|
|
2
|
-
import { c as s } from "./createSvgIcon-
|
|
2
|
+
import { c as s } from "./createSvgIcon-Dq42_0tn.js";
|
|
3
3
|
const e = s(/* @__PURE__ */ o.jsx("path", {
|
|
4
4
|
d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
5
5
|
}), "Close");
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { p as h } from "./styled-BD_erj7E.js";
|
|
2
|
+
import * as p from "react";
|
|
3
|
+
import { P as i } from "./createTheme-3Wd3hHrj.js";
|
|
4
|
+
import "./jsx-runtime-OVHDjVDe.js";
|
|
5
|
+
import { r as c } from "./resolveProps-61uUKnlS.js";
|
|
6
|
+
function d(e) {
|
|
7
|
+
var t, o, n = "";
|
|
8
|
+
if (typeof e == "string" || typeof e == "number") n += e;
|
|
9
|
+
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
10
|
+
var r = e.length;
|
|
11
|
+
for (t = 0; t < r; t++) e[t] && (o = d(e[t])) && (n && (n += " "), n += o);
|
|
12
|
+
} else for (o in e) e[o] && (n && (n += " "), n += o);
|
|
13
|
+
return n;
|
|
14
|
+
}
|
|
15
|
+
function T() {
|
|
16
|
+
for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = d(e)) && (n && (n += " "), n += t);
|
|
17
|
+
return n;
|
|
18
|
+
}
|
|
19
|
+
function A(e, t, o = void 0) {
|
|
20
|
+
const n = {};
|
|
21
|
+
for (const r in e) {
|
|
22
|
+
const s = e[r];
|
|
23
|
+
let m = "", f = !0;
|
|
24
|
+
for (let a = 0; a < s.length; a += 1) {
|
|
25
|
+
const u = s[a];
|
|
26
|
+
u && (m += (f === !0 ? "" : " ") + t(u), f = !1, o && o[u] && (m += " " + o[u]));
|
|
27
|
+
}
|
|
28
|
+
n[r] = m;
|
|
29
|
+
}
|
|
30
|
+
return n;
|
|
31
|
+
}
|
|
32
|
+
const v = /* @__PURE__ */ p.createContext(void 0);
|
|
33
|
+
process.env.NODE_ENV !== "production" && (i.node, i.object);
|
|
34
|
+
function g(e) {
|
|
35
|
+
const {
|
|
36
|
+
theme: t,
|
|
37
|
+
name: o,
|
|
38
|
+
props: n
|
|
39
|
+
} = e;
|
|
40
|
+
if (!t || !t.components || !t.components[o])
|
|
41
|
+
return n;
|
|
42
|
+
const r = t.components[o];
|
|
43
|
+
return r.defaultProps ? c(r.defaultProps, n, t.components.mergeClassNameAndStyle) : !r.styleOverrides && !r.variants ? c(r, n, t.components.mergeClassNameAndStyle) : n;
|
|
44
|
+
}
|
|
45
|
+
function y({
|
|
46
|
+
props: e,
|
|
47
|
+
name: t
|
|
48
|
+
}) {
|
|
49
|
+
const o = p.useContext(v);
|
|
50
|
+
return g({
|
|
51
|
+
props: e,
|
|
52
|
+
name: t,
|
|
53
|
+
theme: {
|
|
54
|
+
components: o
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
const l = {
|
|
59
|
+
theme: void 0
|
|
60
|
+
};
|
|
61
|
+
function P(e) {
|
|
62
|
+
let t, o;
|
|
63
|
+
return function(r) {
|
|
64
|
+
let s = t;
|
|
65
|
+
return (s === void 0 || r.theme !== o) && (l.theme = r.theme, s = h(e(l)), t = s, o = r.theme), s;
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
const D = P;
|
|
69
|
+
process.env.NODE_ENV !== "production" && (i.node, i.object.isRequired);
|
|
70
|
+
function E(e) {
|
|
71
|
+
return y(e);
|
|
72
|
+
}
|
|
73
|
+
export {
|
|
74
|
+
A as a,
|
|
75
|
+
T as c,
|
|
76
|
+
D as m,
|
|
77
|
+
E as u
|
|
78
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as o } from "./jsx-runtime-OVHDjVDe.js";
|
|
2
|
-
import { c as r } from "./createSvgIcon-
|
|
2
|
+
import { c as r } from "./createSvgIcon-Dq42_0tn.js";
|
|
3
3
|
const p = r(/* @__PURE__ */ o.jsx("path", {
|
|
4
4
|
d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
|
|
5
5
|
}), "ExpandMore");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as o } from "./jsx-runtime-OVHDjVDe.js";
|
|
2
|
-
import { c as t } from "./createSvgIcon-
|
|
2
|
+
import { c as t } from "./createSvgIcon-Dq42_0tn.js";
|
|
3
3
|
const s = t(/* @__PURE__ */ o.jsx("path", {
|
|
4
4
|
d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z"
|
|
5
5
|
}), "Favorite");
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as u from "react";
|
|
2
2
|
import { P as e, j as He } from "./createTheme-3Wd3hHrj.js";
|
|
3
|
-
import { u as ce,
|
|
3
|
+
import { u as ce, c as ne, a as le, m as it } from "./DefaultPropsProvider-ClLA4IsM.js";
|
|
4
4
|
import { j as A } from "./jsx-runtime-OVHDjVDe.js";
|
|
5
5
|
import { s as G, r as at } from "./styled-BD_erj7E.js";
|
|
6
6
|
import { g as ue } from "./colorManipulator-ep5lERxB.js";
|
|
7
7
|
import { g as pe } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
8
|
-
import { c as Me, b as ct, u as Z, d as W, f as Fe, g as lt, i as ut, r as pt, e as dt, a as ft, m as mt, h as ht } from "./ButtonBase-
|
|
9
|
-
import { T as ze, u as qe, g as he, r as We, P as bt, i as gt } from "./Paper-
|
|
10
|
-
import { m as yt } from "./mergeSlotProps-
|
|
8
|
+
import { c as Me, b as ct, u as Z, d as W, f as Fe, g as lt, i as ut, r as pt, e as dt, a as ft, m as mt, h as ht } from "./ButtonBase-INrHi5Tf.js";
|
|
9
|
+
import { T as ze, u as qe, g as he, r as We, P as bt, i as gt } from "./Paper-GzSZS-Pr.js";
|
|
10
|
+
import { m as yt } from "./mergeSlotProps-CbVWfTAi.js";
|
|
11
11
|
import * as Et from "react-dom";
|
|
12
12
|
import { u as Ne } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
13
13
|
function De(...t) {
|
|
@@ -1,46 +1,50 @@
|
|
|
1
1
|
import * as d from "react";
|
|
2
2
|
import { P as o } from "./createTheme-3Wd3hHrj.js";
|
|
3
|
-
import { u as
|
|
4
|
-
import { s as S, r as
|
|
5
|
-
import { L as C } from "./Menu-
|
|
3
|
+
import { u as j, c as I, a as B, m as D } from "./DefaultPropsProvider-ClLA4IsM.js";
|
|
4
|
+
import { s as S, r as U } from "./styled-BD_erj7E.js";
|
|
5
|
+
import { L as C } from "./Menu-Cx9465L8.js";
|
|
6
6
|
import { g as c } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
7
|
-
import { g as
|
|
8
|
-
import { j as
|
|
9
|
-
import { u as
|
|
10
|
-
import { u as
|
|
7
|
+
import { g as m } from "./colorManipulator-ep5lERxB.js";
|
|
8
|
+
import { j as M } from "./jsx-runtime-OVHDjVDe.js";
|
|
9
|
+
import { u as E } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
10
|
+
import { u as P, B as F } from "./ButtonBase-INrHi5Tf.js";
|
|
11
11
|
function ee(e) {
|
|
12
|
-
return
|
|
12
|
+
return m("MuiDivider", e);
|
|
13
13
|
}
|
|
14
|
-
const
|
|
14
|
+
const $ = c("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
|
|
15
|
+
function oe(e) {
|
|
16
|
+
return m("MuiListItemIcon", e);
|
|
17
|
+
}
|
|
18
|
+
const w = c("MuiListItemIcon", ["root", "alignItemsFlexStart"]), O = c("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
|
|
15
19
|
function G(e) {
|
|
16
|
-
return
|
|
20
|
+
return m("MuiMenuItem", e);
|
|
17
21
|
}
|
|
18
|
-
const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), H = (e,
|
|
22
|
+
const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), H = (e, t) => {
|
|
19
23
|
const {
|
|
20
|
-
ownerState:
|
|
24
|
+
ownerState: s
|
|
21
25
|
} = e;
|
|
22
|
-
return [
|
|
26
|
+
return [t.root, s.dense && t.dense, s.divider && t.divider, !s.disableGutters && t.gutters];
|
|
23
27
|
}, z = (e) => {
|
|
24
28
|
const {
|
|
25
|
-
disabled:
|
|
26
|
-
dense:
|
|
29
|
+
disabled: t,
|
|
30
|
+
dense: s,
|
|
27
31
|
divider: a,
|
|
28
32
|
disableGutters: l,
|
|
29
33
|
selected: p,
|
|
30
|
-
classes:
|
|
31
|
-
} = e,
|
|
32
|
-
root: ["root",
|
|
33
|
-
}, G,
|
|
34
|
+
classes: i
|
|
35
|
+
} = e, r = B({
|
|
36
|
+
root: ["root", s && "dense", t && "disabled", !l && "gutters", a && "divider", p && "selected"]
|
|
37
|
+
}, G, i);
|
|
34
38
|
return {
|
|
35
|
-
...
|
|
36
|
-
...
|
|
39
|
+
...i,
|
|
40
|
+
...r
|
|
37
41
|
};
|
|
38
42
|
}, A = S(F, {
|
|
39
|
-
shouldForwardProp: (e) =>
|
|
43
|
+
shouldForwardProp: (e) => U(e) || e === "classes",
|
|
40
44
|
name: "MuiMenuItem",
|
|
41
45
|
slot: "Root",
|
|
42
46
|
overridesResolver: H
|
|
43
|
-
})(
|
|
47
|
+
})(D(({
|
|
44
48
|
theme: e
|
|
45
49
|
}) => ({
|
|
46
50
|
...e.typography.body1,
|
|
@@ -81,43 +85,43 @@ const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
|
|
|
81
85
|
[`&.${n.disabled}`]: {
|
|
82
86
|
opacity: (e.vars || e).palette.action.disabledOpacity
|
|
83
87
|
},
|
|
84
|
-
[`& + .${
|
|
88
|
+
[`& + .${$.root}`]: {
|
|
85
89
|
marginTop: e.spacing(1),
|
|
86
90
|
marginBottom: e.spacing(1)
|
|
87
91
|
},
|
|
88
|
-
[`& + .${
|
|
92
|
+
[`& + .${$.inset}`]: {
|
|
89
93
|
marginLeft: 52
|
|
90
94
|
},
|
|
91
|
-
[`& .${
|
|
95
|
+
[`& .${O.root}`]: {
|
|
92
96
|
marginTop: 0,
|
|
93
97
|
marginBottom: 0
|
|
94
98
|
},
|
|
95
|
-
[`& .${
|
|
99
|
+
[`& .${O.inset}`]: {
|
|
96
100
|
paddingLeft: 36
|
|
97
101
|
},
|
|
98
|
-
[`& .${
|
|
102
|
+
[`& .${w.root}`]: {
|
|
99
103
|
minWidth: 36
|
|
100
104
|
},
|
|
101
105
|
variants: [{
|
|
102
106
|
props: ({
|
|
103
|
-
ownerState:
|
|
104
|
-
}) => !
|
|
107
|
+
ownerState: t
|
|
108
|
+
}) => !t.disableGutters,
|
|
105
109
|
style: {
|
|
106
110
|
paddingLeft: 16,
|
|
107
111
|
paddingRight: 16
|
|
108
112
|
}
|
|
109
113
|
}, {
|
|
110
114
|
props: ({
|
|
111
|
-
ownerState:
|
|
112
|
-
}) =>
|
|
115
|
+
ownerState: t
|
|
116
|
+
}) => t.divider,
|
|
113
117
|
style: {
|
|
114
118
|
borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
|
|
115
119
|
backgroundClip: "padding-box"
|
|
116
120
|
}
|
|
117
121
|
}, {
|
|
118
122
|
props: ({
|
|
119
|
-
ownerState:
|
|
120
|
-
}) => !
|
|
123
|
+
ownerState: t
|
|
124
|
+
}) => !t.dense,
|
|
121
125
|
style: {
|
|
122
126
|
[e.breakpoints.up("sm")]: {
|
|
123
127
|
minHeight: "auto"
|
|
@@ -125,59 +129,59 @@ const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
|
|
|
125
129
|
}
|
|
126
130
|
}, {
|
|
127
131
|
props: ({
|
|
128
|
-
ownerState:
|
|
129
|
-
}) =>
|
|
132
|
+
ownerState: t
|
|
133
|
+
}) => t.dense,
|
|
130
134
|
style: {
|
|
131
135
|
minHeight: 32,
|
|
132
136
|
// https://m2.material.io/components/menus#specs > Dense
|
|
133
137
|
paddingTop: 4,
|
|
134
138
|
paddingBottom: 4,
|
|
135
139
|
...e.typography.body2,
|
|
136
|
-
[`& .${
|
|
140
|
+
[`& .${w.root} svg`]: {
|
|
137
141
|
fontSize: "1.25rem"
|
|
138
142
|
}
|
|
139
143
|
}
|
|
140
144
|
}]
|
|
141
|
-
}))), W = /* @__PURE__ */ d.forwardRef(function(
|
|
142
|
-
const a =
|
|
143
|
-
props:
|
|
145
|
+
}))), W = /* @__PURE__ */ d.forwardRef(function(t, s) {
|
|
146
|
+
const a = j({
|
|
147
|
+
props: t,
|
|
144
148
|
name: "MuiMenuItem"
|
|
145
149
|
}), {
|
|
146
150
|
autoFocus: l = !1,
|
|
147
151
|
component: p = "li",
|
|
148
|
-
dense:
|
|
149
|
-
divider:
|
|
150
|
-
disableGutters:
|
|
152
|
+
dense: i = !1,
|
|
153
|
+
divider: b = !1,
|
|
154
|
+
disableGutters: r = !1,
|
|
151
155
|
focusVisibleClassName: R,
|
|
152
156
|
role: T = "menuitem",
|
|
153
|
-
tabIndex:
|
|
157
|
+
tabIndex: g,
|
|
154
158
|
className: V,
|
|
155
159
|
...k
|
|
156
|
-
} = a,
|
|
157
|
-
dense:
|
|
158
|
-
disableGutters:
|
|
159
|
-
}), [
|
|
160
|
-
|
|
160
|
+
} = a, v = d.useContext(C), y = d.useMemo(() => ({
|
|
161
|
+
dense: i || v.dense || !1,
|
|
162
|
+
disableGutters: r
|
|
163
|
+
}), [v.dense, i, r]), u = d.useRef(null);
|
|
164
|
+
E(() => {
|
|
161
165
|
l && (u.current ? u.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
|
|
162
166
|
}, [l]);
|
|
163
|
-
const
|
|
167
|
+
const L = {
|
|
164
168
|
...a,
|
|
165
|
-
dense:
|
|
166
|
-
divider:
|
|
167
|
-
disableGutters:
|
|
168
|
-
}, f = z(a),
|
|
169
|
-
let
|
|
170
|
-
return a.disabled || (
|
|
171
|
-
value:
|
|
172
|
-
children: /* @__PURE__ */
|
|
173
|
-
ref:
|
|
169
|
+
dense: y.dense,
|
|
170
|
+
divider: b,
|
|
171
|
+
disableGutters: r
|
|
172
|
+
}, f = z(a), N = P(u, s);
|
|
173
|
+
let x;
|
|
174
|
+
return a.disabled || (x = g !== void 0 ? g : -1), /* @__PURE__ */ M.jsx(C.Provider, {
|
|
175
|
+
value: y,
|
|
176
|
+
children: /* @__PURE__ */ M.jsx(A, {
|
|
177
|
+
ref: N,
|
|
174
178
|
role: T,
|
|
175
|
-
tabIndex:
|
|
179
|
+
tabIndex: x,
|
|
176
180
|
component: p,
|
|
177
|
-
focusVisibleClassName:
|
|
178
|
-
className:
|
|
181
|
+
focusVisibleClassName: I(f.focusVisible, R),
|
|
182
|
+
className: I(f.root, V),
|
|
179
183
|
...k,
|
|
180
|
-
ownerState:
|
|
184
|
+
ownerState: L,
|
|
181
185
|
classes: f
|
|
182
186
|
})
|
|
183
187
|
});
|
|
@@ -259,5 +263,6 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
|
|
|
259
263
|
});
|
|
260
264
|
export {
|
|
261
265
|
W as M,
|
|
262
|
-
ee as
|
|
266
|
+
ee as a,
|
|
267
|
+
oe as g
|
|
263
268
|
};
|
|
@@ -4,7 +4,7 @@ import { P as n, k as S } from "./createTheme-3Wd3hHrj.js";
|
|
|
4
4
|
import * as P from "react";
|
|
5
5
|
import b from "react";
|
|
6
6
|
import g from "react-dom";
|
|
7
|
-
import { u as _,
|
|
7
|
+
import { u as _, c as U, a as $, m as q } from "./DefaultPropsProvider-ClLA4IsM.js";
|
|
8
8
|
import { d as V } from "./defaultTheme-fEi1x1Gb.js";
|
|
9
9
|
import { T as j } from "./identifier-BKLqN993.js";
|
|
10
10
|
import { u as L } from "./useTheme-B5czKfC4.js";
|
|
@@ -12,7 +12,7 @@ import { j as G } from "./jsx-runtime-OVHDjVDe.js";
|
|
|
12
12
|
import { s as A } from "./styled-BD_erj7E.js";
|
|
13
13
|
import { g as F, a as D } from "./colorManipulator-ep5lERxB.js";
|
|
14
14
|
import { g as X } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
15
|
-
import { c as W } from "./ButtonBase-
|
|
15
|
+
import { c as W } from "./ButtonBase-INrHi5Tf.js";
|
|
16
16
|
function H() {
|
|
17
17
|
const o = L(V);
|
|
18
18
|
return process.env.NODE_ENV !== "production" && P.useDebugValue(o), o[j] || o;
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import * as i from "react";
|
|
2
2
|
import { c as F, P as e, j as Uo, f as Je } from "./createTheme-3Wd3hHrj.js";
|
|
3
|
-
import { u as ae,
|
|
3
|
+
import { u as ae, c as ie, a as Y, m as V } from "./DefaultPropsProvider-ClLA4IsM.js";
|
|
4
4
|
import { F as Ro, u as Qe } from "./useFormControl-CatNKXAi.js";
|
|
5
5
|
import { g as Ce, f as To } from "./colorManipulator-ep5lERxB.js";
|
|
6
6
|
import { g as xe } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
7
7
|
import { j as m } from "./jsx-runtime-OVHDjVDe.js";
|
|
8
|
-
import { s as N, r as me, a as
|
|
8
|
+
import { s as N, r as me, a as Vo } from "./styled-BD_erj7E.js";
|
|
9
9
|
import { c as Se } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
10
|
-
import { g as
|
|
11
|
-
import { c as No, B as
|
|
10
|
+
import { g as Ho, i as fo } from "./iconButtonClasses-qz3jor3M.js";
|
|
11
|
+
import { c as No, B as _o, r as Oe, u as Me, f as qo, i as mo, e as Ko, d as Go } from "./ButtonBase-INrHi5Tf.js";
|
|
12
12
|
import { css as Po, keyframes as jo } from "@emotion/react";
|
|
13
|
-
import { o as
|
|
13
|
+
import { o as Xo, M as Yo, a as bo, d as Zo, g as Jo } from "./Menu-Cx9465L8.js";
|
|
14
14
|
import { u as go } from "./useControlled-D1L5tREc.js";
|
|
15
|
+
import { c as Qo } from "./createSvgIcon-Dq42_0tn.js";
|
|
15
16
|
import { i as Ee, g as et, a as ot, o as X } from "./outlinedInputClasses-DM19xjo3.js";
|
|
16
17
|
import { g as tt } from "./index-VB-2NIdQ.js";
|
|
17
18
|
import { u as Xe } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
@@ -531,8 +532,8 @@ const yt = (o) => {
|
|
|
531
532
|
loadingIndicator: ["loadingIndicator"],
|
|
532
533
|
loadingWrapper: ["loadingWrapper"]
|
|
533
534
|
};
|
|
534
|
-
return Y(u,
|
|
535
|
-
}, ht = N(
|
|
535
|
+
return Y(u, Ho, t);
|
|
536
|
+
}, ht = N(_o, {
|
|
536
537
|
name: "MuiIconButton",
|
|
537
538
|
slot: "Root",
|
|
538
539
|
overridesResolver: (o, t) => {
|
|
@@ -1070,7 +1071,7 @@ const It = N(Fo, {
|
|
|
1070
1071
|
return [t.icon, n.variant && t[`icon${F(n.variant)}`], n.open && t.iconOpen];
|
|
1071
1072
|
}
|
|
1072
1073
|
})({}), Tt = N("input", {
|
|
1073
|
-
shouldForwardProp: (o) =>
|
|
1074
|
+
shouldForwardProp: (o) => Vo(o) && o !== "classes",
|
|
1074
1075
|
name: "MuiSelect",
|
|
1075
1076
|
slot: "NativeInput"
|
|
1076
1077
|
})({
|
|
@@ -1164,7 +1165,7 @@ const Pt = (o) => {
|
|
|
1164
1165
|
}, [l]), i.useEffect(() => {
|
|
1165
1166
|
if (!g)
|
|
1166
1167
|
return;
|
|
1167
|
-
const d =
|
|
1168
|
+
const d = Xo(G.current).getElementById(g);
|
|
1168
1169
|
if (d) {
|
|
1169
1170
|
const C = () => {
|
|
1170
1171
|
getSelection().isCollapsed && G.current.focus();
|
|
@@ -1328,7 +1329,7 @@ const Pt = (o) => {
|
|
|
1328
1329
|
as: I,
|
|
1329
1330
|
className: ye.icon,
|
|
1330
1331
|
ownerState: R
|
|
1331
|
-
}), /* @__PURE__ */ m.jsx(
|
|
1332
|
+
}), /* @__PURE__ */ m.jsx(Yo, {
|
|
1332
1333
|
id: `menu-${c || ""}`,
|
|
1333
1334
|
anchorEl: oe,
|
|
1334
1335
|
open: ce,
|
|
@@ -1519,7 +1520,7 @@ function oo({
|
|
|
1519
1520
|
}) {
|
|
1520
1521
|
return t.reduce((r, s) => (r[s] = o[s], n && typeof o[s] > "u" && (r[s] = n[s]), r), {});
|
|
1521
1522
|
}
|
|
1522
|
-
const jt =
|
|
1523
|
+
const jt = Qo(/* @__PURE__ */ m.jsx("path", {
|
|
1523
1524
|
d: "M7 10l5 5 5-5z"
|
|
1524
1525
|
}), "ArrowDropDown");
|
|
1525
1526
|
function $e(o) {
|
|
@@ -1580,7 +1581,7 @@ const Wo = /* @__PURE__ */ i.forwardRef(function(t, n) {
|
|
|
1580
1581
|
outerHeightStyle: $,
|
|
1581
1582
|
overflowing: z
|
|
1582
1583
|
};
|
|
1583
|
-
}, [s, l, t.placeholder]), T =
|
|
1584
|
+
}, [s, l, t.placeholder]), T = qo(() => {
|
|
1584
1585
|
const c = f.current, p = I();
|
|
1585
1586
|
if (!c || !p || xo(p))
|
|
1586
1587
|
return !1;
|
|
@@ -1594,7 +1595,7 @@ const Wo = /* @__PURE__ */ i.forwardRef(function(t, n) {
|
|
|
1594
1595
|
b.current !== j && (b.current = j, c.style.height = `${j}px`), c.style.overflow = p.overflowing ? "hidden" : "";
|
|
1595
1596
|
}, [I]), v = i.useRef(-1);
|
|
1596
1597
|
Xe(() => {
|
|
1597
|
-
const c =
|
|
1598
|
+
const c = Zo(g), p = f == null ? void 0 : f.current;
|
|
1598
1599
|
if (!p)
|
|
1599
1600
|
return;
|
|
1600
1601
|
const j = bo(p);
|
|
@@ -2156,7 +2157,7 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
|
|
|
2156
2157
|
* Either a string to use a HTML element or a component.
|
|
2157
2158
|
* @default 'input'
|
|
2158
2159
|
*/
|
|
2159
|
-
inputComponent:
|
|
2160
|
+
inputComponent: Ko,
|
|
2160
2161
|
/**
|
|
2161
2162
|
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
2162
2163
|
* @default {}
|
|
@@ -3446,7 +3447,7 @@ const Ht = (o) => {
|
|
|
3446
3447
|
multiline: S,
|
|
3447
3448
|
size: g.size,
|
|
3448
3449
|
type: b
|
|
3449
|
-
}, O = f.root ?? s.Root ?? _t, c = f.input ?? s.Input ?? Kt, [p, j] =
|
|
3450
|
+
}, O = f.root ?? s.Root ?? _t, c = f.input ?? s.Input ?? Kt, [p, j] = Go("notchedOutline", {
|
|
3450
3451
|
elementType: qt,
|
|
3451
3452
|
className: I.notchedOutline,
|
|
3452
3453
|
shouldForwardComponentProp: !0,
|
|
@@ -3719,7 +3720,7 @@ const Gt = (o) => {
|
|
|
3719
3720
|
filled: /* @__PURE__ */ m.jsx(Zt, {
|
|
3720
3721
|
ownerState: z
|
|
3721
3722
|
})
|
|
3722
|
-
}[$], P = Me(n,
|
|
3723
|
+
}[$], P = Me(n, Jo(q));
|
|
3723
3724
|
return /* @__PURE__ */ m.jsx(i.Fragment, {
|
|
3724
3725
|
children: /* @__PURE__ */ i.cloneElement(q, {
|
|
3725
3726
|
// Most of the logic is implemented in `SelectInput`.
|