@solostylist/ui-kit 1.0.87 → 1.0.89
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/{Box-Cf99MewL.js → Box-CJmG1mTu.js} +3 -3
- package/dist/ButtonBase-C0g54hXq.js +910 -0
- package/dist/ChevronRight-CtkI4XwH.js +11 -0
- package/dist/{Close-CKpTrk7X.js → Close--Sf9yZGB.js} +1 -1
- package/dist/{Menu-D2LDo0yd.js → Menu-BuktPpzX.js} +914 -1453
- package/dist/{MenuItem-JkMrBIMD.js → MenuItem-sL2AcofB.js} +8 -8
- package/dist/Paper-CH6cuu9i.js +553 -0
- package/dist/{Select-4BjFewNI.js → Select-D2lV25sl.js} +16 -15
- package/dist/{Stack-UjxgGQu9.js → Stack-CIrlOUXL.js} +4 -4
- package/dist/{TransitionGroup-DzGaAPUk.js → TransitionGroup-SToIdl-5.js} +3 -3
- package/dist/{Typography-CGoVq27h.js → Typography-D-VP4V1G.js} +3 -3
- package/dist/{createSvgIcon-vJH0FaMW.js → createSvgIcon-DpVs_nKR.js} +5 -5
- package/dist/{createTheme-DjqDAiZm.js → createTheme-DbdaZ0Ku.js} +3 -2
- package/dist/{defaultTheme-CaAxts6z.js → defaultTheme-CFAmbghg.js} +1 -1
- package/dist/{extendSxProp-BnfiUPQK.js → extendSxProp-CQnEn3aw.js} +1 -1
- package/dist/{index-DcImsw9J.js → index-CjPqjRDL.js} +4 -4
- package/dist/main.d.ts +6 -0
- package/dist/main.js +117 -111
- package/dist/mergeSlotProps-N47mO9C9.js +62 -0
- package/dist/s-accordion/index.d.ts +2 -0
- package/dist/s-accordion/index.js +4 -0
- package/dist/s-accordion/package.json +5 -0
- package/dist/s-accordion/s-accordion.d.ts +9 -0
- package/dist/s-accordion/s-accordion.js +924 -0
- package/dist/s-avatar/index.d.ts +2 -0
- package/dist/s-avatar/index.js +4 -0
- package/dist/s-avatar/package.json +5 -0
- package/dist/s-avatar/s-avatar.d.ts +10 -0
- package/dist/s-avatar/s-avatar.js +9 -0
- package/dist/s-chat-input/s-chat-input.js +6 -6
- package/dist/s-copyable-text/s-copyable-text.js +1 -1
- package/dist/s-data-table/s-data-table.js +12 -10
- package/dist/s-date-picker/s-date-picker.js +24 -24
- package/dist/s-datetime-picker/s-datetime-picker.js +13 -12
- 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 +8 -8
- package/dist/s-file-icon/s-file-icon.js +1 -1
- package/dist/s-image-comparison/index.d.ts +2 -0
- package/dist/s-image-comparison/index.js +4 -0
- package/dist/s-image-comparison/package.json +5 -0
- package/dist/s-image-comparison/s-image-comparison.d.ts +11 -0
- package/dist/s-image-comparison/s-image-comparison.js +155 -0
- package/dist/s-image-modal/s-image-modal.js +94 -98
- package/dist/s-interactive-gallery/s-interactive-gallery.js +69 -69
- package/dist/s-label/s-label.js +1 -1
- package/dist/s-localization-provider/s-localization-provider.js +1 -1
- package/dist/s-multi-select/s-multi-select.js +5 -5
- package/dist/s-smart-text-field/s-smart-text-field.js +2 -2
- package/dist/s-text-editor/s-text-editor-toolbar.js +8 -8
- package/dist/s-text-editor/s-text-editor.js +1 -1
- package/dist/s-text-field/s-text-field.js +13 -4
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/theme/components/avatar.js +3 -3
- package/dist/theme/components/button.d.ts +2 -2
- package/dist/theme/components/chip.js +1 -1
- package/dist/theme/components/components.d.ts +2 -2
- package/dist/theme/customizations/inputs.js +1 -1
- package/dist/theme/customizations/navigation.js +1 -1
- package/dist/theme/theme-primitives.js +1 -1
- package/dist/useControlled-nm4pBabJ.js +31 -0
- package/dist/useFormControl-CatNKXAi.js +10 -0
- package/dist/{useMobilePicker-DmFQ075P.js → useMobilePicker-CRxlxUeh.js} +100 -98
- package/dist/{useTheme-DPtt6ExE.js → useTheme-CjYoxoob.js} +1 -1
- package/dist/{useThemeProps-DQiCrjPQ.js → useThemeProps-DdCEfRBE.js} +2 -2
- package/dist/{warning-UxpRUL3s.js → warning-CiVr8tE6.js} +3 -3
- package/package.json +1 -1
- package/dist/useFormControl-B3RPiDsz.js +0 -38
- package/dist/useSlot-DFSsVuMw.js +0 -969
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as d from "react";
|
|
2
|
-
import { P as o } from "./createTheme-
|
|
3
|
-
import { u as B, s as D,
|
|
4
|
-
import { L as C } from "./Menu-
|
|
2
|
+
import { P as o } from "./createTheme-DbdaZ0Ku.js";
|
|
3
|
+
import { u as B, s as D, c as x, a as L, r as S, m as E } from "./createSvgIcon-DpVs_nKR.js";
|
|
4
|
+
import { L as C } from "./Menu-BuktPpzX.js";
|
|
5
5
|
import { g as c } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
6
6
|
import { g as O } from "./colorManipulator-ep5lERxB.js";
|
|
7
7
|
import { j as I } from "./jsx-runtime-DywqP_6a.js";
|
|
8
8
|
import { u as P } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
9
|
-
import { u as U, B as F } from "./
|
|
9
|
+
import { u as U, B as F } from "./ButtonBase-C0g54hXq.js";
|
|
10
10
|
function Z(e) {
|
|
11
11
|
return O("MuiDivider", e);
|
|
12
12
|
}
|
|
@@ -145,11 +145,11 @@ const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
|
|
|
145
145
|
autoFocus: l = !1,
|
|
146
146
|
component: p = "li",
|
|
147
147
|
dense: r = !1,
|
|
148
|
-
divider:
|
|
148
|
+
divider: m = !1,
|
|
149
149
|
disableGutters: i = !1,
|
|
150
150
|
focusVisibleClassName: R,
|
|
151
151
|
role: T = "menuitem",
|
|
152
|
-
tabIndex:
|
|
152
|
+
tabIndex: b,
|
|
153
153
|
className: V,
|
|
154
154
|
...k
|
|
155
155
|
} = a, g = d.useContext(C), v = d.useMemo(() => ({
|
|
@@ -162,11 +162,11 @@ const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
|
|
|
162
162
|
const N = {
|
|
163
163
|
...a,
|
|
164
164
|
dense: v.dense,
|
|
165
|
-
divider:
|
|
165
|
+
divider: m,
|
|
166
166
|
disableGutters: i
|
|
167
167
|
}, f = z(a), j = U(u, t);
|
|
168
168
|
let y;
|
|
169
|
-
return a.disabled || (y =
|
|
169
|
+
return a.disabled || (y = b !== void 0 ? b : -1), /* @__PURE__ */ I.jsx(C.Provider, {
|
|
170
170
|
value: v,
|
|
171
171
|
children: /* @__PURE__ */ I.jsx(A, {
|
|
172
172
|
ref: j,
|
|
@@ -0,0 +1,553 @@
|
|
|
1
|
+
import { _ as M } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
|
|
2
|
+
import { _ as I, T as C } from "./TransitionGroup-SToIdl-5.js";
|
|
3
|
+
import { P as n, j as S } from "./createTheme-DbdaZ0Ku.js";
|
|
4
|
+
import * as P from "react";
|
|
5
|
+
import b from "react";
|
|
6
|
+
import g from "react-dom";
|
|
7
|
+
import { u as _, s as U, c as $, a as q, m as j } from "./createSvgIcon-DpVs_nKR.js";
|
|
8
|
+
import { d as V } from "./defaultTheme-CFAmbghg.js";
|
|
9
|
+
import { T as L } from "./identifier-BKLqN993.js";
|
|
10
|
+
import { u as G } from "./useTheme-CjYoxoob.js";
|
|
11
|
+
import { j as A } from "./jsx-runtime-DywqP_6a.js";
|
|
12
|
+
import { g as F, a as D } from "./colorManipulator-ep5lERxB.js";
|
|
13
|
+
import { g as X } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
14
|
+
import { c as W } from "./ButtonBase-C0g54hXq.js";
|
|
15
|
+
function H() {
|
|
16
|
+
const o = G(V);
|
|
17
|
+
return process.env.NODE_ENV !== "production" && P.useDebugValue(o), o[L] || o;
|
|
18
|
+
}
|
|
19
|
+
const R = {
|
|
20
|
+
disabled: !1
|
|
21
|
+
};
|
|
22
|
+
var B = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
|
|
23
|
+
enter: n.number,
|
|
24
|
+
exit: n.number,
|
|
25
|
+
appear: n.number
|
|
26
|
+
}).isRequired]) : null, ve = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
|
|
27
|
+
enter: n.string,
|
|
28
|
+
exit: n.string,
|
|
29
|
+
active: n.string
|
|
30
|
+
}), n.shape({
|
|
31
|
+
enter: n.string,
|
|
32
|
+
enterDone: n.string,
|
|
33
|
+
enterActive: n.string,
|
|
34
|
+
exit: n.string,
|
|
35
|
+
exitDone: n.string,
|
|
36
|
+
exitActive: n.string
|
|
37
|
+
})]) : null, z = function(a) {
|
|
38
|
+
return a.scrollTop;
|
|
39
|
+
}, x = "unmounted", d = "exited", v = "entering", E = "entered", N = "exiting", c = /* @__PURE__ */ function(o) {
|
|
40
|
+
I(a, o);
|
|
41
|
+
function a(r, t) {
|
|
42
|
+
var e;
|
|
43
|
+
e = o.call(this, r, t) || this;
|
|
44
|
+
var i = t, u = i && !i.isMounting ? r.enter : r.appear, l;
|
|
45
|
+
return e.appearStatus = null, r.in ? u ? (l = d, e.appearStatus = v) : l = E : r.unmountOnExit || r.mountOnEnter ? l = x : l = d, e.state = {
|
|
46
|
+
status: l
|
|
47
|
+
}, e.nextCallback = null, e;
|
|
48
|
+
}
|
|
49
|
+
a.getDerivedStateFromProps = function(t, e) {
|
|
50
|
+
var i = t.in;
|
|
51
|
+
return i && e.status === x ? {
|
|
52
|
+
status: d
|
|
53
|
+
} : null;
|
|
54
|
+
};
|
|
55
|
+
var s = a.prototype;
|
|
56
|
+
return s.componentDidMount = function() {
|
|
57
|
+
this.updateStatus(!0, this.appearStatus);
|
|
58
|
+
}, s.componentDidUpdate = function(t) {
|
|
59
|
+
var e = null;
|
|
60
|
+
if (t !== this.props) {
|
|
61
|
+
var i = this.state.status;
|
|
62
|
+
this.props.in ? i !== v && i !== E && (e = v) : (i === v || i === E) && (e = N);
|
|
63
|
+
}
|
|
64
|
+
this.updateStatus(!1, e);
|
|
65
|
+
}, s.componentWillUnmount = function() {
|
|
66
|
+
this.cancelNextCallback();
|
|
67
|
+
}, s.getTimeouts = function() {
|
|
68
|
+
var t = this.props.timeout, e, i, u;
|
|
69
|
+
return e = i = u = t, t != null && typeof t != "number" && (e = t.exit, i = t.enter, u = t.appear !== void 0 ? t.appear : i), {
|
|
70
|
+
exit: e,
|
|
71
|
+
enter: i,
|
|
72
|
+
appear: u
|
|
73
|
+
};
|
|
74
|
+
}, s.updateStatus = function(t, e) {
|
|
75
|
+
if (t === void 0 && (t = !1), e !== null)
|
|
76
|
+
if (this.cancelNextCallback(), e === v) {
|
|
77
|
+
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
78
|
+
var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this);
|
|
79
|
+
i && z(i);
|
|
80
|
+
}
|
|
81
|
+
this.performEnter(t);
|
|
82
|
+
} else
|
|
83
|
+
this.performExit();
|
|
84
|
+
else this.props.unmountOnExit && this.state.status === d && this.setState({
|
|
85
|
+
status: x
|
|
86
|
+
});
|
|
87
|
+
}, s.performEnter = function(t) {
|
|
88
|
+
var e = this, i = this.props.enter, u = this.context ? this.context.isMounting : t, l = this.props.nodeRef ? [u] : [g.findDOMNode(this), u], p = l[0], f = l[1], h = this.getTimeouts(), T = u ? h.appear : h.enter;
|
|
89
|
+
if (!t && !i || R.disabled) {
|
|
90
|
+
this.safeSetState({
|
|
91
|
+
status: E
|
|
92
|
+
}, function() {
|
|
93
|
+
e.props.onEntered(p);
|
|
94
|
+
});
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
this.props.onEnter(p, f), this.safeSetState({
|
|
98
|
+
status: v
|
|
99
|
+
}, function() {
|
|
100
|
+
e.props.onEntering(p, f), e.onTransitionEnd(T, function() {
|
|
101
|
+
e.safeSetState({
|
|
102
|
+
status: E
|
|
103
|
+
}, function() {
|
|
104
|
+
e.props.onEntered(p, f);
|
|
105
|
+
});
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
}, s.performExit = function() {
|
|
109
|
+
var t = this, e = this.props.exit, i = this.getTimeouts(), u = this.props.nodeRef ? void 0 : g.findDOMNode(this);
|
|
110
|
+
if (!e || R.disabled) {
|
|
111
|
+
this.safeSetState({
|
|
112
|
+
status: d
|
|
113
|
+
}, function() {
|
|
114
|
+
t.props.onExited(u);
|
|
115
|
+
});
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
this.props.onExit(u), this.safeSetState({
|
|
119
|
+
status: N
|
|
120
|
+
}, function() {
|
|
121
|
+
t.props.onExiting(u), t.onTransitionEnd(i.exit, function() {
|
|
122
|
+
t.safeSetState({
|
|
123
|
+
status: d
|
|
124
|
+
}, function() {
|
|
125
|
+
t.props.onExited(u);
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
}, s.cancelNextCallback = function() {
|
|
130
|
+
this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
|
|
131
|
+
}, s.safeSetState = function(t, e) {
|
|
132
|
+
e = this.setNextCallback(e), this.setState(t, e);
|
|
133
|
+
}, s.setNextCallback = function(t) {
|
|
134
|
+
var e = this, i = !0;
|
|
135
|
+
return this.nextCallback = function(u) {
|
|
136
|
+
i && (i = !1, e.nextCallback = null, t(u));
|
|
137
|
+
}, this.nextCallback.cancel = function() {
|
|
138
|
+
i = !1;
|
|
139
|
+
}, this.nextCallback;
|
|
140
|
+
}, s.onTransitionEnd = function(t, e) {
|
|
141
|
+
this.setNextCallback(e);
|
|
142
|
+
var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this), u = t == null && !this.props.addEndListener;
|
|
143
|
+
if (!i || u) {
|
|
144
|
+
setTimeout(this.nextCallback, 0);
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
if (this.props.addEndListener) {
|
|
148
|
+
var l = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], p = l[0], f = l[1];
|
|
149
|
+
this.props.addEndListener(p, f);
|
|
150
|
+
}
|
|
151
|
+
t != null && setTimeout(this.nextCallback, t);
|
|
152
|
+
}, s.render = function() {
|
|
153
|
+
var t = this.state.status;
|
|
154
|
+
if (t === x)
|
|
155
|
+
return null;
|
|
156
|
+
var e = this.props, i = e.children;
|
|
157
|
+
e.in, e.mountOnEnter, e.unmountOnExit, e.appear, e.enter, e.exit, e.timeout, e.addEndListener, e.onEnter, e.onEntering, e.onEntered, e.onExit, e.onExiting, e.onExited, e.nodeRef;
|
|
158
|
+
var u = M(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
|
|
159
|
+
return (
|
|
160
|
+
// allows for nested Transitions
|
|
161
|
+
/* @__PURE__ */ b.createElement(C.Provider, {
|
|
162
|
+
value: null
|
|
163
|
+
}, typeof i == "function" ? i(t, u) : b.cloneElement(b.Children.only(i), u))
|
|
164
|
+
);
|
|
165
|
+
}, a;
|
|
166
|
+
}(b.Component);
|
|
167
|
+
c.contextType = C;
|
|
168
|
+
c.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
169
|
+
/**
|
|
170
|
+
* A React reference to DOM element that need to transition:
|
|
171
|
+
* https://stackoverflow.com/a/51127130/4671932
|
|
172
|
+
*
|
|
173
|
+
* - When `nodeRef` prop is used, `node` is not passed to callback functions
|
|
174
|
+
* (e.g. `onEnter`) because user already has direct access to the node.
|
|
175
|
+
* - When changing `key` prop of `Transition` in a `TransitionGroup` a new
|
|
176
|
+
* `nodeRef` need to be provided to `Transition` with changed `key` prop
|
|
177
|
+
* (see
|
|
178
|
+
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
179
|
+
*/
|
|
180
|
+
nodeRef: n.shape({
|
|
181
|
+
current: typeof Element > "u" ? n.any : function(o, a, s, r, t, e) {
|
|
182
|
+
var i = o[a];
|
|
183
|
+
return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(o, a, s, r, t, e);
|
|
184
|
+
}
|
|
185
|
+
}),
|
|
186
|
+
/**
|
|
187
|
+
* A `function` child can be used instead of a React element. This function is
|
|
188
|
+
* called with the current transition status (`'entering'`, `'entered'`,
|
|
189
|
+
* `'exiting'`, `'exited'`), which can be used to apply context
|
|
190
|
+
* specific props to a component.
|
|
191
|
+
*
|
|
192
|
+
* ```jsx
|
|
193
|
+
* <Transition in={this.state.in} timeout={150}>
|
|
194
|
+
* {state => (
|
|
195
|
+
* <MyComponent className={`fade fade-${state}`} />
|
|
196
|
+
* )}
|
|
197
|
+
* </Transition>
|
|
198
|
+
* ```
|
|
199
|
+
*/
|
|
200
|
+
children: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
|
|
201
|
+
/**
|
|
202
|
+
* Show the component; triggers the enter or exit states
|
|
203
|
+
*/
|
|
204
|
+
in: n.bool,
|
|
205
|
+
/**
|
|
206
|
+
* By default the child component is mounted immediately along with
|
|
207
|
+
* the parent `Transition` component. If you want to "lazy mount" the component on the
|
|
208
|
+
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
209
|
+
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
210
|
+
*/
|
|
211
|
+
mountOnEnter: n.bool,
|
|
212
|
+
/**
|
|
213
|
+
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
214
|
+
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
215
|
+
*/
|
|
216
|
+
unmountOnExit: n.bool,
|
|
217
|
+
/**
|
|
218
|
+
* By default the child component does not perform the enter transition when
|
|
219
|
+
* it first mounts, regardless of the value of `in`. If you want this
|
|
220
|
+
* behavior, set both `appear` and `in` to `true`.
|
|
221
|
+
*
|
|
222
|
+
* > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
|
|
223
|
+
* > only adds an additional enter transition. However, in the
|
|
224
|
+
* > `<CSSTransition>` component that first enter transition does result in
|
|
225
|
+
* > additional `.appear-*` classes, that way you can choose to style it
|
|
226
|
+
* > differently.
|
|
227
|
+
*/
|
|
228
|
+
appear: n.bool,
|
|
229
|
+
/**
|
|
230
|
+
* Enable or disable enter transitions.
|
|
231
|
+
*/
|
|
232
|
+
enter: n.bool,
|
|
233
|
+
/**
|
|
234
|
+
* Enable or disable exit transitions.
|
|
235
|
+
*/
|
|
236
|
+
exit: n.bool,
|
|
237
|
+
/**
|
|
238
|
+
* The duration of the transition, in milliseconds.
|
|
239
|
+
* Required unless `addEndListener` is provided.
|
|
240
|
+
*
|
|
241
|
+
* You may specify a single timeout for all transitions:
|
|
242
|
+
*
|
|
243
|
+
* ```jsx
|
|
244
|
+
* timeout={500}
|
|
245
|
+
* ```
|
|
246
|
+
*
|
|
247
|
+
* or individually:
|
|
248
|
+
*
|
|
249
|
+
* ```jsx
|
|
250
|
+
* timeout={{
|
|
251
|
+
* appear: 500,
|
|
252
|
+
* enter: 300,
|
|
253
|
+
* exit: 500,
|
|
254
|
+
* }}
|
|
255
|
+
* ```
|
|
256
|
+
*
|
|
257
|
+
* - `appear` defaults to the value of `enter`
|
|
258
|
+
* - `enter` defaults to `0`
|
|
259
|
+
* - `exit` defaults to `0`
|
|
260
|
+
*
|
|
261
|
+
* @type {number | { enter?: number, exit?: number, appear?: number }}
|
|
262
|
+
*/
|
|
263
|
+
timeout: function(a) {
|
|
264
|
+
var s = B;
|
|
265
|
+
a.addEndListener || (s = s.isRequired);
|
|
266
|
+
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
|
|
267
|
+
t[e - 1] = arguments[e];
|
|
268
|
+
return s.apply(void 0, [a].concat(t));
|
|
269
|
+
},
|
|
270
|
+
/**
|
|
271
|
+
* Add a custom transition end trigger. Called with the transitioning
|
|
272
|
+
* DOM node and a `done` callback. Allows for more fine grained transition end
|
|
273
|
+
* logic. Timeouts are still used as a fallback if provided.
|
|
274
|
+
*
|
|
275
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
276
|
+
*
|
|
277
|
+
* ```jsx
|
|
278
|
+
* addEndListener={(node, done) => {
|
|
279
|
+
* // use the css transitionend event to mark the finish of a transition
|
|
280
|
+
* node.addEventListener('transitionend', done, false);
|
|
281
|
+
* }}
|
|
282
|
+
* ```
|
|
283
|
+
*/
|
|
284
|
+
addEndListener: n.func,
|
|
285
|
+
/**
|
|
286
|
+
* Callback fired before the "entering" status is applied. An extra parameter
|
|
287
|
+
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
288
|
+
*
|
|
289
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
290
|
+
*
|
|
291
|
+
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
292
|
+
*/
|
|
293
|
+
onEnter: n.func,
|
|
294
|
+
/**
|
|
295
|
+
* Callback fired after the "entering" status is applied. An extra parameter
|
|
296
|
+
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
297
|
+
*
|
|
298
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
299
|
+
*
|
|
300
|
+
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
301
|
+
*/
|
|
302
|
+
onEntering: n.func,
|
|
303
|
+
/**
|
|
304
|
+
* Callback fired after the "entered" status is applied. An extra parameter
|
|
305
|
+
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
306
|
+
*
|
|
307
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
308
|
+
*
|
|
309
|
+
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
310
|
+
*/
|
|
311
|
+
onEntered: n.func,
|
|
312
|
+
/**
|
|
313
|
+
* Callback fired before the "exiting" status is applied.
|
|
314
|
+
*
|
|
315
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
316
|
+
*
|
|
317
|
+
* @type Function(node: HtmlElement) -> void
|
|
318
|
+
*/
|
|
319
|
+
onExit: n.func,
|
|
320
|
+
/**
|
|
321
|
+
* Callback fired after the "exiting" status is applied.
|
|
322
|
+
*
|
|
323
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
324
|
+
*
|
|
325
|
+
* @type Function(node: HtmlElement) -> void
|
|
326
|
+
*/
|
|
327
|
+
onExiting: n.func,
|
|
328
|
+
/**
|
|
329
|
+
* Callback fired after the "exited" status is applied.
|
|
330
|
+
*
|
|
331
|
+
* **Note**: when `nodeRef` prop is passed, `node` is not passed
|
|
332
|
+
*
|
|
333
|
+
* @type Function(node: HtmlElement) -> void
|
|
334
|
+
*/
|
|
335
|
+
onExited: n.func
|
|
336
|
+
} : {};
|
|
337
|
+
function m() {
|
|
338
|
+
}
|
|
339
|
+
c.defaultProps = {
|
|
340
|
+
in: !1,
|
|
341
|
+
mountOnEnter: !1,
|
|
342
|
+
unmountOnExit: !1,
|
|
343
|
+
appear: !1,
|
|
344
|
+
enter: !0,
|
|
345
|
+
exit: !0,
|
|
346
|
+
onEnter: m,
|
|
347
|
+
onEntering: m,
|
|
348
|
+
onEntered: m,
|
|
349
|
+
onExit: m,
|
|
350
|
+
onExiting: m,
|
|
351
|
+
onExited: m
|
|
352
|
+
};
|
|
353
|
+
c.UNMOUNTED = x;
|
|
354
|
+
c.EXITED = d;
|
|
355
|
+
c.ENTERING = v;
|
|
356
|
+
c.ENTERED = E;
|
|
357
|
+
c.EXITING = N;
|
|
358
|
+
const me = (o) => o.scrollTop;
|
|
359
|
+
function Ee(o, a) {
|
|
360
|
+
const {
|
|
361
|
+
timeout: s,
|
|
362
|
+
easing: r,
|
|
363
|
+
style: t = {}
|
|
364
|
+
} = o;
|
|
365
|
+
return {
|
|
366
|
+
duration: t.transitionDuration ?? (typeof s == "number" ? s : s[a.mode] || 0),
|
|
367
|
+
easing: t.transitionTimingFunction ?? (typeof r == "object" ? r[a.mode] : r),
|
|
368
|
+
delay: t.transitionDelay
|
|
369
|
+
};
|
|
370
|
+
}
|
|
371
|
+
function J(o) {
|
|
372
|
+
const a = typeof o;
|
|
373
|
+
switch (a) {
|
|
374
|
+
case "number":
|
|
375
|
+
return Number.isNaN(o) ? "NaN" : Number.isFinite(o) ? o !== Math.floor(o) ? "float" : "number" : "Infinity";
|
|
376
|
+
case "object":
|
|
377
|
+
return o === null ? "null" : o.constructor.name;
|
|
378
|
+
default:
|
|
379
|
+
return a;
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
function w(o, a, s, r) {
|
|
383
|
+
const t = o[a];
|
|
384
|
+
if (t == null || !Number.isInteger(t)) {
|
|
385
|
+
const e = J(t);
|
|
386
|
+
return new RangeError(`Invalid ${r} \`${a}\` of type \`${e}\` supplied to \`${s}\`, expected \`integer\`.`);
|
|
387
|
+
}
|
|
388
|
+
return null;
|
|
389
|
+
}
|
|
390
|
+
function k(o, a, s, r) {
|
|
391
|
+
return o[a] === void 0 ? null : w(o, a, s, r);
|
|
392
|
+
}
|
|
393
|
+
function y() {
|
|
394
|
+
return null;
|
|
395
|
+
}
|
|
396
|
+
k.isRequired = w;
|
|
397
|
+
y.isRequired = y;
|
|
398
|
+
const K = process.env.NODE_ENV === "production" ? y : k;
|
|
399
|
+
function Q(o) {
|
|
400
|
+
return F("MuiPaper", o);
|
|
401
|
+
}
|
|
402
|
+
X("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
|
|
403
|
+
const Y = (o) => {
|
|
404
|
+
const {
|
|
405
|
+
square: a,
|
|
406
|
+
elevation: s,
|
|
407
|
+
variant: r,
|
|
408
|
+
classes: t
|
|
409
|
+
} = o, e = {
|
|
410
|
+
root: ["root", r, !a && "rounded", r === "elevation" && `elevation${s}`]
|
|
411
|
+
};
|
|
412
|
+
return q(e, Q, t);
|
|
413
|
+
}, Z = U("div", {
|
|
414
|
+
name: "MuiPaper",
|
|
415
|
+
slot: "Root",
|
|
416
|
+
overridesResolver: (o, a) => {
|
|
417
|
+
const {
|
|
418
|
+
ownerState: s
|
|
419
|
+
} = o;
|
|
420
|
+
return [a.root, a[s.variant], !s.square && a.rounded, s.variant === "elevation" && a[`elevation${s.elevation}`]];
|
|
421
|
+
}
|
|
422
|
+
})(j(({
|
|
423
|
+
theme: o
|
|
424
|
+
}) => ({
|
|
425
|
+
backgroundColor: (o.vars || o).palette.background.paper,
|
|
426
|
+
color: (o.vars || o).palette.text.primary,
|
|
427
|
+
transition: o.transitions.create("box-shadow"),
|
|
428
|
+
variants: [{
|
|
429
|
+
props: ({
|
|
430
|
+
ownerState: a
|
|
431
|
+
}) => !a.square,
|
|
432
|
+
style: {
|
|
433
|
+
borderRadius: o.shape.borderRadius
|
|
434
|
+
}
|
|
435
|
+
}, {
|
|
436
|
+
props: {
|
|
437
|
+
variant: "outlined"
|
|
438
|
+
},
|
|
439
|
+
style: {
|
|
440
|
+
border: `1px solid ${(o.vars || o).palette.divider}`
|
|
441
|
+
}
|
|
442
|
+
}, {
|
|
443
|
+
props: {
|
|
444
|
+
variant: "elevation"
|
|
445
|
+
},
|
|
446
|
+
style: {
|
|
447
|
+
boxShadow: "var(--Paper-shadow)",
|
|
448
|
+
backgroundImage: "var(--Paper-overlay)"
|
|
449
|
+
}
|
|
450
|
+
}]
|
|
451
|
+
}))), ee = /* @__PURE__ */ P.forwardRef(function(a, s) {
|
|
452
|
+
var O;
|
|
453
|
+
const r = _({
|
|
454
|
+
props: a,
|
|
455
|
+
name: "MuiPaper"
|
|
456
|
+
}), t = H(), {
|
|
457
|
+
className: e,
|
|
458
|
+
component: i = "div",
|
|
459
|
+
elevation: u = 1,
|
|
460
|
+
square: l = !1,
|
|
461
|
+
variant: p = "elevation",
|
|
462
|
+
...f
|
|
463
|
+
} = r, h = {
|
|
464
|
+
...r,
|
|
465
|
+
component: i,
|
|
466
|
+
elevation: u,
|
|
467
|
+
square: l,
|
|
468
|
+
variant: p
|
|
469
|
+
}, T = Y(h);
|
|
470
|
+
return process.env.NODE_ENV !== "production" && t.shadows[u] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${u}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${u}]\` is defined.`].join(`
|
|
471
|
+
`)), /* @__PURE__ */ A.jsx(Z, {
|
|
472
|
+
as: i,
|
|
473
|
+
ownerState: h,
|
|
474
|
+
className: $(T.root, e),
|
|
475
|
+
ref: s,
|
|
476
|
+
...f,
|
|
477
|
+
style: {
|
|
478
|
+
...p === "elevation" && {
|
|
479
|
+
"--Paper-shadow": (t.vars || t).shadows[u],
|
|
480
|
+
...t.vars && {
|
|
481
|
+
"--Paper-overlay": (O = t.vars.overlays) == null ? void 0 : O[u]
|
|
482
|
+
},
|
|
483
|
+
...!t.vars && t.palette.mode === "dark" && {
|
|
484
|
+
"--Paper-overlay": `linear-gradient(${D("#fff", S(u))}, ${D("#fff", S(u))})`
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
...f.style
|
|
488
|
+
}
|
|
489
|
+
});
|
|
490
|
+
});
|
|
491
|
+
process.env.NODE_ENV !== "production" && (ee.propTypes = {
|
|
492
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
493
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
494
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
495
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
496
|
+
/**
|
|
497
|
+
* The content of the component.
|
|
498
|
+
*/
|
|
499
|
+
children: n.node,
|
|
500
|
+
/**
|
|
501
|
+
* Override or extend the styles applied to the component.
|
|
502
|
+
*/
|
|
503
|
+
classes: n.object,
|
|
504
|
+
/**
|
|
505
|
+
* @ignore
|
|
506
|
+
*/
|
|
507
|
+
className: n.string,
|
|
508
|
+
/**
|
|
509
|
+
* The component used for the root node.
|
|
510
|
+
* Either a string to use a HTML element or a component.
|
|
511
|
+
*/
|
|
512
|
+
component: n.elementType,
|
|
513
|
+
/**
|
|
514
|
+
* Shadow depth, corresponds to `dp` in the spec.
|
|
515
|
+
* It accepts values between 0 and 24 inclusive.
|
|
516
|
+
* @default 1
|
|
517
|
+
*/
|
|
518
|
+
elevation: W(K, (o) => {
|
|
519
|
+
const {
|
|
520
|
+
elevation: a,
|
|
521
|
+
variant: s
|
|
522
|
+
} = o;
|
|
523
|
+
return a > 0 && s === "outlined" ? new Error(`MUI: Combining \`elevation={${a}}\` with \`variant="${s}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
|
|
524
|
+
}),
|
|
525
|
+
/**
|
|
526
|
+
* If `true`, rounded corners are disabled.
|
|
527
|
+
* @default false
|
|
528
|
+
*/
|
|
529
|
+
square: n.bool,
|
|
530
|
+
/**
|
|
531
|
+
* @ignore
|
|
532
|
+
*/
|
|
533
|
+
style: n.object,
|
|
534
|
+
/**
|
|
535
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
536
|
+
*/
|
|
537
|
+
sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
|
|
538
|
+
/**
|
|
539
|
+
* The variant to use.
|
|
540
|
+
* @default 'elevation'
|
|
541
|
+
*/
|
|
542
|
+
variant: n.oneOfType([n.oneOf(["elevation", "outlined"]), n.string])
|
|
543
|
+
});
|
|
544
|
+
export {
|
|
545
|
+
ee as P,
|
|
546
|
+
c as T,
|
|
547
|
+
ve as c,
|
|
548
|
+
z as f,
|
|
549
|
+
Ee as g,
|
|
550
|
+
K as i,
|
|
551
|
+
me as r,
|
|
552
|
+
H as u
|
|
553
|
+
};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import * as i from "react";
|
|
2
|
-
import { c as F, P as e,
|
|
3
|
-
import { u as ae, s as N,
|
|
4
|
-
import { F as Ro, u as
|
|
2
|
+
import { c as F, P as e, l as Uo, f as Je } from "./createTheme-DbdaZ0Ku.js";
|
|
3
|
+
import { u as ae, s as N, c as ie, a as Y, m as V, r as me, e as Vo, b as Ho } from "./createSvgIcon-DpVs_nKR.js";
|
|
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-DywqP_6a.js";
|
|
8
8
|
import { c as Se } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
9
|
-
import { g as _o, i as
|
|
10
|
-
import { c as No, B as qo, r as Oe, u as Me,
|
|
9
|
+
import { g as _o, i as fo } from "./iconButtonClasses-qz3jor3M.js";
|
|
10
|
+
import { c as No, B as qo, r as Oe, u as Me, f as Ko, e as Go, d as Xo } from "./ButtonBase-C0g54hXq.js";
|
|
11
11
|
import { css as Po, keyframes as jo } from "@emotion/react";
|
|
12
|
-
import { o as Yo, M as Zo, a as
|
|
12
|
+
import { o as Yo, M as Zo, a as mo, d as Jo, i as bo, g as Qo } from "./Menu-BuktPpzX.js";
|
|
13
|
+
import { u as go } from "./useControlled-nm4pBabJ.js";
|
|
13
14
|
import { i as Ee, g as et, a as ot, o as X } from "./outlinedInputClasses-DM19xjo3.js";
|
|
14
|
-
import { g as tt } from "./index-
|
|
15
|
+
import { g as tt } from "./index-CjPqjRDL.js";
|
|
15
16
|
import { u as Xe } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
16
17
|
let yo = 0;
|
|
17
18
|
function nt(o) {
|
|
@@ -635,11 +636,11 @@ const yt = (o) => {
|
|
|
635
636
|
fontSize: o.typography.pxToRem(28)
|
|
636
637
|
}
|
|
637
638
|
}],
|
|
638
|
-
[`&.${
|
|
639
|
+
[`&.${fo.disabled}`]: {
|
|
639
640
|
backgroundColor: "transparent",
|
|
640
641
|
color: (o.vars || o).palette.action.disabled
|
|
641
642
|
},
|
|
642
|
-
[`&.${
|
|
643
|
+
[`&.${fo.loading}`]: {
|
|
643
644
|
color: "transparent"
|
|
644
645
|
}
|
|
645
646
|
}))), vt = N("span", {
|
|
@@ -1136,11 +1137,11 @@ const Pt = (o) => {
|
|
|
1136
1137
|
value: K,
|
|
1137
1138
|
variant: B = "standard",
|
|
1138
1139
|
...q
|
|
1139
|
-
} = t, [P, Ue] =
|
|
1140
|
+
} = t, [P, Ue] = go({
|
|
1140
1141
|
controlled: K,
|
|
1141
1142
|
default: f,
|
|
1142
1143
|
name: "Select"
|
|
1143
|
-
}), [we, ke] =
|
|
1144
|
+
}), [we, ke] = go({
|
|
1144
1145
|
controlled: _,
|
|
1145
1146
|
default: y,
|
|
1146
1147
|
name: "Select"
|
|
@@ -1560,7 +1561,7 @@ const Wo = /* @__PURE__ */ i.forwardRef(function(t, n) {
|
|
|
1560
1561
|
const c = f.current, p = x.current;
|
|
1561
1562
|
if (!c || !p)
|
|
1562
1563
|
return;
|
|
1563
|
-
const w =
|
|
1564
|
+
const w = mo(c).getComputedStyle(c);
|
|
1564
1565
|
if (w.width === "0px")
|
|
1565
1566
|
return {
|
|
1566
1567
|
outerHeightStyle: 0,
|
|
@@ -1595,7 +1596,7 @@ const Wo = /* @__PURE__ */ i.forwardRef(function(t, n) {
|
|
|
1595
1596
|
const c = Jo(g), p = f == null ? void 0 : f.current;
|
|
1596
1597
|
if (!p)
|
|
1597
1598
|
return;
|
|
1598
|
-
const j =
|
|
1599
|
+
const j = mo(p);
|
|
1599
1600
|
j.addEventListener("resize", c);
|
|
1600
1601
|
let w;
|
|
1601
1602
|
return typeof ResizeObserver < "u" && (w = new ResizeObserver(() => {
|
|
@@ -2011,7 +2012,7 @@ const Ae = (o, t) => {
|
|
|
2011
2012
|
ref: n,
|
|
2012
2013
|
onClick: re,
|
|
2013
2014
|
...Ve,
|
|
2014
|
-
...!
|
|
2015
|
+
...!bo(Te) && {
|
|
2015
2016
|
ownerState: {
|
|
2016
2017
|
...ue,
|
|
2017
2018
|
...pe.ownerState
|
|
@@ -2039,7 +2040,7 @@ const Ae = (o, t) => {
|
|
|
2039
2040
|
onKeyUp: le,
|
|
2040
2041
|
type: G,
|
|
2041
2042
|
...D,
|
|
2042
|
-
...!
|
|
2043
|
+
...!bo(Ne) && {
|
|
2043
2044
|
as: be,
|
|
2044
2045
|
ownerState: {
|
|
2045
2046
|
...ue,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { P as e, h as O, r as m, e as V, f as C, m as D, b as E, g as b } from "./createTheme-
|
|
2
|
-
import { d as N,
|
|
1
|
+
import { P as e, h as O, r as m, e as V, f as C, m as D, b as E, g as b } from "./createTheme-DbdaZ0Ku.js";
|
|
2
|
+
import { d as N, a as R, s as F, u as B } from "./createSvgIcon-DpVs_nKR.js";
|
|
3
3
|
import * as f from "react";
|
|
4
4
|
import { c as M } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
import { j as w } from "./jsx-runtime-DywqP_6a.js";
|
|
6
|
-
import { e as G } from "./extendSxProp-
|
|
7
|
-
import { u as U } from "./useThemeProps-
|
|
6
|
+
import { e as G } from "./extendSxProp-CQnEn3aw.js";
|
|
7
|
+
import { u as U } from "./useThemeProps-DdCEfRBE.js";
|
|
8
8
|
import { g as $ } from "./colorManipulator-ep5lERxB.js";
|
|
9
9
|
const A = N(), _ = E(), I = A("div", {
|
|
10
10
|
name: "MuiStack",
|