jcicl 0.0.151 → 0.0.155
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/ButtonBase.js +5 -6
- package/.chunks/DefaultPropsProvider.js +6 -6
- package/.chunks/Portal.js +429 -223
- package/.chunks/TextField.js +2788 -1558
- package/.chunks/TransitionGroupContext.js +74 -33
- package/.chunks/index.js +102 -25
- package/.chunks/useSlot.js +1 -1
- package/AppContainer/AppContainer.js +15 -16
- package/Modal/Modal.d.ts +4 -4
- package/Modal/Modal.js +29 -403
- package/Pagination/Pagination.js +1 -1
- package/Tooltip/Tooltip.js +22 -25
- package/package.json +1 -1
- package/theme.d.ts +1 -0
- package/theme.js +1 -0
- package/.chunks/Grow.js +0 -214
- package/.chunks/Paper.js +0 -1247
- package/.chunks/resolveComponentProps.js +0 -80
- package/.chunks/useTimeout.js +0 -44
package/.chunks/Portal.js
CHANGED
|
@@ -1,239 +1,260 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import T from "
|
|
5
|
-
import { T as
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
|
|
1
|
+
import * as p from "react";
|
|
2
|
+
import w from "react";
|
|
3
|
+
import { r as lt, m as pt, a as ft } from "./index.js";
|
|
4
|
+
import { u as H, _ as dt, c as Et, T as B, d as mt, a as F, s as U } from "./TransitionGroupContext.js";
|
|
5
|
+
import { h as ht, P as e, T as xt, i as gt } from "./DefaultPropsProvider.js";
|
|
6
|
+
import { T as vt } from "./emotion-styled.browser.esm.js";
|
|
7
|
+
import { jsx as $ } from "react/jsx-runtime";
|
|
8
|
+
import { c as K } from "./chainPropTypes.js";
|
|
9
|
+
import * as Tt from "react-dom";
|
|
10
|
+
import I from "react-dom";
|
|
11
|
+
function yt(n) {
|
|
11
12
|
return Object.keys(n).length === 0;
|
|
12
13
|
}
|
|
13
|
-
function
|
|
14
|
-
const s =
|
|
15
|
-
return !s ||
|
|
14
|
+
function bt(n = null) {
|
|
15
|
+
const s = p.useContext(vt);
|
|
16
|
+
return !s || yt(s) ? n : s;
|
|
16
17
|
}
|
|
17
|
-
const
|
|
18
|
-
function
|
|
19
|
-
return
|
|
18
|
+
const Nt = ht();
|
|
19
|
+
function Dt(n = Nt) {
|
|
20
|
+
return bt(n);
|
|
20
21
|
}
|
|
21
|
-
function
|
|
22
|
+
function Rt(n) {
|
|
22
23
|
const {
|
|
23
24
|
prototype: s = {}
|
|
24
25
|
} = n;
|
|
25
26
|
return !!s.isReactComponent;
|
|
26
27
|
}
|
|
27
|
-
function
|
|
28
|
-
const
|
|
29
|
-
if (
|
|
28
|
+
function J(n, s, a, r, o) {
|
|
29
|
+
const t = n[s], i = o || s;
|
|
30
|
+
if (t == null || // When server-side rendering React doesn't warn either.
|
|
30
31
|
// This is not an accurate check for SSR.
|
|
31
32
|
// This is only in place for Emotion compat.
|
|
32
33
|
// TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
|
|
33
34
|
typeof window > "u")
|
|
34
35
|
return null;
|
|
35
36
|
let u;
|
|
36
|
-
const
|
|
37
|
-
return typeof
|
|
37
|
+
const c = t.type;
|
|
38
|
+
return typeof c == "function" && !Rt(c) && (u = "Did you accidentally use a plain function component for an element instead?"), u !== void 0 ? new Error(`Invalid ${r} \`${i}\` supplied to \`${a}\`. Expected an element that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
|
|
38
39
|
}
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
const
|
|
42
|
-
function
|
|
40
|
+
const Q = K(e.element, J);
|
|
41
|
+
Q.isRequired = K(e.element.isRequired, J);
|
|
42
|
+
const Ot = "exact-prop: ";
|
|
43
|
+
function St(n) {
|
|
43
44
|
return process.env.NODE_ENV === "production" ? n : {
|
|
44
45
|
...n,
|
|
45
|
-
[
|
|
46
|
-
const a = Object.keys(s).filter((
|
|
47
|
-
return a.length > 0 ? new Error(`The following props are not supported: ${a.map((
|
|
46
|
+
[Ot]: (s) => {
|
|
47
|
+
const a = Object.keys(s).filter((r) => !n.hasOwnProperty(r));
|
|
48
|
+
return a.length > 0 ? new Error(`The following props are not supported: ${a.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
|
|
48
49
|
}
|
|
49
50
|
};
|
|
50
51
|
}
|
|
51
|
-
function
|
|
52
|
+
function Pt(n, s, a, r, o) {
|
|
52
53
|
if (process.env.NODE_ENV === "production")
|
|
53
54
|
return null;
|
|
54
|
-
const
|
|
55
|
-
return
|
|
55
|
+
const t = n[s], i = o || s;
|
|
56
|
+
return t == null ? null : t && t.nodeType !== 1 ? new Error(`Invalid ${r} \`${i}\` supplied to \`${a}\`. Expected an HTMLElement.`) : null;
|
|
56
57
|
}
|
|
57
|
-
function
|
|
58
|
+
function Xt(n) {
|
|
58
59
|
return n && n.ownerDocument || document;
|
|
59
60
|
}
|
|
60
|
-
let
|
|
61
|
-
function
|
|
62
|
-
const [s, a] =
|
|
63
|
-
return
|
|
64
|
-
s == null && (
|
|
65
|
-
}, [s]),
|
|
61
|
+
let q = 0;
|
|
62
|
+
function Ct(n) {
|
|
63
|
+
const [s, a] = p.useState(n), r = n || s;
|
|
64
|
+
return p.useEffect(() => {
|
|
65
|
+
s == null && (q += 1, a(`mui-${q}`));
|
|
66
|
+
}, [s]), r;
|
|
66
67
|
}
|
|
67
|
-
const
|
|
68
|
-
...
|
|
69
|
-
},
|
|
70
|
-
function
|
|
71
|
-
if (
|
|
72
|
-
const s =
|
|
68
|
+
const wt = {
|
|
69
|
+
...p
|
|
70
|
+
}, W = wt.useId;
|
|
71
|
+
function zt(n) {
|
|
72
|
+
if (W !== void 0) {
|
|
73
|
+
const s = W();
|
|
73
74
|
return n ?? s;
|
|
74
75
|
}
|
|
75
|
-
return
|
|
76
|
+
return Ct(n);
|
|
76
77
|
}
|
|
77
|
-
function
|
|
78
|
+
function Bt(n) {
|
|
79
|
+
var h;
|
|
80
|
+
const {
|
|
81
|
+
elementType: s,
|
|
82
|
+
externalSlotProps: a,
|
|
83
|
+
ownerState: r,
|
|
84
|
+
skipResolvingSlotProps: o = !1,
|
|
85
|
+
...t
|
|
86
|
+
} = n, i = o ? {} : lt(a, r), {
|
|
87
|
+
props: u,
|
|
88
|
+
internalRef: c
|
|
89
|
+
} = pt({
|
|
90
|
+
...t,
|
|
91
|
+
externalSlotProps: i
|
|
92
|
+
}), f = H(c, i == null ? void 0 : i.ref, (h = n.additionalProps) == null ? void 0 : h.ref);
|
|
93
|
+
return ft(s, {
|
|
94
|
+
...u,
|
|
95
|
+
ref: f
|
|
96
|
+
}, r);
|
|
97
|
+
}
|
|
98
|
+
function Y(n) {
|
|
78
99
|
var s;
|
|
79
|
-
return parseInt(
|
|
100
|
+
return parseInt(p.version, 10) >= 19 ? ((s = n == null ? void 0 : n.props) == null ? void 0 : s.ref) || null : (n == null ? void 0 : n.ref) || null;
|
|
80
101
|
}
|
|
81
|
-
function
|
|
82
|
-
const n =
|
|
83
|
-
return process.env.NODE_ENV !== "production" &&
|
|
102
|
+
function It() {
|
|
103
|
+
const n = Dt(gt);
|
|
104
|
+
return process.env.NODE_ENV !== "production" && p.useDebugValue(n), n[xt] || n;
|
|
84
105
|
}
|
|
85
|
-
const
|
|
106
|
+
const X = {
|
|
86
107
|
disabled: !1
|
|
87
108
|
};
|
|
88
|
-
var
|
|
89
|
-
enter:
|
|
90
|
-
exit:
|
|
91
|
-
appear:
|
|
109
|
+
var _t = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
|
|
110
|
+
enter: e.number,
|
|
111
|
+
exit: e.number,
|
|
112
|
+
appear: e.number
|
|
92
113
|
}).isRequired]) : null;
|
|
93
|
-
process.env.NODE_ENV !== "production" &&
|
|
94
|
-
enter:
|
|
95
|
-
exit:
|
|
96
|
-
active:
|
|
97
|
-
}),
|
|
98
|
-
enter:
|
|
99
|
-
enterDone:
|
|
100
|
-
enterActive:
|
|
101
|
-
exit:
|
|
102
|
-
exitDone:
|
|
103
|
-
exitActive:
|
|
114
|
+
process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
|
|
115
|
+
enter: e.string,
|
|
116
|
+
exit: e.string,
|
|
117
|
+
active: e.string
|
|
118
|
+
}), e.shape({
|
|
119
|
+
enter: e.string,
|
|
120
|
+
enterDone: e.string,
|
|
121
|
+
enterActive: e.string,
|
|
122
|
+
exit: e.string,
|
|
123
|
+
exitDone: e.string,
|
|
124
|
+
exitActive: e.string
|
|
104
125
|
})]);
|
|
105
|
-
var
|
|
126
|
+
var kt = function(s) {
|
|
106
127
|
return s.scrollTop;
|
|
107
|
-
},
|
|
108
|
-
|
|
109
|
-
function s(
|
|
110
|
-
var
|
|
111
|
-
|
|
112
|
-
var
|
|
113
|
-
return
|
|
114
|
-
status:
|
|
115
|
-
},
|
|
128
|
+
}, S = "unmounted", T = "exited", y = "entering", O = "entered", V = "exiting", E = /* @__PURE__ */ function(n) {
|
|
129
|
+
dt(s, n);
|
|
130
|
+
function s(r, o) {
|
|
131
|
+
var t;
|
|
132
|
+
t = n.call(this, r, o) || this;
|
|
133
|
+
var i = o, u = i && !i.isMounting ? r.enter : r.appear, c;
|
|
134
|
+
return t.appearStatus = null, r.in ? u ? (c = T, t.appearStatus = y) : c = O : r.unmountOnExit || r.mountOnEnter ? c = S : c = T, t.state = {
|
|
135
|
+
status: c
|
|
136
|
+
}, t.nextCallback = null, t;
|
|
116
137
|
}
|
|
117
|
-
s.getDerivedStateFromProps = function(
|
|
118
|
-
var
|
|
119
|
-
return
|
|
120
|
-
status:
|
|
138
|
+
s.getDerivedStateFromProps = function(o, t) {
|
|
139
|
+
var i = o.in;
|
|
140
|
+
return i && t.status === S ? {
|
|
141
|
+
status: T
|
|
121
142
|
} : null;
|
|
122
143
|
};
|
|
123
144
|
var a = s.prototype;
|
|
124
145
|
return a.componentDidMount = function() {
|
|
125
146
|
this.updateStatus(!0, this.appearStatus);
|
|
126
|
-
}, a.componentDidUpdate = function(
|
|
127
|
-
var
|
|
128
|
-
if (
|
|
129
|
-
var
|
|
130
|
-
this.props.in ?
|
|
147
|
+
}, a.componentDidUpdate = function(o) {
|
|
148
|
+
var t = null;
|
|
149
|
+
if (o !== this.props) {
|
|
150
|
+
var i = this.state.status;
|
|
151
|
+
this.props.in ? i !== y && i !== O && (t = y) : (i === y || i === O) && (t = V);
|
|
131
152
|
}
|
|
132
|
-
this.updateStatus(!1,
|
|
153
|
+
this.updateStatus(!1, t);
|
|
133
154
|
}, a.componentWillUnmount = function() {
|
|
134
155
|
this.cancelNextCallback();
|
|
135
156
|
}, a.getTimeouts = function() {
|
|
136
|
-
var
|
|
137
|
-
return
|
|
138
|
-
exit:
|
|
139
|
-
enter:
|
|
157
|
+
var o = this.props.timeout, t, i, u;
|
|
158
|
+
return t = i = u = o, o != null && typeof o != "number" && (t = o.exit, i = o.enter, u = o.appear !== void 0 ? o.appear : i), {
|
|
159
|
+
exit: t,
|
|
160
|
+
enter: i,
|
|
140
161
|
appear: u
|
|
141
162
|
};
|
|
142
|
-
}, a.updateStatus = function(
|
|
143
|
-
if (
|
|
144
|
-
if (this.cancelNextCallback(),
|
|
163
|
+
}, a.updateStatus = function(o, t) {
|
|
164
|
+
if (o === void 0 && (o = !1), t !== null)
|
|
165
|
+
if (this.cancelNextCallback(), t === y) {
|
|
145
166
|
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
146
|
-
var
|
|
147
|
-
|
|
167
|
+
var i = this.props.nodeRef ? this.props.nodeRef.current : I.findDOMNode(this);
|
|
168
|
+
i && kt(i);
|
|
148
169
|
}
|
|
149
|
-
this.performEnter(
|
|
170
|
+
this.performEnter(o);
|
|
150
171
|
} else
|
|
151
172
|
this.performExit();
|
|
152
|
-
else this.props.unmountOnExit && this.state.status ===
|
|
153
|
-
status:
|
|
173
|
+
else this.props.unmountOnExit && this.state.status === T && this.setState({
|
|
174
|
+
status: S
|
|
154
175
|
});
|
|
155
|
-
}, a.performEnter = function(
|
|
156
|
-
var
|
|
157
|
-
if (!
|
|
176
|
+
}, a.performEnter = function(o) {
|
|
177
|
+
var t = this, i = this.props.enter, u = this.context ? this.context.isMounting : o, c = this.props.nodeRef ? [u] : [I.findDOMNode(this), u], f = c[0], m = c[1], h = this.getTimeouts(), _ = u ? h.appear : h.enter;
|
|
178
|
+
if (!o && !i || X.disabled) {
|
|
158
179
|
this.safeSetState({
|
|
159
|
-
status:
|
|
180
|
+
status: O
|
|
160
181
|
}, function() {
|
|
161
|
-
|
|
182
|
+
t.props.onEntered(f);
|
|
162
183
|
});
|
|
163
184
|
return;
|
|
164
185
|
}
|
|
165
|
-
this.props.onEnter(
|
|
166
|
-
status:
|
|
186
|
+
this.props.onEnter(f, m), this.safeSetState({
|
|
187
|
+
status: y
|
|
167
188
|
}, function() {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
status:
|
|
189
|
+
t.props.onEntering(f, m), t.onTransitionEnd(_, function() {
|
|
190
|
+
t.safeSetState({
|
|
191
|
+
status: O
|
|
171
192
|
}, function() {
|
|
172
|
-
|
|
193
|
+
t.props.onEntered(f, m);
|
|
173
194
|
});
|
|
174
195
|
});
|
|
175
196
|
});
|
|
176
197
|
}, a.performExit = function() {
|
|
177
|
-
var
|
|
178
|
-
if (!
|
|
198
|
+
var o = this, t = this.props.exit, i = this.getTimeouts(), u = this.props.nodeRef ? void 0 : I.findDOMNode(this);
|
|
199
|
+
if (!t || X.disabled) {
|
|
179
200
|
this.safeSetState({
|
|
180
|
-
status:
|
|
201
|
+
status: T
|
|
181
202
|
}, function() {
|
|
182
|
-
|
|
203
|
+
o.props.onExited(u);
|
|
183
204
|
});
|
|
184
205
|
return;
|
|
185
206
|
}
|
|
186
207
|
this.props.onExit(u), this.safeSetState({
|
|
187
|
-
status:
|
|
208
|
+
status: V
|
|
188
209
|
}, function() {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
status:
|
|
210
|
+
o.props.onExiting(u), o.onTransitionEnd(i.exit, function() {
|
|
211
|
+
o.safeSetState({
|
|
212
|
+
status: T
|
|
192
213
|
}, function() {
|
|
193
|
-
|
|
214
|
+
o.props.onExited(u);
|
|
194
215
|
});
|
|
195
216
|
});
|
|
196
217
|
});
|
|
197
218
|
}, a.cancelNextCallback = function() {
|
|
198
219
|
this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
|
|
199
|
-
}, a.safeSetState = function(
|
|
200
|
-
|
|
201
|
-
}, a.setNextCallback = function(
|
|
202
|
-
var
|
|
220
|
+
}, a.safeSetState = function(o, t) {
|
|
221
|
+
t = this.setNextCallback(t), this.setState(o, t);
|
|
222
|
+
}, a.setNextCallback = function(o) {
|
|
223
|
+
var t = this, i = !0;
|
|
203
224
|
return this.nextCallback = function(u) {
|
|
204
|
-
|
|
225
|
+
i && (i = !1, t.nextCallback = null, o(u));
|
|
205
226
|
}, this.nextCallback.cancel = function() {
|
|
206
|
-
|
|
227
|
+
i = !1;
|
|
207
228
|
}, this.nextCallback;
|
|
208
|
-
}, a.onTransitionEnd = function(
|
|
209
|
-
this.setNextCallback(
|
|
210
|
-
var
|
|
211
|
-
if (!
|
|
229
|
+
}, a.onTransitionEnd = function(o, t) {
|
|
230
|
+
this.setNextCallback(t);
|
|
231
|
+
var i = this.props.nodeRef ? this.props.nodeRef.current : I.findDOMNode(this), u = o == null && !this.props.addEndListener;
|
|
232
|
+
if (!i || u) {
|
|
212
233
|
setTimeout(this.nextCallback, 0);
|
|
213
234
|
return;
|
|
214
235
|
}
|
|
215
236
|
if (this.props.addEndListener) {
|
|
216
|
-
var
|
|
217
|
-
this.props.addEndListener(
|
|
237
|
+
var c = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], f = c[0], m = c[1];
|
|
238
|
+
this.props.addEndListener(f, m);
|
|
218
239
|
}
|
|
219
|
-
|
|
240
|
+
o != null && setTimeout(this.nextCallback, o);
|
|
220
241
|
}, a.render = function() {
|
|
221
|
-
var
|
|
222
|
-
if (
|
|
242
|
+
var o = this.state.status;
|
|
243
|
+
if (o === S)
|
|
223
244
|
return null;
|
|
224
|
-
var
|
|
225
|
-
|
|
226
|
-
var u =
|
|
245
|
+
var t = this.props, i = t.children;
|
|
246
|
+
t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
|
|
247
|
+
var u = Et(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
|
|
227
248
|
return (
|
|
228
249
|
// allows for nested Transitions
|
|
229
|
-
/* @__PURE__ */
|
|
250
|
+
/* @__PURE__ */ w.createElement(B.Provider, {
|
|
230
251
|
value: null
|
|
231
|
-
}, typeof
|
|
252
|
+
}, typeof i == "function" ? i(o, u) : w.cloneElement(w.Children.only(i), u))
|
|
232
253
|
);
|
|
233
254
|
}, s;
|
|
234
|
-
}(
|
|
235
|
-
|
|
236
|
-
|
|
255
|
+
}(w.Component);
|
|
256
|
+
E.contextType = B;
|
|
257
|
+
E.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
237
258
|
/**
|
|
238
259
|
* A React reference to DOM element that need to transition:
|
|
239
260
|
* https://stackoverflow.com/a/51127130/4671932
|
|
@@ -245,10 +266,10 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
245
266
|
* (see
|
|
246
267
|
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
247
268
|
*/
|
|
248
|
-
nodeRef:
|
|
249
|
-
current: typeof Element > "u" ?
|
|
250
|
-
var
|
|
251
|
-
return
|
|
269
|
+
nodeRef: e.shape({
|
|
270
|
+
current: typeof Element > "u" ? e.any : function(n, s, a, r, o, t) {
|
|
271
|
+
var i = n[s];
|
|
272
|
+
return e.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(n, s, a, r, o, t);
|
|
252
273
|
}
|
|
253
274
|
}),
|
|
254
275
|
/**
|
|
@@ -265,23 +286,23 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
265
286
|
* </Transition>
|
|
266
287
|
* ```
|
|
267
288
|
*/
|
|
268
|
-
children:
|
|
289
|
+
children: e.oneOfType([e.func.isRequired, e.element.isRequired]).isRequired,
|
|
269
290
|
/**
|
|
270
291
|
* Show the component; triggers the enter or exit states
|
|
271
292
|
*/
|
|
272
|
-
in:
|
|
293
|
+
in: e.bool,
|
|
273
294
|
/**
|
|
274
295
|
* By default the child component is mounted immediately along with
|
|
275
296
|
* the parent `Transition` component. If you want to "lazy mount" the component on the
|
|
276
297
|
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
277
298
|
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
278
299
|
*/
|
|
279
|
-
mountOnEnter:
|
|
300
|
+
mountOnEnter: e.bool,
|
|
280
301
|
/**
|
|
281
302
|
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
282
303
|
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
283
304
|
*/
|
|
284
|
-
unmountOnExit:
|
|
305
|
+
unmountOnExit: e.bool,
|
|
285
306
|
/**
|
|
286
307
|
* By default the child component does not perform the enter transition when
|
|
287
308
|
* it first mounts, regardless of the value of `in`. If you want this
|
|
@@ -293,15 +314,15 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
293
314
|
* > additional `.appear-*` classes, that way you can choose to style it
|
|
294
315
|
* > differently.
|
|
295
316
|
*/
|
|
296
|
-
appear:
|
|
317
|
+
appear: e.bool,
|
|
297
318
|
/**
|
|
298
319
|
* Enable or disable enter transitions.
|
|
299
320
|
*/
|
|
300
|
-
enter:
|
|
321
|
+
enter: e.bool,
|
|
301
322
|
/**
|
|
302
323
|
* Enable or disable exit transitions.
|
|
303
324
|
*/
|
|
304
|
-
exit:
|
|
325
|
+
exit: e.bool,
|
|
305
326
|
/**
|
|
306
327
|
* The duration of the transition, in milliseconds.
|
|
307
328
|
* Required unless `addEndListener` is provided.
|
|
@@ -329,11 +350,11 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
329
350
|
* @type {number | { enter?: number, exit?: number, appear?: number }}
|
|
330
351
|
*/
|
|
331
352
|
timeout: function(s) {
|
|
332
|
-
var a =
|
|
353
|
+
var a = _t;
|
|
333
354
|
s.addEndListener || (a = a.isRequired);
|
|
334
|
-
for (var
|
|
335
|
-
t
|
|
336
|
-
return a.apply(void 0, [s].concat(
|
|
355
|
+
for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
|
|
356
|
+
o[t - 1] = arguments[t];
|
|
357
|
+
return a.apply(void 0, [s].concat(o));
|
|
337
358
|
},
|
|
338
359
|
/**
|
|
339
360
|
* Add a custom transition end trigger. Called with the transitioning
|
|
@@ -349,7 +370,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
349
370
|
* }}
|
|
350
371
|
* ```
|
|
351
372
|
*/
|
|
352
|
-
addEndListener:
|
|
373
|
+
addEndListener: e.func,
|
|
353
374
|
/**
|
|
354
375
|
* Callback fired before the "entering" status is applied. An extra parameter
|
|
355
376
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -358,7 +379,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
358
379
|
*
|
|
359
380
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
360
381
|
*/
|
|
361
|
-
onEnter:
|
|
382
|
+
onEnter: e.func,
|
|
362
383
|
/**
|
|
363
384
|
* Callback fired after the "entering" status is applied. An extra parameter
|
|
364
385
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -367,7 +388,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
367
388
|
*
|
|
368
389
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
369
390
|
*/
|
|
370
|
-
onEntering:
|
|
391
|
+
onEntering: e.func,
|
|
371
392
|
/**
|
|
372
393
|
* Callback fired after the "entered" status is applied. An extra parameter
|
|
373
394
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -376,7 +397,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
376
397
|
*
|
|
377
398
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
378
399
|
*/
|
|
379
|
-
onEntered:
|
|
400
|
+
onEntered: e.func,
|
|
380
401
|
/**
|
|
381
402
|
* Callback fired before the "exiting" status is applied.
|
|
382
403
|
*
|
|
@@ -384,7 +405,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
384
405
|
*
|
|
385
406
|
* @type Function(node: HtmlElement) -> void
|
|
386
407
|
*/
|
|
387
|
-
onExit:
|
|
408
|
+
onExit: e.func,
|
|
388
409
|
/**
|
|
389
410
|
* Callback fired after the "exiting" status is applied.
|
|
390
411
|
*
|
|
@@ -392,7 +413,7 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
392
413
|
*
|
|
393
414
|
* @type Function(node: HtmlElement) -> void
|
|
394
415
|
*/
|
|
395
|
-
onExiting:
|
|
416
|
+
onExiting: e.func,
|
|
396
417
|
/**
|
|
397
418
|
* Callback fired after the "exited" status is applied.
|
|
398
419
|
*
|
|
@@ -400,74 +421,257 @@ f.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
400
421
|
*
|
|
401
422
|
* @type Function(node: HtmlElement) -> void
|
|
402
423
|
*/
|
|
403
|
-
onExited:
|
|
424
|
+
onExited: e.func
|
|
404
425
|
} : {};
|
|
405
|
-
function
|
|
426
|
+
function R() {
|
|
406
427
|
}
|
|
407
|
-
|
|
428
|
+
E.defaultProps = {
|
|
408
429
|
in: !1,
|
|
409
430
|
mountOnEnter: !1,
|
|
410
431
|
unmountOnExit: !1,
|
|
411
432
|
appear: !1,
|
|
412
433
|
enter: !0,
|
|
413
434
|
exit: !0,
|
|
414
|
-
onEnter:
|
|
415
|
-
onEntering:
|
|
416
|
-
onEntered:
|
|
417
|
-
onExit:
|
|
418
|
-
onExiting:
|
|
419
|
-
onExited:
|
|
435
|
+
onEnter: R,
|
|
436
|
+
onEntering: R,
|
|
437
|
+
onEntered: R,
|
|
438
|
+
onExit: R,
|
|
439
|
+
onExiting: R,
|
|
440
|
+
onExited: R
|
|
420
441
|
};
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
const
|
|
427
|
-
function
|
|
442
|
+
E.UNMOUNTED = S;
|
|
443
|
+
E.EXITED = T;
|
|
444
|
+
E.ENTERING = y;
|
|
445
|
+
E.ENTERED = O;
|
|
446
|
+
E.EXITING = V;
|
|
447
|
+
const Lt = (n) => n.scrollTop;
|
|
448
|
+
function z(n, s) {
|
|
428
449
|
const {
|
|
429
450
|
timeout: a,
|
|
430
|
-
easing:
|
|
431
|
-
style:
|
|
451
|
+
easing: r,
|
|
452
|
+
style: o = {}
|
|
432
453
|
} = n;
|
|
433
454
|
return {
|
|
434
|
-
duration:
|
|
435
|
-
easing:
|
|
436
|
-
delay:
|
|
455
|
+
duration: o.transitionDuration ?? (typeof a == "number" ? a : a[s.mode] || 0),
|
|
456
|
+
easing: o.transitionTimingFunction ?? (typeof r == "object" ? r[s.mode] : r),
|
|
457
|
+
delay: o.transitionDelay
|
|
437
458
|
};
|
|
438
459
|
}
|
|
439
|
-
function
|
|
460
|
+
function A(n) {
|
|
461
|
+
return `scale(${n}, ${n ** 2})`;
|
|
462
|
+
}
|
|
463
|
+
const Mt = {
|
|
464
|
+
entering: {
|
|
465
|
+
opacity: 1,
|
|
466
|
+
transform: A(1)
|
|
467
|
+
},
|
|
468
|
+
entered: {
|
|
469
|
+
opacity: 1,
|
|
470
|
+
transform: "none"
|
|
471
|
+
}
|
|
472
|
+
}, M = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), j = /* @__PURE__ */ p.forwardRef(function(s, a) {
|
|
473
|
+
const {
|
|
474
|
+
addEndListener: r,
|
|
475
|
+
appear: o = !0,
|
|
476
|
+
children: t,
|
|
477
|
+
easing: i,
|
|
478
|
+
in: u,
|
|
479
|
+
onEnter: c,
|
|
480
|
+
onEntered: f,
|
|
481
|
+
onEntering: m,
|
|
482
|
+
onExit: h,
|
|
483
|
+
onExited: _,
|
|
484
|
+
onExiting: Z,
|
|
485
|
+
style: k,
|
|
486
|
+
timeout: v = "auto",
|
|
487
|
+
// eslint-disable-next-line react/prop-types
|
|
488
|
+
TransitionComponent: tt = E,
|
|
489
|
+
...et
|
|
490
|
+
} = s, nt = mt(), L = p.useRef(), b = It(), P = p.useRef(null), ot = H(P, Y(t), a), N = (l) => (x) => {
|
|
491
|
+
if (l) {
|
|
492
|
+
const g = P.current;
|
|
493
|
+
x === void 0 ? l(g) : l(g, x);
|
|
494
|
+
}
|
|
495
|
+
}, it = N(m), rt = N((l, x) => {
|
|
496
|
+
Lt(l);
|
|
497
|
+
const {
|
|
498
|
+
duration: g,
|
|
499
|
+
delay: C,
|
|
500
|
+
easing: d
|
|
501
|
+
} = z({
|
|
502
|
+
style: k,
|
|
503
|
+
timeout: v,
|
|
504
|
+
easing: i
|
|
505
|
+
}, {
|
|
506
|
+
mode: "enter"
|
|
507
|
+
});
|
|
508
|
+
let D;
|
|
509
|
+
v === "auto" ? (D = b.transitions.getAutoHeightDuration(l.clientHeight), L.current = D) : D = g, l.style.transition = [b.transitions.create("opacity", {
|
|
510
|
+
duration: D,
|
|
511
|
+
delay: C
|
|
512
|
+
}), b.transitions.create("transform", {
|
|
513
|
+
duration: M ? D : D * 0.666,
|
|
514
|
+
delay: C,
|
|
515
|
+
easing: d
|
|
516
|
+
})].join(","), c && c(l, x);
|
|
517
|
+
}), st = N(f), at = N(Z), ut = N((l) => {
|
|
518
|
+
const {
|
|
519
|
+
duration: x,
|
|
520
|
+
delay: g,
|
|
521
|
+
easing: C
|
|
522
|
+
} = z({
|
|
523
|
+
style: k,
|
|
524
|
+
timeout: v,
|
|
525
|
+
easing: i
|
|
526
|
+
}, {
|
|
527
|
+
mode: "exit"
|
|
528
|
+
});
|
|
529
|
+
let d;
|
|
530
|
+
v === "auto" ? (d = b.transitions.getAutoHeightDuration(l.clientHeight), L.current = d) : d = x, l.style.transition = [b.transitions.create("opacity", {
|
|
531
|
+
duration: d,
|
|
532
|
+
delay: g
|
|
533
|
+
}), b.transitions.create("transform", {
|
|
534
|
+
duration: M ? d : d * 0.666,
|
|
535
|
+
delay: M ? g : g || d * 0.333,
|
|
536
|
+
easing: C
|
|
537
|
+
})].join(","), l.style.opacity = 0, l.style.transform = A(0.75), h && h(l);
|
|
538
|
+
}), ct = N(_);
|
|
539
|
+
return /* @__PURE__ */ $(tt, {
|
|
540
|
+
appear: o,
|
|
541
|
+
in: u,
|
|
542
|
+
nodeRef: P,
|
|
543
|
+
onEnter: rt,
|
|
544
|
+
onEntered: st,
|
|
545
|
+
onEntering: it,
|
|
546
|
+
onExit: ut,
|
|
547
|
+
onExited: ct,
|
|
548
|
+
onExiting: at,
|
|
549
|
+
addEndListener: (l) => {
|
|
550
|
+
v === "auto" && nt.start(L.current || 0, l), r && r(P.current, l);
|
|
551
|
+
},
|
|
552
|
+
timeout: v === "auto" ? null : v,
|
|
553
|
+
...et,
|
|
554
|
+
children: (l, x) => /* @__PURE__ */ p.cloneElement(t, {
|
|
555
|
+
style: {
|
|
556
|
+
opacity: 0,
|
|
557
|
+
transform: A(0.75),
|
|
558
|
+
visibility: l === "exited" && !u ? "hidden" : void 0,
|
|
559
|
+
...Mt[l],
|
|
560
|
+
...k,
|
|
561
|
+
...t.props.style
|
|
562
|
+
},
|
|
563
|
+
ref: ot,
|
|
564
|
+
...x
|
|
565
|
+
})
|
|
566
|
+
});
|
|
567
|
+
});
|
|
568
|
+
process.env.NODE_ENV !== "production" && (j.propTypes = {
|
|
569
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
570
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
571
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
572
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
573
|
+
/**
|
|
574
|
+
* Add a custom transition end trigger. Called with the transitioning DOM
|
|
575
|
+
* node and a done callback. Allows for more fine grained transition end
|
|
576
|
+
* logic. Note: Timeouts are still used as a fallback if provided.
|
|
577
|
+
*/
|
|
578
|
+
addEndListener: e.func,
|
|
579
|
+
/**
|
|
580
|
+
* Perform the enter transition when it first mounts if `in` is also `true`.
|
|
581
|
+
* Set this to `false` to disable this behavior.
|
|
582
|
+
* @default true
|
|
583
|
+
*/
|
|
584
|
+
appear: e.bool,
|
|
585
|
+
/**
|
|
586
|
+
* A single child content element.
|
|
587
|
+
*/
|
|
588
|
+
children: Q.isRequired,
|
|
589
|
+
/**
|
|
590
|
+
* The transition timing function.
|
|
591
|
+
* You may specify a single easing or a object containing enter and exit values.
|
|
592
|
+
*/
|
|
593
|
+
easing: e.oneOfType([e.shape({
|
|
594
|
+
enter: e.string,
|
|
595
|
+
exit: e.string
|
|
596
|
+
}), e.string]),
|
|
597
|
+
/**
|
|
598
|
+
* If `true`, the component will transition in.
|
|
599
|
+
*/
|
|
600
|
+
in: e.bool,
|
|
601
|
+
/**
|
|
602
|
+
* @ignore
|
|
603
|
+
*/
|
|
604
|
+
onEnter: e.func,
|
|
605
|
+
/**
|
|
606
|
+
* @ignore
|
|
607
|
+
*/
|
|
608
|
+
onEntered: e.func,
|
|
609
|
+
/**
|
|
610
|
+
* @ignore
|
|
611
|
+
*/
|
|
612
|
+
onEntering: e.func,
|
|
613
|
+
/**
|
|
614
|
+
* @ignore
|
|
615
|
+
*/
|
|
616
|
+
onExit: e.func,
|
|
617
|
+
/**
|
|
618
|
+
* @ignore
|
|
619
|
+
*/
|
|
620
|
+
onExited: e.func,
|
|
621
|
+
/**
|
|
622
|
+
* @ignore
|
|
623
|
+
*/
|
|
624
|
+
onExiting: e.func,
|
|
625
|
+
/**
|
|
626
|
+
* @ignore
|
|
627
|
+
*/
|
|
628
|
+
style: e.object,
|
|
629
|
+
/**
|
|
630
|
+
* The duration for the transition, in milliseconds.
|
|
631
|
+
* You may specify a single timeout for all transitions, or individually with an object.
|
|
632
|
+
*
|
|
633
|
+
* Set to 'auto' to automatically calculate transition time based on height.
|
|
634
|
+
* @default 'auto'
|
|
635
|
+
*/
|
|
636
|
+
timeout: e.oneOfType([e.oneOf(["auto"]), e.number, e.shape({
|
|
637
|
+
appear: e.number,
|
|
638
|
+
enter: e.number,
|
|
639
|
+
exit: e.number
|
|
640
|
+
})])
|
|
641
|
+
});
|
|
642
|
+
j && (j.muiSupportAuto = !0);
|
|
643
|
+
function $t(n) {
|
|
440
644
|
return typeof n == "function" ? n() : n;
|
|
441
645
|
}
|
|
442
|
-
const
|
|
646
|
+
const G = /* @__PURE__ */ p.forwardRef(function(s, a) {
|
|
443
647
|
const {
|
|
444
|
-
children:
|
|
445
|
-
container:
|
|
446
|
-
disablePortal:
|
|
447
|
-
} = s, [
|
|
448
|
-
if (
|
|
449
|
-
|
|
450
|
-
}, [
|
|
451
|
-
if (
|
|
452
|
-
return
|
|
453
|
-
|
|
648
|
+
children: r,
|
|
649
|
+
container: o,
|
|
650
|
+
disablePortal: t = !1
|
|
651
|
+
} = s, [i, u] = p.useState(null), c = H(/* @__PURE__ */ p.isValidElement(r) ? Y(r) : null, a);
|
|
652
|
+
if (F(() => {
|
|
653
|
+
t || u($t(o) || document.body);
|
|
654
|
+
}, [o, t]), F(() => {
|
|
655
|
+
if (i && !t)
|
|
656
|
+
return U(a, i), () => {
|
|
657
|
+
U(a, null);
|
|
454
658
|
};
|
|
455
|
-
}, [a,
|
|
456
|
-
if (/* @__PURE__ */
|
|
457
|
-
const
|
|
458
|
-
ref:
|
|
659
|
+
}, [a, i, t]), t) {
|
|
660
|
+
if (/* @__PURE__ */ p.isValidElement(r)) {
|
|
661
|
+
const f = {
|
|
662
|
+
ref: c
|
|
459
663
|
};
|
|
460
|
-
return /* @__PURE__ */
|
|
664
|
+
return /* @__PURE__ */ p.cloneElement(r, f);
|
|
461
665
|
}
|
|
462
|
-
return /* @__PURE__ */
|
|
463
|
-
children:
|
|
666
|
+
return /* @__PURE__ */ $(p.Fragment, {
|
|
667
|
+
children: r
|
|
464
668
|
});
|
|
465
669
|
}
|
|
466
|
-
return /* @__PURE__ */
|
|
467
|
-
children:
|
|
670
|
+
return /* @__PURE__ */ $(p.Fragment, {
|
|
671
|
+
children: i && /* @__PURE__ */ Tt.createPortal(r, i)
|
|
468
672
|
});
|
|
469
673
|
});
|
|
470
|
-
process.env.NODE_ENV !== "production" && (
|
|
674
|
+
process.env.NODE_ENV !== "production" && (G.propTypes = {
|
|
471
675
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
472
676
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
473
677
|
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
@@ -475,7 +679,7 @@ process.env.NODE_ENV !== "production" && (N.propTypes = {
|
|
|
475
679
|
/**
|
|
476
680
|
* The children to render into the `container`.
|
|
477
681
|
*/
|
|
478
|
-
children:
|
|
682
|
+
children: e.node,
|
|
479
683
|
/**
|
|
480
684
|
* An HTML element or function that returns one.
|
|
481
685
|
* The `container` will have the portal children appended to it.
|
|
@@ -486,26 +690,28 @@ process.env.NODE_ENV !== "production" && (N.propTypes = {
|
|
|
486
690
|
* By default, it uses the body of the top-level document object,
|
|
487
691
|
* so it's simply `document.body` most of the time.
|
|
488
692
|
*/
|
|
489
|
-
container:
|
|
693
|
+
container: e.oneOfType([Pt, e.func]),
|
|
490
694
|
/**
|
|
491
695
|
* The `children` will be under the DOM hierarchy of the parent component.
|
|
492
696
|
* @default false
|
|
493
697
|
*/
|
|
494
|
-
disablePortal:
|
|
698
|
+
disablePortal: e.bool
|
|
495
699
|
});
|
|
496
|
-
process.env.NODE_ENV !== "production" && (
|
|
700
|
+
process.env.NODE_ENV !== "production" && (G.propTypes = St(G.propTypes));
|
|
497
701
|
export {
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
702
|
+
j as G,
|
|
703
|
+
Pt as H,
|
|
704
|
+
G as P,
|
|
705
|
+
E as T,
|
|
706
|
+
It as a,
|
|
707
|
+
z as b,
|
|
708
|
+
Bt as c,
|
|
709
|
+
zt as d,
|
|
710
|
+
Q as e,
|
|
711
|
+
Dt as f,
|
|
712
|
+
Y as g,
|
|
713
|
+
St as h,
|
|
714
|
+
Xt as o,
|
|
715
|
+
Lt as r,
|
|
716
|
+
bt as u
|
|
511
717
|
};
|