jcicl 0.0.89 → 0.0.90
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 +68 -68
- package/.chunks/DefaultPropsProvider.js +439 -439
- package/.chunks/Input.js +254 -255
- package/.chunks/Portal.js +57 -57
- package/.chunks/TransitionGroupContext.js +7 -6
- package/LogoLoop/LogoLoop.js +1 -1
- package/README.md +5 -4
- package/{Spin → animation/Spin}/Spin.js +2 -2
- package/{ZoomEntrance → animation/ZoomEntrance}/ZoomEntrance.js +2 -2
- package/animation/index.js +6 -0
- package/index.js +50 -4
- package/package.json +1 -1
- package/{AppContainer → templates/AppContainer}/AppContainer.js +5 -5
- /package/{Spin → animation/Spin}/index.js +0 -0
- /package/{ZoomEntrance → animation/ZoomEntrance}/index.js +0 -0
- /package/{AppContainer → templates/AppContainer}/index.js +0 -0
package/.chunks/ButtonBase.js
CHANGED
|
@@ -6,11 +6,65 @@ import W, { Children as Oe, isValidElement as G, cloneElement as J } from "react
|
|
|
6
6
|
import { P as e, b as E, a as fe, s as te, u as de, g as je, d as Fe } from "./DefaultPropsProvider.js";
|
|
7
7
|
import { jsx as I, jsxs as $e } from "react/jsx-runtime";
|
|
8
8
|
import { k as ne } from "./emotion-react.browser.esm.js";
|
|
9
|
-
import {
|
|
9
|
+
import { u as Ie, _ as Ue, a as ze, T as ue, b as _e, c as ce, d as H, r as Xe } from "./TransitionGroupContext.js";
|
|
10
10
|
import { _ as Ye } from "./emotion-styled.browser.esm.js";
|
|
11
11
|
import { e as Ae } from "./elementTypeAcceptingRef.js";
|
|
12
12
|
import { i as pe } from "./isFocusVisible.js";
|
|
13
|
-
|
|
13
|
+
class Q {
|
|
14
|
+
constructor() {
|
|
15
|
+
le(this, "mountEffect", () => {
|
|
16
|
+
this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
|
|
17
|
+
});
|
|
18
|
+
this.ref = {
|
|
19
|
+
current: null
|
|
20
|
+
}, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
|
|
21
|
+
}
|
|
22
|
+
/** React ref to the ripple instance */
|
|
23
|
+
/** If the ripple component should be mounted */
|
|
24
|
+
/** Promise that resolves when the ripple component is mounted */
|
|
25
|
+
/** If the ripple component has been mounted */
|
|
26
|
+
/** React state hook setter */
|
|
27
|
+
static create() {
|
|
28
|
+
return new Q();
|
|
29
|
+
}
|
|
30
|
+
static use() {
|
|
31
|
+
const t = Ie(Q.create).current, [n, l] = d.useState(!1);
|
|
32
|
+
return t.shouldMount = n, t.setShouldMount = l, d.useEffect(t.mountEffect, [n]), t;
|
|
33
|
+
}
|
|
34
|
+
mount() {
|
|
35
|
+
return this.mounted || (this.mounted = qe(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
|
|
36
|
+
}
|
|
37
|
+
/* Ripple API */
|
|
38
|
+
start(...t) {
|
|
39
|
+
this.mount().then(() => {
|
|
40
|
+
var n;
|
|
41
|
+
return (n = this.ref.current) == null ? void 0 : n.start(...t);
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
stop(...t) {
|
|
45
|
+
this.mount().then(() => {
|
|
46
|
+
var n;
|
|
47
|
+
return (n = this.ref.current) == null ? void 0 : n.stop(...t);
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
pulsate(...t) {
|
|
51
|
+
this.mount().then(() => {
|
|
52
|
+
var n;
|
|
53
|
+
return (n = this.ref.current) == null ? void 0 : n.pulsate(...t);
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
function Ke() {
|
|
58
|
+
return Q.use();
|
|
59
|
+
}
|
|
60
|
+
function qe() {
|
|
61
|
+
let o, t;
|
|
62
|
+
const n = new Promise((l, i) => {
|
|
63
|
+
o = l, t = i;
|
|
64
|
+
});
|
|
65
|
+
return n.resolve = o, n.reject = t, n;
|
|
66
|
+
}
|
|
67
|
+
function We(o) {
|
|
14
68
|
if (o === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
15
69
|
return o;
|
|
16
70
|
}
|
|
@@ -24,7 +78,7 @@ function oe(o, t) {
|
|
|
24
78
|
l[i.key] = n(i);
|
|
25
79
|
}), l;
|
|
26
80
|
}
|
|
27
|
-
function
|
|
81
|
+
function He(o, t) {
|
|
28
82
|
o = o || {}, t = t || {};
|
|
29
83
|
function n(h) {
|
|
30
84
|
return h in t ? t[h] : o[h];
|
|
@@ -48,7 +102,7 @@ function qe(o, t) {
|
|
|
48
102
|
function O(o, t, n) {
|
|
49
103
|
return n[t] != null ? n[t] : o.props[t];
|
|
50
104
|
}
|
|
51
|
-
function
|
|
105
|
+
function Ge(o, t) {
|
|
52
106
|
return oe(o.children, function(n) {
|
|
53
107
|
return J(n, {
|
|
54
108
|
onExited: t.bind(null, n),
|
|
@@ -59,8 +113,8 @@ function We(o, t) {
|
|
|
59
113
|
});
|
|
60
114
|
});
|
|
61
115
|
}
|
|
62
|
-
function
|
|
63
|
-
var l = oe(o.children), i =
|
|
116
|
+
function Je(o, t, n) {
|
|
117
|
+
var l = oe(o.children), i = He(t, l);
|
|
64
118
|
return Object.keys(i).forEach(function(s) {
|
|
65
119
|
var r = i[s];
|
|
66
120
|
if (G(r)) {
|
|
@@ -81,21 +135,21 @@ function He(o, t, n) {
|
|
|
81
135
|
}
|
|
82
136
|
}), i;
|
|
83
137
|
}
|
|
84
|
-
var
|
|
138
|
+
var Qe = Object.values || function(o) {
|
|
85
139
|
return Object.keys(o).map(function(t) {
|
|
86
140
|
return o[t];
|
|
87
141
|
});
|
|
88
|
-
},
|
|
142
|
+
}, Ze = {
|
|
89
143
|
component: "div",
|
|
90
144
|
childFactory: function(t) {
|
|
91
145
|
return t;
|
|
92
146
|
}
|
|
93
147
|
}, ie = /* @__PURE__ */ function(o) {
|
|
94
|
-
|
|
148
|
+
Ue(t, o);
|
|
95
149
|
function t(l, i) {
|
|
96
150
|
var s;
|
|
97
151
|
s = o.call(this, l, i) || this;
|
|
98
|
-
var r = s.handleExited.bind(
|
|
152
|
+
var r = s.handleExited.bind(We(s));
|
|
99
153
|
return s.state = {
|
|
100
154
|
contextValue: {
|
|
101
155
|
isMounting: !0
|
|
@@ -116,7 +170,7 @@ var Ge = Object.values || function(o) {
|
|
|
116
170
|
}, t.getDerivedStateFromProps = function(i, s) {
|
|
117
171
|
var r = s.children, p = s.handleExited, u = s.firstRender;
|
|
118
172
|
return {
|
|
119
|
-
children: u ?
|
|
173
|
+
children: u ? Ge(i, p) : Je(i, r, p),
|
|
120
174
|
firstRender: !1
|
|
121
175
|
};
|
|
122
176
|
}, n.handleExited = function(i, s) {
|
|
@@ -128,7 +182,7 @@ var Ge = Object.values || function(o) {
|
|
|
128
182
|
};
|
|
129
183
|
}));
|
|
130
184
|
}, n.render = function() {
|
|
131
|
-
var i = this.props, s = i.component, r = i.childFactory, p =
|
|
185
|
+
var i = this.props, s = i.component, r = i.childFactory, p = ze(i, ["component", "childFactory"]), u = this.state.contextValue, f = Qe(this.state.children).map(r);
|
|
132
186
|
return delete p.appear, delete p.enter, delete p.exit, s === null ? /* @__PURE__ */ W.createElement(ue.Provider, {
|
|
133
187
|
value: u
|
|
134
188
|
}, f) : /* @__PURE__ */ W.createElement(ue.Provider, {
|
|
@@ -189,61 +243,7 @@ ie.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
189
243
|
*/
|
|
190
244
|
childFactory: e.func
|
|
191
245
|
} : {};
|
|
192
|
-
ie.defaultProps =
|
|
193
|
-
class Q {
|
|
194
|
-
constructor() {
|
|
195
|
-
le(this, "mountEffect", () => {
|
|
196
|
-
this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
|
|
197
|
-
});
|
|
198
|
-
this.ref = {
|
|
199
|
-
current: null
|
|
200
|
-
}, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
|
|
201
|
-
}
|
|
202
|
-
/** React ref to the ripple instance */
|
|
203
|
-
/** If the ripple component should be mounted */
|
|
204
|
-
/** Promise that resolves when the ripple component is mounted */
|
|
205
|
-
/** If the ripple component has been mounted */
|
|
206
|
-
/** React state hook setter */
|
|
207
|
-
static create() {
|
|
208
|
-
return new Q();
|
|
209
|
-
}
|
|
210
|
-
static use() {
|
|
211
|
-
const t = ze(Q.create).current, [n, l] = d.useState(!1);
|
|
212
|
-
return t.shouldMount = n, t.setShouldMount = l, d.useEffect(t.mountEffect, [n]), t;
|
|
213
|
-
}
|
|
214
|
-
mount() {
|
|
215
|
-
return this.mounted || (this.mounted = Ze(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
|
|
216
|
-
}
|
|
217
|
-
/* Ripple API */
|
|
218
|
-
start(...t) {
|
|
219
|
-
this.mount().then(() => {
|
|
220
|
-
var n;
|
|
221
|
-
return (n = this.ref.current) == null ? void 0 : n.start(...t);
|
|
222
|
-
});
|
|
223
|
-
}
|
|
224
|
-
stop(...t) {
|
|
225
|
-
this.mount().then(() => {
|
|
226
|
-
var n;
|
|
227
|
-
return (n = this.ref.current) == null ? void 0 : n.stop(...t);
|
|
228
|
-
});
|
|
229
|
-
}
|
|
230
|
-
pulsate(...t) {
|
|
231
|
-
this.mount().then(() => {
|
|
232
|
-
var n;
|
|
233
|
-
return (n = this.ref.current) == null ? void 0 : n.pulsate(...t);
|
|
234
|
-
});
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
function Qe() {
|
|
238
|
-
return Q.use();
|
|
239
|
-
}
|
|
240
|
-
function Ze() {
|
|
241
|
-
let o, t;
|
|
242
|
-
const n = new Promise((l, i) => {
|
|
243
|
-
o = l, t = i;
|
|
244
|
-
});
|
|
245
|
-
return n.resolve = o, n.reject = t, n;
|
|
246
|
-
}
|
|
246
|
+
ie.defaultProps = Ze;
|
|
247
247
|
function he(o) {
|
|
248
248
|
const {
|
|
249
249
|
className: t,
|
|
@@ -630,7 +630,7 @@ const at = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), lt = (o) =
|
|
|
630
630
|
touchRippleRef: z,
|
|
631
631
|
type: L,
|
|
632
632
|
..._
|
|
633
|
-
} = l, X = d.useRef(null), P =
|
|
633
|
+
} = l, X = d.useRef(null), P = Ke(), be = ce(P.ref, z), [k, K] = d.useState(!1);
|
|
634
634
|
f && k && K(!1), d.useImperativeHandle(i, () => ({
|
|
635
635
|
focusVisible: () => {
|
|
636
636
|
K(!0), X.current.focus();
|