@bonlineza/luxity-lib 2.7.5 → 2.9.1

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 +937 -754
  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 +83 -121
  13. package/InterestItem.js +103 -134
  14. package/Interests.js +1029 -895
  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 +1092 -1113
  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 -152
  71. package/CurrencyInput.js +0 -156
package/CheckboxButton.js CHANGED
@@ -8,7 +8,7 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  function _extends() {
11
- _extends = Object.assign || function (target) {
11
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
12
12
  for (var i = 1; i < arguments.length; i++) {
13
13
  var source = arguments[i];
14
14
 
@@ -21,7 +21,6 @@
21
21
 
22
22
  return target;
23
23
  };
24
-
25
24
  return _extends.apply(this, arguments);
26
25
  }
27
26
 
@@ -82,14 +81,17 @@
82
81
  }
83
82
 
84
83
  function _iterableToArrayLimit(arr, i) {
85
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
84
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
85
+
86
+ if (_i == null) return;
86
87
  var _arr = [];
87
88
  var _n = true;
88
89
  var _d = false;
89
- var _e = undefined;
90
+
91
+ var _s, _e;
90
92
 
91
93
  try {
92
- for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
94
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
93
95
  _arr.push(_s.value);
94
96
 
95
97
  if (i && _arr.length === i) break;
@@ -150,51 +152,25 @@
150
152
  };
151
153
 
152
154
  var themed = (function (Component) {
153
- return React.forwardRef(function (props, ref) {
154
- return React__default.createElement(styled.ThemeProvider, {
155
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
156
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
155
157
  theme: theme
156
- }, React__default.createElement(Component, _extends({}, props, {
158
+ }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
157
159
  ref: ref
158
160
  })));
159
161
  });
160
162
  });
161
163
 
162
- function _templateObject3() {
163
- var data = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"]);
164
-
165
- _templateObject3 = function _templateObject3() {
166
- return data;
167
- };
168
-
169
- return data;
170
- }
171
-
172
- function _templateObject2() {
173
- var data = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"]);
164
+ var _excluded = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
174
165
 
175
- _templateObject2 = function _templateObject2() {
176
- return data;
177
- };
178
-
179
- return data;
180
- }
181
-
182
- function _templateObject() {
183
- var data = _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"]);
184
-
185
- _templateObject = function _templateObject() {
186
- return data;
187
- };
188
-
189
- return data;
190
- }
191
- var Content = styled__default.div(_templateObject(), function (props) {
166
+ var _templateObject, _templateObject2, _templateObject3;
167
+ var Content = styled__default.div(_templateObject || (_templateObject = _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) {
192
168
  return props.theme.colors.primary;
193
169
  }, function (props) {
194
170
  return props.theme.marginPaddings[0];
195
171
  });
196
- var InputText = styled__default.div(_templateObject2());
197
- var StyledLabel = styled__default.label(_templateObject3(), InputText, function (props) {
172
+ var InputText = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
173
+ var StyledLabel = styled__default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
198
174
  return props.theme.colors.primary;
199
175
  }, Content, function (props) {
200
176
  return props.theme.colors.primary;
@@ -216,7 +192,7 @@
216
192
  onChange = props.onChange,
217
193
  checkedValue = props.checkedValue,
218
194
  unCheckedValue = props.unCheckedValue,
219
- restProps = _objectWithoutProperties(props, ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"]);
195
+ restProps = _objectWithoutProperties(props, _excluded);
220
196
 
221
197
  var _React$useState = React__default.useState(checked),
222
198
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -235,12 +211,12 @@
235
211
  setCheck(targetChecked);
236
212
  };
237
213
 
238
- return React__default.createElement(StyledLabel, null, React__default.createElement("input", _extends({
214
+ return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
239
215
  defaultChecked: checked
240
216
  }, restProps, {
241
217
  type: "checkbox",
242
218
  onChange: handleInputChange
243
- })), React__default.createElement(Content, null, React__default.createElement(InputText, null, title), renderIcon(checkedState)));
219
+ })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
244
220
  };
245
221
 
246
222
  CheckButton.defaultProps = {
@@ -10,12 +10,25 @@
10
10
  raf = raf && Object.prototype.hasOwnProperty.call(raf, 'default') ? raf['default'] : raf;
11
11
  AutosizeInput = AutosizeInput && Object.prototype.hasOwnProperty.call(AutosizeInput, 'default') ? AutosizeInput['default'] : AutosizeInput;
12
12
 
13
+ var safeIsNaN = Number.isNaN ||
14
+ function ponyfill(value) {
15
+ return typeof value === 'number' && value !== value;
16
+ };
17
+ function isEqual(first, second) {
18
+ if (first === second) {
19
+ return true;
20
+ }
21
+ if (safeIsNaN(first) && safeIsNaN(second)) {
22
+ return true;
23
+ }
24
+ return false;
25
+ }
13
26
  function areInputsEqual(newInputs, lastInputs) {
14
27
  if (newInputs.length !== lastInputs.length) {
15
28
  return false;
16
29
  }
17
30
  for (var i = 0; i < newInputs.length; i++) {
18
- if (newInputs[i] !== lastInputs[i]) {
31
+ if (!isEqual(newInputs[i], lastInputs[i])) {
19
32
  return false;
20
33
  }
21
34
  }
@@ -6563,7 +6576,7 @@
6563
6576
  * @param {Object} props - pass all props directly into the react-select component
6564
6577
  */
6565
6578
  var ReactSelectWrapper = function ReactSelectWrapper(props) {
6566
- return React__default.createElement(index$1, props);
6579
+ return /*#__PURE__*/React__default.createElement(index$1, props);
6567
6580
  };
6568
6581
 
6569
6582
  ReactSelectWrapper.defaultProps = {
@@ -6604,7 +6617,7 @@
6604
6617
  isSearchable = _ref.isSearchable,
6605
6618
  name = _ref.name,
6606
6619
  renderNoData = _ref.renderNoData;
6607
- return React__default.createElement(React.Fragment, null, countryData.length ? React__default.createElement(ReactSelectWrapper, {
6620
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, countryData.length ? /*#__PURE__*/React__default.createElement(ReactSelectWrapper, {
6608
6621
  name: name,
6609
6622
  className: className,
6610
6623
  classNamePrefix: classNamePrefix,