jcicl 0.0.147 → 0.0.151

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.
@@ -6,7 +6,8 @@ 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 { b as Ie, _ as Ue, c as ze, T as ue, d as _e, u as ce, e as H, r as Xe } from "./TransitionGroupContext.js";
9
+ import { a as Ie, u as Ue, r as ze } from "./useTimeout.js";
10
+ import { _ as _e, b as Xe, T as ue, u as ce, c as H } from "./TransitionGroupContext.js";
10
11
  import { _ as Ye } from "./emotion-styled.browser.esm.js";
11
12
  import { e as Ae } from "./elementTypeAcceptingRef.js";
12
13
  import { i as pe } from "./isFocusVisible.js";
@@ -145,7 +146,7 @@ var Qe = Object.values || function(o) {
145
146
  return t;
146
147
  }
147
148
  }, ie = /* @__PURE__ */ function(o) {
148
- Ue(t, o);
149
+ _e(t, o);
149
150
  function t(l, i) {
150
151
  var s;
151
152
  s = o.call(this, l, i) || this;
@@ -182,7 +183,7 @@ var Qe = Object.values || function(o) {
182
183
  };
183
184
  }));
184
185
  }, n.render = function() {
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);
186
+ var i = this.props, s = i.component, r = i.childFactory, p = Xe(i, ["component", "childFactory"]), u = this.state.contextValue, f = Qe(this.state.children).map(r);
186
187
  return delete p.appear, delete p.enter, delete p.exit, s === null ? /* @__PURE__ */ W.createElement(ue.Provider, {
187
188
  value: u
188
189
  }, f) : /* @__PURE__ */ W.createElement(ue.Provider, {
@@ -421,7 +422,7 @@ const b = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
421
422
  d.useEffect(() => {
422
423
  R.current && (R.current(), R.current = null);
423
424
  }, [u]);
424
- const g = d.useRef(!1), D = _e(), m = d.useRef(null), w = d.useRef(null), C = d.useCallback((c) => {
425
+ const g = d.useRef(!1), D = Ue(), m = d.useRef(null), w = d.useRef(null), C = d.useCallback((c) => {
425
426
  const {
426
427
  pulsate: y,
427
428
  rippleX: M,
@@ -714,7 +715,7 @@ process.env.NODE_ENV !== "production" && (ct.propTypes = {
714
715
  * A ref for imperative actions.
715
716
  * It currently only supports `focusVisible()` action.
716
717
  */
717
- action: Xe,
718
+ action: ze,
718
719
  /**
719
720
  * If `true`, the ripples are centered.
720
721
  * They won't start at the cursor interaction position.
@@ -3267,12 +3267,12 @@ export {
3267
3267
  Fn as e,
3268
3268
  lr as f,
3269
3269
  tt as g,
3270
- rt as h,
3271
- _o as i,
3272
- ye as j,
3273
- ie as k,
3274
- Br as l,
3275
- yo as m,
3270
+ yo as h,
3271
+ rt as i,
3272
+ _o as j,
3273
+ ye as k,
3274
+ ie as l,
3275
+ Br as m,
3276
3276
  Ro as n,
3277
3277
  On as p,
3278
3278
  ko as r,
@@ -0,0 +1,214 @@
1
+ import { r as V, m as W, a as B } from "./resolveComponentProps.js";
2
+ import { u as O } from "./TransitionGroupContext.js";
3
+ import * as y from "react";
4
+ import { P as n } from "./DefaultPropsProvider.js";
5
+ import { u as J, g as M, e as Q, T as U, r as X, a as L } from "./Portal.js";
6
+ import { jsx as Y } from "react/jsx-runtime";
7
+ import { u as Z } from "./useTimeout.js";
8
+ function un(a) {
9
+ var p;
10
+ const {
11
+ elementType: x,
12
+ externalSlotProps: T,
13
+ ownerState: f,
14
+ skipResolvingSlotProps: R = !1,
15
+ ...l
16
+ } = a, r = R ? {} : V(T, f), {
17
+ props: m,
18
+ internalRef: g
19
+ } = W({
20
+ ...l,
21
+ externalSlotProps: r
22
+ }), P = O(g, r == null ? void 0 : r.ref, (p = a.additionalProps) == null ? void 0 : p.ref);
23
+ return B(x, {
24
+ ...m,
25
+ ref: P
26
+ }, f);
27
+ }
28
+ function A(a) {
29
+ return `scale(${a}, ${a ** 2})`;
30
+ }
31
+ const I = {
32
+ entering: {
33
+ opacity: 1,
34
+ transform: A(1)
35
+ },
36
+ entered: {
37
+ opacity: 1,
38
+ transform: "none"
39
+ }
40
+ }, v = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), w = /* @__PURE__ */ y.forwardRef(function(x, T) {
41
+ const {
42
+ addEndListener: f,
43
+ appear: R = !0,
44
+ children: l,
45
+ easing: r,
46
+ in: m,
47
+ onEnter: g,
48
+ onEntered: P,
49
+ onEntering: D,
50
+ onExit: p,
51
+ onExited: j,
52
+ onExiting: H,
53
+ style: S,
54
+ timeout: s = "auto",
55
+ // eslint-disable-next-line react/prop-types
56
+ TransitionComponent: F = U,
57
+ ...G
58
+ } = x, C = Z(), b = y.useRef(), u = J(), E = y.useRef(null), N = O(E, M(l), T), c = (t) => (o) => {
59
+ if (t) {
60
+ const i = E.current;
61
+ o === void 0 ? t(i) : t(i, o);
62
+ }
63
+ }, _ = c(D), $ = c((t, o) => {
64
+ X(t);
65
+ const {
66
+ duration: i,
67
+ delay: h,
68
+ easing: e
69
+ } = L({
70
+ style: S,
71
+ timeout: s,
72
+ easing: r
73
+ }, {
74
+ mode: "enter"
75
+ });
76
+ let d;
77
+ s === "auto" ? (d = u.transitions.getAutoHeightDuration(t.clientHeight), b.current = d) : d = i, t.style.transition = [u.transitions.create("opacity", {
78
+ duration: d,
79
+ delay: h
80
+ }), u.transitions.create("transform", {
81
+ duration: v ? d : d * 0.666,
82
+ delay: h,
83
+ easing: e
84
+ })].join(","), g && g(t, o);
85
+ }), k = c(P), q = c(H), z = c((t) => {
86
+ const {
87
+ duration: o,
88
+ delay: i,
89
+ easing: h
90
+ } = L({
91
+ style: S,
92
+ timeout: s,
93
+ easing: r
94
+ }, {
95
+ mode: "exit"
96
+ });
97
+ let e;
98
+ s === "auto" ? (e = u.transitions.getAutoHeightDuration(t.clientHeight), b.current = e) : e = o, t.style.transition = [u.transitions.create("opacity", {
99
+ duration: e,
100
+ delay: i
101
+ }), u.transitions.create("transform", {
102
+ duration: v ? e : e * 0.666,
103
+ delay: v ? i : i || e * 0.333,
104
+ easing: h
105
+ })].join(","), t.style.opacity = 0, t.style.transform = A(0.75), p && p(t);
106
+ }), K = c(j);
107
+ return /* @__PURE__ */ Y(F, {
108
+ appear: R,
109
+ in: m,
110
+ nodeRef: E,
111
+ onEnter: $,
112
+ onEntered: k,
113
+ onEntering: _,
114
+ onExit: z,
115
+ onExited: K,
116
+ onExiting: q,
117
+ addEndListener: (t) => {
118
+ s === "auto" && C.start(b.current || 0, t), f && f(E.current, t);
119
+ },
120
+ timeout: s === "auto" ? null : s,
121
+ ...G,
122
+ children: (t, o) => /* @__PURE__ */ y.cloneElement(l, {
123
+ style: {
124
+ opacity: 0,
125
+ transform: A(0.75),
126
+ visibility: t === "exited" && !m ? "hidden" : void 0,
127
+ ...I[t],
128
+ ...S,
129
+ ...l.props.style
130
+ },
131
+ ref: N,
132
+ ...o
133
+ })
134
+ });
135
+ });
136
+ process.env.NODE_ENV !== "production" && (w.propTypes = {
137
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
138
+ // │ These PropTypes are generated from the TypeScript type definitions. │
139
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
140
+ // └─────────────────────────────────────────────────────────────────────┘
141
+ /**
142
+ * Add a custom transition end trigger. Called with the transitioning DOM
143
+ * node and a done callback. Allows for more fine grained transition end
144
+ * logic. Note: Timeouts are still used as a fallback if provided.
145
+ */
146
+ addEndListener: n.func,
147
+ /**
148
+ * Perform the enter transition when it first mounts if `in` is also `true`.
149
+ * Set this to `false` to disable this behavior.
150
+ * @default true
151
+ */
152
+ appear: n.bool,
153
+ /**
154
+ * A single child content element.
155
+ */
156
+ children: Q.isRequired,
157
+ /**
158
+ * The transition timing function.
159
+ * You may specify a single easing or a object containing enter and exit values.
160
+ */
161
+ easing: n.oneOfType([n.shape({
162
+ enter: n.string,
163
+ exit: n.string
164
+ }), n.string]),
165
+ /**
166
+ * If `true`, the component will transition in.
167
+ */
168
+ in: n.bool,
169
+ /**
170
+ * @ignore
171
+ */
172
+ onEnter: n.func,
173
+ /**
174
+ * @ignore
175
+ */
176
+ onEntered: n.func,
177
+ /**
178
+ * @ignore
179
+ */
180
+ onEntering: n.func,
181
+ /**
182
+ * @ignore
183
+ */
184
+ onExit: n.func,
185
+ /**
186
+ * @ignore
187
+ */
188
+ onExited: n.func,
189
+ /**
190
+ * @ignore
191
+ */
192
+ onExiting: n.func,
193
+ /**
194
+ * @ignore
195
+ */
196
+ style: n.object,
197
+ /**
198
+ * The duration for the transition, in milliseconds.
199
+ * You may specify a single timeout for all transitions, or individually with an object.
200
+ *
201
+ * Set to 'auto' to automatically calculate transition time based on height.
202
+ * @default 'auto'
203
+ */
204
+ timeout: n.oneOfType([n.oneOf(["auto"]), n.number, n.shape({
205
+ appear: n.number,
206
+ enter: n.number,
207
+ exit: n.number
208
+ })])
209
+ });
210
+ w && (w.muiSupportAuto = !0);
211
+ export {
212
+ w as G,
213
+ un as u
214
+ };