@bonlineza/luxity-lib 2.36.1-beta.2 → 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 +931 -1510
  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 +920 -1470
  24. package/InterestsSubheading.js +5 -10
  25. package/InvertedTextButton.js +27 -63
  26. package/LuxityAppSideNav.js +18 -21
  27. package/LuxityDesktopHeader.js +206 -269
  28. package/LuxityFooter.js +430 -321
  29. package/LuxityGraphQLDropdownSelector.js +947 -1542
  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 +954 -1550
  36. package/ModelSelector.js +954 -1550
  37. package/NotificationDropDown.js +120 -220
  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 +1805 -2367
  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/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 n = Object.getOwnPropertySymbols(e);
64
+ for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(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() {