@bonlineza/luxity-lib 2.34.3 → 2.34.5
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 +116 -76
- package/AddInterest.js +768 -434
- package/BrandSelector.js +336 -176
- package/Checkbox.js +101 -68
- package/CheckboxButton.js +124 -79
- package/CommunicationPreferenceOptionsRenderer.js +125 -107
- package/CommunicationPreferenceSection.js +134 -114
- package/CommunicationPreferences.js +339 -443
- package/CountryCodeSelect.js +10 -7
- package/CurrencyInputFormatter.js +56 -29
- package/CurrencySelect.js +49 -23
- package/GALink.js +16 -6
- package/GenderSelector.js +142 -88
- package/GraphQLDropdownSelector.js +937 -503
- package/GraphQLMultiSelector.js +274 -141
- package/IconHeader.js +25 -11
- package/IconWrapper.js +7 -3
- package/InterestCatSelector.js +74 -34
- package/InterestItem.js +187 -103
- package/Interests.js +890 -485
- package/InterestsSubheading.js +10 -5
- package/InvertedTextButton.js +63 -27
- package/LuxityAppSideNav.js +21 -18
- package/LuxityDesktopHeader.js +258 -191
- package/LuxityFooter.js +276 -374
- package/LuxityGraphQLDropdownSelector.js +969 -519
- package/LuxityGraphQLMultiselector.js +321 -167
- package/LuxityMobileHeader.js +351 -253
- package/LuxityPageReady.js +136 -74
- package/LuxitySideNav.js +213 -165
- package/MaterialSelector.js +976 -525
- package/ModelSelector.js +976 -525
- package/NotificationDropDown.js +209 -111
- package/Notify.js +1 -0
- package/OutlinePrimaryButton.js +58 -26
- package/PriceRangeSelector.js +281 -168
- package/PrimaryButton.js +58 -26
- package/RadioButtons.js +140 -114
- package/RangeSlider.js +242 -152
- package/RareStepFooter.js +41 -27
- package/RareStepHeader.js +190 -139
- package/ReactSelectWrapper.js +1 -0
- package/SecondaryButton.js +58 -26
- package/ShoeSizeRangeSelector.js +260 -162
- package/ShoeSizeSelector.js +263 -158
- package/SimpleErrorBoundary.js +106 -59
- package/StyleSelector.js +336 -176
- package/TestComponent.js +15 -0
- package/TextButton.js +58 -26
- package/Tooltip.js +39 -17
- package/Tracking.js +1 -0
- package/WrapperButton.js +43 -20
- package/build/bundle.css +1 -1
- package/build/bundle.js +1711 -1265
- package/package.json +1 -1
- package/svg/Accessories.js +13 -6
- package/svg/Account.js +13 -6
- package/svg/Add.js +13 -6
- package/svg/ArrowRight.js +13 -6
- package/svg/Bags.js +13 -6
- package/svg/BurgerMenu.js +13 -6
- package/svg/Calendar.js +13 -6
- package/svg/CalendarCircled.js +13 -6
- package/svg/CheckCircled.js +13 -6
- package/svg/Close.js +13 -6
- package/svg/Clothing.js +13 -6
- package/svg/Dot.js +13 -6
- package/svg/Edit.js +13 -6
- package/svg/Eye.js +13 -6
- package/svg/FileAttach.js +13 -6
- package/svg/FileAttachCircled.js +13 -6
- package/svg/LightBulb.js +13 -6
- package/svg/Logo.js +13 -6
- package/svg/LuxityMenu.js +13 -6
- package/svg/Minus.js +13 -6
- package/svg/MobileAvatar.js +13 -6
- package/svg/MyOrder.js +13 -6
- package/svg/MyPayment.js +13 -6
- package/svg/MyProfile.js +14 -8
- package/svg/MySale.js +13 -6
- package/svg/Notification.js +13 -6
- package/svg/PointerDown.js +13 -6
- package/svg/Search.js +13 -6
- package/svg/Shoes.js +13 -6
- package/svg/SvgWrapper.js +7 -3
- package/svg/Trash.js +13 -6
- package/svg/Watches.js +13 -6
package/GenderSelector.js
CHANGED
|
@@ -7,89 +7,128 @@
|
|
|
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
|
-
}
|
|
18
10
|
function _extends() {
|
|
19
|
-
|
|
20
|
-
for (var
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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;
|
|
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
|
+
}
|
|
49
19
|
}
|
|
50
20
|
}
|
|
51
|
-
|
|
52
|
-
|
|
21
|
+
|
|
22
|
+
return target;
|
|
23
|
+
};
|
|
24
|
+
return _extends.apply(this, arguments);
|
|
53
25
|
}
|
|
54
|
-
|
|
55
|
-
|
|
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;
|
|
56
40
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
41
|
+
|
|
42
|
+
function _objectWithoutProperties(source, excluded) {
|
|
43
|
+
if (source == null) return {};
|
|
44
|
+
|
|
45
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
46
|
+
|
|
47
|
+
var key, i;
|
|
48
|
+
|
|
62
49
|
if (Object.getOwnPropertySymbols) {
|
|
63
|
-
var
|
|
64
|
-
|
|
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
|
+
}
|
|
65
58
|
}
|
|
66
|
-
|
|
59
|
+
|
|
60
|
+
return target;
|
|
67
61
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
if (e.includes(n)) continue;
|
|
73
|
-
t[n] = r[n];
|
|
62
|
+
|
|
63
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
64
|
+
if (!raw) {
|
|
65
|
+
raw = strings.slice(0);
|
|
74
66
|
}
|
|
75
|
-
|
|
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, {
|
|
67
|
+
|
|
68
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
82
69
|
raw: {
|
|
83
|
-
value: Object.freeze(
|
|
70
|
+
value: Object.freeze(raw)
|
|
84
71
|
}
|
|
85
72
|
}));
|
|
86
73
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
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
|
+
}
|
|
92
108
|
}
|
|
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.");
|
|
93
132
|
}
|
|
94
133
|
|
|
95
134
|
var _templateObject, _templateObject2;
|
|
@@ -105,10 +144,11 @@
|
|
|
105
144
|
}, function (props) {
|
|
106
145
|
return props.theme.marginPaddings[3];
|
|
107
146
|
});
|
|
147
|
+
|
|
108
148
|
var InterestsSubheading = function InterestsSubheading(_ref) {
|
|
109
149
|
var title = _ref.title,
|
|
110
|
-
|
|
111
|
-
|
|
150
|
+
children = _ref.children,
|
|
151
|
+
className = _ref.className;
|
|
112
152
|
return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
|
|
113
153
|
className: className
|
|
114
154
|
}, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
@@ -207,6 +247,7 @@
|
|
|
207
247
|
});
|
|
208
248
|
|
|
209
249
|
var _excluded = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
250
|
+
|
|
210
251
|
var _templateObject$2, _templateObject2$1, _templateObject3;
|
|
211
252
|
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) {
|
|
212
253
|
return props.theme.colors.primary;
|
|
@@ -225,32 +266,36 @@
|
|
|
225
266
|
}, Content, InputText, function (props) {
|
|
226
267
|
return props.theme.colors.ntrlMin;
|
|
227
268
|
}, Content);
|
|
228
|
-
|
|
229
269
|
/**
|
|
230
270
|
* CheckButton: Styled checkbox that resembles a button
|
|
231
271
|
* */
|
|
272
|
+
|
|
232
273
|
var CheckButton = function CheckButton(props) {
|
|
233
274
|
var title = props.title,
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
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
|
+
|
|
240
282
|
var _React$useState = React__default.useState(checked),
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
283
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
284
|
+
checkedState = _React$useState2[0],
|
|
285
|
+
setCheck = _React$useState2[1];
|
|
286
|
+
|
|
244
287
|
var prevCheckState = functions.usePrevious(checkedState);
|
|
245
288
|
React__default.useEffect(function () {
|
|
246
289
|
if (prevCheckState !== checkedState) {
|
|
247
290
|
onChange(checkedState);
|
|
248
291
|
}
|
|
249
292
|
}, [checkedState, onChange, prevCheckState]);
|
|
293
|
+
|
|
250
294
|
var handleInputChange = function handleInputChange(e) {
|
|
251
295
|
var targetChecked = e.target.checked;
|
|
252
296
|
setCheck(targetChecked);
|
|
253
297
|
};
|
|
298
|
+
|
|
254
299
|
return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
255
300
|
defaultChecked: checked
|
|
256
301
|
}, restProps, {
|
|
@@ -258,6 +303,7 @@
|
|
|
258
303
|
onChange: handleInputChange
|
|
259
304
|
})), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
|
|
260
305
|
};
|
|
306
|
+
|
|
261
307
|
CheckButton.defaultProps = {
|
|
262
308
|
title: '',
|
|
263
309
|
checked: false,
|
|
@@ -271,24 +317,29 @@
|
|
|
271
317
|
var CheckButton$1 = themed(CheckButton);
|
|
272
318
|
|
|
273
319
|
var MALE = genders.MALE,
|
|
274
|
-
|
|
320
|
+
FEMALE = genders.FEMALE;
|
|
321
|
+
|
|
275
322
|
/**
|
|
276
323
|
* Stylized CheckboxButton for selecting gender
|
|
277
324
|
* */
|
|
278
325
|
var GenderCheckbox = function GenderCheckbox(_ref) {
|
|
279
326
|
var gender = _ref.gender,
|
|
280
|
-
|
|
281
|
-
|
|
327
|
+
checked = _ref.checked,
|
|
328
|
+
onInputChange = _ref.onInputChange;
|
|
329
|
+
|
|
282
330
|
var getTitle = function getTitle() {
|
|
283
331
|
switch (gender) {
|
|
284
332
|
case MALE:
|
|
285
333
|
return 'Male';
|
|
334
|
+
|
|
286
335
|
case FEMALE:
|
|
287
336
|
return 'Female';
|
|
337
|
+
|
|
288
338
|
default:
|
|
289
339
|
return '';
|
|
290
340
|
}
|
|
291
341
|
};
|
|
342
|
+
|
|
292
343
|
return /*#__PURE__*/React__default.createElement(CheckButton$1, {
|
|
293
344
|
onChange: onInputChange,
|
|
294
345
|
checked: checked,
|
|
@@ -296,20 +347,22 @@
|
|
|
296
347
|
title: getTitle()
|
|
297
348
|
});
|
|
298
349
|
};
|
|
350
|
+
|
|
299
351
|
GenderCheckbox.defaultProps = {
|
|
300
352
|
name: ''
|
|
301
353
|
};
|
|
302
354
|
|
|
303
355
|
var MALE$1 = genders.MALE,
|
|
304
|
-
|
|
356
|
+
FEMALE$1 = genders.FEMALE;
|
|
357
|
+
|
|
305
358
|
/**
|
|
306
359
|
* GenderSelector: specialized selector to pick genders for the Interest Component
|
|
307
360
|
* */
|
|
308
361
|
var GenderSelector = function GenderSelector(_ref) {
|
|
309
362
|
var gender = _ref.gender,
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
363
|
+
onChange = _ref.onChange,
|
|
364
|
+
maleInputRef = _ref.maleInputRef,
|
|
365
|
+
femaleInputRef = _ref.femaleInputRef;
|
|
313
366
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
314
367
|
className: "gender-selector"
|
|
315
368
|
}, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
|
|
@@ -334,6 +387,7 @@
|
|
|
334
387
|
checkBoxButtonRef: femaleInputRef
|
|
335
388
|
})));
|
|
336
389
|
};
|
|
390
|
+
|
|
337
391
|
GenderSelector.defaultProps = {
|
|
338
392
|
gender: null,
|
|
339
393
|
onChange: function onChange() {
|