@bonlineza/luxity-lib 2.34.1 → 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.
- package/Accordion.js +76 -116
- package/AddInterest.js +434 -768
- package/BrandSelector.js +176 -336
- package/Checkbox.js +68 -101
- package/CheckboxButton.js +79 -124
- package/CommunicationPreferenceOptionsRenderer.js +107 -125
- package/CommunicationPreferenceSection.js +114 -134
- package/CommunicationPreferences.js +443 -339
- package/CountryCodeSelect.js +7 -10
- package/CurrencyInputFormatter.js +29 -56
- package/CurrencySelect.js +188 -19
- package/GALink.js +6 -16
- package/GenderSelector.js +88 -142
- package/GraphQLDropdownSelector.js +505 -939
- package/GraphQLMultiSelector.js +141 -274
- package/IconHeader.js +11 -25
- package/IconWrapper.js +3 -7
- package/InterestCatSelector.js +34 -74
- package/InterestItem.js +103 -187
- package/Interests.js +485 -890
- package/InterestsSubheading.js +5 -10
- package/InvertedTextButton.js +27 -63
- package/LuxityAppSideNav.js +18 -21
- package/LuxityDesktopHeader.js +360 -211
- package/LuxityFooter.js +464 -260
- package/LuxityGraphQLDropdownSelector.js +519 -969
- package/LuxityGraphQLMultiselector.js +167 -321
- package/LuxityMobileHeader.js +221 -278
- package/LuxityPageReady.js +74 -136
- package/LuxitySideNav.js +134 -155
- package/MaterialSelector.js +525 -976
- package/ModelSelector.js +525 -976
- package/NotificationDropDown.js +111 -209
- package/Notify.js +0 -1
- package/OutlinePrimaryButton.js +26 -58
- package/PriceRangeSelector.js +168 -281
- package/PrimaryButton.js +26 -58
- package/RadioButtons.js +114 -140
- package/RangeSlider.js +152 -242
- package/RareStepFooter.js +27 -41
- package/RareStepHeader.js +139 -190
- package/ReactSelectWrapper.js +0 -1
- package/SecondaryButton.js +26 -58
- package/ShoeSizeRangeSelector.js +162 -260
- package/ShoeSizeSelector.js +158 -263
- package/SimpleErrorBoundary.js +59 -106
- package/StyleSelector.js +176 -336
- package/TextButton.js +26 -58
- package/Tooltip.js +17 -39
- package/Tracking.js +0 -1
- package/WrapperButton.js +20 -43
- package/build/bundle.css +1 -1
- package/build/bundle.js +1298 -1695
- package/package.json +1 -1
- package/svg/Accessories.js +6 -13
- package/svg/Account.js +6 -13
- package/svg/Add.js +6 -13
- package/svg/ArrowRight.js +6 -13
- package/svg/Bags.js +6 -13
- package/svg/BurgerMenu.js +6 -13
- package/svg/Calendar.js +6 -13
- package/svg/CalendarCircled.js +6 -13
- package/svg/CheckCircled.js +6 -13
- package/svg/Close.js +6 -13
- package/svg/Clothing.js +6 -13
- package/svg/Dot.js +6 -13
- package/svg/Edit.js +6 -13
- package/svg/Eye.js +6 -13
- package/svg/FileAttach.js +6 -13
- package/svg/FileAttachCircled.js +6 -13
- package/svg/LightBulb.js +6 -13
- package/svg/Logo.js +6 -13
- package/svg/LuxityMenu.js +6 -13
- package/svg/Minus.js +6 -13
- package/svg/MobileAvatar.js +6 -13
- package/svg/MyOrder.js +6 -13
- package/svg/MyPayment.js +6 -13
- package/svg/MyProfile.js +8 -14
- package/svg/MySale.js +6 -13
- package/svg/Notification.js +6 -13
- package/svg/PointerDown.js +6 -13
- package/svg/Search.js +6 -13
- package/svg/Shoes.js +6 -13
- package/svg/SvgWrapper.js +3 -7
- package/svg/Trash.js +6 -13
- 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 (
|
|
12
|
-
for (var
|
|
13
|
-
var
|
|
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
|
-
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
24
|
+
return n;
|
|
25
|
+
}, _extends.apply(null, arguments);
|
|
25
26
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
if (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
|
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
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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
|
-
|
|
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(
|
|
83
|
+
value: Object.freeze(t)
|
|
71
84
|
}
|
|
72
85
|
}));
|
|
73
86
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
-
|
|
151
|
-
|
|
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
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
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
|
-
|
|
284
|
-
|
|
285
|
-
|
|
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
|
-
|
|
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
|
-
|
|
328
|
-
|
|
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
|
-
|
|
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
|
-
|
|
364
|
-
|
|
365
|
-
|
|
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() {
|