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