@lanaco/lnc-react-ui 4.0.199 → 4.0.200
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/Accordion.cjs +5 -5
- package/dist/Accordion.js +45 -56
- package/dist/AccordionDetails.cjs +3 -3
- package/dist/AccordionDetails.js +11 -25
- package/dist/AccordionSummary.cjs +4 -4
- package/dist/AccordionSummary.js +34 -44
- package/dist/ActionsToolbar.cjs +2 -3
- package/dist/ActionsToolbar.js +83 -135
- package/dist/Alert.cjs +10 -10
- package/dist/Alert.js +32 -64
- package/dist/Avatar.cjs +9 -9
- package/dist/Avatar.js +33 -72
- package/dist/Badge.cjs +6 -6
- package/dist/Badge.js +22 -47
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +12 -14
- package/dist/BlogExploreSection.cjs +1 -1
- package/dist/BlogExploreSection.js +1 -1
- package/dist/BlogsSectionWithFilters.cjs +1 -1
- package/dist/BlogsSectionWithFilters.js +1 -1
- package/dist/Breadcrumbs.cjs +5 -5
- package/dist/Breadcrumbs.js +57 -87
- package/dist/Button.cjs +11 -11
- package/dist/Button.js +126 -173
- package/dist/ButtonGroup.cjs +8 -8
- package/dist/ButtonGroup.js +37 -49
- package/dist/CalorieCalculatorSection.cjs +8 -8
- package/dist/CalorieCalculatorSection.js +90 -97
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +2 -5
- package/dist/Chip.cjs +14 -14
- package/dist/Chip.js +73 -111
- package/dist/ConfirmationForm.cjs +6 -6
- package/dist/ConfirmationForm.js +67 -109
- package/dist/ContactSection.cjs +1 -0
- package/dist/ContactSection.js +1 -0
- package/dist/Content.cjs +1 -1
- package/dist/Content.js +7 -15
- package/dist/{DailyMotion-ByXblnua.js → DailyMotion-BBcJkMo_.js} +1 -1
- package/dist/{DailyMotion-BaFUcQKQ.cjs → DailyMotion-CpZExcrg.cjs} +1 -1
- package/dist/DataView.cjs +1 -1
- package/dist/DataView.js +30 -50
- package/dist/DateInput.cjs +4 -4
- package/dist/DateInput.js +1347 -1383
- package/dist/DecimalInput.cjs +6 -6
- package/dist/DecimalInput.js +210 -263
- package/dist/DecimalInputV2.cjs +23 -23
- package/dist/DecimalInputV2.js +119 -176
- package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
- package/dist/DetailedProductsInfinitiveSection.js +1 -1
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/DetailsView.cjs +9 -9
- package/dist/DetailsView.js +111 -162
- package/dist/DoubleRangeSlider.cjs +22 -22
- package/dist/DoubleRangeSlider.js +70 -95
- package/dist/DragAndDropFile.cjs +10 -10
- package/dist/DragAndDropFile.js +347 -402
- package/dist/DragDropFiles.cjs +4 -4
- package/dist/DragDropFiles.js +70 -124
- package/dist/Drawer.cjs +5 -5
- package/dist/Drawer.js +97 -135
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +44 -213
- package/dist/DropdownItem.cjs +14 -14
- package/dist/DropdownItem.js +106 -142
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +61 -242
- package/dist/DropdownMenu.cjs +4 -4
- package/dist/DropdownMenu.js +87 -149
- package/dist/EditableTable.cjs +10 -10
- package/dist/EditableTable.js +165 -331
- package/dist/{Facebook-BCqiOWZO.js → Facebook-BSWPEXjA.js} +1 -1
- package/dist/{Facebook-D9wwecSW.cjs → Facebook-DoKw-XxT.cjs} +1 -1
- package/dist/FaqSection.cjs +3 -3
- package/dist/FaqSection.js +119 -153
- package/dist/FileInput.cjs +7 -7
- package/dist/FileInput.js +66 -94
- package/dist/{FilePlayer-ktaNhf3p.js → FilePlayer-BtGpIWnK.js} +1 -1
- package/dist/{FilePlayer-DB6jnpeC.cjs → FilePlayer-D9az_lc_.cjs} +1 -1
- package/dist/FlexBox.cjs +6 -6
- package/dist/FlexBox.js +28 -63
- package/dist/FlexGrid.cjs +1 -1
- package/dist/FlexGrid.js +27 -67
- package/dist/FlexGridItem.cjs +6 -6
- package/dist/FlexGridItem.js +34 -62
- package/dist/Footer.cjs +1 -1
- package/dist/Footer.js +7 -15
- package/dist/FormField.cjs +7 -7
- package/dist/FormField.js +22 -47
- package/dist/FormView.cjs +6 -6
- package/dist/FormView.js +148 -195
- package/dist/Grid.cjs +2 -2
- package/dist/Grid.js +40 -65
- package/dist/GridItem.cjs +2 -2
- package/dist/GridItem.js +47 -80
- package/dist/Header.cjs +1 -1
- package/dist/Header.js +7 -15
- package/dist/HelpBannerSection.cjs +3 -3
- package/dist/HelpBannerSection.js +9 -15
- package/dist/Icon.cjs +4 -4
- package/dist/Icon.js +29 -55
- package/dist/IconButton.cjs +9 -9
- package/dist/IconButton.js +89 -127
- package/dist/{Kaltura-CvlN0HDg.js → Kaltura-BDqlEQpd.js} +1 -1
- package/dist/{Kaltura-CCdXLzOa.cjs → Kaltura-CK6JHUZC.cjs} +1 -1
- package/dist/Kanban.cjs +7 -7
- package/dist/Kanban.js +2033 -2098
- package/dist/KanbanActionsToolbar.cjs +4 -5
- package/dist/KanbanActionsToolbar.js +61 -96
- package/dist/KanbanCard-B9V9EjVE.js +137 -0
- package/dist/KanbanCard-DihrKn-I.cjs +30 -0
- package/dist/KanbanCard.cjs +1 -1
- package/dist/KanbanCard.js +2 -3
- package/dist/KanbanFooter.cjs +3 -3
- package/dist/KanbanFooter.js +37 -55
- package/dist/KanbanHeader.cjs +4 -4
- package/dist/KanbanHeader.js +49 -81
- package/dist/KanbanView.cjs +2 -2
- package/dist/KanbanView.js +106 -173
- package/dist/Link.cjs +7 -7
- package/dist/Link.js +20 -37
- package/dist/LocationSearchSection.cjs +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +1 -1
- package/dist/MasonryGeneralCardsSection.js +1 -1
- package/dist/MenuItem.cjs +13 -13
- package/dist/MenuItem.js +101 -139
- package/dist/{Mixcloud-nG_VyBNt.cjs → Mixcloud-C1Boh2Bm.cjs} +1 -1
- package/dist/{Mixcloud-Bb8MTclI.js → Mixcloud-zAh6j7Ha.js} +1 -1
- package/dist/Modal.cjs +18 -19
- package/dist/Modal.js +131 -166
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +25 -196
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +27 -209
- package/dist/{Mux-DfYpGTiP.js → Mux-BGTG_Tvc.js} +1 -1
- package/dist/{Mux-BgB2a8kM.cjs → Mux-C6TwZeaq.cjs} +1 -1
- package/dist/NestedDropdownItem.cjs +3 -3
- package/dist/NestedDropdownItem.js +45 -67
- package/dist/NestedMenuItem.cjs +5 -5
- package/dist/NestedMenuItem.js +51 -78
- package/dist/NotificationContainer.cjs +10 -10
- package/dist/NotificationContainer.js +46 -79
- package/dist/NotificationMessage.cjs +2 -2
- package/dist/NotificationMessage.js +47 -64
- package/dist/NumberInput.cjs +23 -23
- package/dist/NumberInput.js +89 -149
- package/dist/PageLayout.cjs +2 -2
- package/dist/PageLayout.js +20 -28
- package/dist/Pagination.cjs +3 -3
- package/dist/Pagination.js +102 -185
- package/dist/PasswordInput.cjs +23 -23
- package/dist/PasswordInput.js +108 -137
- package/dist/Popover.cjs +1 -1
- package/dist/Popover.js +7 -32
- package/dist/PopoverContent.cjs +5 -5
- package/dist/PopoverContent.js +22 -28
- package/dist/PopoverTrigger.cjs +1 -1
- package/dist/PopoverTrigger.js +7 -12
- package/dist/ProgressBar.cjs +8 -8
- package/dist/ProgressBar.js +32 -59
- package/dist/RadioGroup.cjs +3 -3
- package/dist/RadioGroup.js +41 -72
- package/dist/RadioInput.cjs +28 -28
- package/dist/RadioInput.js +78 -123
- package/dist/RangeSlider.cjs +19 -19
- package/dist/RangeSlider.js +92 -119
- package/dist/ReviewsSection.cjs +13 -13
- package/dist/ReviewsSection.js +81 -101
- package/dist/SalesCampaignsSection.cjs +19 -19
- package/dist/SalesCampaignsSection.js +283 -324
- package/dist/SearchBar.cjs +10 -10
- package/dist/SearchBar.js +168 -188
- package/dist/SearchSection-B94YN_6P.cjs +161 -0
- package/dist/{SearchSection-DDQ_K98T.js → SearchSection-DAaMecR4.js} +337 -359
- package/dist/SearchSection.cjs +1 -1
- package/dist/SearchSection.js +2 -3
- package/dist/Separator.cjs +3 -3
- package/dist/Separator.js +14 -19
- package/dist/Sidebar.cjs +4 -5
- package/dist/Sidebar.js +33 -56
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/{SoundCloud-C86xwUG6.cjs → SoundCloud-C6R6E6Zc.cjs} +1 -1
- package/dist/{SoundCloud-DG91z39R.js → SoundCloud-lO8wg_0s.js} +1 -1
- package/dist/Spinner.cjs +18 -18
- package/dist/Spinner.js +37 -54
- package/dist/StatsSection.cjs +6 -6
- package/dist/StatsSection.js +15 -25
- package/dist/{Streamable-4uAnb3WN.cjs → Streamable-DZO95CiT.cjs} +1 -1
- package/dist/{Streamable-BAIWLgyD.js → Streamable-Dwa5ZEK4.js} +1 -1
- package/dist/Surface.cjs +4 -4
- package/dist/Surface.js +19 -34
- package/dist/SwipeableDrawer.cjs +8 -8
- package/dist/SwipeableDrawer.js +84 -136
- package/dist/TabItem.cjs +11 -11
- package/dist/TabItem.js +83 -118
- package/dist/Table.cjs +65 -65
- package/dist/Table.js +786 -1167
- package/dist/TableView.cjs +2 -2
- package/dist/TableView.js +113 -197
- package/dist/Tabs.cjs +4 -4
- package/dist/Tabs.js +41 -60
- package/dist/TextAreaInput.cjs +14 -14
- package/dist/TextAreaInput.js +131 -181
- package/dist/TextInput.cjs +23 -23
- package/dist/TextInput.js +78 -126
- package/dist/ThemeProvider.cjs +5 -5
- package/dist/ThemeProvider.js +35 -39
- package/dist/TimeInput.cjs +7 -7
- package/dist/TimeInput.js +46 -72
- package/dist/Toggle.cjs +20 -20
- package/dist/Toggle.js +78 -109
- package/dist/ToggleSection.cjs +5 -5
- package/dist/ToggleSection.js +48 -55
- package/dist/TreeMenu.cjs +5 -5
- package/dist/TreeMenu.js +43 -67
- package/dist/TreeMenuSeparator.cjs +3 -3
- package/dist/TreeMenuSeparator.js +12 -20
- package/dist/{Twitch-CVAj24ti.cjs → Twitch-B17oKtD0.cjs} +1 -1
- package/dist/{Twitch-DfXeW5Xs.js → Twitch-C73-dwWo.js} +1 -1
- package/dist/UploadedFile.cjs +11 -11
- package/dist/UploadedFile.js +73 -99
- package/dist/{Vidyard-De3pges0.js → Vidyard-B6GdBHsM.js} +1 -1
- package/dist/{Vidyard-DaCcaaH4.cjs → Vidyard-s1MMcaRm.cjs} +1 -1
- package/dist/{Vimeo-8wXdCXGs.cjs → Vimeo-J1l_SU2E.cjs} +1 -1
- package/dist/{Vimeo-N6I2qi_h.js → Vimeo-kzHz4Gco.js} +1 -1
- package/dist/{Wistia-BrUzHQoq.cjs → Wistia-CudQyDHM.cjs} +1 -1
- package/dist/{Wistia-dlV6n6tO.js → Wistia-w4jnqd7y.js} +1 -1
- package/dist/{YouTube-Cfsj4ZaP.cjs → YouTube-BAYKouHS.cjs} +1 -1
- package/dist/{YouTube-DNJxWqRm.js → YouTube-BKyipPZx.js} +1 -1
- package/dist/index-BdKi2ogu.js +39 -0
- package/dist/index-CRk3vcd4.cjs +95 -0
- package/dist/index-CX2A-q39.cjs +4 -0
- package/dist/{index-CWALXP1T.js → index-CwMCk9wV.js} +118 -145
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/{tag-BtS5lWJ0.js → tag-Dm8CW4TM.js} +21 -27
- package/dist/{tag-CmeZsPQt.cjs → tag-UQjq2_Ba.cjs} +7 -7
- package/package.json +1 -1
- package/dist/KanbanCard-68kSAXL6.js +0 -175
- package/dist/KanbanCard-BDvoqTDS.cjs +0 -30
- package/dist/SearchSection-BcbHP6QF.cjs +0 -161
- package/dist/index-Be-_NM9Q.cjs +0 -4
- package/dist/index-C0LcDEqa.js +0 -47
- package/dist/index-CSNxZFTX.cjs +0 -95
package/dist/SearchBar.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsx as v, jsxs as _ } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import g, { isValidElement as R, cloneElement as w, Children as le, useState as M, createRef as ue, createElement as X } from "react";
|
|
3
3
|
import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
-
import
|
|
5
|
-
import de from "./
|
|
6
|
-
import {
|
|
7
|
-
import { useTheme as fe } from "./ThemeProvider.js";
|
|
4
|
+
import ce from "./Chip.js";
|
|
5
|
+
import { k as de } from "./emotion-react.browser.esm-DUVZ5oEL.js";
|
|
6
|
+
import { useTheme as pe } from "./ThemeProvider.js";
|
|
8
7
|
import { _ as L } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
|
|
9
8
|
import { _ as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
10
|
-
import { _ as
|
|
11
|
-
import {
|
|
12
|
-
|
|
9
|
+
import { _ as fe, a as me } from "./setPrototypeOf-CttqfWo1.js";
|
|
10
|
+
import { P as c } from "./index-CblbdqjE.js";
|
|
11
|
+
import { R as k } from "./index-B1vKwsDE.js";
|
|
12
|
+
const he = de`
|
|
13
13
|
from {
|
|
14
14
|
opacity: 0;
|
|
15
15
|
}
|
|
16
16
|
to {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
}
|
|
19
|
-
`,
|
|
19
|
+
`, ve = x.div`
|
|
20
20
|
@media (prefers-reduced-motion: no-preference) {
|
|
21
|
-
animation-name: ${
|
|
21
|
+
animation-name: ${he};
|
|
22
22
|
animation-fill-mode: backwards;
|
|
23
23
|
}
|
|
24
24
|
`, Ee = ({ duration: e = 300, delay: o = 0, children: l, ...n }) => /* @__PURE__ */ v(
|
|
25
|
-
|
|
25
|
+
ve,
|
|
26
26
|
{
|
|
27
27
|
...n,
|
|
28
28
|
style: {
|
|
@@ -34,40 +34,40 @@ const ve = pe`
|
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
36
|
function F(e, o) {
|
|
37
|
-
e.prototype = Object.create(o.prototype), e.prototype.constructor = e,
|
|
37
|
+
e.prototype = Object.create(o.prototype), e.prototype.constructor = e, fe(e, o);
|
|
38
38
|
}
|
|
39
|
-
function
|
|
39
|
+
function ge(e, o) {
|
|
40
40
|
return e.classList ? !!o && e.classList.contains(o) : (" " + (e.className.baseVal || e.className) + " ").indexOf(" " + o + " ") !== -1;
|
|
41
41
|
}
|
|
42
|
-
function
|
|
43
|
-
e.classList ? e.classList.add(o) :
|
|
42
|
+
function xe(e, o) {
|
|
43
|
+
e.classList ? e.classList.add(o) : ge(e, o) || (typeof e.className == "string" ? e.className = e.className + " " + o : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + o));
|
|
44
44
|
}
|
|
45
45
|
function H(e, o) {
|
|
46
46
|
return e.replace(new RegExp("(^|\\s)" + o + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
|
|
47
47
|
}
|
|
48
|
-
function
|
|
48
|
+
function Ce(e, o) {
|
|
49
49
|
e.classList ? e.classList.remove(o) : typeof e.className == "string" ? e.className = H(e.className, o) : e.setAttribute("class", H(e.className && e.className.baseVal || "", o));
|
|
50
50
|
}
|
|
51
51
|
const J = {
|
|
52
52
|
disabled: !1
|
|
53
53
|
};
|
|
54
|
-
var
|
|
55
|
-
enter:
|
|
56
|
-
exit:
|
|
57
|
-
appear:
|
|
58
|
-
}).isRequired]) : null,
|
|
59
|
-
enter:
|
|
60
|
-
exit:
|
|
61
|
-
active:
|
|
62
|
-
}),
|
|
63
|
-
enter:
|
|
64
|
-
enterDone:
|
|
65
|
-
enterActive:
|
|
66
|
-
exit:
|
|
67
|
-
exitDone:
|
|
68
|
-
exitActive:
|
|
54
|
+
var be = process.env.NODE_ENV !== "production" ? c.oneOfType([c.number, c.shape({
|
|
55
|
+
enter: c.number,
|
|
56
|
+
exit: c.number,
|
|
57
|
+
appear: c.number
|
|
58
|
+
}).isRequired]) : null, Ne = process.env.NODE_ENV !== "production" ? c.oneOfType([c.string, c.shape({
|
|
59
|
+
enter: c.string,
|
|
60
|
+
exit: c.string,
|
|
61
|
+
active: c.string
|
|
62
|
+
}), c.shape({
|
|
63
|
+
enter: c.string,
|
|
64
|
+
enterDone: c.string,
|
|
65
|
+
enterActive: c.string,
|
|
66
|
+
exit: c.string,
|
|
67
|
+
exitDone: c.string,
|
|
68
|
+
exitActive: c.string
|
|
69
69
|
})]) : null;
|
|
70
|
-
const I =
|
|
70
|
+
const I = g.createContext(null);
|
|
71
71
|
var Q = function(o) {
|
|
72
72
|
return o.scrollTop;
|
|
73
73
|
}, O = "unmounted", N = "exited", y = "entering", D = "entered", P = "exiting", C = /* @__PURE__ */ function(e) {
|
|
@@ -109,7 +109,7 @@ var Q = function(o) {
|
|
|
109
109
|
if (r === void 0 && (r = !1), t !== null)
|
|
110
110
|
if (this.cancelNextCallback(), t === y) {
|
|
111
111
|
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
112
|
-
var i = this.props.nodeRef ? this.props.nodeRef.current :
|
|
112
|
+
var i = this.props.nodeRef ? this.props.nodeRef.current : k.findDOMNode(this);
|
|
113
113
|
i && Q(i);
|
|
114
114
|
}
|
|
115
115
|
this.performEnter(r);
|
|
@@ -119,28 +119,28 @@ var Q = function(o) {
|
|
|
119
119
|
status: O
|
|
120
120
|
});
|
|
121
121
|
}, l.performEnter = function(r) {
|
|
122
|
-
var t = this, i = this.props.enter, a = this.context ? this.context.isMounting : r, s = this.props.nodeRef ? [a] : [
|
|
122
|
+
var t = this, i = this.props.enter, a = this.context ? this.context.isMounting : r, s = this.props.nodeRef ? [a] : [k.findDOMNode(this), a], u = s[0], p = s[1], m = this.getTimeouts(), h = a ? m.appear : m.enter;
|
|
123
123
|
if (!r && !i || J.disabled) {
|
|
124
124
|
this.safeSetState({
|
|
125
125
|
status: D
|
|
126
126
|
}, function() {
|
|
127
|
-
t.props.onEntered(
|
|
127
|
+
t.props.onEntered(u);
|
|
128
128
|
});
|
|
129
129
|
return;
|
|
130
130
|
}
|
|
131
|
-
this.props.onEnter(
|
|
131
|
+
this.props.onEnter(u, p), this.safeSetState({
|
|
132
132
|
status: y
|
|
133
133
|
}, function() {
|
|
134
|
-
t.props.onEntering(
|
|
134
|
+
t.props.onEntering(u, p), t.onTransitionEnd(h, function() {
|
|
135
135
|
t.safeSetState({
|
|
136
136
|
status: D
|
|
137
137
|
}, function() {
|
|
138
|
-
t.props.onEntered(
|
|
138
|
+
t.props.onEntered(u, p);
|
|
139
139
|
});
|
|
140
140
|
});
|
|
141
141
|
});
|
|
142
142
|
}, l.performExit = function() {
|
|
143
|
-
var r = this, t = this.props.exit, i = this.getTimeouts(), a = this.props.nodeRef ? void 0 :
|
|
143
|
+
var r = this, t = this.props.exit, i = this.getTimeouts(), a = this.props.nodeRef ? void 0 : k.findDOMNode(this);
|
|
144
144
|
if (!t || J.disabled) {
|
|
145
145
|
this.safeSetState({
|
|
146
146
|
status: N
|
|
@@ -173,14 +173,14 @@ var Q = function(o) {
|
|
|
173
173
|
}, this.nextCallback;
|
|
174
174
|
}, l.onTransitionEnd = function(r, t) {
|
|
175
175
|
this.setNextCallback(t);
|
|
176
|
-
var i = this.props.nodeRef ? this.props.nodeRef.current :
|
|
176
|
+
var i = this.props.nodeRef ? this.props.nodeRef.current : k.findDOMNode(this), a = r == null && !this.props.addEndListener;
|
|
177
177
|
if (!i || a) {
|
|
178
178
|
setTimeout(this.nextCallback, 0);
|
|
179
179
|
return;
|
|
180
180
|
}
|
|
181
181
|
if (this.props.addEndListener) {
|
|
182
|
-
var s = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback],
|
|
183
|
-
this.props.addEndListener(
|
|
182
|
+
var s = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], u = s[0], p = s[1];
|
|
183
|
+
this.props.addEndListener(u, p);
|
|
184
184
|
}
|
|
185
185
|
r != null && setTimeout(this.nextCallback, r);
|
|
186
186
|
}, l.render = function() {
|
|
@@ -192,12 +192,12 @@ var Q = function(o) {
|
|
|
192
192
|
var a = L(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
|
|
193
193
|
return (
|
|
194
194
|
// allows for nested Transitions
|
|
195
|
-
/* @__PURE__ */
|
|
195
|
+
/* @__PURE__ */ g.createElement(I.Provider, {
|
|
196
196
|
value: null
|
|
197
|
-
}, typeof i == "function" ? i(r, a) :
|
|
197
|
+
}, typeof i == "function" ? i(r, a) : g.cloneElement(g.Children.only(i), a))
|
|
198
198
|
);
|
|
199
199
|
}, o;
|
|
200
|
-
}(
|
|
200
|
+
}(g.Component);
|
|
201
201
|
C.contextType = I;
|
|
202
202
|
C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
203
203
|
/**
|
|
@@ -211,10 +211,10 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
211
211
|
* (see
|
|
212
212
|
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
213
213
|
*/
|
|
214
|
-
nodeRef:
|
|
215
|
-
current: typeof Element > "u" ?
|
|
214
|
+
nodeRef: c.shape({
|
|
215
|
+
current: typeof Element > "u" ? c.any : function(e, o, l, n, r, t) {
|
|
216
216
|
var i = e[o];
|
|
217
|
-
return
|
|
217
|
+
return c.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(e, o, l, n, r, t);
|
|
218
218
|
}
|
|
219
219
|
}),
|
|
220
220
|
/**
|
|
@@ -231,23 +231,23 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
231
231
|
* </Transition>
|
|
232
232
|
* ```
|
|
233
233
|
*/
|
|
234
|
-
children:
|
|
234
|
+
children: c.oneOfType([c.func.isRequired, c.element.isRequired]).isRequired,
|
|
235
235
|
/**
|
|
236
236
|
* Show the component; triggers the enter or exit states
|
|
237
237
|
*/
|
|
238
|
-
in:
|
|
238
|
+
in: c.bool,
|
|
239
239
|
/**
|
|
240
240
|
* By default the child component is mounted immediately along with
|
|
241
241
|
* the parent `Transition` component. If you want to "lazy mount" the component on the
|
|
242
242
|
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
243
243
|
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
244
244
|
*/
|
|
245
|
-
mountOnEnter:
|
|
245
|
+
mountOnEnter: c.bool,
|
|
246
246
|
/**
|
|
247
247
|
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
248
248
|
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
249
249
|
*/
|
|
250
|
-
unmountOnExit:
|
|
250
|
+
unmountOnExit: c.bool,
|
|
251
251
|
/**
|
|
252
252
|
* By default the child component does not perform the enter transition when
|
|
253
253
|
* it first mounts, regardless of the value of `in`. If you want this
|
|
@@ -259,15 +259,15 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
259
259
|
* > additional `.appear-*` classes, that way you can choose to style it
|
|
260
260
|
* > differently.
|
|
261
261
|
*/
|
|
262
|
-
appear:
|
|
262
|
+
appear: c.bool,
|
|
263
263
|
/**
|
|
264
264
|
* Enable or disable enter transitions.
|
|
265
265
|
*/
|
|
266
|
-
enter:
|
|
266
|
+
enter: c.bool,
|
|
267
267
|
/**
|
|
268
268
|
* Enable or disable exit transitions.
|
|
269
269
|
*/
|
|
270
|
-
exit:
|
|
270
|
+
exit: c.bool,
|
|
271
271
|
/**
|
|
272
272
|
* The duration of the transition, in milliseconds.
|
|
273
273
|
* Required unless `addEndListener` is provided.
|
|
@@ -295,7 +295,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
295
295
|
* @type {number | { enter?: number, exit?: number, appear?: number }}
|
|
296
296
|
*/
|
|
297
297
|
timeout: function(o) {
|
|
298
|
-
var l =
|
|
298
|
+
var l = be;
|
|
299
299
|
o.addEndListener || (l = l.isRequired);
|
|
300
300
|
for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), t = 1; t < n; t++)
|
|
301
301
|
r[t - 1] = arguments[t];
|
|
@@ -315,7 +315,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
315
315
|
* }}
|
|
316
316
|
* ```
|
|
317
317
|
*/
|
|
318
|
-
addEndListener:
|
|
318
|
+
addEndListener: c.func,
|
|
319
319
|
/**
|
|
320
320
|
* Callback fired before the "entering" status is applied. An extra parameter
|
|
321
321
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -324,7 +324,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
324
324
|
*
|
|
325
325
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
326
326
|
*/
|
|
327
|
-
onEnter:
|
|
327
|
+
onEnter: c.func,
|
|
328
328
|
/**
|
|
329
329
|
* Callback fired after the "entering" status is applied. An extra parameter
|
|
330
330
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -333,7 +333,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
333
333
|
*
|
|
334
334
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
335
335
|
*/
|
|
336
|
-
onEntering:
|
|
336
|
+
onEntering: c.func,
|
|
337
337
|
/**
|
|
338
338
|
* Callback fired after the "entered" status is applied. An extra parameter
|
|
339
339
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -342,7 +342,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
342
342
|
*
|
|
343
343
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
344
344
|
*/
|
|
345
|
-
onEntered:
|
|
345
|
+
onEntered: c.func,
|
|
346
346
|
/**
|
|
347
347
|
* Callback fired before the "exiting" status is applied.
|
|
348
348
|
*
|
|
@@ -350,7 +350,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
350
350
|
*
|
|
351
351
|
* @type Function(node: HtmlElement) -> void
|
|
352
352
|
*/
|
|
353
|
-
onExit:
|
|
353
|
+
onExit: c.func,
|
|
354
354
|
/**
|
|
355
355
|
* Callback fired after the "exiting" status is applied.
|
|
356
356
|
*
|
|
@@ -358,7 +358,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
358
358
|
*
|
|
359
359
|
* @type Function(node: HtmlElement) -> void
|
|
360
360
|
*/
|
|
361
|
-
onExiting:
|
|
361
|
+
onExiting: c.func,
|
|
362
362
|
/**
|
|
363
363
|
* Callback fired after the "exited" status is applied.
|
|
364
364
|
*
|
|
@@ -366,7 +366,7 @@ C.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
366
366
|
*
|
|
367
367
|
* @type Function(node: HtmlElement) -> void
|
|
368
368
|
*/
|
|
369
|
-
onExited:
|
|
369
|
+
onExited: c.func
|
|
370
370
|
} : {};
|
|
371
371
|
function T() {
|
|
372
372
|
}
|
|
@@ -389,13 +389,13 @@ C.EXITED = N;
|
|
|
389
389
|
C.ENTERING = y;
|
|
390
390
|
C.ENTERED = D;
|
|
391
391
|
C.EXITING = P;
|
|
392
|
-
var
|
|
392
|
+
var ye = function(o, l) {
|
|
393
393
|
return o && l && l.split(" ").forEach(function(n) {
|
|
394
|
-
return
|
|
394
|
+
return xe(o, n);
|
|
395
395
|
});
|
|
396
396
|
}, A = function(o, l) {
|
|
397
397
|
return o && l && l.split(" ").forEach(function(n) {
|
|
398
|
-
return
|
|
398
|
+
return Ce(o, n);
|
|
399
399
|
});
|
|
400
400
|
}, U = /* @__PURE__ */ function(e) {
|
|
401
401
|
F(o, e);
|
|
@@ -407,27 +407,27 @@ var Se = function(o, l) {
|
|
|
407
407
|
enter: {},
|
|
408
408
|
exit: {}
|
|
409
409
|
}, n.onEnter = function(a, s) {
|
|
410
|
-
var
|
|
410
|
+
var u = n.resolveArguments(a, s), p = u[0], m = u[1];
|
|
411
411
|
n.removeClasses(p, "exit"), n.addClass(p, m ? "appear" : "enter", "base"), n.props.onEnter && n.props.onEnter(a, s);
|
|
412
412
|
}, n.onEntering = function(a, s) {
|
|
413
|
-
var
|
|
413
|
+
var u = n.resolveArguments(a, s), p = u[0], m = u[1], h = m ? "appear" : "enter";
|
|
414
414
|
n.addClass(p, h, "active"), n.props.onEntering && n.props.onEntering(a, s);
|
|
415
415
|
}, n.onEntered = function(a, s) {
|
|
416
|
-
var
|
|
416
|
+
var u = n.resolveArguments(a, s), p = u[0], m = u[1], h = m ? "appear" : "enter";
|
|
417
417
|
n.removeClasses(p, h), n.addClass(p, h, "done"), n.props.onEntered && n.props.onEntered(a, s);
|
|
418
418
|
}, n.onExit = function(a) {
|
|
419
|
-
var s = n.resolveArguments(a),
|
|
420
|
-
n.removeClasses(
|
|
419
|
+
var s = n.resolveArguments(a), u = s[0];
|
|
420
|
+
n.removeClasses(u, "appear"), n.removeClasses(u, "enter"), n.addClass(u, "exit", "base"), n.props.onExit && n.props.onExit(a);
|
|
421
421
|
}, n.onExiting = function(a) {
|
|
422
|
-
var s = n.resolveArguments(a),
|
|
423
|
-
n.addClass(
|
|
422
|
+
var s = n.resolveArguments(a), u = s[0];
|
|
423
|
+
n.addClass(u, "exit", "active"), n.props.onExiting && n.props.onExiting(a);
|
|
424
424
|
}, n.onExited = function(a) {
|
|
425
|
-
var s = n.resolveArguments(a),
|
|
426
|
-
n.removeClasses(
|
|
425
|
+
var s = n.resolveArguments(a), u = s[0];
|
|
426
|
+
n.removeClasses(u, "exit"), n.addClass(u, "exit", "done"), n.props.onExited && n.props.onExited(a);
|
|
427
427
|
}, n.resolveArguments = function(a, s) {
|
|
428
428
|
return n.props.nodeRef ? [n.props.nodeRef.current, a] : [a, s];
|
|
429
429
|
}, n.getClassNames = function(a) {
|
|
430
|
-
var s = n.props.classNames,
|
|
430
|
+
var s = n.props.classNames, u = typeof s == "string", p = u && s ? s + "-" : "", m = u ? "" + p + a : s[a], h = u ? m + "-active" : s[a + "Active"], b = u ? m + "-done" : s[a + "Done"];
|
|
431
431
|
return {
|
|
432
432
|
baseClassName: m,
|
|
433
433
|
activeClassName: h,
|
|
@@ -437,16 +437,16 @@ var Se = function(o, l) {
|
|
|
437
437
|
}
|
|
438
438
|
var l = o.prototype;
|
|
439
439
|
return l.addClass = function(r, t, i) {
|
|
440
|
-
var a = this.getClassNames(t)[i + "ClassName"], s = this.getClassNames("enter"),
|
|
441
|
-
t === "appear" && i === "done" &&
|
|
440
|
+
var a = this.getClassNames(t)[i + "ClassName"], s = this.getClassNames("enter"), u = s.doneClassName;
|
|
441
|
+
t === "appear" && i === "done" && u && (a += " " + u), i === "active" && r && Q(r), a && (this.appliedClasses[t][i] = a, ye(r, a));
|
|
442
442
|
}, l.removeClasses = function(r, t) {
|
|
443
|
-
var i = this.appliedClasses[t], a = i.base, s = i.active,
|
|
444
|
-
this.appliedClasses[t] = {}, a && A(r, a), s && A(r, s),
|
|
443
|
+
var i = this.appliedClasses[t], a = i.base, s = i.active, u = i.done;
|
|
444
|
+
this.appliedClasses[t] = {}, a && A(r, a), s && A(r, s), u && A(r, u);
|
|
445
445
|
}, l.render = function() {
|
|
446
446
|
var r = this.props;
|
|
447
447
|
r.classNames;
|
|
448
448
|
var t = L(r, ["classNames"]);
|
|
449
|
-
return /* @__PURE__ */
|
|
449
|
+
return /* @__PURE__ */ g.createElement(C, V({}, t, {
|
|
450
450
|
onEnter: this.onEnter,
|
|
451
451
|
onEntered: this.onEntered,
|
|
452
452
|
onEntering: this.onEntering,
|
|
@@ -455,7 +455,7 @@ var Se = function(o, l) {
|
|
|
455
455
|
onExited: this.onExited
|
|
456
456
|
}));
|
|
457
457
|
}, o;
|
|
458
|
-
}(
|
|
458
|
+
}(g.Component);
|
|
459
459
|
U.defaultProps = {
|
|
460
460
|
classNames: ""
|
|
461
461
|
};
|
|
@@ -528,7 +528,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
528
528
|
* exitDone?: string,
|
|
529
529
|
* }}
|
|
530
530
|
*/
|
|
531
|
-
classNames:
|
|
531
|
+
classNames: Ne,
|
|
532
532
|
/**
|
|
533
533
|
* A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
|
|
534
534
|
* applied.
|
|
@@ -537,7 +537,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
537
537
|
*
|
|
538
538
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
539
539
|
*/
|
|
540
|
-
onEnter:
|
|
540
|
+
onEnter: c.func,
|
|
541
541
|
/**
|
|
542
542
|
* A `<Transition>` callback fired immediately after the 'enter-active' or
|
|
543
543
|
* 'appear-active' class is applied.
|
|
@@ -546,7 +546,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
546
546
|
*
|
|
547
547
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
548
548
|
*/
|
|
549
|
-
onEntering:
|
|
549
|
+
onEntering: c.func,
|
|
550
550
|
/**
|
|
551
551
|
* A `<Transition>` callback fired immediately after the 'enter' or
|
|
552
552
|
* 'appear' classes are **removed** and the `done` class is added to the DOM node.
|
|
@@ -555,7 +555,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
555
555
|
*
|
|
556
556
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
557
557
|
*/
|
|
558
|
-
onEntered:
|
|
558
|
+
onEntered: c.func,
|
|
559
559
|
/**
|
|
560
560
|
* A `<Transition>` callback fired immediately after the 'exit' class is
|
|
561
561
|
* applied.
|
|
@@ -564,7 +564,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
564
564
|
*
|
|
565
565
|
* @type Function(node: HtmlElement)
|
|
566
566
|
*/
|
|
567
|
-
onExit:
|
|
567
|
+
onExit: c.func,
|
|
568
568
|
/**
|
|
569
569
|
* A `<Transition>` callback fired immediately after the 'exit-active' is applied.
|
|
570
570
|
*
|
|
@@ -572,7 +572,7 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
572
572
|
*
|
|
573
573
|
* @type Function(node: HtmlElement)
|
|
574
574
|
*/
|
|
575
|
-
onExiting:
|
|
575
|
+
onExiting: c.func,
|
|
576
576
|
/**
|
|
577
577
|
* A `<Transition>` callback fired immediately after the 'exit' classes
|
|
578
578
|
* are **removed** and the `exit-done` class is added to the DOM node.
|
|
@@ -581,19 +581,19 @@ U.propTypes = process.env.NODE_ENV !== "production" ? V({}, C.propTypes, {
|
|
|
581
581
|
*
|
|
582
582
|
* @type Function(node: HtmlElement)
|
|
583
583
|
*/
|
|
584
|
-
onExited:
|
|
584
|
+
onExited: c.func
|
|
585
585
|
}) : {};
|
|
586
586
|
function G(e, o) {
|
|
587
587
|
var l = function(t) {
|
|
588
588
|
return o && R(t) ? o(t) : t;
|
|
589
589
|
}, n = /* @__PURE__ */ Object.create(null);
|
|
590
|
-
return e &&
|
|
590
|
+
return e && le.map(e, function(r) {
|
|
591
591
|
return r;
|
|
592
592
|
}).forEach(function(r) {
|
|
593
593
|
n[r.key] = l(r);
|
|
594
594
|
}), n;
|
|
595
595
|
}
|
|
596
|
-
function
|
|
596
|
+
function Se(e, o) {
|
|
597
597
|
e = e || {}, o = o || {};
|
|
598
598
|
function l(p) {
|
|
599
599
|
return p in o ? o[p] : e[p];
|
|
@@ -605,8 +605,8 @@ function Te(e, o) {
|
|
|
605
605
|
for (var s in o) {
|
|
606
606
|
if (n[s])
|
|
607
607
|
for (i = 0; i < n[s].length; i++) {
|
|
608
|
-
var
|
|
609
|
-
a[n[s][i]] = l(
|
|
608
|
+
var u = n[s][i];
|
|
609
|
+
a[n[s][i]] = l(u);
|
|
610
610
|
}
|
|
611
611
|
a[s] = l(s);
|
|
612
612
|
}
|
|
@@ -617,7 +617,7 @@ function Te(e, o) {
|
|
|
617
617
|
function S(e, o, l) {
|
|
618
618
|
return l[o] != null ? l[o] : e.props[o];
|
|
619
619
|
}
|
|
620
|
-
function
|
|
620
|
+
function Te(e, o) {
|
|
621
621
|
return G(e.children, function(l) {
|
|
622
622
|
return w(l, {
|
|
623
623
|
onExited: o.bind(null, l),
|
|
@@ -628,12 +628,12 @@ function De(e, o) {
|
|
|
628
628
|
});
|
|
629
629
|
});
|
|
630
630
|
}
|
|
631
|
-
function
|
|
632
|
-
var n = G(e.children), r =
|
|
631
|
+
function De(e, o, l) {
|
|
632
|
+
var n = G(e.children), r = Se(o, n);
|
|
633
633
|
return Object.keys(r).forEach(function(t) {
|
|
634
634
|
var i = r[t];
|
|
635
635
|
if (R(i)) {
|
|
636
|
-
var a = t in o, s = t in n,
|
|
636
|
+
var a = t in o, s = t in n, u = o[t], p = R(u) && !u.props.in;
|
|
637
637
|
s && (!a || p) ? r[t] = w(i, {
|
|
638
638
|
onExited: l.bind(null, i),
|
|
639
639
|
in: !0,
|
|
@@ -641,16 +641,16 @@ function Oe(e, o, l) {
|
|
|
641
641
|
enter: S(i, "enter", e)
|
|
642
642
|
}) : !s && a && !p ? r[t] = w(i, {
|
|
643
643
|
in: !1
|
|
644
|
-
}) : s && a && R(
|
|
644
|
+
}) : s && a && R(u) && (r[t] = w(i, {
|
|
645
645
|
onExited: l.bind(null, i),
|
|
646
|
-
in:
|
|
646
|
+
in: u.props.in,
|
|
647
647
|
exit: S(i, "exit", e),
|
|
648
648
|
enter: S(i, "enter", e)
|
|
649
649
|
}));
|
|
650
650
|
}
|
|
651
651
|
}), r;
|
|
652
652
|
}
|
|
653
|
-
var
|
|
653
|
+
var Oe = Object.values || function(e) {
|
|
654
654
|
return Object.keys(e).map(function(o) {
|
|
655
655
|
return e[o];
|
|
656
656
|
});
|
|
@@ -664,7 +664,7 @@ var ke = Object.values || function(e) {
|
|
|
664
664
|
function o(n, r) {
|
|
665
665
|
var t;
|
|
666
666
|
t = e.call(this, n, r) || this;
|
|
667
|
-
var i = t.handleExited.bind(
|
|
667
|
+
var i = t.handleExited.bind(me(t));
|
|
668
668
|
return t.state = {
|
|
669
669
|
contextValue: {
|
|
670
670
|
isMounting: !0
|
|
@@ -685,7 +685,7 @@ var ke = Object.values || function(e) {
|
|
|
685
685
|
}, o.getDerivedStateFromProps = function(r, t) {
|
|
686
686
|
var i = t.children, a = t.handleExited, s = t.firstRender;
|
|
687
687
|
return {
|
|
688
|
-
children: s ?
|
|
688
|
+
children: s ? Te(r, a) : De(r, i, a),
|
|
689
689
|
firstRender: !1
|
|
690
690
|
};
|
|
691
691
|
}, l.handleExited = function(r, t) {
|
|
@@ -697,14 +697,14 @@ var ke = Object.values || function(e) {
|
|
|
697
697
|
};
|
|
698
698
|
}));
|
|
699
699
|
}, l.render = function() {
|
|
700
|
-
var r = this.props, t = r.component, i = r.childFactory, a = L(r, ["component", "childFactory"]), s = this.state.contextValue,
|
|
701
|
-
return delete a.appear, delete a.enter, delete a.exit, t === null ? /* @__PURE__ */
|
|
700
|
+
var r = this.props, t = r.component, i = r.childFactory, a = L(r, ["component", "childFactory"]), s = this.state.contextValue, u = Oe(this.state.children).map(i);
|
|
701
|
+
return delete a.appear, delete a.enter, delete a.exit, t === null ? /* @__PURE__ */ g.createElement(I.Provider, {
|
|
702
702
|
value: s
|
|
703
|
-
},
|
|
703
|
+
}, u) : /* @__PURE__ */ g.createElement(I.Provider, {
|
|
704
704
|
value: s
|
|
705
|
-
}, /* @__PURE__ */
|
|
705
|
+
}, /* @__PURE__ */ g.createElement(t, a, u));
|
|
706
706
|
}, o;
|
|
707
|
-
}(
|
|
707
|
+
}(g.Component);
|
|
708
708
|
j.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
709
709
|
/**
|
|
710
710
|
* `<TransitionGroup>` renders a `<div>` by default. You can change this
|
|
@@ -713,7 +713,7 @@ j.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
713
713
|
* you can pass in `component={null}`. This is useful if the wrapping div
|
|
714
714
|
* borks your css styles.
|
|
715
715
|
*/
|
|
716
|
-
component:
|
|
716
|
+
component: c.any,
|
|
717
717
|
/**
|
|
718
718
|
* A set of `<Transition>` components, that are toggled `in` and out as they
|
|
719
719
|
* leave. the `<TransitionGroup>` will inject specific transition props, so
|
|
@@ -727,25 +727,25 @@ j.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
727
727
|
* the transition child as you change its content, this will cause
|
|
728
728
|
* `TransitionGroup` to transition the child out and back in.
|
|
729
729
|
*/
|
|
730
|
-
children:
|
|
730
|
+
children: c.node,
|
|
731
731
|
/**
|
|
732
732
|
* A convenience prop that enables or disables appear animations
|
|
733
733
|
* for all children. Note that specifying this will override any defaults set
|
|
734
734
|
* on individual children Transitions.
|
|
735
735
|
*/
|
|
736
|
-
appear:
|
|
736
|
+
appear: c.bool,
|
|
737
737
|
/**
|
|
738
738
|
* A convenience prop that enables or disables enter animations
|
|
739
739
|
* for all children. Note that specifying this will override any defaults set
|
|
740
740
|
* on individual children Transitions.
|
|
741
741
|
*/
|
|
742
|
-
enter:
|
|
742
|
+
enter: c.bool,
|
|
743
743
|
/**
|
|
744
744
|
* A convenience prop that enables or disables exit animations
|
|
745
745
|
* for all children. Note that specifying this will override any defaults set
|
|
746
746
|
* on individual children Transitions.
|
|
747
747
|
*/
|
|
748
|
-
exit:
|
|
748
|
+
exit: c.bool,
|
|
749
749
|
/**
|
|
750
750
|
* You may need to apply reactive updates to a child as it is exiting.
|
|
751
751
|
* This is generally done by using `cloneElement` however in the case of an exiting
|
|
@@ -756,14 +756,14 @@ j.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
756
756
|
*
|
|
757
757
|
* @type Function(child: ReactElement) -> ReactElement
|
|
758
758
|
*/
|
|
759
|
-
childFactory:
|
|
759
|
+
childFactory: c.func
|
|
760
760
|
} : {};
|
|
761
761
|
j.defaultProps = $e;
|
|
762
762
|
const Y = (e) => {
|
|
763
763
|
if (e.size === "small") return e.theme.typography.medium.fontSize;
|
|
764
764
|
if (e.size === "medium") return e.theme.typography.large.fontSize;
|
|
765
765
|
if (e.size === "large") return "1.3125rem";
|
|
766
|
-
},
|
|
766
|
+
}, ke = (e) => {
|
|
767
767
|
if (e === "small") return "0.40625rem 0.375rem";
|
|
768
768
|
if (e === "medium") return "0.46875rem 0.375rem";
|
|
769
769
|
if (e === "large") return "0.53125rem 0.375rem";
|
|
@@ -771,7 +771,7 @@ const Y = (e) => {
|
|
|
771
771
|
if (e === "small") return "0.625rem 0.5rem 0.375rem 0.5rem";
|
|
772
772
|
if (e === "medium") return "0.71875rem 0.5625rem 0.375rem 0.5625rem";
|
|
773
773
|
if (e === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
774
|
-
},
|
|
774
|
+
}, Re = x.div`
|
|
775
775
|
display: inline-block;
|
|
776
776
|
position: relative;
|
|
777
777
|
box-sizing: border-box;
|
|
@@ -780,11 +780,11 @@ const Y = (e) => {
|
|
|
780
780
|
border-radius: 0.1875rem;
|
|
781
781
|
width: 100%;
|
|
782
782
|
transition: all 250ms ease;
|
|
783
|
-
`,
|
|
783
|
+
`, we = x.div`
|
|
784
784
|
padding: 0.15rem;
|
|
785
785
|
transition: all 250ms ease;
|
|
786
786
|
display: inline-block;
|
|
787
|
-
`,
|
|
787
|
+
`, Ie = x.div`
|
|
788
788
|
display: inline-block;
|
|
789
789
|
margin: 0.125rem;
|
|
790
790
|
flex-grow: 1;
|
|
@@ -793,14 +793,14 @@ const Y = (e) => {
|
|
|
793
793
|
& > div {
|
|
794
794
|
width: 100%;
|
|
795
795
|
}
|
|
796
|
-
`,
|
|
796
|
+
`, ze = x.div`
|
|
797
797
|
display: inline-block;
|
|
798
798
|
box-sizing: border-box;
|
|
799
799
|
margin: 0.125rem;
|
|
800
800
|
margin-left: 0.25rem;
|
|
801
801
|
flex-grow: 1;
|
|
802
802
|
transition: all 250ms ease;
|
|
803
|
-
`,
|
|
803
|
+
`, _e = x.input`
|
|
804
804
|
width: 100%;
|
|
805
805
|
transition: all 250ms ease;
|
|
806
806
|
text-decoration: none;
|
|
@@ -809,22 +809,22 @@ const Y = (e) => {
|
|
|
809
809
|
box-sizing: border-box;
|
|
810
810
|
outline: none;
|
|
811
811
|
border: none;
|
|
812
|
-
padding: ${(e) =>
|
|
812
|
+
padding: ${(e) => ke(e.size)};
|
|
813
813
|
background-color: transparent;
|
|
814
814
|
font-family: ${(e) => e.theme.typography.fontFamily};
|
|
815
815
|
font-size: ${(e) => e.theme.typography[e.size].fontSize};
|
|
816
816
|
color: ${(e) => e.theme.palette[e.color].textDark};
|
|
817
817
|
border-radius: 0.1875rem;
|
|
818
|
-
`,
|
|
818
|
+
`, Me = x.div`
|
|
819
819
|
display: flex;
|
|
820
820
|
width: 100%;
|
|
821
|
-
`,
|
|
821
|
+
`, Ae = x.div`
|
|
822
822
|
padding: ${(e) => Z(e.size)};
|
|
823
823
|
color: ${(e) => e.disabled ? e.theme.palette.gray[800] : e.theme.palette[e.color].main};
|
|
824
824
|
font-size: ${(e) => Y(e)};
|
|
825
825
|
background-color: whitesmoke;
|
|
826
826
|
transition: all 250ms ease;
|
|
827
|
-
`,
|
|
827
|
+
`, Pe = x.div`
|
|
828
828
|
padding: ${(e) => Z(e.size)};
|
|
829
829
|
color: ${(e) => e.disabled ? e.theme.palette.gray[800] : e.theme.palette[e.color].main};
|
|
830
830
|
font-size: ${(e) => Y(e)};
|
|
@@ -833,7 +833,7 @@ const Y = (e) => {
|
|
|
833
833
|
cursor: ${(e) => e.disabled === !0 ? "default" : "pointer"};
|
|
834
834
|
margin-right: 0;
|
|
835
835
|
margin-left: auto;
|
|
836
|
-
`,
|
|
836
|
+
`, Le = x.div`
|
|
837
837
|
position: absolute;
|
|
838
838
|
background-color: white;
|
|
839
839
|
z-index: 1;
|
|
@@ -846,7 +846,7 @@ const Y = (e) => {
|
|
|
846
846
|
display: flex;
|
|
847
847
|
flex-direction: column;
|
|
848
848
|
transition: all 250ms ease;
|
|
849
|
-
`,
|
|
849
|
+
`, Ve = x.div`
|
|
850
850
|
font-family: ${(e) => e.theme.typography.fontFamily};
|
|
851
851
|
font-size: ${(e) => e.theme.typography[e.size].fontSize};
|
|
852
852
|
padding: 0.375rem;
|
|
@@ -858,49 +858,49 @@ const Y = (e) => {
|
|
|
858
858
|
background-color: whitesmoke;
|
|
859
859
|
color: ${(e) => e.theme.palette[e.color].main};
|
|
860
860
|
}
|
|
861
|
-
`,
|
|
862
|
-
const { items: o, suggestions: l, onChange: n, id: r, disabled: t, className: i, size: a, color: s } = e, [
|
|
863
|
-
let W =
|
|
864
|
-
const { theme:
|
|
865
|
-
let
|
|
866
|
-
const
|
|
861
|
+
`, Fe = (e) => {
|
|
862
|
+
const { items: o, suggestions: l, onChange: n, id: r, disabled: t, className: i, size: a, color: s } = e, [u, p] = M(""), [m, h] = M(!1), [b, $] = M(0);
|
|
863
|
+
let W = ue();
|
|
864
|
+
const { theme: K } = pe();
|
|
865
|
+
let E = { size: a, color: s, theme: K };
|
|
866
|
+
const ee = () => ("10000000-1000-4000-8000" + -1e11).replace(
|
|
867
867
|
/[018]/g,
|
|
868
868
|
(d) => (d ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> d / 4).toString(16)
|
|
869
|
-
),
|
|
870
|
-
d.keyCode === 27 && W.current.blur(), (d.keyCode === 38 || d.keyCode === 40) && d.preventDefault(), d.keyCode === 38 && b > 0 &&
|
|
869
|
+
), te = (d) => {
|
|
870
|
+
d.keyCode === 27 && W.current.blur(), (d.keyCode === 38 || d.keyCode === 40) && d.preventDefault(), d.keyCode === 38 && b > 0 && $(b - 1), d.keyCode === 40 && b < l.length - 1 && $(b + 1), d.key === "Enter" && l.length > 0 && u && u.length > 0 && B(l[b]), d.key === "Backspace" && o.length > 0 && u === "" && q(o.length - 1);
|
|
871
871
|
}, B = (d) => {
|
|
872
|
-
|
|
873
|
-
id:
|
|
872
|
+
ie({
|
|
873
|
+
id: ee(),
|
|
874
874
|
field: d.field,
|
|
875
875
|
description: d.description,
|
|
876
|
-
value:
|
|
876
|
+
value: u,
|
|
877
877
|
active: !0,
|
|
878
878
|
dataType: d.dataType,
|
|
879
879
|
operation: d.operation,
|
|
880
880
|
operationDescription: d.operationDescription
|
|
881
|
-
}), p(""), h(!1),
|
|
882
|
-
},
|
|
881
|
+
}), p(""), h(!1), $(0);
|
|
882
|
+
}, ne = () => {
|
|
883
883
|
h(!1);
|
|
884
|
-
},
|
|
885
|
-
h(!0),
|
|
884
|
+
}, re = (d) => {
|
|
885
|
+
h(!0), $(0), p(d.target.value);
|
|
886
886
|
}, q = (d) => {
|
|
887
|
-
let f = [...o].find((
|
|
887
|
+
let f = [...o].find((se, z) => z !== d);
|
|
888
888
|
n(
|
|
889
889
|
r,
|
|
890
|
-
[...o].filter((
|
|
890
|
+
[...o].filter((se, z) => z !== d),
|
|
891
891
|
f
|
|
892
892
|
);
|
|
893
|
-
},
|
|
893
|
+
}, ie = (d) => {
|
|
894
894
|
n(r, [...o, d], d);
|
|
895
|
-
},
|
|
895
|
+
}, oe = (d) => {
|
|
896
896
|
let f = [...o];
|
|
897
897
|
f[d] = { ...f[d], active: !f[d].active }, n(r, f, f[d]);
|
|
898
|
-
},
|
|
898
|
+
}, ae = () => {
|
|
899
899
|
if (m)
|
|
900
|
-
return /* @__PURE__ */ v(Ee, { children: /* @__PURE__ */ v(
|
|
901
|
-
|
|
900
|
+
return /* @__PURE__ */ v(Ee, { children: /* @__PURE__ */ v(Le, { ...E, children: l.map((d, f) => /* @__PURE__ */ X(
|
|
901
|
+
Ve,
|
|
902
902
|
{
|
|
903
|
-
...
|
|
903
|
+
...E,
|
|
904
904
|
key: f,
|
|
905
905
|
onMouseDown: () => B(d),
|
|
906
906
|
hover: b === f
|
|
@@ -908,46 +908,46 @@ const Y = (e) => {
|
|
|
908
908
|
`${d.description} - ${d.operationDescription}`
|
|
909
909
|
)) }) });
|
|
910
910
|
};
|
|
911
|
-
return /* @__PURE__ */ _(
|
|
912
|
-
/* @__PURE__ */ _(
|
|
913
|
-
/* @__PURE__ */ v(
|
|
914
|
-
/* @__PURE__ */ _(
|
|
911
|
+
return /* @__PURE__ */ _(Re, { className: i, ...E, children: [
|
|
912
|
+
/* @__PURE__ */ _(Me, { ...E, children: [
|
|
913
|
+
/* @__PURE__ */ v(Ae, { ...E, disabled: t, children: /* @__PURE__ */ v("i", { className: "fas fa-search fa-fw" }) }),
|
|
914
|
+
/* @__PURE__ */ _(we, { ...E, children: [
|
|
915
915
|
/* @__PURE__ */ v(j, { component: null, children: o.map((d, f) => /* @__PURE__ */ v(U, { timeout: 200, classNames: "item", children: /* @__PURE__ */ X(
|
|
916
|
-
|
|
916
|
+
Ie,
|
|
917
917
|
{
|
|
918
|
-
...
|
|
918
|
+
...E,
|
|
919
919
|
key: f,
|
|
920
920
|
first: f === 0,
|
|
921
921
|
title: `${d.description} - ${d.operationDescription}: ${d.value}`
|
|
922
922
|
},
|
|
923
923
|
/* @__PURE__ */ v(
|
|
924
|
-
|
|
924
|
+
ce,
|
|
925
925
|
{
|
|
926
|
-
...
|
|
926
|
+
...E,
|
|
927
927
|
id: d.id,
|
|
928
928
|
text: d.description,
|
|
929
929
|
additionalInfo: d.value,
|
|
930
930
|
inactive: !d.active,
|
|
931
931
|
onRemove: () => t ? {} : q(f),
|
|
932
|
-
onClick: () => t ? {} :
|
|
932
|
+
onClick: () => t ? {} : oe(f),
|
|
933
933
|
disabled: t
|
|
934
934
|
}
|
|
935
935
|
)
|
|
936
936
|
) }, f)) }),
|
|
937
|
-
/* @__PURE__ */ v(
|
|
938
|
-
|
|
937
|
+
/* @__PURE__ */ v(ze, { ...E, children: /* @__PURE__ */ v(
|
|
938
|
+
_e,
|
|
939
939
|
{
|
|
940
|
-
...
|
|
940
|
+
...E,
|
|
941
941
|
ref: W,
|
|
942
|
-
value:
|
|
943
|
-
onBlur:
|
|
944
|
-
onChange:
|
|
945
|
-
onKeyDown:
|
|
942
|
+
value: u,
|
|
943
|
+
onBlur: ne,
|
|
944
|
+
onChange: re,
|
|
945
|
+
onKeyDown: te,
|
|
946
946
|
disabled: t
|
|
947
947
|
}
|
|
948
948
|
) })
|
|
949
949
|
] }),
|
|
950
|
-
/* @__PURE__ */ v(
|
|
950
|
+
/* @__PURE__ */ v(Pe, { ...E, disabled: t, children: /* @__PURE__ */ v(
|
|
951
951
|
"i",
|
|
952
952
|
{
|
|
953
953
|
className: "fas fa-times fa-fw",
|
|
@@ -955,10 +955,10 @@ const Y = (e) => {
|
|
|
955
955
|
}
|
|
956
956
|
) })
|
|
957
957
|
] }),
|
|
958
|
-
|
|
958
|
+
ae()
|
|
959
959
|
] });
|
|
960
960
|
};
|
|
961
|
-
|
|
961
|
+
Fe.defaultProps = {
|
|
962
962
|
id: "",
|
|
963
963
|
disabled: !1,
|
|
964
964
|
onChange: () => {
|
|
@@ -969,26 +969,6 @@ K.defaultProps = {
|
|
|
969
969
|
size: "small",
|
|
970
970
|
color: "primary"
|
|
971
971
|
};
|
|
972
|
-
K.propTypes = {
|
|
973
|
-
id: u.any,
|
|
974
|
-
disabled: u.bool,
|
|
975
|
-
onChange: u.func,
|
|
976
|
-
className: u.string,
|
|
977
|
-
items: u.array,
|
|
978
|
-
suggestions: u.array,
|
|
979
|
-
size: u.oneOf(["small", "medium", "large"]),
|
|
980
|
-
color: u.oneOf([
|
|
981
|
-
"primary",
|
|
982
|
-
"secondary",
|
|
983
|
-
"success",
|
|
984
|
-
"error",
|
|
985
|
-
"warning",
|
|
986
|
-
"gray",
|
|
987
|
-
"background",
|
|
988
|
-
"transparent",
|
|
989
|
-
"neutral"
|
|
990
|
-
])
|
|
991
|
-
};
|
|
992
972
|
export {
|
|
993
|
-
|
|
973
|
+
Fe as default
|
|
994
974
|
};
|