@bonlineza/luxity-lib 2.36.1-beta.1 → 2.36.1-beta.3

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.
Files changed (90) hide show
  1. package/Accordion.js +76 -116
  2. package/AddInterest.js +440 -777
  3. package/AddProductInterest.js +485 -644
  4. package/BrandSelector.js +176 -336
  5. package/Checkbox.js +68 -101
  6. package/CheckboxButton.js +79 -124
  7. package/CommunicationPreferenceOptionsRenderer.js +159 -169
  8. package/CommunicationPreferenceSection.js +166 -178
  9. package/CommunicationPreferences.js +549 -427
  10. package/ConditionSelector.js +174 -336
  11. package/CountryCodeSelect.js +7 -10
  12. package/CurrencyInputFormatter.js +29 -56
  13. package/CurrencySelect.js +23 -49
  14. package/DropdownSelector.js +68 -92
  15. package/GALink.js +6 -16
  16. package/GenderSelector.js +88 -142
  17. package/GraphQLDropdownSelector.js +933 -1511
  18. package/GraphQLMultiSelector.js +141 -274
  19. package/IconHeader.js +11 -25
  20. package/IconWrapper.js +3 -7
  21. package/InterestCatSelector.js +34 -74
  22. package/InterestItem.js +103 -187
  23. package/Interests.js +922 -1471
  24. package/InterestsSubheading.js +5 -10
  25. package/InvertedTextButton.js +27 -63
  26. package/LuxityAppSideNav.js +18 -21
  27. package/LuxityDesktopHeader.js +219 -274
  28. package/LuxityFooter.js +430 -321
  29. package/LuxityGraphQLDropdownSelector.js +949 -1543
  30. package/LuxityGraphQLMultiselector.js +167 -321
  31. package/LuxityMobileHeader.js +251 -342
  32. package/LuxityPageReady.js +74 -136
  33. package/LuxityProductInterestItem.js +97 -175
  34. package/LuxitySideNav.js +165 -215
  35. package/MaterialSelector.js +956 -1551
  36. package/ModelSelector.js +956 -1551
  37. package/NotificationDropDown.js +122 -221
  38. package/Notify.js +0 -1
  39. package/OutlinePrimaryButton.js +26 -58
  40. package/PriceRangeSelector.js +168 -281
  41. package/PrimaryButton.js +26 -58
  42. package/RadioButtons.js +114 -140
  43. package/RangeSlider.js +152 -242
  44. package/RareStepFooter.js +27 -41
  45. package/RareStepHeader.js +139 -190
  46. package/ReactSelectWrapper.js +0 -1
  47. package/SecondaryButton.js +26 -58
  48. package/ShoeSizeRangeSelector.js +162 -260
  49. package/ShoeSizeSelector.js +158 -263
  50. package/SimpleErrorBoundary.js +59 -106
  51. package/StyleSelector.js +176 -336
  52. package/TextButton.js +26 -58
  53. package/Tooltip.js +17 -39
  54. package/Tracking.js +0 -1
  55. package/WrapperButton.js +20 -43
  56. package/build/bundle.css +1 -1
  57. package/build/bundle.js +1834 -2387
  58. package/package.json +3 -2
  59. package/svg/Accessories.js +6 -13
  60. package/svg/Account.js +6 -13
  61. package/svg/Add.js +6 -13
  62. package/svg/ArrowRight.js +6 -13
  63. package/svg/Bags.js +6 -13
  64. package/svg/BurgerMenu.js +6 -13
  65. package/svg/Calendar.js +6 -13
  66. package/svg/CalendarCircled.js +6 -13
  67. package/svg/CheckCircled.js +6 -13
  68. package/svg/Close.js +6 -13
  69. package/svg/Clothing.js +6 -13
  70. package/svg/Dot.js +6 -13
  71. package/svg/Edit.js +6 -13
  72. package/svg/Eye.js +6 -13
  73. package/svg/FileAttach.js +6 -13
  74. package/svg/FileAttachCircled.js +6 -13
  75. package/svg/LightBulb.js +6 -13
  76. package/svg/Logo.js +6 -13
  77. package/svg/LuxityMenu.js +6 -13
  78. package/svg/Minus.js +6 -13
  79. package/svg/MobileAvatar.js +6 -13
  80. package/svg/MyOrder.js +6 -13
  81. package/svg/MyPayment.js +6 -13
  82. package/svg/MyProfile.js +8 -14
  83. package/svg/MySale.js +6 -13
  84. package/svg/Notification.js +6 -13
  85. package/svg/PointerDown.js +6 -13
  86. package/svg/Search.js +6 -13
  87. package/svg/Shoes.js +6 -13
  88. package/svg/SvgWrapper.js +3 -7
  89. package/svg/Trash.js +6 -13
  90. 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 _extends() {
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
- }
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
- 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
- }));
16
+ function _arrayWithHoles(r) {
17
+ if (Array.isArray(r)) return r;
38
18
  }
39
-
40
- function _slicedToArray(arr, i) {
41
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
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
- } catch (err) {
65
- _d = true;
66
- _e = err;
67
- } finally {
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 (!_n && _i["return"] != null) _i["return"]();
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
- if (_d) throw _e;
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
- wrapperClass = _ref.wrapperClass,
200
- containerClass = _ref.containerClass,
201
- title = _ref.title,
202
- _onClick = _ref.onClick,
203
- openIndicator = _ref.openIndicator;
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
- 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
-
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
- _useState2 = _slicedToArray(_useState, 2),
275
- height = _useState2[0],
276
- setHeight = _useState2[1];
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: '',