lilact 0.10.1 → 0.11.0
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/README.md +2 -1
- package/dist/lilact.development.js +194 -12
- package/dist/lilact.development.js.map +1 -1
- package/dist/lilact.development.min.js +1 -1
- package/dist/lilact.development.min.js.map +1 -1
- package/dist/lilact.production.min.js +1 -1
- package/dist/lilact.production.min.js.map +1 -1
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/functions/transition.CSSTransition.html +3 -3
- package/docs/functions/transition.SwitchTransition.html +22 -0
- package/docs/functions/transition.TransitionGroup.html +1 -1
- package/docs/index.html +2 -1
- package/docs/modules/transition.html +1 -1
- package/docs/static/demos/css-transition.jsx +4 -4
- package/docs/static/demos/error-boundary.jsx +1 -1
- package/docs/static/demos/lazy.jsx +1 -0
- package/docs/static/demos/modal.jsx +1 -1
- package/docs/static/demos/suspense.jsx +2 -2
- package/docs/static/demos/switch-transition.jsx +38 -34
- package/docs/static/index.html +21 -11
- package/docs/static/lilact.development.js +194 -12
- package/docs/static/lilact.development.min.js +1 -1
- package/docs/static/lilact.production.min.js +1 -1
- package/package.json +7 -3
- package/root/demos/css-transition.jsx +4 -4
- package/root/demos/error-boundary.jsx +1 -1
- package/root/demos/lazy.jsx +1 -0
- package/root/demos/modal.jsx +1 -1
- package/root/demos/suspense.jsx +2 -2
- package/root/demos/switch-transition.jsx +38 -34
- package/root/index.html +21 -11
- package/root/lilact.development.js +194 -12
- package/root/lilact.development.min.js +1 -1
- package/root/lilact.production.min.js +1 -1
- package/src/hooks.jsx +3 -3
- package/src/jsx.js +1 -0
- package/src/lilact.jsx +1 -1
- package/src/pane.jsx +2 -2
- package/src/transition.jsx +180 -4
|
@@ -1,50 +1,54 @@
|
|
|
1
1
|
const { useState, SwitchTransition } = Lilact;
|
|
2
2
|
|
|
3
3
|
Lilact.emotion.injectGlobal(`
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
.fadeSlide-exit-active { opacity: 0; transform: translateY(-6px); transition: opacity 300ms ease, transform 300ms ease; }
|
|
20
|
-
|
|
21
|
-
.on { background: #e8fff0; color: #0a7a2f; border-color: #a6efbb; }
|
|
22
|
-
.off { background: #fff1f1; color: #8a1f1f; border-color: #ffd0d0; }
|
|
4
|
+
.switch-enter,
|
|
5
|
+
.switch-exit {
|
|
6
|
+
opacity: 0;
|
|
7
|
+
transform: translateY(-10px) scale(0.98);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.switch-enter-active,
|
|
11
|
+
.switch-exit-active {
|
|
12
|
+
transition: opacity 300ms ease, transform 300ms ease;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.switch-enter-active, .switch-enter-done {
|
|
16
|
+
opacity: 1;
|
|
17
|
+
transform: translateY(0) scale(1);
|
|
18
|
+
}
|
|
23
19
|
|
|
20
|
+
.switch-exit-active, .switch-exit-done {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
transform: translateY(10px) scale(0.99);
|
|
23
|
+
}
|
|
24
24
|
`);
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
|
|
27
|
+
function Demo() {
|
|
27
28
|
const [on, setOn] = useState(false);
|
|
28
29
|
|
|
29
30
|
return (
|
|
30
|
-
<div
|
|
31
|
-
<button
|
|
32
|
-
onClick={() => setOn((v) => !v)}
|
|
33
|
-
style={{ cursor: "pointer", marginBottom: 12 }}
|
|
34
|
-
>
|
|
31
|
+
<div>
|
|
32
|
+
<button onClick={()=>setOn(v => !v) }>
|
|
35
33
|
Toggle
|
|
36
34
|
</button>
|
|
37
35
|
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
<div style={{ position: "relative", height: 80 }}>
|
|
37
|
+
<SwitchTransition
|
|
38
|
+
activeKey={on ? "on" : "off"}
|
|
39
|
+
mode="out-in"
|
|
40
|
+
timeout={300}
|
|
41
|
+
>
|
|
42
|
+
<div key="off" style={{ padding: 12, background: "#fee" }}>
|
|
43
|
+
OFF panel (state preserved)
|
|
45
44
|
</div>
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
<div key="on" style={{ padding: 12, background: "#eef" }}>
|
|
46
|
+
ON panel (state preserved)
|
|
47
|
+
</div>
|
|
48
|
+
</SwitchTransition>
|
|
49
|
+
</div>
|
|
48
50
|
</div>
|
|
49
51
|
);
|
|
50
52
|
}
|
|
53
|
+
|
|
54
|
+
module.exports = Demo;
|
package/root/index.html
CHANGED
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8"/>
|
|
5
|
-
<
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
+
|
|
7
|
+
<title>Lilact Examples</title>
|
|
6
8
|
<script src='./lilact.development.min.js' type="module"></script>
|
|
7
9
|
|
|
8
10
|
<script src="prismjs/prism.min.js"></script>
|
|
@@ -70,7 +72,7 @@ injectGlobal({
|
|
|
70
72
|
overflowWrap: "anywhere"
|
|
71
73
|
},
|
|
72
74
|
p: {padding: "10px"},
|
|
73
|
-
body: { padding: "20px", background: "#
|
|
75
|
+
body: { padding: "20px", background: "#1a2d2c", color: "#e7e7e7" },
|
|
74
76
|
":visited": {color: "#c16480"},
|
|
75
77
|
|
|
76
78
|
});
|
|
@@ -93,10 +95,14 @@ const collapsible = css({
|
|
|
93
95
|
padding: "10px",
|
|
94
96
|
borderRadius: "10px",
|
|
95
97
|
border: "none",
|
|
96
|
-
margin: "4px",
|
|
98
|
+
margin: "3px 4px",
|
|
97
99
|
background:"#ece9ea",
|
|
100
|
+
color: "#222",
|
|
98
101
|
":hover": {
|
|
99
102
|
background:"#ffa7c2"
|
|
103
|
+
},
|
|
104
|
+
":active": {
|
|
105
|
+
background:"#e14e7a",
|
|
100
106
|
}
|
|
101
107
|
});
|
|
102
108
|
|
|
@@ -119,16 +125,23 @@ const pane = css({ flex: "1 1 0",
|
|
|
119
125
|
border: "none",
|
|
120
126
|
borderRadius: "7px",
|
|
121
127
|
margin: "5px",
|
|
122
|
-
|
|
128
|
+
color: "#222",
|
|
129
|
+
":visited": {
|
|
130
|
+
color: "#000"
|
|
131
|
+
},
|
|
123
132
|
":hover": {
|
|
124
|
-
background:"#ffa7c2"
|
|
133
|
+
background:"#ffa7c2",
|
|
134
|
+
color: "#000"
|
|
135
|
+
},
|
|
136
|
+
":active": {
|
|
137
|
+
background:"#e14e7a",
|
|
125
138
|
}
|
|
126
139
|
}
|
|
127
140
|
});
|
|
128
141
|
|
|
129
142
|
const left = css({ float: "left" });
|
|
130
143
|
const right = css({ float: "right" });
|
|
131
|
-
const demobox = css({ background: "#fff3", borderRadius: "
|
|
144
|
+
const demobox = css({ background: "#fff3", borderRadius: "15px", padding: "4px 2px", margin: "4px"});
|
|
132
145
|
|
|
133
146
|
|
|
134
147
|
|
|
@@ -204,6 +217,7 @@ function App()
|
|
|
204
217
|
['modal.jsx', '( useEffect, useRef, useState )'],
|
|
205
218
|
['pane.jsx', '( useRef, useState, ResizablePane )'],
|
|
206
219
|
['css-transition.jsx', '( CSSTransition, useState, useRef )'],
|
|
220
|
+
['switch-transition.jsx', '( SwitchTransition )'],
|
|
207
221
|
['suspense.jsx', '( Suspense, Spinner )'],
|
|
208
222
|
['form-elements.jsx', '()'],
|
|
209
223
|
"Error Report and Handling",
|
|
@@ -217,14 +231,10 @@ function App()
|
|
|
217
231
|
return<>
|
|
218
232
|
<center>
|
|
219
233
|
<img src="icon.png" width="128"/><br/>
|
|
220
|
-
<h1>Lilact
|
|
234
|
+
<h1>Lilact Examples</h1>
|
|
221
235
|
|
|
222
236
|
<p>These scripts are transpiled and run directly in your browser. You have already loaded Lilact completely!</p>
|
|
223
237
|
|
|
224
|
-
<p>These examples are not meant to be pretty.
|
|
225
|
-
|
|
226
|
-
These are bare minimum examples of the React API implemented in Lilact.</p>
|
|
227
|
-
|
|
228
238
|
<p>Note that we are using the development version here to have PropTypes warnings.
|
|
229
239
|
If you switch to production mode PropTypes won't check anything.</p>
|
|
230
240
|
|
|
@@ -119,6 +119,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
119
119
|
// even on nasty things like the compressed version of tensorflow.js! Feel free
|
|
120
120
|
// to report any bugs, and please include a testable example. Thanks! :)
|
|
121
121
|
|
|
122
|
+
// note: JSX or preprocessors are not processed inside template strings
|
|
122
123
|
// todo: injected string try catchs should be generated by a function
|
|
123
124
|
|
|
124
125
|
|
|
@@ -1272,7 +1273,7 @@ function transpileJSX( jsx, {
|
|
|
1272
1273
|
|
|
1273
1274
|
|
|
1274
1275
|
|
|
1275
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1276
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9qc3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2pzeC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4QkM7Q0FDQTtDQUNBO0NBQ0E7Q0FDQTs7Q0FFQTtDQUNBOztDQUVBO0NBQ0E7Q0FDQTtDQUNBO0NBQ0E7O0NBRUE7Q0FDQTs7OztDQUlBO2lDQUNnQzs7Ozs7RUFLL0I7RUFDQTs4QkFDNEI7Ozs7cUNBSU87Ozs7Ozs7bUJBT2xCO0NBQ2xCO2FBQ1k7SUFDVCxJQUFJOzs7Ozs7b0JBTVk7Q0FDbkI7RUFDQztFQUNBO0VBQ0E7O0VBRUE7O0VBRUE7Ozs7T0FJSyxRQUFRO0tBQ1YsZ0JBQWlCO0tBQ2pCLGtCQUFrQjs7OztLQUlsQixhQUFjOzs7O1lBSVA7Ozs7O09BS0wsb0JBQW9COztTQUVsQixLQUFLOzs7O0lBSVY7SUFDQTtJQUNBO1FBQ0k7U0FDQyxxQkFBc0I7O09BRXhCLG1DQUFtQzs7O1NBR2pDLElBQUk7Ozs7Ozs7O3NCQVFTO0NBQ3JCO1lBQ1c7Ozs7O0lBS1IseUNBQXlDO29CQUN6Qjs7Ozs7OztPQU9iLG9CQUFvQjs7O1NBR2xCLEtBQUs7OztNQUdSLHNDQUFzQzs7T0FFckMsbUNBQW1DOzs7Ozs7TUFNcEMsZ0JBQWdCOztPQUVmLG1DQUFtQzs7Ozs7Ozs7OztZQVU5Qjs7Ozt3QkFJWTtDQUN2Qjs7T0FFTTtHQUNIOztFQUVGOzs7Ozs7SUFNRSxTQUFTO2FBQ0E7Ozs7OzswQkFNYSxtQkFBb0IsQUFBRDs7OztLQUl4QyxtQ0FBbUM7Ozs7T0FJakM7OztRQUdDLFVBQVc7OztLQUdkLFdBQVc7Y0FDRjs7Ozs7O3VCQU1TLHFCQUFzQixBQUFEOzs7TUFHdEMsbUNBQW1DOzs7OztZQUs3Qjs7OztDQUlYO0NBQ0E7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
|
|
1276
1277
|
|
|
1277
1278
|
/***/ }),
|
|
1278
1279
|
|
|
@@ -1403,6 +1404,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
1403
1404
|
Routes: () => (/* reexport */ Routes),
|
|
1404
1405
|
Spinner: () => (/* reexport */ Spinner),
|
|
1405
1406
|
Suspense: () => (/* reexport */ Suspense),
|
|
1407
|
+
SwitchTransition: () => (/* reexport */ SwitchTransition),
|
|
1406
1408
|
Transition: () => (/* reexport */ Transition),
|
|
1407
1409
|
TransitionGroup: () => (/* reexport */ TransitionGroup),
|
|
1408
1410
|
addWrappedEventListener: () => (/* reexport */ addWrappedEventListener),
|
|
@@ -1615,6 +1617,7 @@ var transition_namespaceObject = {};
|
|
|
1615
1617
|
__webpack_require__.r(transition_namespaceObject);
|
|
1616
1618
|
__webpack_require__.d(transition_namespaceObject, {
|
|
1617
1619
|
CSSTransition: () => (CSSTransition),
|
|
1620
|
+
SwitchTransition: () => (SwitchTransition),
|
|
1618
1621
|
Transition: () => (Transition),
|
|
1619
1622
|
TransitionGroup: () => (TransitionGroup)
|
|
1620
1623
|
});
|
|
@@ -5947,9 +5950,9 @@ function useState(initialValue)
|
|
|
5947
5950
|
if(typeof(initialValue)==='function') hk.value = initialValue();
|
|
5948
5951
|
else hk.value = initialValue;
|
|
5949
5952
|
|
|
5950
|
-
hk.set_func = function(core, hk,
|
|
5951
|
-
if(typeof(
|
|
5952
|
-
else hk.value =
|
|
5953
|
+
hk.set_func = function(core, hk, value) {
|
|
5954
|
+
if(typeof(value)==='function') hk.value = value(hk.value);
|
|
5955
|
+
else hk.value = value;
|
|
5953
5956
|
|
|
5954
5957
|
core.component.forceUpdate();
|
|
5955
5958
|
}.bind(undefined, Lilact.current_component[0], hk);
|
|
@@ -6370,7 +6373,7 @@ function useImperativeHandle(ref, factory, deps=undefined)
|
|
|
6370
6373
|
|
|
6371
6374
|
|
|
6372
6375
|
|
|
6373
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
6376
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9ob29rcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2hvb2tzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4QkM7OztDQUdBOzs7Ozs7O3dCQU91QjtDQUN2Qjs7O0lBR0csMENBQTBDO2tCQUMzQixBQUFEOzs7Ozs7Q0FNakI7Ozs7Ozt5QkFNd0I7Q0FDeEI7MkJBQzBCOztJQUV2QixlQUFnQixRQUFPO0tBQ3RCLE1BQU8scURBQW9EOzs7eUJBR3ZDLGtCQUFrQjtNQUNyQyxNQUFPLHVDQUFzQzs7OzhCQUdyQjtTQUNyQjs7Ozs7OztDQU9SOzs7Ozs7OzRCQU8yQjtDQUMzQjtJQUNHLHFCQUFzQixNQUFPLDBEQUF3RDtrQkFDdkU7OzsyQkFHUzs7SUFFdkIsZUFBZ0IsUUFBTzs7O09BR3BCO0tBQ0YsK0RBQWdFOzs7SUFHakUsY0FBYzthQUNMOzs7Ozs7OztDQVFaOzs7Ozs7OEJBTTZCO0NBQzdCO3VCQUN1QixBQUFELG9CQUFvQjs7OztTQUlsQzs7Ozs7O0NBTVI7Ozs7OzsyQkFNMEI7Q0FDMUI7OztPQUdNLGdEQUFnRDs7OztJQUluRCxjQUFjOzs7Ozs7OztDQVFqQjs7Ozs7O3NCQU1xQjtDQUNyQjsyQkFDMEI7O0lBRXZCLGVBQWdCLFFBQU87Ozs7Ozs7Q0FPMUI7Ozs7OzhCQUs2QjtDQUM3QjsyQkFDMEI7O0lBRXZCLGVBQWdCLFFBQU87Ozs7O0dBS3hCLGNBQWUsZUFBZTs7OztLQUkzQixlQUFlOzhCQUNVOzs7V0FHbkI7Ozs7S0FJTixlQUFlOzhCQUNVOzs7O1NBSXRCOzs7Ozs7Q0FNUjs7Ozs7OztnQ0FPK0I7Q0FDL0I7OzJCQUUwQjs7O01BR3JCO21CQUNhOztPQUVaLElBQUk7OztJQUdQLGtCQUFrQjtLQUNqQixNQUFPLHlEQUF3RDs7cUNBRS9COzs7SUFHakMsZUFBZ0IsUUFBTzs7eUJBRUYsZ0JBQWdCOztNQUVuQyxNQUFPLDhCQUE2Qjs7TUFFcEM7O3NDQUVnQzs7OzhCQUdSOztTQUVyQjs7Ozs7O0NBTVI7Ozs7Ozs7dUJBT3NCO0NBQ3RCOzJCQUMwQjs7SUFFdkIsZUFBZ0IsUUFBTzs7Ozs7OztDQU8xQjs7Ozs7OztnQ0FPK0I7Q0FDL0I7SUFDRyxxQkFBc0IsTUFBTywwREFBd0Q7a0JBQ3ZFOzs7MkJBR1M7O0lBRXZCLGdCQUFpQixRQUFPO0tBQ3ZCLCtEQUFnRTs7O0lBR2pFLGNBQWM7YUFDTDs7OzsyQkFJYyxDQUFFLElBQUkscUJBQXFCO21EQUNIOzs7Q0FHbEQ7Ozs7Ozs7MEJBT3lCO0NBQ3pCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7OzJCQUdTOztJQUV2QixnQkFBaUIsUUFBTztLQUN2QiwrREFBZ0U7OztJQUdqRSxjQUFjO2FBQ0w7Ozs7bUJBSU0sQ0FBRSxJQUFJLHFCQUFxQjs7OztDQUk3Qzs7Ozs7Ozt3QkFPdUI7Q0FDdkI7SUFDRyxxQkFBc0IsTUFBTywwREFBd0Q7a0JBQ3ZFOzs7MkJBR1M7O0lBRXZCLGdCQUFpQixRQUFPO0tBQ3ZCLCtEQUFnRTs7OztvQkFJakQ7Ozs7O0NBS25COzs7Ozs7OytCQU84QjtDQUM5QjsyQkFDMEI7NERBQ2lDOztJQUV4RCxlQUFnQixRQUFPOzs7O29CQUlQLE9BQU87d0JBQ0g7O21CQUVMO1dBQ1AsS0FBSztvQ0FDb0I7NkJBQ1A7Ozs7Ozs7Ozs7OztDQVk3Qjs7Ozs7Ozs7MkJBUTBCO0NBQzFCOzJCQUMwQjs7SUFFdkIsZUFBZ0IsUUFBTzs7dUJBRUo7eUJBQ0UsbUJBQW1COzRCQUNoQjtNQUN0QixzQkFBdUIsbUJBQWtCOzsrQkFFaEI7OztTQUd0Qjs7Ozs7Ozs7Q0FRUjs7Q0FFQTs7Ozs7O2lDQU1nQztDQUNoQztRQUNPOzswQ0FFa0M7Ozs2QkFHYjsyQkFDRjs7V0FFZixBQUFELE1BQU87S0FDWjs7O0VBR0g7S0FDRyw2QkFBNkI7Ozs7O0VBS2hDO2NBQ1k7OztpQkFHRyxPQUFRLEFBQUQsTUFBTztLQUN6QjtFQUNIO2FBQ1c7Ozs7U0FJTCxNQUFNO01BQ1QscUJBQXFCOzs7Ozs7Ozs7O0NBVTNCOzs7Ozs7Ozs7Ozs7O29DQWFtQztDQUNuQztJQUNHLGdFQUFpRTs7OzttQkFJbEQsQ0FBRSxJQUFJO0lBQ3BCLG1DQUFtQztpQkFDdEI7O2VBRUYscUJBQXNCIn0=
|
|
6374
6377
|
// EXTERNAL MODULE: ./src/run.jsx
|
|
6375
6378
|
var run = __webpack_require__(861);
|
|
6376
6379
|
;// ./src/timers.jsx
|
|
@@ -6898,7 +6901,7 @@ function Transition({
|
|
|
6898
6901
|
*/
|
|
6899
6902
|
function CSSTransition({
|
|
6900
6903
|
in: inProp,
|
|
6901
|
-
timeout = defaultTransitionTimeout,
|
|
6904
|
+
timeout = Lilact.defaultTransitionTimeout,
|
|
6902
6905
|
classNames = "fade",
|
|
6903
6906
|
mountOnEnter = false,
|
|
6904
6907
|
unmountOnExit = false,
|
|
@@ -6927,6 +6930,184 @@ function CSSTransition({
|
|
|
6927
6930
|
}
|
|
6928
6931
|
|
|
6929
6932
|
|
|
6933
|
+
|
|
6934
|
+
/**
|
|
6935
|
+
* SwitchTransition (CSS class based) — coordinated switch that preserves each child's state.
|
|
6936
|
+
*
|
|
6937
|
+
* Wraps multiple direct children so that, when `activeKey` changes, it transitions between
|
|
6938
|
+
* the “active” child and the previously active child while supporting `mode`.
|
|
6939
|
+
*
|
|
6940
|
+
* Key idea: each child is rendered inside its own `<CSSTransition />` so switching does not
|
|
6941
|
+
* remount the child component tree (when `unmountOnExit={false}`).
|
|
6942
|
+
*
|
|
6943
|
+
* @param {object} props
|
|
6944
|
+
* @param {Array} props.children
|
|
6945
|
+
* Children to switch between. Each child should have a stable `key`.
|
|
6946
|
+
* If a child has no `key`, its index is used as the fallback key.
|
|
6947
|
+
*
|
|
6948
|
+
* @param {string|number} props.activeKey
|
|
6949
|
+
* The key of the child that should be treated as the “in” (active) element.
|
|
6950
|
+
*
|
|
6951
|
+
* @param {'out-in'|'in-out'} [props.mode='out-in']
|
|
6952
|
+
* Transition sequencing:
|
|
6953
|
+
* - 'out-in': exit the previous child first, then enter the new one.
|
|
6954
|
+
* - 'in-out': enter the new child first, then exit the previous one.
|
|
6955
|
+
*
|
|
6956
|
+
* @param {number|{enter:number,exit:number}} [props.timeout=Lilact.defaultTransitionTimeout]
|
|
6957
|
+
* Duration(s) for the transitions, forwarded to `<CSSTransition timeout={...} />`.
|
|
6958
|
+
*
|
|
6959
|
+
* @param {string} [props.classNames='switch']
|
|
6960
|
+
* Base classNames passed to `<CSSTransition />`.
|
|
6961
|
+
* For example, if `classNames="switch"`, CSSTransition will use:
|
|
6962
|
+
* `switch-enter`, `switch-enter-active`, `switch-exit`, `switch-exit-active`.
|
|
6963
|
+
*
|
|
6964
|
+
* @param {boolean} [props.mountOnEnter=false]
|
|
6965
|
+
* If true, children are not mounted until they enter.
|
|
6966
|
+
* Note: for preserving state across switches, keep this `false`.
|
|
6967
|
+
*
|
|
6968
|
+
* @param {boolean} [props.unmountOnExit=false]
|
|
6969
|
+
* If true, children are unmounted when they exit (state may reset).
|
|
6970
|
+
* For preserving state across switches, keep this `false`.
|
|
6971
|
+
*
|
|
6972
|
+
* @param {boolean} [props.appear=false]
|
|
6973
|
+
* If true, animations apply on initial mount as well.
|
|
6974
|
+
*
|
|
6975
|
+
* @param {(isAppearing: boolean) => void} [props.onEnter]
|
|
6976
|
+
* Called when an element enters.
|
|
6977
|
+
*
|
|
6978
|
+
* @param {(isAppearing: boolean) => void} [props.onExiting]
|
|
6979
|
+
* Called when an element begins exiting.
|
|
6980
|
+
*
|
|
6981
|
+
* @param {(isAppearing: boolean) => void} [props.onExited]
|
|
6982
|
+
* Called when an element has finished exiting.
|
|
6983
|
+
* Note: in 'out-in' mode, when the exiting child finishes, the component allows the
|
|
6984
|
+
* entering child to proceed.
|
|
6985
|
+
*
|
|
6986
|
+
* @param {any} [props.onExited]
|
|
6987
|
+
* Some editors/tools may include duplicate prop names; this alias is ignored by behavior.
|
|
6988
|
+
*
|
|
6989
|
+
* @param {...any} props.csstProps
|
|
6990
|
+
* All remaining props are forwarded to each `<CSSTransition />`.
|
|
6991
|
+
*
|
|
6992
|
+
* @returns {Lilact Component}
|
|
6993
|
+
*/
|
|
6994
|
+
|
|
6995
|
+
function SwitchTransition({
|
|
6996
|
+
children,
|
|
6997
|
+
activeKey,
|
|
6998
|
+
mode = "out-in", // "out-in" | "in-out"
|
|
6999
|
+
|
|
7000
|
+
timeout = Lilact.defaultTransitionTimeout,
|
|
7001
|
+
classNames = "switch",
|
|
7002
|
+
|
|
7003
|
+
mountOnEnter = false,
|
|
7004
|
+
unmountOnExit = false,
|
|
7005
|
+
appear = false,
|
|
7006
|
+
|
|
7007
|
+
// callbacks (optional)
|
|
7008
|
+
onExited,
|
|
7009
|
+
onEnter,
|
|
7010
|
+
onExiting,
|
|
7011
|
+
onEntered,
|
|
7012
|
+
|
|
7013
|
+
...csstProps
|
|
7014
|
+
}) {
|
|
7015
|
+
const childArray = useMemo(() => Children.toArray(children), [children]);
|
|
7016
|
+
|
|
7017
|
+
// Outgoing key (the one that should exit) and phase flags
|
|
7018
|
+
const [exitingKey, setExitingKey] = useState(null);
|
|
7019
|
+
const [exitStarted, setExitStarted] = useState(false);
|
|
7020
|
+
|
|
7021
|
+
// Controls whether the incoming (activeKey) is currently "in"
|
|
7022
|
+
const [enterAllowed, setEnterAllowed] = useState(true);
|
|
7023
|
+
|
|
7024
|
+
// Refs to avoid stale closures in callbacks
|
|
7025
|
+
const prevKeyRef = useRef(activeKey);
|
|
7026
|
+
const activeKeyRef = useRef(activeKey);
|
|
7027
|
+
const exitingKeyRef = useRef(exitingKey);
|
|
7028
|
+
|
|
7029
|
+
useLayoutEffect(() => {
|
|
7030
|
+
activeKeyRef.current = activeKey;
|
|
7031
|
+
}, [activeKey]);
|
|
7032
|
+
|
|
7033
|
+
useLayoutEffect(() => {
|
|
7034
|
+
exitingKeyRef.current = exitingKey;
|
|
7035
|
+
}, [exitingKey]);
|
|
7036
|
+
|
|
7037
|
+
useLayoutEffect(() => {
|
|
7038
|
+
const prevKey = prevKeyRef.current;
|
|
7039
|
+
if (prevKey === activeKey) return;
|
|
7040
|
+
|
|
7041
|
+
prevKeyRef.current = activeKey;
|
|
7042
|
+
|
|
7043
|
+
// Start a new switch
|
|
7044
|
+
setExitingKey(prevKey);
|
|
7045
|
+
|
|
7046
|
+
if (mode === "out-in") {
|
|
7047
|
+
// Incoming blocked; outgoing should exit immediately.
|
|
7048
|
+
setEnterAllowed(false);
|
|
7049
|
+
setExitStarted(true); // outgoing in: true -> false => triggers exit
|
|
7050
|
+
} else {
|
|
7051
|
+
// Incoming allowed immediately; outgoing should exit only after incoming has entered.
|
|
7052
|
+
setEnterAllowed(true);
|
|
7053
|
+
setExitStarted(false); // outgoing stays in:true until we flip it later
|
|
7054
|
+
}
|
|
7055
|
+
}, [activeKey, mode]);
|
|
7056
|
+
|
|
7057
|
+
const handleExited = (key) => (node, isAppearing) => {
|
|
7058
|
+
if (typeof onExited === "function") onExited(node, isAppearing);
|
|
7059
|
+
|
|
7060
|
+
if (key === exitingKeyRef.current) {
|
|
7061
|
+
setExitingKey(null);
|
|
7062
|
+
|
|
7063
|
+
// out-in: once outgoing is fully exited, allow incoming to start
|
|
7064
|
+
if (mode === "out-in") {
|
|
7065
|
+
setExitStarted(false);
|
|
7066
|
+
setEnterAllowed(true);
|
|
7067
|
+
}
|
|
7068
|
+
// in-out: incoming already entered; just clean up outgoing
|
|
7069
|
+
if (mode === "in-out") {
|
|
7070
|
+
setExitStarted(false);
|
|
7071
|
+
}
|
|
7072
|
+
}
|
|
7073
|
+
};
|
|
7074
|
+
|
|
7075
|
+
const handleEntered = (key) => (node, isAppearing) => {
|
|
7076
|
+
if (typeof onEntered === "function") onEntered(node, isAppearing);
|
|
7077
|
+
|
|
7078
|
+
if (mode === "in-out") {
|
|
7079
|
+
// Only start outgoing exit when the CURRENT incoming (activeKey) finishes entering.
|
|
7080
|
+
if (key === activeKeyRef.current && exitingKeyRef.current != null) {
|
|
7081
|
+
setExitStarted(true); // outgoing in:true -> false => triggers exit
|
|
7082
|
+
}
|
|
7083
|
+
}
|
|
7084
|
+
};
|
|
7085
|
+
|
|
7086
|
+
return (
|
|
7087
|
+
createComponent( "div", { "style": { position: "relative" } }, childArray.map((child, index) => {
|
|
7088
|
+
const key = child?.props?.key || index;
|
|
7089
|
+
|
|
7090
|
+
const isIncoming = key === activeKey;
|
|
7091
|
+
const isOutgoing = key === exitingKey;
|
|
7092
|
+
|
|
7093
|
+
// Core rule:
|
|
7094
|
+
// - Incoming: in = enterAllowed
|
|
7095
|
+
// - Outgoing: in = !exitStarted
|
|
7096
|
+
// - Others: in = false
|
|
7097
|
+
const inProp = isIncoming
|
|
7098
|
+
? enterAllowed
|
|
7099
|
+
: isOutgoing
|
|
7100
|
+
? !exitStarted
|
|
7101
|
+
: false;
|
|
7102
|
+
|
|
7103
|
+
return (
|
|
7104
|
+
createComponent( CSSTransition, { ...csstProps, "key": key, "in": inProp, "timeout": timeout, "classNames": classNames, "mountOnEnter": mountOnEnter, "unmountOnExit": unmountOnExit, "appear": appear, "onEnter": onEnter, "onExiting": onExiting, "onEntered": handleEntered(key), "onExited": handleExited(key) }, createComponent( "div", { "style": { position: "absolute", inset: 0 } }, child ) )
|
|
7105
|
+
);
|
|
7106
|
+
}) )
|
|
7107
|
+
);
|
|
7108
|
+
}
|
|
7109
|
+
|
|
7110
|
+
|
|
6930
7111
|
/**
|
|
6931
7112
|
* Lilact doesn't need TransitionGroup, so it is the same as a fragment.
|
|
6932
7113
|
* In Lilact all the transitions and timeouts are automatically grouped.
|
|
@@ -6939,7 +7120,7 @@ function TransitionGroup({ children }) {
|
|
|
6939
7120
|
}
|
|
6940
7121
|
|
|
6941
7122
|
|
|
6942
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
7123
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy90cmFuc2l0aW9uLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi9Vc2Vycy9hcmFzaC9EZXNrdG9wL1Byb2plY3RzL0xpbGFjdC9zcmMvdHJhbnNpdGlvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsQUFBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBOEJDOztDQUVBOzs7Ozs7O1FBT087UUFDQTtRQUNBOztDQUVQOzs7Ozs7Ozs7Ozs7Ozs7OzsyQkFpQjJCLEFBQUQ7Ozs7Ozs7Ozs7Ozs7O0NBY3pCO0NBQ0E7Q0FDQTs7SUFFRTs7Ozs7b0NBS2dDLFFBQVE7Y0FDOUI7OztJQUdWLDBCQUEwQjtNQUN4QjtNQUNBLFNBQVM7Ozs7OztXQU1ILEFBQUQsTUFBTztTQUNSLGtCQUFrQjs7O1dBR2hCLEFBQUQsTUFBTztLQUNaLHFGQUFxRjtZQUM5RTt3QkFDYSxBQUFELE1BQU87ZUFDZjtlQUNBO2dDQUNrQixBQUFELE1BQU87O21CQUVuQjs7Y0FFTDs7Ozs7O1dBTUwsQUFBRCxNQUFPO0tBQ1osU0FBUzs7R0FFWDtNQUNHOztZQUVNOzttQkFFUSxBQUFELE1BQU87ZUFDVjtlQUNBOztnQ0FFa0IsQUFBRCxNQUFPOzttQkFFbkI7O2NBRUw7Ozs7T0FJVDtNQUNEOztXQUVLOzttQkFFUSxDQUFFLE1BQU07Y0FDWjtlQUNDO2dDQUNrQixBQUFELE1BQU87O21CQUVuQjthQUNOO01BQ1AsZ0JBQWdCOzs7b0JBR0Y7Ozs7Ozs7S0FPbEI7O0lBRUQsYUFBYTtNQUNYLHNDQUFzQztNQUN0Qzs7Ozs7V0FLSyxxQ0FBcUM7TUFDMUM7Ozs7O1dBS0s7V0FDQTs7Ozs7O0NBTVY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFxQjhCLEFBQUQ7Ozs7Ozs7Ozs7SUFVMUI7O0lBRUEsTUFBTywwQkFBeUI7Z0JBQ3BCOzs7Ozs7Ozs7Ozs7U0FZUDtFQUNOLG1SQWNDOzs7Ozs7Q0FPSDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQ0E2RGlDLEFBQUQ7OzttQkFHYjs7Ozs7Ozs7O0VBU2pCOzs7Ozs7O0lBT0M7NkJBQzBCLEFBQUQsc0JBQXVCOztHQUVqRDsrQ0FDNEM7aURBQ0U7O0dBRTlDO21EQUNnRDs7R0FFaEQ7NEJBQ3lCOzhCQUNFOytCQUNDOztrQkFFWixBQUFELE1BQU87Ozs7a0JBSU4sQUFBRCxNQUFPOzs7O2tCQUlOLEFBQUQsTUFBTzs7T0FFakI7Ozs7SUFJSDtpQkFDYTs7T0FFVixvQkFBb0I7TUFDckI7cUJBQ2U7b0JBQ0QsUUFBUTtXQUNqQjtNQUNMO3FCQUNlO29CQUNELFNBQVM7Ozs7d0JBSU4sU0FBUyx1QkFBdUI7UUFDaEQseUNBQXlDOztRQUV6QyxnQ0FBZ0M7b0JBQ3BCOztPQUViO1VBQ0csb0JBQW9CO3VCQUNQO3dCQUNDOztPQUVqQjtVQUNHLG9CQUFvQjt1QkFDUDs7Ozs7eUJBS0UsU0FBUyx1QkFBdUI7UUFDakQsMkNBQTJDOztRQUUzQyxvQkFBb0I7T0FDckI7VUFDRyxnRUFBZ0U7dUJBQ25ELFFBQVE7Ozs7O1VBS3JCO0lBQ0wsbUNBQ0UsY0FBZ0IsQUFBRCxrQkFBbUI7Ozs7MEJBTWhDO0NBQ0E7O21CQUNBO21CQUNBOzs7Ozs7T0FPTyxXQUNMOzs7NlBBY0UsNkNBQ0U7Ozs7Ozs7Q0FVZDs7Ozs7OztnQ0FPZ0MsQUFBRCxlQUFlIn0=
|
|
6943
7124
|
;// ./src/events.jsx
|
|
6944
7125
|
/*
|
|
6945
7126
|
|
|
@@ -8547,8 +8728,8 @@ const ResizablePane = forwardRef(function ResizablePane(
|
|
|
8547
8728
|
|
|
8548
8729
|
const splitterComputed =
|
|
8549
8730
|
internalMode === "horizontal"
|
|
8550
|
-
? { width: `${splitterSize}px`, height: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "col-resize", ...(splitterStyle || {}) }
|
|
8551
|
-
: { height: `${splitterSize}px`, width: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "row-resize", ...(splitterStyle || {}) };
|
|
8731
|
+
? { width: `${splitterSize}px`, transform: "translateX(-50%)", height: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "col-resize", ...(splitterStyle || {}) }
|
|
8732
|
+
: { height: `${splitterSize}px`, transform: "translateY(-50%)", width: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "row-resize", ...(splitterStyle || {}) };
|
|
8552
8733
|
|
|
8553
8734
|
const dividerVisualStyle =
|
|
8554
8735
|
internalMode === "horizontal"
|
|
@@ -8573,7 +8754,7 @@ const ResizablePane = forwardRef(function ResizablePane(
|
|
|
8573
8754
|
|
|
8574
8755
|
|
|
8575
8756
|
|
|
8576
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
8757
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9wYW5lLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi9Vc2Vycy9hcmFzaC9EZXNrdG9wL1Byb2plY3RzL0xpbGFjdC9zcmMvcGFuZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztRQUNDOzs7ZUFHTyxpQkFBaUI7TUFDMUIsZ0JBQWlCO2tCQUNMLGFBQWM7OztDQUcvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3Q0F1RHVDLHNCQUF1QjtDQUM1RDs7YUFFWTs7Ozs7Ozs7Ozs7Ozs7RUFjWjs2QkFDMkI7Z0NBQ0c7Ozs7OztrREFNa0I7O3dEQUVPLEFBQUQ7UUFDL0M7Ozs7Ozs7V0FPRyxBQUFELE1BQU87TUFDWCw4QkFBOEI7OztFQUduQztpQkFDZ0IsQUFBRCxNQUFPO01BQ2pCO3FCQUNnQixBQUFELFlBQWE7OzswQ0FHTzs7c0JBRXBCLFVBQVU7eUJBQ1A7T0FDbEIsa0NBQWtDO2tCQUN2Qjs7OzRCQUdVOzZCQUNDOzsyQkFFRixzQkFBc0I7O09BRTFDOzt5Q0FFa0M7O09BRWxDLGdDQUFnQzs7U0FFOUIsZ0JBQWlCLGtDQUFpQztrQkFDekM7U0FDVCxnQkFBaUI7aUJBQ1Q7V0FDTjs7U0FFRixnQkFBaUIsa0NBQWlDO2tCQUN6QztTQUNULGdCQUFpQjtpQkFDVDs7OztFQUlmO1dBQ1UsQUFBRCxNQUFPO2tCQUNDLE9BQU87UUFDakI7UUFDQTtxQkFDYTs7O2dCQUdMLE9BQU87UUFDZjtRQUNBOzs7OzswQkFLa0IsdUJBQXdCOzBCQUN4QixtQkFBb0I7MEJBQ3BCLHVCQUF3Qjs7VUFFeEMsTUFBTTsrQkFDZTsrQkFDQTsrQkFDQTs7c0JBRVY7O3dCQUVFLE9BQU87T0FDeEI7b0JBQ2E7Ozs7O1FBS1o7eUNBQ2lDO1lBQzdCOztvQkFFUSx3QkFBd0I7OztvQkFHeEIsT0FBTzs7OztPQUlwQixnQ0FBZ0M7U0FDOUI7U0FDQTtXQUNFO1NBQ0Y7U0FDQTs7O09BR0YsY0FBYztzQkFDQztpQkFDTDs7Ozt1QkFJTyxBQUFELE1BQU87OztVQUduQjs7O29CQUdTOzs7Ozs7T0FNYixTQUFVOzs7Ozs7UUFNVCwyRUFBMkUsaUJBQWtCO1FBQzdGLDRFQUE0RSxpQkFBa0I7Ozs7UUFJOUYsaUVBQWlFLGtCQUFtQjtRQUNwRixrRUFBa0Usa0JBQW1COzs7O1FBSXJGLHFLQUFxSyxpQkFBa0I7UUFDdkwscUtBQXFLLGlCQUFrQjs7OztRQUl2TDtRQUNBOztxQkFFYSxLQUFNLE1BQU8sQUFBRDs7V0FFcEIsNkJBQTZCO2VBQ3pCO1dBQ0o7OztTQUdKO0dBQ0wsaUVBQ0UsMkJBQThCLDBDQUU5Qjs7O0tBZUUsMkZBR0YsNEJBQStCIn0=
|
|
8577
8758
|
// EXTERNAL MODULE: ./src/jsx.js
|
|
8578
8759
|
var jsx = __webpack_require__(207);
|
|
8579
8760
|
;// ./src/lilact.jsx
|
|
@@ -8673,7 +8854,7 @@ var jsx = __webpack_require__(207);
|
|
|
8673
8854
|
const lilact_Lilact =
|
|
8674
8855
|
{
|
|
8675
8856
|
|
|
8676
|
-
VERSION: "beta.
|
|
8857
|
+
VERSION: "beta.11",
|
|
8677
8858
|
|
|
8678
8859
|
// Configuration
|
|
8679
8860
|
|
|
@@ -10288,6 +10469,7 @@ module.exports = ReactPropTypesSecret;
|
|
|
10288
10469
|
/******/ const __webpack_exports__Routes = __webpack_exports__.Routes;
|
|
10289
10470
|
/******/ const __webpack_exports__Spinner = __webpack_exports__.Spinner;
|
|
10290
10471
|
/******/ const __webpack_exports__Suspense = __webpack_exports__.Suspense;
|
|
10472
|
+
/******/ const __webpack_exports__SwitchTransition = __webpack_exports__.SwitchTransition;
|
|
10291
10473
|
/******/ const __webpack_exports__Transition = __webpack_exports__.Transition;
|
|
10292
10474
|
/******/ const __webpack_exports__TransitionGroup = __webpack_exports__.TransitionGroup;
|
|
10293
10475
|
/******/ const __webpack_exports__addWrappedEventListener = __webpack_exports__.addWrappedEventListener;
|
|
@@ -10373,7 +10555,7 @@ module.exports = ReactPropTypesSecret;
|
|
|
10373
10555
|
/******/ const __webpack_exports__useStore = __webpack_exports__.useStore;
|
|
10374
10556
|
/******/ const __webpack_exports__useTransition = __webpack_exports__.useTransition;
|
|
10375
10557
|
/******/ const __webpack_exports__wrapListener = __webpack_exports__.wrapListener;
|
|
10376
|
-
/******/ export { __webpack_exports__CSSTransition as CSSTransition, __webpack_exports__Children as Children, __webpack_exports__Component as Component, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__Fragment as Fragment, __webpack_exports__HTMLComponent as HTMLComponent, __webpack_exports__HashRouter as HashRouter, __webpack_exports__Lilact as Lilact, __webpack_exports__Link as Link, __webpack_exports__NavLink as NavLink, __webpack_exports__PropTypes as PropTypes, __webpack_exports__Provider as Provider, __webpack_exports__ResizablePane as ResizablePane, __webpack_exports__RootComponent as RootComponent, __webpack_exports__Route as Route, __webpack_exports__Routes as Routes, __webpack_exports__Spinner as Spinner, __webpack_exports__Suspense as Suspense, __webpack_exports__Transition as Transition, __webpack_exports__TransitionGroup as TransitionGroup, __webpack_exports__addWrappedEventListener as addWrappedEventListener, __webpack_exports__animationFramePromise as animationFramePromise, __webpack_exports__blocks_info as blocks_info, __webpack_exports__boolean_html_attributes_set as boolean_html_attributes_set, __webpack_exports__classNames as classNames, __webpack_exports__clearInterval as clearInterval, __webpack_exports__clearTimeout as clearTimeout, __webpack_exports__combineReducers as combineReducers, __webpack_exports__connect as connect, __webpack_exports__createComponent as createComponent, __webpack_exports__createContext as createContext, __webpack_exports__createElement as createElement, __webpack_exports__createRoot as createRoot, __webpack_exports__createSyntheticEvent as createSyntheticEvent, __webpack_exports__current_component as current_component, __webpack_exports__deepEqual as deepEqual, __webpack_exports__default as default, __webpack_exports__emotion as emotion, __webpack_exports__error as error, __webpack_exports__eval_num as eval_num, __webpack_exports__events_set as events_set, __webpack_exports__findDOMNode as findDOMNode, __webpack_exports__forwardRef as forwardRef, __webpack_exports__getComponentByPointer as getComponentByPointer, __webpack_exports__globalErrorHandler as globalErrorHandler, __webpack_exports__grabTimers as grabTimers, __webpack_exports__id_num as id_num, __webpack_exports__isAsync as isAsync, __webpack_exports__isClass as isClass, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isError as isError, __webpack_exports__isThenable as isThenable, __webpack_exports__isValidElement as isValidElement, __webpack_exports__layout_effects as layout_effects, __webpack_exports__lazy as lazy, __webpack_exports__length_css_attributes_set as length_css_attributes_set, __webpack_exports__pauseTimers as pauseTimers, __webpack_exports__redux as redux, __webpack_exports__releaseSyntheticEvent as releaseSyntheticEvent, __webpack_exports__releaseTimers as releaseTimers, __webpack_exports__render as render, __webpack_exports__require as require, __webpack_exports__required_scripts as required_scripts, __webpack_exports__resetTimers as resetTimers, __webpack_exports__resumeTimers as resumeTimers, __webpack_exports__roots as roots, __webpack_exports__run as run, __webpack_exports__runScripts as runScripts, __webpack_exports__scanBlockLabels as scanBlockLabels, __webpack_exports__setInterval as setInterval, __webpack_exports__setTimeout as setTimeout, __webpack_exports__shallowEqual as shallowEqual, __webpack_exports__special_attributes as special_attributes, __webpack_exports__timeoutPromise as timeoutPromise, __webpack_exports__toBool as toBool, __webpack_exports__traceError as traceError, __webpack_exports__transpileJSX as transpileJSX, __webpack_exports__transpilerConfig as transpilerConfig, __webpack_exports__update_cbs as update_cbs, __webpack_exports__update_interval_margin as update_interval_margin, __webpack_exports__update_set as update_set, __webpack_exports__update_timeout as update_timeout, __webpack_exports__useActionState as useActionState, __webpack_exports__useCallback as useCallback, __webpack_exports__useContext as useContext, __webpack_exports__useDeferredValue as useDeferredValue, __webpack_exports__useDispatch as useDispatch, __webpack_exports__useEffect as useEffect, __webpack_exports__useHook as useHook, __webpack_exports__useId as useId, __webpack_exports__useImperativeHandle as useImperativeHandle, __webpack_exports__useLayoutEffect as useLayoutEffect, __webpack_exports__useLocalStorage as useLocalStorage, __webpack_exports__useLocation as useLocation, __webpack_exports__useMemo as useMemo, __webpack_exports__useNavigate as useNavigate, __webpack_exports__useReducer as useReducer, __webpack_exports__useRef as useRef, __webpack_exports__useSelector as useSelector, __webpack_exports__useState as useState, __webpack_exports__useStore as useStore, __webpack_exports__useTransition as useTransition, __webpack_exports__wrapListener as wrapListener };
|
|
10558
|
+
/******/ export { __webpack_exports__CSSTransition as CSSTransition, __webpack_exports__Children as Children, __webpack_exports__Component as Component, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__Fragment as Fragment, __webpack_exports__HTMLComponent as HTMLComponent, __webpack_exports__HashRouter as HashRouter, __webpack_exports__Lilact as Lilact, __webpack_exports__Link as Link, __webpack_exports__NavLink as NavLink, __webpack_exports__PropTypes as PropTypes, __webpack_exports__Provider as Provider, __webpack_exports__ResizablePane as ResizablePane, __webpack_exports__RootComponent as RootComponent, __webpack_exports__Route as Route, __webpack_exports__Routes as Routes, __webpack_exports__Spinner as Spinner, __webpack_exports__Suspense as Suspense, __webpack_exports__SwitchTransition as SwitchTransition, __webpack_exports__Transition as Transition, __webpack_exports__TransitionGroup as TransitionGroup, __webpack_exports__addWrappedEventListener as addWrappedEventListener, __webpack_exports__animationFramePromise as animationFramePromise, __webpack_exports__blocks_info as blocks_info, __webpack_exports__boolean_html_attributes_set as boolean_html_attributes_set, __webpack_exports__classNames as classNames, __webpack_exports__clearInterval as clearInterval, __webpack_exports__clearTimeout as clearTimeout, __webpack_exports__combineReducers as combineReducers, __webpack_exports__connect as connect, __webpack_exports__createComponent as createComponent, __webpack_exports__createContext as createContext, __webpack_exports__createElement as createElement, __webpack_exports__createRoot as createRoot, __webpack_exports__createSyntheticEvent as createSyntheticEvent, __webpack_exports__current_component as current_component, __webpack_exports__deepEqual as deepEqual, __webpack_exports__default as default, __webpack_exports__emotion as emotion, __webpack_exports__error as error, __webpack_exports__eval_num as eval_num, __webpack_exports__events_set as events_set, __webpack_exports__findDOMNode as findDOMNode, __webpack_exports__forwardRef as forwardRef, __webpack_exports__getComponentByPointer as getComponentByPointer, __webpack_exports__globalErrorHandler as globalErrorHandler, __webpack_exports__grabTimers as grabTimers, __webpack_exports__id_num as id_num, __webpack_exports__isAsync as isAsync, __webpack_exports__isClass as isClass, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isError as isError, __webpack_exports__isThenable as isThenable, __webpack_exports__isValidElement as isValidElement, __webpack_exports__layout_effects as layout_effects, __webpack_exports__lazy as lazy, __webpack_exports__length_css_attributes_set as length_css_attributes_set, __webpack_exports__pauseTimers as pauseTimers, __webpack_exports__redux as redux, __webpack_exports__releaseSyntheticEvent as releaseSyntheticEvent, __webpack_exports__releaseTimers as releaseTimers, __webpack_exports__render as render, __webpack_exports__require as require, __webpack_exports__required_scripts as required_scripts, __webpack_exports__resetTimers as resetTimers, __webpack_exports__resumeTimers as resumeTimers, __webpack_exports__roots as roots, __webpack_exports__run as run, __webpack_exports__runScripts as runScripts, __webpack_exports__scanBlockLabels as scanBlockLabels, __webpack_exports__setInterval as setInterval, __webpack_exports__setTimeout as setTimeout, __webpack_exports__shallowEqual as shallowEqual, __webpack_exports__special_attributes as special_attributes, __webpack_exports__timeoutPromise as timeoutPromise, __webpack_exports__toBool as toBool, __webpack_exports__traceError as traceError, __webpack_exports__transpileJSX as transpileJSX, __webpack_exports__transpilerConfig as transpilerConfig, __webpack_exports__update_cbs as update_cbs, __webpack_exports__update_interval_margin as update_interval_margin, __webpack_exports__update_set as update_set, __webpack_exports__update_timeout as update_timeout, __webpack_exports__useActionState as useActionState, __webpack_exports__useCallback as useCallback, __webpack_exports__useContext as useContext, __webpack_exports__useDeferredValue as useDeferredValue, __webpack_exports__useDispatch as useDispatch, __webpack_exports__useEffect as useEffect, __webpack_exports__useHook as useHook, __webpack_exports__useId as useId, __webpack_exports__useImperativeHandle as useImperativeHandle, __webpack_exports__useLayoutEffect as useLayoutEffect, __webpack_exports__useLocalStorage as useLocalStorage, __webpack_exports__useLocation as useLocation, __webpack_exports__useMemo as useMemo, __webpack_exports__useNavigate as useNavigate, __webpack_exports__useReducer as useReducer, __webpack_exports__useRef as useRef, __webpack_exports__useSelector as useSelector, __webpack_exports__useState as useState, __webpack_exports__useStore as useStore, __webpack_exports__useTransition as useTransition, __webpack_exports__wrapListener as wrapListener };
|
|
10377
10559
|
/******/
|
|
10378
10560
|
|
|
10379
10561
|
//# sourceMappingURL=lilact.development.js.map
|