@bonlineza/luxity-lib 2.34.1 → 2.34.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 (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 +360 -211
  25. package/LuxityFooter.js +464 -260
  26. package/LuxityGraphQLDropdownSelector.js +519 -969
  27. package/LuxityGraphQLMultiselector.js +167 -321
  28. package/LuxityMobileHeader.js +453 -283
  29. package/LuxityPageReady.js +74 -136
  30. package/LuxitySideNav.js +355 -159
  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 +1321 -1697
  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/IconHeader.js CHANGED
@@ -8,30 +8,18 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  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
- }
11
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
12
+ for (var e = 1; e < arguments.length; e++) {
13
+ var t = arguments[e];
14
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
20
15
  }
21
-
22
- return target;
23
- };
24
- return _extends.apply(this, arguments);
16
+ return n;
17
+ }, _extends.apply(null, arguments);
25
18
  }
26
-
27
- function _taggedTemplateLiteral(strings, raw) {
28
- if (!raw) {
29
- raw = strings.slice(0);
30
- }
31
-
32
- return Object.freeze(Object.defineProperties(strings, {
19
+ function _taggedTemplateLiteral(e, t) {
20
+ return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
33
21
  raw: {
34
- value: Object.freeze(raw)
22
+ value: Object.freeze(t)
35
23
  }
36
24
  }));
37
25
  }
@@ -111,21 +99,19 @@
111
99
  var StyledHeader = styled__default.h5(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n }\n"])), media.sm, media.sm, function (props) {
112
100
  return props.theme.marginPaddings[1];
113
101
  });
114
-
115
102
  /**
116
103
  * IconHeader can render the standard Luxity Page/Section Header nodes with SVG
117
104
  */
118
105
  var IconHeader = function IconHeader(_ref) {
119
106
  var title = _ref.title,
120
- SvgComponent = _ref.svgComponent,
121
- renderAppendage = _ref.renderAppendage;
107
+ SvgComponent = _ref.svgComponent,
108
+ renderAppendage = _ref.renderAppendage;
122
109
  return /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement("div", {
123
110
  className: "icon-header__left"
124
111
  }, /*#__PURE__*/React__default.createElement(SvgComponent, null), title), /*#__PURE__*/React__default.createElement("div", {
125
112
  className: "icon-header__right"
126
113
  }, renderAppendage && renderAppendage()));
127
114
  };
128
-
129
115
  IconHeader.defaultProps = {
130
116
  title: '',
131
117
  svgComponent: function svgComponent() {
package/IconWrapper.js CHANGED
@@ -6,14 +6,10 @@
6
6
 
7
7
  styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;
8
8
 
9
- function _taggedTemplateLiteral(strings, raw) {
10
- if (!raw) {
11
- raw = strings.slice(0);
12
- }
13
-
14
- return Object.freeze(Object.defineProperties(strings, {
9
+ function _taggedTemplateLiteral(e, t) {
10
+ return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
15
11
  raw: {
16
- value: Object.freeze(raw)
12
+ value: Object.freeze(t)
17
13
  }
18
14
  }));
19
15
  }
@@ -8,66 +8,38 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  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
- }
11
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
12
+ for (var e = 1; e < arguments.length; e++) {
13
+ var t = arguments[e];
14
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
20
15
  }
21
-
22
- return target;
23
- };
24
- return _extends.apply(this, arguments);
25
- }
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];
37
- }
38
-
39
- return target;
16
+ return n;
17
+ }, _extends.apply(null, arguments);
40
18
  }
41
-
42
- function _objectWithoutProperties(source, excluded) {
43
- if (source == null) return {};
44
-
45
- var target = _objectWithoutPropertiesLoose(source, excluded);
46
-
47
- var key, i;
48
-
19
+ function _objectWithoutProperties(e, t) {
20
+ if (null == e) return {};
21
+ var o,
22
+ r,
23
+ i = _objectWithoutPropertiesLoose(e, t);
49
24
  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
- }
25
+ var s = Object.getOwnPropertySymbols(e);
26
+ for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
58
27
  }
59
-
60
- return target;
28
+ return i;
61
29
  }
62
-
63
- function _taggedTemplateLiteral(strings, raw) {
64
- if (!raw) {
65
- raw = strings.slice(0);
30
+ function _objectWithoutPropertiesLoose(r, e) {
31
+ if (null == r) return {};
32
+ var t = {};
33
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
34
+ if (e.includes(n)) continue;
35
+ t[n] = r[n];
66
36
  }
67
-
68
- return Object.freeze(Object.defineProperties(strings, {
37
+ return t;
38
+ }
39
+ function _taggedTemplateLiteral(e, t) {
40
+ return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
69
41
  raw: {
70
- value: Object.freeze(raw)
42
+ value: Object.freeze(t)
71
43
  }
72
44
  }));
73
45
  }
@@ -110,23 +82,23 @@
110
82
  return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
111
83
  }, function (_ref) {
112
84
  var isChecked = _ref.isChecked,
113
- theme = _ref.theme;
85
+ theme = _ref.theme;
114
86
  return isChecked ? theme.colors.primary : theme.colors.gray;
115
87
  }, function (_ref2) {
116
88
  var isChecked = _ref2.isChecked,
117
- theme = _ref2.theme;
89
+ theme = _ref2.theme;
118
90
  return isChecked ? 'white' : theme.colors.base;
119
91
  }, function (_ref3) {
120
92
  var isChecked = _ref3.isChecked,
121
- theme = _ref3.theme;
93
+ theme = _ref3.theme;
122
94
  return isChecked ? theme.colors.ntrlMin : theme.colors.primary;
123
95
  }, function (_ref4) {
124
96
  var isChecked = _ref4.isChecked,
125
- theme = _ref4.theme;
97
+ theme = _ref4.theme;
126
98
  return isChecked ? 'white' : theme.colors.base;
127
99
  }, function (_ref5) {
128
100
  var isChecked = _ref5.isChecked,
129
- theme = _ref5.theme;
101
+ theme = _ref5.theme;
130
102
  return isChecked ? theme.colors.primary : 'white';
131
103
  }, media.sm, function (props) {
132
104
  return props.theme.marginPaddings[2];
@@ -345,56 +317,45 @@
345
317
  var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
346
318
 
347
319
  var _excluded = ["children"];
348
-
349
320
  var _templateObject$4;
350
321
  var Button = styled__default.button(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
351
-
352
322
  var WrapperButton = function WrapperButton(_ref) {
353
323
  var children = _ref.children,
354
- restProps = _objectWithoutProperties(_ref, _excluded);
355
-
324
+ restProps = _objectWithoutProperties(_ref, _excluded);
356
325
  return /*#__PURE__*/React__default.createElement(Button, restProps, children);
357
326
  };
358
327
 
359
328
  var _templateObject$5, _templateObject2$1;
360
329
  var categories = catArray;
361
-
362
330
  var getSvg = function getSvg() {
363
331
  var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
364
-
365
332
  switch (category) {
366
333
  case interestCategories.BAGS:
367
334
  return /*#__PURE__*/React__default.createElement(Bags, null);
368
-
369
335
  case interestCategories.SHOES:
370
336
  return /*#__PURE__*/React__default.createElement(Shoes, null);
371
-
372
337
  case interestCategories.APPAREL:
373
338
  return /*#__PURE__*/React__default.createElement(Clothing, null);
374
-
375
339
  case interestCategories.ACCESSORIES:
376
340
  return /*#__PURE__*/React__default.createElement(Accessories, null);
377
-
378
341
  case interestCategories.WATCHES:
379
342
  return /*#__PURE__*/React__default.createElement(Watches, null);
380
-
381
343
  default:
382
344
  return null;
383
345
  }
384
346
  };
385
-
386
347
  var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
387
348
  return props.theme.marginPaddings[5];
388
349
  });
389
350
  var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
351
+
390
352
  /**
391
353
  * InterestCatSelector is a specialized selector for select luxity specific interest categories
392
354
  */
393
-
394
355
  var InterestCatSelector = function InterestCatSelector(_ref) {
395
356
  var onCategoryChange = _ref.onCategoryChange,
396
- errorMessage = _ref.errorMessage,
397
- category = _ref.category;
357
+ errorMessage = _ref.errorMessage,
358
+ category = _ref.category;
398
359
  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
399
360
  return /*#__PURE__*/React__default.createElement(WrapperButton, {
400
361
  key: "cat-".concat(index),
@@ -409,7 +370,6 @@
409
370
  }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
410
371
  })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
411
372
  };
412
-
413
373
  InterestCatSelector.defaultProps = {
414
374
  errorMessage: '',
415
375
  category: null,