@bonlineza/luxity-lib 2.34.0 → 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.
Files changed (86) hide show
  1. package/Accordion.js +76 -116
  2. package/AddInterest.js +434 -768
  3. package/BrandSelector.js +176 -336
  4. package/Checkbox.js +68 -101
  5. package/CheckboxButton.js +79 -124
  6. package/CommunicationPreferenceOptionsRenderer.js +107 -125
  7. package/CommunicationPreferenceSection.js +114 -134
  8. package/CommunicationPreferences.js +443 -339
  9. package/CountryCodeSelect.js +7 -10
  10. package/CurrencyInputFormatter.js +29 -56
  11. package/CurrencySelect.js +188 -19
  12. package/GALink.js +6 -16
  13. package/GenderSelector.js +88 -142
  14. package/GraphQLDropdownSelector.js +505 -939
  15. package/GraphQLMultiSelector.js +141 -274
  16. package/IconHeader.js +11 -25
  17. package/IconWrapper.js +3 -7
  18. package/InterestCatSelector.js +34 -74
  19. package/InterestItem.js +103 -187
  20. package/Interests.js +485 -890
  21. package/InterestsSubheading.js +5 -10
  22. package/InvertedTextButton.js +27 -63
  23. package/LuxityAppSideNav.js +18 -21
  24. package/LuxityDesktopHeader.js +376 -214
  25. package/LuxityFooter.js +464 -260
  26. package/LuxityGraphQLDropdownSelector.js +519 -969
  27. package/LuxityGraphQLMultiselector.js +167 -321
  28. package/LuxityMobileHeader.js +221 -278
  29. package/LuxityPageReady.js +74 -136
  30. package/LuxitySideNav.js +134 -155
  31. package/MaterialSelector.js +525 -976
  32. package/ModelSelector.js +525 -976
  33. package/NotificationDropDown.js +111 -209
  34. package/Notify.js +0 -1
  35. package/OutlinePrimaryButton.js +26 -58
  36. package/PriceRangeSelector.js +168 -281
  37. package/PrimaryButton.js +26 -58
  38. package/RadioButtons.js +114 -140
  39. package/RangeSlider.js +152 -242
  40. package/RareStepFooter.js +27 -41
  41. package/RareStepHeader.js +139 -190
  42. package/ReactSelectWrapper.js +0 -1
  43. package/SecondaryButton.js +26 -58
  44. package/ShoeSizeRangeSelector.js +162 -260
  45. package/ShoeSizeSelector.js +158 -263
  46. package/SimpleErrorBoundary.js +59 -106
  47. package/StyleSelector.js +176 -336
  48. package/TextButton.js +26 -58
  49. package/Tooltip.js +17 -39
  50. package/Tracking.js +0 -1
  51. package/WrapperButton.js +20 -43
  52. package/build/bundle.css +1 -1
  53. package/build/bundle.js +1338 -1722
  54. package/package.json +1 -1
  55. package/svg/Accessories.js +6 -13
  56. package/svg/Account.js +6 -13
  57. package/svg/Add.js +6 -13
  58. package/svg/ArrowRight.js +6 -13
  59. package/svg/Bags.js +6 -13
  60. package/svg/BurgerMenu.js +6 -13
  61. package/svg/Calendar.js +6 -13
  62. package/svg/CalendarCircled.js +6 -13
  63. package/svg/CheckCircled.js +6 -13
  64. package/svg/Close.js +6 -13
  65. package/svg/Clothing.js +6 -13
  66. package/svg/Dot.js +6 -13
  67. package/svg/Edit.js +6 -13
  68. package/svg/Eye.js +6 -13
  69. package/svg/FileAttach.js +6 -13
  70. package/svg/FileAttachCircled.js +6 -13
  71. package/svg/LightBulb.js +6 -13
  72. package/svg/Logo.js +6 -13
  73. package/svg/LuxityMenu.js +6 -13
  74. package/svg/Minus.js +6 -13
  75. package/svg/MobileAvatar.js +6 -13
  76. package/svg/MyOrder.js +6 -13
  77. package/svg/MyPayment.js +6 -13
  78. package/svg/MyProfile.js +8 -14
  79. package/svg/MySale.js +6 -13
  80. package/svg/Notification.js +6 -13
  81. package/svg/PointerDown.js +6 -13
  82. package/svg/Search.js +6 -13
  83. package/svg/Shoes.js +6 -13
  84. package/svg/SvgWrapper.js +3 -7
  85. package/svg/Trash.js +6 -13
  86. package/svg/Watches.js +6 -13
package/GenderSelector.js CHANGED
@@ -7,128 +7,89 @@
7
7
  var React__default = 'default' in React ? React['default'] : React;
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
+ function _arrayLikeToArray(r, a) {
11
+ (null == a || a > r.length) && (a = r.length);
12
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
13
+ return n;
14
+ }
15
+ function _arrayWithHoles(r) {
16
+ if (Array.isArray(r)) return r;
17
+ }
10
18
  function _extends() {
11
- _extends = Object.assign ? Object.assign.bind() : function (target) {
12
- for (var i = 1; i < arguments.length; i++) {
13
- var source = arguments[i];
14
-
15
- for (var key in source) {
16
- if (Object.prototype.hasOwnProperty.call(source, key)) {
17
- target[key] = source[key];
18
- }
19
- }
19
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
20
+ for (var e = 1; e < arguments.length; e++) {
21
+ var t = arguments[e];
22
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
20
23
  }
21
-
22
- return target;
23
- };
24
- return _extends.apply(this, arguments);
24
+ return n;
25
+ }, _extends.apply(null, arguments);
25
26
  }
26
-
27
- function _objectWithoutPropertiesLoose(source, excluded) {
28
- if (source == null) return {};
29
- var target = {};
30
- var sourceKeys = Object.keys(source);
31
- var key, i;
32
-
33
- for (i = 0; i < sourceKeys.length; i++) {
34
- key = sourceKeys[i];
35
- if (excluded.indexOf(key) >= 0) continue;
36
- target[key] = source[key];
27
+ function _iterableToArrayLimit(r, l) {
28
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
29
+ if (null != t) {
30
+ var e,
31
+ n,
32
+ i,
33
+ u,
34
+ a = [],
35
+ f = !0,
36
+ o = !1;
37
+ try {
38
+ if (i = (t = t.call(r)).next, 0 === l) {
39
+ if (Object(t) !== t) return;
40
+ f = !1;
41
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
42
+ } catch (r) {
43
+ o = !0, n = r;
44
+ } finally {
45
+ try {
46
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
47
+ } finally {
48
+ if (o) throw n;
49
+ }
50
+ }
51
+ return a;
37
52
  }
38
-
39
- return target;
40
53
  }
41
-
42
- function _objectWithoutProperties(source, excluded) {
43
- if (source == null) return {};
44
-
45
- var target = _objectWithoutPropertiesLoose(source, excluded);
46
-
47
- var key, i;
48
-
54
+ function _nonIterableRest() {
55
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
56
+ }
57
+ function _objectWithoutProperties(e, t) {
58
+ if (null == e) return {};
59
+ var o,
60
+ r,
61
+ i = _objectWithoutPropertiesLoose(e, t);
49
62
  if (Object.getOwnPropertySymbols) {
50
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
51
-
52
- for (i = 0; i < sourceSymbolKeys.length; i++) {
53
- key = sourceSymbolKeys[i];
54
- if (excluded.indexOf(key) >= 0) continue;
55
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
56
- target[key] = source[key];
57
- }
63
+ var s = Object.getOwnPropertySymbols(e);
64
+ for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
58
65
  }
59
-
60
- return target;
66
+ return i;
61
67
  }
62
-
63
- function _taggedTemplateLiteral(strings, raw) {
64
- if (!raw) {
65
- raw = strings.slice(0);
68
+ function _objectWithoutPropertiesLoose(r, e) {
69
+ if (null == r) return {};
70
+ var t = {};
71
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
72
+ if (e.includes(n)) continue;
73
+ t[n] = r[n];
66
74
  }
67
-
68
- return Object.freeze(Object.defineProperties(strings, {
75
+ return t;
76
+ }
77
+ function _slicedToArray(r, e) {
78
+ return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
79
+ }
80
+ function _taggedTemplateLiteral(e, t) {
81
+ return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
69
82
  raw: {
70
- value: Object.freeze(raw)
83
+ value: Object.freeze(t)
71
84
  }
72
85
  }));
73
86
  }
74
-
75
- function _slicedToArray(arr, i) {
76
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
77
- }
78
-
79
- function _arrayWithHoles(arr) {
80
- if (Array.isArray(arr)) return arr;
81
- }
82
-
83
- function _iterableToArrayLimit(arr, i) {
84
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
85
-
86
- if (_i == null) return;
87
- var _arr = [];
88
- var _n = true;
89
- var _d = false;
90
-
91
- var _s, _e;
92
-
93
- try {
94
- for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
95
- _arr.push(_s.value);
96
-
97
- if (i && _arr.length === i) break;
98
- }
99
- } catch (err) {
100
- _d = true;
101
- _e = err;
102
- } finally {
103
- try {
104
- if (!_n && _i["return"] != null) _i["return"]();
105
- } finally {
106
- if (_d) throw _e;
107
- }
87
+ function _unsupportedIterableToArray(r, a) {
88
+ if (r) {
89
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
90
+ var t = {}.toString.call(r).slice(8, -1);
91
+ 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;
108
92
  }
109
-
110
- return _arr;
111
- }
112
-
113
- function _unsupportedIterableToArray(o, minLen) {
114
- if (!o) return;
115
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
116
- var n = Object.prototype.toString.call(o).slice(8, -1);
117
- if (n === "Object" && o.constructor) n = o.constructor.name;
118
- if (n === "Map" || n === "Set") return Array.from(o);
119
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
120
- }
121
-
122
- function _arrayLikeToArray(arr, len) {
123
- if (len == null || len > arr.length) len = arr.length;
124
-
125
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
126
-
127
- return arr2;
128
- }
129
-
130
- function _nonIterableRest() {
131
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
132
93
  }
133
94
 
134
95
  var _templateObject, _templateObject2;
@@ -144,11 +105,10 @@
144
105
  }, function (props) {
145
106
  return props.theme.marginPaddings[3];
146
107
  });
147
-
148
108
  var InterestsSubheading = function InterestsSubheading(_ref) {
149
109
  var title = _ref.title,
150
- children = _ref.children,
151
- className = _ref.className;
110
+ children = _ref.children,
111
+ className = _ref.className;
152
112
  return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
153
113
  className: className
154
114
  }, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
@@ -247,7 +207,6 @@
247
207
  });
248
208
 
249
209
  var _excluded = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
250
-
251
210
  var _templateObject$2, _templateObject2$1, _templateObject3;
252
211
  var Content = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
253
212
  return props.theme.colors.primary;
@@ -266,36 +225,32 @@
266
225
  }, Content, InputText, function (props) {
267
226
  return props.theme.colors.ntrlMin;
268
227
  }, Content);
228
+
269
229
  /**
270
230
  * CheckButton: Styled checkbox that resembles a button
271
231
  * */
272
-
273
232
  var CheckButton = function CheckButton(props) {
274
233
  var title = props.title,
275
- checked = props.checked,
276
- renderIcon = props.renderIcon,
277
- onChange = props.onChange,
278
- checkedValue = props.checkedValue,
279
- unCheckedValue = props.unCheckedValue,
280
- restProps = _objectWithoutProperties(props, _excluded);
281
-
234
+ checked = props.checked,
235
+ renderIcon = props.renderIcon,
236
+ onChange = props.onChange,
237
+ checkedValue = props.checkedValue,
238
+ unCheckedValue = props.unCheckedValue,
239
+ restProps = _objectWithoutProperties(props, _excluded);
282
240
  var _React$useState = React__default.useState(checked),
283
- _React$useState2 = _slicedToArray(_React$useState, 2),
284
- checkedState = _React$useState2[0],
285
- setCheck = _React$useState2[1];
286
-
241
+ _React$useState2 = _slicedToArray(_React$useState, 2),
242
+ checkedState = _React$useState2[0],
243
+ setCheck = _React$useState2[1];
287
244
  var prevCheckState = functions.usePrevious(checkedState);
288
245
  React__default.useEffect(function () {
289
246
  if (prevCheckState !== checkedState) {
290
247
  onChange(checkedState);
291
248
  }
292
249
  }, [checkedState, onChange, prevCheckState]);
293
-
294
250
  var handleInputChange = function handleInputChange(e) {
295
251
  var targetChecked = e.target.checked;
296
252
  setCheck(targetChecked);
297
253
  };
298
-
299
254
  return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
300
255
  defaultChecked: checked
301
256
  }, restProps, {
@@ -303,7 +258,6 @@
303
258
  onChange: handleInputChange
304
259
  })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
305
260
  };
306
-
307
261
  CheckButton.defaultProps = {
308
262
  title: '',
309
263
  checked: false,
@@ -317,29 +271,24 @@
317
271
  var CheckButton$1 = themed(CheckButton);
318
272
 
319
273
  var MALE = genders.MALE,
320
- FEMALE = genders.FEMALE;
321
-
274
+ FEMALE = genders.FEMALE;
322
275
  /**
323
276
  * Stylized CheckboxButton for selecting gender
324
277
  * */
325
278
  var GenderCheckbox = function GenderCheckbox(_ref) {
326
279
  var gender = _ref.gender,
327
- checked = _ref.checked,
328
- onInputChange = _ref.onInputChange;
329
-
280
+ checked = _ref.checked,
281
+ onInputChange = _ref.onInputChange;
330
282
  var getTitle = function getTitle() {
331
283
  switch (gender) {
332
284
  case MALE:
333
285
  return 'Male';
334
-
335
286
  case FEMALE:
336
287
  return 'Female';
337
-
338
288
  default:
339
289
  return '';
340
290
  }
341
291
  };
342
-
343
292
  return /*#__PURE__*/React__default.createElement(CheckButton$1, {
344
293
  onChange: onInputChange,
345
294
  checked: checked,
@@ -347,22 +296,20 @@
347
296
  title: getTitle()
348
297
  });
349
298
  };
350
-
351
299
  GenderCheckbox.defaultProps = {
352
300
  name: ''
353
301
  };
354
302
 
355
303
  var MALE$1 = genders.MALE,
356
- FEMALE$1 = genders.FEMALE;
357
-
304
+ FEMALE$1 = genders.FEMALE;
358
305
  /**
359
306
  * GenderSelector: specialized selector to pick genders for the Interest Component
360
307
  * */
361
308
  var GenderSelector = function GenderSelector(_ref) {
362
309
  var gender = _ref.gender,
363
- onChange = _ref.onChange,
364
- maleInputRef = _ref.maleInputRef,
365
- femaleInputRef = _ref.femaleInputRef;
310
+ onChange = _ref.onChange,
311
+ maleInputRef = _ref.maleInputRef,
312
+ femaleInputRef = _ref.femaleInputRef;
366
313
  return /*#__PURE__*/React__default.createElement("div", {
367
314
  className: "gender-selector"
368
315
  }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
@@ -387,7 +334,6 @@
387
334
  checkBoxButtonRef: femaleInputRef
388
335
  })));
389
336
  };
390
-
391
337
  GenderSelector.defaultProps = {
392
338
  gender: null,
393
339
  onChange: function onChange() {