@bonlineza/luxity-lib 2.7.4 → 2.9.0

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 (71) hide show
  1. package/Accordion.js +39 -85
  2. package/AddInterest.js +943 -756
  3. package/BrandSelector.js +82 -166
  4. package/Checkbox.js +18 -24
  5. package/CheckboxButton.js +18 -42
  6. package/CountryCodeSelect.js +16 -3
  7. package/CurrencyInputFormatter.js +671 -0
  8. package/GenderSelector.js +31 -81
  9. package/GraphQLMultiSelector.js +45 -87
  10. package/IconHeader.js +8 -17
  11. package/IconWrapper.js +2 -10
  12. package/InterestCatSelector.js +89 -123
  13. package/InterestItem.js +103 -134
  14. package/Interests.js +1035 -897
  15. package/InterestsSubheading.js +5 -23
  16. package/InvertedTextButton.js +17 -48
  17. package/LuxityGraphQLMultiselector.js +73 -143
  18. package/LuxityPageReady.js +15 -8
  19. package/NotificationDropDown.js +66 -63
  20. package/Notify.js +1 -1
  21. package/OutlinePrimaryButton.js +12 -37
  22. package/PriceRangeSelector.js +679 -282
  23. package/PrimaryButton.js +12 -37
  24. package/README.md +1 -1
  25. package/RadioButtons.js +61 -139
  26. package/RangeSlider.js +55 -125
  27. package/ReactSelectWrapper.js +15 -2
  28. package/SecondaryButton.js +12 -37
  29. package/ShoeSizeSelector.js +71 -171
  30. package/SimpleErrorBoundary.js +12 -5
  31. package/StyleSelector.js +82 -166
  32. package/TextButton.js +12 -37
  33. package/Tooltip.js +16 -81
  34. package/WrapperButton.js +8 -32
  35. package/build/bundle.js +1098 -1115
  36. package/build/constants.js +4 -2
  37. package/package.json +10 -12
  38. package/svg/Accessories.js +4 -5
  39. package/svg/Account.js +4 -5
  40. package/svg/Add.js +4 -5
  41. package/svg/ArrowRight.js +3 -4
  42. package/svg/Bags.js +6 -7
  43. package/svg/BurgerMenu.js +3 -4
  44. package/svg/Calendar.js +17 -18
  45. package/svg/CalendarCircled.js +18 -19
  46. package/svg/CheckCircled.js +4 -5
  47. package/svg/Close.js +3 -4
  48. package/svg/Clothing.js +50 -0
  49. package/svg/Dot.js +3 -4
  50. package/svg/Edit.js +3 -4
  51. package/svg/Eye.js +4 -5
  52. package/svg/FileAttach.js +3 -4
  53. package/svg/FileAttachCircled.js +4 -5
  54. package/svg/LightBulb.js +11 -12
  55. package/svg/Logo.js +38 -39
  56. package/svg/LuxityMenu.js +3 -4
  57. package/svg/Minus.js +3 -4
  58. package/svg/MobileAvatar.js +3 -4
  59. package/svg/MyOrder.js +6 -7
  60. package/svg/MyPayment.js +6 -7
  61. package/svg/MyProfile.js +7 -8
  62. package/svg/MySale.js +4 -5
  63. package/svg/Notification.js +4 -5
  64. package/svg/PointerDown.js +3 -4
  65. package/svg/Search.js +3 -4
  66. package/svg/Shoes.js +6 -7
  67. package/svg/SvgWrapper.js +2 -10
  68. package/svg/Trash.js +5 -6
  69. package/svg/Watches.js +11 -12
  70. package/CHANGELOG.md +0 -149
  71. package/CurrencyInput.js +0 -156
package/Accordion.js CHANGED
@@ -9,7 +9,7 @@
9
9
  var styled__default = 'default' in styled ? styled['default'] : styled;
10
10
 
11
11
  function _extends() {
12
- _extends = Object.assign || function (target) {
12
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
13
13
  for (var i = 1; i < arguments.length; i++) {
14
14
  var source = arguments[i];
15
15
 
@@ -22,7 +22,6 @@
22
22
 
23
23
  return target;
24
24
  };
25
-
26
25
  return _extends.apply(this, arguments);
27
26
  }
28
27
 
@@ -47,14 +46,17 @@
47
46
  }
48
47
 
49
48
  function _iterableToArrayLimit(arr, i) {
50
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
49
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
50
+
51
+ if (_i == null) return;
51
52
  var _arr = [];
52
53
  var _n = true;
53
54
  var _d = false;
54
- var _e = undefined;
55
+
56
+ var _s, _e;
55
57
 
56
58
  try {
57
- for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
59
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
58
60
  _arr.push(_s.value);
59
61
 
60
62
  if (i && _arr.length === i) break;
@@ -94,83 +96,35 @@
94
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.");
95
97
  }
96
98
 
97
- function _templateObject() {
98
- var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"]);
99
-
100
- _templateObject = function _templateObject() {
101
- return data;
102
- };
103
-
104
- return data;
105
- }
106
- var OuterContainer = styled__default.div(_templateObject(), function (props) {
99
+ var _templateObject;
100
+ var OuterContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"])), function (props) {
107
101
  return props.theme.colors.borderColor;
108
102
  });
109
103
 
110
- function _templateObject$1() {
111
- var data = _taggedTemplateLiteral(["\n padding-left: 3rem;\n padding-right: 3rem;\n display: flex;\n align-items: center;\n min-height: 70px;\n height: 70px;\n cursor: pointer;\n outline: none;\n"]);
112
-
113
- _templateObject$1 = function _templateObject() {
114
- return data;
115
- };
116
-
117
- return data;
118
- }
119
- var ToggleButton = styled__default.div(_templateObject$1());
120
-
121
- function _templateObject$2() {
122
- var data = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n flex-grow: 1;\n color: ", ";\n"]);
123
-
124
- _templateObject$2 = function _templateObject() {
125
- return data;
126
- };
104
+ var _templateObject$1;
105
+ var ToggleButton = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n padding-left: 3rem;\n padding-right: 3rem;\n display: flex;\n align-items: center;\n min-height: 70px;\n height: 70px;\n cursor: pointer;\n outline: none;\n"])));
127
106
 
128
- return data;
129
- }
130
- var Title = styled__default.div(_templateObject$2(), function (props) {
107
+ var _templateObject$2;
108
+ var Title = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n flex-grow: 1;\n color: ", ";\n"])), function (props) {
131
109
  return props.theme.fontSizes[2];
132
110
  }, function (props) {
133
111
  return props.theme.colors.primary || '';
134
112
  });
135
113
 
136
- function _templateObject$3() {
137
- var data = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"]);
138
-
139
- _templateObject$3 = function _templateObject() {
140
- return data;
141
- };
142
-
143
- return data;
144
- }
145
- var BodyContent = styled__default.div(_templateObject$3(), function (props) {
114
+ var _templateObject$3;
115
+ var BodyContent = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
146
116
  return props.theme.marginPaddings[5];
147
117
  });
148
118
 
149
- function _templateObject$4() {
150
- var data = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: 0;\n border-style: none;\n border-bottom: 1px solid ", ";\n"]);
151
-
152
- _templateObject$4 = function _templateObject() {
153
- return data;
154
- };
155
-
156
- return data;
157
- }
158
- var BodyDivider = styled__default.hr(_templateObject$4(), function (props) {
119
+ var _templateObject$4;
120
+ var BodyDivider = styled__default.hr(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: 0;\n border-style: none;\n border-bottom: 1px solid ", ";\n"])), function (props) {
159
121
  return props.theme.marginPaddings[4];
160
122
  }, function (props) {
161
123
  return props.theme.colors.borderColor;
162
124
  });
163
125
 
164
- function _templateObject$5() {
165
- var data = _taggedTemplateLiteral(["\n padding-left: ", ";\n padding-right: ", ";\n"]);
166
-
167
- _templateObject$5 = function _templateObject() {
168
- return data;
169
- };
170
-
171
- return data;
172
- }
173
- var Body = styled__default.div(_templateObject$5(), function (props) {
126
+ var _templateObject$5;
127
+ var Body = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
174
128
  return props.theme.marginPaddings[6];
175
129
  }, function (props) {
176
130
  return props.theme.marginPaddings[6];
@@ -197,10 +151,10 @@
197
151
  };
198
152
 
199
153
  var themed = (function (Component) {
200
- return React.forwardRef(function (props, ref) {
201
- return React__default.createElement(styled.ThemeProvider, {
154
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
155
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
202
156
  theme: theme
203
- }, React__default.createElement(Component, _extends({}, props, {
157
+ }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
204
158
  ref: ref
205
159
  })));
206
160
  });
@@ -214,12 +168,12 @@
214
168
  _onClick = _ref.onClick,
215
169
  openIndicator = _ref.openIndicator;
216
170
  var OpenIndicator = openIndicator;
217
- return React__default.createElement("div", {
171
+ return /*#__PURE__*/React__default.createElement("div", {
218
172
  className: wrapperClass
219
- }, React__default.createElement(OuterContainer, {
173
+ }, /*#__PURE__*/React__default.createElement(OuterContainer, {
220
174
  "data-qe-id": identifier,
221
175
  className: containerClass
222
- }, React__default.createElement(ToggleButton, {
176
+ }, /*#__PURE__*/React__default.createElement(ToggleButton, {
223
177
  className: "".concat(containerClass, "__toggle-button"),
224
178
  "data-qe-id": "".concat(identifier, "-toggle-button"),
225
179
  onClick: function onClick(e) {
@@ -228,11 +182,11 @@
228
182
  _onClick();
229
183
  },
230
184
  role: "button"
231
- }, React__default.createElement(Title, {
185
+ }, /*#__PURE__*/React__default.createElement(Title, {
232
186
  className: "".concat(containerClass, "__toggle-button__title")
233
- }, title), React__default.createElement("div", {
187
+ }, title), /*#__PURE__*/React__default.createElement("div", {
234
188
  className: "".concat(containerClass, "__toggle-button__indicator")
235
- }, React__default.createElement(OpenIndicator, null)))));
189
+ }, /*#__PURE__*/React__default.createElement(OpenIndicator, null)))));
236
190
  };
237
191
 
238
192
  SimpleAccordion.defaultProps = {
@@ -244,7 +198,7 @@
244
198
  return null;
245
199
  },
246
200
  openIndicator: function openIndicator() {
247
- return React__default.createElement(React__default.Fragment, null, "Open");
201
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Open");
248
202
  }
249
203
  };
250
204
  var SimpleAccordion$1 = themed(SimpleAccordion);
@@ -328,12 +282,12 @@
328
282
 
329
283
  var CloseIndicator = closeIndicator;
330
284
  var OpenIndicator = openIndicator;
331
- return React__default.createElement("div", {
285
+ return /*#__PURE__*/React__default.createElement("div", {
332
286
  className: wrapperClass
333
- }, React__default.createElement(OuterContainer, {
287
+ }, /*#__PURE__*/React__default.createElement(OuterContainer, {
334
288
  "data-qe-id": identifier,
335
289
  className: containerClass
336
- }, React__default.createElement(ToggleButton, {
290
+ }, /*#__PURE__*/React__default.createElement(ToggleButton, {
337
291
  className: "".concat(containerClass, "__toggle-button"),
338
292
  "data-qe-id": "".concat(identifier, "-toggle-button"),
339
293
  onKeyPress: function onKeyPress() {
@@ -345,18 +299,18 @@
345
299
  },
346
300
  role: "button",
347
301
  tabIndex: itemKey + 1
348
- }, React__default.createElement(Title, {
302
+ }, /*#__PURE__*/React__default.createElement(Title, {
349
303
  className: "".concat(containerClass, "__toggle-button__title")
350
- }, title), React__default.createElement("div", {
304
+ }, title), /*#__PURE__*/React__default.createElement("div", {
351
305
  className: "".concat(containerClass, "__toggle-button__indicator")
352
- }, isClosed ? React__default.createElement(OpenIndicator, null) : React__default.createElement(CloseIndicator, null))), React__default.createElement(AnimateHeight, {
306
+ }, isClosed ? /*#__PURE__*/React__default.createElement(OpenIndicator, null) : /*#__PURE__*/React__default.createElement(CloseIndicator, null))), /*#__PURE__*/React__default.createElement(AnimateHeight, {
353
307
  height: height,
354
308
  duration: duration,
355
309
  onAnimationStart: onAnimationStart,
356
310
  onAnimationEnd: onAnimationEnd
357
- }, React__default.createElement(Body, {
311
+ }, /*#__PURE__*/React__default.createElement(Body, {
358
312
  className: "".concat(containerClass, "__body")
359
- }, title ? React__default.createElement(BodyDivider, null) : React__default.createElement(React__default.Fragment, null), React__default.createElement(BodyContent, {
313
+ }, title ? /*#__PURE__*/React__default.createElement(BodyDivider, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(BodyContent, {
360
314
  className: "".concat(containerClass, "__body__content")
361
315
  }, typeof childRenderer === 'function' ? childRenderer(close, open, toggle) : childRenderer)))));
362
316
  };
@@ -386,10 +340,10 @@
386
340
  return null;
387
341
  },
388
342
  closeIndicator: function closeIndicator() {
389
- return React__default.createElement(React__default.Fragment, null, "Close");
343
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Close");
390
344
  },
391
345
  openIndicator: function openIndicator() {
392
- return React__default.createElement(React__default.Fragment, null, "Open");
346
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Open");
393
347
  }
394
348
  };
395
349
  var index = themed(Accordion);