@bonlineza/luxity-lib 2.34.1 → 2.34.2
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/Accordion.js +76 -116
- package/AddInterest.js +434 -768
- package/BrandSelector.js +176 -336
- package/Checkbox.js +68 -101
- package/CheckboxButton.js +79 -124
- package/CommunicationPreferenceOptionsRenderer.js +107 -125
- package/CommunicationPreferenceSection.js +114 -134
- package/CommunicationPreferences.js +443 -339
- package/CountryCodeSelect.js +7 -10
- package/CurrencyInputFormatter.js +29 -56
- package/CurrencySelect.js +188 -19
- package/GALink.js +6 -16
- package/GenderSelector.js +88 -142
- package/GraphQLDropdownSelector.js +505 -939
- package/GraphQLMultiSelector.js +141 -274
- package/IconHeader.js +11 -25
- package/IconWrapper.js +3 -7
- package/InterestCatSelector.js +34 -74
- package/InterestItem.js +103 -187
- package/Interests.js +485 -890
- package/InterestsSubheading.js +5 -10
- package/InvertedTextButton.js +27 -63
- package/LuxityAppSideNav.js +18 -21
- package/LuxityDesktopHeader.js +360 -211
- package/LuxityFooter.js +464 -260
- package/LuxityGraphQLDropdownSelector.js +519 -969
- package/LuxityGraphQLMultiselector.js +167 -321
- package/LuxityMobileHeader.js +221 -278
- package/LuxityPageReady.js +74 -136
- package/LuxitySideNav.js +134 -155
- package/MaterialSelector.js +525 -976
- package/ModelSelector.js +525 -976
- package/NotificationDropDown.js +111 -209
- package/Notify.js +0 -1
- package/OutlinePrimaryButton.js +26 -58
- package/PriceRangeSelector.js +168 -281
- package/PrimaryButton.js +26 -58
- package/RadioButtons.js +114 -140
- package/RangeSlider.js +152 -242
- package/RareStepFooter.js +27 -41
- package/RareStepHeader.js +139 -190
- package/ReactSelectWrapper.js +0 -1
- package/SecondaryButton.js +26 -58
- package/ShoeSizeRangeSelector.js +162 -260
- package/ShoeSizeSelector.js +158 -263
- package/SimpleErrorBoundary.js +59 -106
- package/StyleSelector.js +176 -336
- package/TextButton.js +26 -58
- package/Tooltip.js +17 -39
- package/Tracking.js +0 -1
- package/WrapperButton.js +20 -43
- package/build/bundle.css +1 -1
- package/build/bundle.js +1298 -1695
- package/package.json +1 -1
- package/svg/Accessories.js +6 -13
- package/svg/Account.js +6 -13
- package/svg/Add.js +6 -13
- package/svg/ArrowRight.js +6 -13
- package/svg/Bags.js +6 -13
- package/svg/BurgerMenu.js +6 -13
- package/svg/Calendar.js +6 -13
- package/svg/CalendarCircled.js +6 -13
- package/svg/CheckCircled.js +6 -13
- package/svg/Close.js +6 -13
- package/svg/Clothing.js +6 -13
- package/svg/Dot.js +6 -13
- package/svg/Edit.js +6 -13
- package/svg/Eye.js +6 -13
- package/svg/FileAttach.js +6 -13
- package/svg/FileAttachCircled.js +6 -13
- package/svg/LightBulb.js +6 -13
- package/svg/Logo.js +6 -13
- package/svg/LuxityMenu.js +6 -13
- package/svg/Minus.js +6 -13
- package/svg/MobileAvatar.js +6 -13
- package/svg/MyOrder.js +6 -13
- package/svg/MyPayment.js +6 -13
- package/svg/MyProfile.js +8 -14
- package/svg/MySale.js +6 -13
- package/svg/Notification.js +6 -13
- package/svg/PointerDown.js +6 -13
- package/svg/Search.js +6 -13
- package/svg/Shoes.js +6 -13
- package/svg/SvgWrapper.js +3 -7
- package/svg/Trash.js +6 -13
- package/svg/Watches.js +6 -13
package/Accordion.js
CHANGED
|
@@ -8,93 +8,70 @@
|
|
|
8
8
|
AnimateHeight = AnimateHeight && Object.prototype.hasOwnProperty.call(AnimateHeight, 'default') ? AnimateHeight['default'] : AnimateHeight;
|
|
9
9
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
10
10
|
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
for (var key in source) {
|
|
17
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
18
|
-
target[key] = source[key];
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
return target;
|
|
24
|
-
};
|
|
25
|
-
return _extends.apply(this, arguments);
|
|
11
|
+
function _arrayLikeToArray(r, a) {
|
|
12
|
+
(null == a || a > r.length) && (a = r.length);
|
|
13
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
14
|
+
return n;
|
|
26
15
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
if (!raw) {
|
|
30
|
-
raw = strings.slice(0);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
34
|
-
raw: {
|
|
35
|
-
value: Object.freeze(raw)
|
|
36
|
-
}
|
|
37
|
-
}));
|
|
16
|
+
function _arrayWithHoles(r) {
|
|
17
|
+
if (Array.isArray(r)) return r;
|
|
38
18
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
function _arrayWithHoles(arr) {
|
|
45
|
-
if (Array.isArray(arr)) return arr;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
function _iterableToArrayLimit(arr, i) {
|
|
49
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
50
|
-
|
|
51
|
-
if (_i == null) return;
|
|
52
|
-
var _arr = [];
|
|
53
|
-
var _n = true;
|
|
54
|
-
var _d = false;
|
|
55
|
-
|
|
56
|
-
var _s, _e;
|
|
57
|
-
|
|
58
|
-
try {
|
|
59
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
60
|
-
_arr.push(_s.value);
|
|
61
|
-
|
|
62
|
-
if (i && _arr.length === i) break;
|
|
19
|
+
function _extends() {
|
|
20
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
21
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
22
|
+
var t = arguments[e];
|
|
23
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
63
24
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
25
|
+
return n;
|
|
26
|
+
}, _extends.apply(null, arguments);
|
|
27
|
+
}
|
|
28
|
+
function _iterableToArrayLimit(r, l) {
|
|
29
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
30
|
+
if (null != t) {
|
|
31
|
+
var e,
|
|
32
|
+
n,
|
|
33
|
+
i,
|
|
34
|
+
u,
|
|
35
|
+
a = [],
|
|
36
|
+
f = !0,
|
|
37
|
+
o = !1;
|
|
68
38
|
try {
|
|
69
|
-
if (
|
|
39
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
40
|
+
if (Object(t) !== t) return;
|
|
41
|
+
f = !1;
|
|
42
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
43
|
+
} catch (r) {
|
|
44
|
+
o = !0, n = r;
|
|
70
45
|
} finally {
|
|
71
|
-
|
|
46
|
+
try {
|
|
47
|
+
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
48
|
+
} finally {
|
|
49
|
+
if (o) throw n;
|
|
50
|
+
}
|
|
72
51
|
}
|
|
52
|
+
return a;
|
|
73
53
|
}
|
|
74
|
-
|
|
75
|
-
return _arr;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
79
|
-
if (!o) return;
|
|
80
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
81
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
82
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
83
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
84
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
function _arrayLikeToArray(arr, len) {
|
|
88
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
89
|
-
|
|
90
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
91
|
-
|
|
92
|
-
return arr2;
|
|
93
54
|
}
|
|
94
|
-
|
|
95
55
|
function _nonIterableRest() {
|
|
96
56
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
97
57
|
}
|
|
58
|
+
function _slicedToArray(r, e) {
|
|
59
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
60
|
+
}
|
|
61
|
+
function _taggedTemplateLiteral(e, t) {
|
|
62
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
63
|
+
raw: {
|
|
64
|
+
value: Object.freeze(t)
|
|
65
|
+
}
|
|
66
|
+
}));
|
|
67
|
+
}
|
|
68
|
+
function _unsupportedIterableToArray(r, a) {
|
|
69
|
+
if (r) {
|
|
70
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
71
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
72
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
98
75
|
|
|
99
76
|
var _templateObject;
|
|
100
77
|
var OuterContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"])), function (props) {
|
|
@@ -196,11 +173,11 @@
|
|
|
196
173
|
|
|
197
174
|
var SimpleAccordion = function SimpleAccordion(_ref) {
|
|
198
175
|
var identifier = _ref.identifier,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
176
|
+
wrapperClass = _ref.wrapperClass,
|
|
177
|
+
containerClass = _ref.containerClass,
|
|
178
|
+
title = _ref.title,
|
|
179
|
+
_onClick = _ref.onClick,
|
|
180
|
+
openIndicator = _ref.openIndicator;
|
|
204
181
|
var OpenIndicator = openIndicator;
|
|
205
182
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
206
183
|
className: wrapperClass
|
|
@@ -212,7 +189,6 @@
|
|
|
212
189
|
"data-qe-id": "".concat(identifier, "-toggle-button"),
|
|
213
190
|
onClick: function onClick(e) {
|
|
214
191
|
e.preventDefault();
|
|
215
|
-
|
|
216
192
|
_onClick();
|
|
217
193
|
},
|
|
218
194
|
role: "button"
|
|
@@ -222,7 +198,6 @@
|
|
|
222
198
|
className: "".concat(containerClass, "__toggle-button__indicator")
|
|
223
199
|
}, /*#__PURE__*/React__default.createElement(OpenIndicator, null)))));
|
|
224
200
|
};
|
|
225
|
-
|
|
226
201
|
SimpleAccordion.defaultProps = {
|
|
227
202
|
identifier: '',
|
|
228
203
|
wrapperClass: '',
|
|
@@ -238,82 +213,68 @@
|
|
|
238
213
|
var SimpleAccordion$1 = themed(SimpleAccordion);
|
|
239
214
|
|
|
240
215
|
var DummyAccordion = SimpleAccordion$1;
|
|
241
|
-
|
|
242
216
|
var runAfter = function runAfter(fn, duration) {
|
|
243
217
|
setTimeout(fn, duration);
|
|
244
218
|
};
|
|
245
|
-
|
|
246
219
|
var getInitHeight = function getInitHeight(defaultHeight) {
|
|
247
220
|
if (defaultHeight === 'auto') return 'auto';
|
|
248
221
|
return 0;
|
|
249
222
|
};
|
|
223
|
+
|
|
250
224
|
/**
|
|
251
225
|
* An Expand and Collapsible container which show a Title by default
|
|
252
226
|
* and then expands to show the content/children when it is triggered
|
|
253
227
|
*/
|
|
254
|
-
|
|
255
|
-
|
|
256
228
|
var Accordion = function Accordion(_ref) {
|
|
257
229
|
var wrapperClass = _ref.wrapperClass,
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
230
|
+
containerClass = _ref.containerClass,
|
|
231
|
+
title = _ref.title,
|
|
232
|
+
closeIndicator = _ref.closeIndicator,
|
|
233
|
+
openIndicator = _ref.openIndicator,
|
|
234
|
+
itemKey = _ref.itemKey,
|
|
235
|
+
childRenderer = _ref.children,
|
|
236
|
+
duration = _ref.duration,
|
|
237
|
+
onAnimationStart = _ref.onAnimationStart,
|
|
238
|
+
onAnimationEnd = _ref.onAnimationEnd,
|
|
239
|
+
onClose = _ref.onClose,
|
|
240
|
+
onOpen = _ref.onOpen,
|
|
241
|
+
onToggle = _ref.onToggle,
|
|
242
|
+
identifier = _ref.identifier,
|
|
243
|
+
defaultHeight = _ref.defaultHeight;
|
|
273
244
|
var _useState = React.useState(getInitHeight(defaultHeight)),
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
245
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
246
|
+
height = _useState2[0],
|
|
247
|
+
setHeight = _useState2[1];
|
|
278
248
|
var isClosed = height === 0 || false;
|
|
279
|
-
|
|
280
249
|
var toggle = function toggle() {
|
|
281
250
|
var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {
|
|
282
251
|
return null;
|
|
283
252
|
};
|
|
284
253
|
setHeight(isClosed ? 'auto' : 0); // triggers animation with duration
|
|
285
|
-
|
|
286
254
|
runAfter(callback, duration);
|
|
287
|
-
|
|
288
255
|
if (isClosed) {
|
|
289
256
|
runAfter(onOpen, duration);
|
|
290
257
|
} else {
|
|
291
258
|
runAfter(onClose, duration);
|
|
292
259
|
}
|
|
293
|
-
|
|
294
260
|
runAfter(onToggle, duration);
|
|
295
261
|
};
|
|
296
|
-
|
|
297
262
|
var close = function close() {
|
|
298
263
|
var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {
|
|
299
264
|
return null;
|
|
300
265
|
};
|
|
301
266
|
setHeight(0); // triggers animation with duration
|
|
302
|
-
|
|
303
267
|
runAfter(callback, duration);
|
|
304
268
|
runAfter(onClose, duration);
|
|
305
269
|
};
|
|
306
|
-
|
|
307
270
|
var open = function open() {
|
|
308
271
|
var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {
|
|
309
272
|
return null;
|
|
310
273
|
};
|
|
311
274
|
setHeight('auto'); // triggers animation with duration
|
|
312
|
-
|
|
313
275
|
runAfter(callback, duration);
|
|
314
276
|
runAfter(onOpen, duration);
|
|
315
277
|
};
|
|
316
|
-
|
|
317
278
|
var CloseIndicator = closeIndicator;
|
|
318
279
|
var OpenIndicator = openIndicator;
|
|
319
280
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -348,7 +309,6 @@
|
|
|
348
309
|
className: "".concat(containerClass, "__body__content")
|
|
349
310
|
}, typeof childRenderer === 'function' ? childRenderer(close, open, toggle) : childRenderer)))));
|
|
350
311
|
};
|
|
351
|
-
|
|
352
312
|
Accordion.defaultProps = {
|
|
353
313
|
identifier: '',
|
|
354
314
|
wrapperClass: '',
|