@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.
- 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 +453 -283
- package/LuxityPageReady.js +74 -136
- package/LuxitySideNav.js +355 -159
- 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 +1321 -1697
- 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/ShoeSizeRangeSelector.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 theme = {
|
|
@@ -196,117 +157,82 @@
|
|
|
196
157
|
});
|
|
197
158
|
|
|
198
159
|
function _extends$1() {
|
|
199
|
-
_extends$1 = Object.assign ? Object.assign.bind() : function (
|
|
200
|
-
for (var
|
|
201
|
-
var
|
|
202
|
-
|
|
203
|
-
for (var key in source) {
|
|
204
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
205
|
-
target[key] = source[key];
|
|
206
|
-
}
|
|
207
|
-
}
|
|
160
|
+
return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
|
|
161
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
162
|
+
var t = arguments[e];
|
|
163
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
208
164
|
}
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
};
|
|
212
|
-
return _extends$1.apply(this, arguments);
|
|
165
|
+
return n;
|
|
166
|
+
}, _extends$1.apply(null, arguments);
|
|
213
167
|
}
|
|
214
168
|
|
|
215
|
-
function _assertThisInitialized(
|
|
216
|
-
if (
|
|
217
|
-
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
return self;
|
|
169
|
+
function _assertThisInitialized(e) {
|
|
170
|
+
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
171
|
+
return e;
|
|
221
172
|
}
|
|
222
173
|
|
|
223
|
-
function _setPrototypeOf(
|
|
224
|
-
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
};
|
|
228
|
-
return _setPrototypeOf(o, p);
|
|
174
|
+
function _setPrototypeOf(t, e) {
|
|
175
|
+
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
176
|
+
return t.__proto__ = e, t;
|
|
177
|
+
}, _setPrototypeOf(t, e);
|
|
229
178
|
}
|
|
230
179
|
|
|
231
|
-
function _inheritsLoose(
|
|
232
|
-
|
|
233
|
-
subClass.prototype.constructor = subClass;
|
|
234
|
-
_setPrototypeOf(subClass, superClass);
|
|
180
|
+
function _inheritsLoose(t, o) {
|
|
181
|
+
t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
|
|
235
182
|
}
|
|
236
183
|
|
|
237
|
-
function _getPrototypeOf(
|
|
238
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function
|
|
239
|
-
return
|
|
240
|
-
};
|
|
241
|
-
return _getPrototypeOf(o);
|
|
184
|
+
function _getPrototypeOf(t) {
|
|
185
|
+
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
|
|
186
|
+
return t.__proto__ || Object.getPrototypeOf(t);
|
|
187
|
+
}, _getPrototypeOf(t);
|
|
242
188
|
}
|
|
243
189
|
|
|
244
|
-
function _isNativeFunction(
|
|
245
|
-
|
|
190
|
+
function _isNativeFunction(t) {
|
|
191
|
+
try {
|
|
192
|
+
return -1 !== Function.toString.call(t).indexOf("[native code]");
|
|
193
|
+
} catch (n) {
|
|
194
|
+
return "function" == typeof t;
|
|
195
|
+
}
|
|
246
196
|
}
|
|
247
197
|
|
|
248
198
|
function _isNativeReflectConstruct() {
|
|
249
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
250
|
-
if (Reflect.construct.sham) return false;
|
|
251
|
-
if (typeof Proxy === "function") return true;
|
|
252
|
-
|
|
253
199
|
try {
|
|
254
|
-
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
return
|
|
258
|
-
}
|
|
200
|
+
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
201
|
+
} catch (t) {}
|
|
202
|
+
return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
|
|
203
|
+
return !!t;
|
|
204
|
+
})();
|
|
259
205
|
}
|
|
260
206
|
|
|
261
|
-
function _construct(
|
|
262
|
-
if (_isNativeReflectConstruct())
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
a.push.apply(a, args);
|
|
268
|
-
var Constructor = Function.bind.apply(Parent, a);
|
|
269
|
-
var instance = new Constructor();
|
|
270
|
-
if (Class) _setPrototypeOf(instance, Class.prototype);
|
|
271
|
-
return instance;
|
|
272
|
-
};
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
return _construct.apply(null, arguments);
|
|
207
|
+
function _construct(t, e, r) {
|
|
208
|
+
if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
|
|
209
|
+
var o = [null];
|
|
210
|
+
o.push.apply(o, e);
|
|
211
|
+
var p = new (t.bind.apply(t, o))();
|
|
212
|
+
return r && _setPrototypeOf(p, r.prototype), p;
|
|
276
213
|
}
|
|
277
214
|
|
|
278
|
-
function _wrapNativeSuper(
|
|
279
|
-
var
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
if (
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
215
|
+
function _wrapNativeSuper(t) {
|
|
216
|
+
var r = "function" == typeof Map ? new Map() : void 0;
|
|
217
|
+
return _wrapNativeSuper = function _wrapNativeSuper(t) {
|
|
218
|
+
if (null === t || !_isNativeFunction(t)) return t;
|
|
219
|
+
if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
|
|
220
|
+
if (void 0 !== r) {
|
|
221
|
+
if (r.has(t)) return r.get(t);
|
|
222
|
+
r.set(t, Wrapper);
|
|
286
223
|
}
|
|
287
|
-
|
|
288
|
-
if (typeof _cache !== "undefined") {
|
|
289
|
-
if (_cache.has(Class)) return _cache.get(Class);
|
|
290
|
-
|
|
291
|
-
_cache.set(Class, Wrapper);
|
|
292
|
-
}
|
|
293
|
-
|
|
294
224
|
function Wrapper() {
|
|
295
|
-
return _construct(
|
|
225
|
+
return _construct(t, arguments, _getPrototypeOf(this).constructor);
|
|
296
226
|
}
|
|
297
|
-
|
|
298
|
-
Wrapper.prototype = Object.create(Class.prototype, {
|
|
227
|
+
return Wrapper.prototype = Object.create(t.prototype, {
|
|
299
228
|
constructor: {
|
|
300
229
|
value: Wrapper,
|
|
301
|
-
enumerable:
|
|
302
|
-
writable:
|
|
303
|
-
configurable:
|
|
230
|
+
enumerable: !1,
|
|
231
|
+
writable: !0,
|
|
232
|
+
configurable: !0
|
|
304
233
|
}
|
|
305
|
-
});
|
|
306
|
-
|
|
307
|
-
};
|
|
308
|
-
|
|
309
|
-
return _wrapNativeSuper(Class);
|
|
234
|
+
}), _setPrototypeOf(Wrapper, t);
|
|
235
|
+
}, _wrapNativeSuper(t);
|
|
310
236
|
}
|
|
311
237
|
|
|
312
238
|
// based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
|
|
@@ -975,10 +901,9 @@
|
|
|
975
901
|
}, function (props) {
|
|
976
902
|
return getSliderMarkStyle(props);
|
|
977
903
|
});
|
|
978
|
-
|
|
979
904
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
980
905
|
var showMarks = _ref.showMarks,
|
|
981
|
-
|
|
906
|
+
primary = _ref.theme.colors.primary;
|
|
982
907
|
var visiblityStyle = showMarks ? styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .rc-slider-mark-text,\n .rc-slider-dot {\n visibility: hidden;\n }\n "])));
|
|
983
908
|
return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .rc-slider-mark-text {\n color: ", ";\n }\n\n .rc-slider-dot {\n border-color: ", ";\n background-color: white;\n }\n ", "\n "])), primary, primary, visiblityStyle);
|
|
984
909
|
};
|
|
@@ -990,28 +915,24 @@
|
|
|
990
915
|
var Footer = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
991
916
|
|
|
992
917
|
var _excluded = ["dragging", "value", "offset", "index"],
|
|
993
|
-
|
|
994
|
-
|
|
918
|
+
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
995
919
|
var _templateObject$4;
|
|
996
920
|
var debounceBuilder = functions.debounced(100);
|
|
997
921
|
var ChildrenWrapper = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
998
922
|
return props.theme.marginPaddings[3];
|
|
999
923
|
});
|
|
1000
|
-
|
|
1001
924
|
var renderCustomHandle = function renderCustomHandle() {
|
|
1002
925
|
var marks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
1003
926
|
var toolTipComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
1004
927
|
var handleProps = arguments.length > 2 ? arguments[2] : undefined;
|
|
1005
|
-
|
|
1006
928
|
var dragging = handleProps.dragging,
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
929
|
+
value = handleProps.value,
|
|
930
|
+
offset = handleProps.offset,
|
|
931
|
+
index = handleProps.index,
|
|
932
|
+
restHandleProps = _objectWithoutProperties(handleProps, _excluded);
|
|
1012
933
|
var getToolTipProps = function getToolTipProps() {
|
|
1013
|
-
var newProps = {};
|
|
1014
|
-
|
|
934
|
+
var newProps = {};
|
|
935
|
+
// Ensures that Tooltip component does not get ref prop
|
|
1015
936
|
Object.keys(handleProps).forEach(function (propName) {
|
|
1016
937
|
if (propName !== 'ref') {
|
|
1017
938
|
newProps[propName] = handleProps[propName];
|
|
@@ -1019,7 +940,6 @@
|
|
|
1019
940
|
});
|
|
1020
941
|
return newProps;
|
|
1021
942
|
};
|
|
1022
|
-
|
|
1023
943
|
var Tooltip = toolTipComponent;
|
|
1024
944
|
return /*#__PURE__*/React__default.createElement(React.Fragment, {
|
|
1025
945
|
key: index
|
|
@@ -1036,55 +956,47 @@
|
|
|
1036
956
|
marks: marks
|
|
1037
957
|
}, getToolTipProps()))));
|
|
1038
958
|
};
|
|
1039
|
-
/** slider ui component for react */
|
|
1040
|
-
|
|
1041
959
|
|
|
960
|
+
/** slider ui component for react */
|
|
1042
961
|
var RangeSlider = function RangeSlider(_ref) {
|
|
1043
962
|
var renderTitleSection = _ref.renderTitleSection,
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
963
|
+
marks = _ref.marks,
|
|
964
|
+
defaultMinValue = _ref.defaultMinValue,
|
|
965
|
+
defaultMaxValue = _ref.defaultMaxValue,
|
|
966
|
+
min = _ref.min,
|
|
967
|
+
max = _ref.max,
|
|
968
|
+
toolTipComponent = _ref.toolTipComponent,
|
|
969
|
+
renderFooterSection = _ref.renderFooterSection,
|
|
970
|
+
onChange = _ref.onChange,
|
|
971
|
+
childRenderer = _ref.children,
|
|
972
|
+
identifier = _ref.identifier,
|
|
973
|
+
showMarks = _ref.showMarks,
|
|
974
|
+
restProps = _objectWithoutProperties(_ref, _excluded2);
|
|
1057
975
|
var _useState = React.useState(defaultMinValue),
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
976
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
977
|
+
currMinVal = _useState2[0],
|
|
978
|
+
setMinVal = _useState2[1];
|
|
1062
979
|
var _useState3 = React.useState(defaultMaxValue),
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
980
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
981
|
+
currMaxVal = _useState4[0],
|
|
982
|
+
setMaxVal = _useState4[1];
|
|
1066
983
|
/*
|
|
1067
984
|
*Description variable stores the time that the component renders
|
|
1068
985
|
* the state is used to enforce reenders for the component since the date now
|
|
1069
986
|
* is always changing
|
|
1070
987
|
* */
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
988
|
var _useState5 = React.useState(0),
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
989
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
990
|
+
seed = _useState6[0],
|
|
991
|
+
setSeed = _useState6[1];
|
|
1078
992
|
var manuallyChangeMinValue = function manuallyChangeMinValue(val) {
|
|
1079
993
|
setMinVal(val);
|
|
1080
994
|
setSeed(Date.now());
|
|
1081
995
|
};
|
|
1082
|
-
|
|
1083
996
|
var manuallyChangeMaxValue = function manuallyChangeMaxValue(val) {
|
|
1084
997
|
setMaxVal(val);
|
|
1085
998
|
setSeed(Date.now());
|
|
1086
999
|
};
|
|
1087
|
-
|
|
1088
1000
|
var prevMinVal = functions.usePrevious(currMinVal);
|
|
1089
1001
|
var prevMaxVal = functions.usePrevious(currMaxVal);
|
|
1090
1002
|
React.useEffect(function () {
|
|
@@ -1120,9 +1032,8 @@
|
|
|
1120
1032
|
defaultValue: [defaultMinValue, defaultMaxValue],
|
|
1121
1033
|
onChange: function onChange(_ref2) {
|
|
1122
1034
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1035
|
+
nextMin = _ref3[0],
|
|
1036
|
+
nextMax = _ref3[1];
|
|
1126
1037
|
setMinVal(nextMin);
|
|
1127
1038
|
setMaxVal(nextMax);
|
|
1128
1039
|
},
|
|
@@ -1135,7 +1046,6 @@
|
|
|
1135
1046
|
allowCross: false
|
|
1136
1047
|
}, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
|
|
1137
1048
|
};
|
|
1138
|
-
|
|
1139
1049
|
RangeSlider.defaultProps = {
|
|
1140
1050
|
renderTitleSection: function renderTitleSection() {
|
|
1141
1051
|
return false;
|
|
@@ -1173,43 +1083,38 @@
|
|
|
1173
1083
|
Eu: 'Eu',
|
|
1174
1084
|
Us: 'Us'
|
|
1175
1085
|
};
|
|
1176
|
-
|
|
1177
1086
|
var getMaxShoeSize = function getMaxShoeSize(euShoeSizes, ukShoeSizes, type) {
|
|
1178
1087
|
var shoeSizes = ukShoeSizes;
|
|
1179
|
-
|
|
1180
1088
|
if (type === (shoeSizeType === null || shoeSizeType === void 0 ? void 0 : shoeSizeType.Eu)) {
|
|
1181
1089
|
shoeSizes = euShoeSizes;
|
|
1182
1090
|
}
|
|
1183
|
-
|
|
1184
1091
|
var sizes = shoeSizes.map(function (item) {
|
|
1185
1092
|
return parseFloat(item.size);
|
|
1186
|
-
});
|
|
1093
|
+
});
|
|
1187
1094
|
|
|
1095
|
+
// Use the Math.max function to find the maximum size value
|
|
1188
1096
|
var maxSize = sizes.reduce(function (max, current) {
|
|
1189
1097
|
return Math.max(max, current);
|
|
1190
1098
|
}, -50);
|
|
1191
1099
|
return maxSize;
|
|
1192
1100
|
};
|
|
1101
|
+
|
|
1193
1102
|
/** UI Slider with minimum and max input fields give the ability to
|
|
1194
1103
|
* select a shoe size range */
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
1104
|
var ShoeSizeRangeSelector = function ShoeSizeRangeSelector(_ref) {
|
|
1198
1105
|
var onChange = _ref.onChange,
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1106
|
+
euShoeSizes = _ref.euShoeSizes,
|
|
1107
|
+
ukShoeSizes = _ref.ukShoeSizes,
|
|
1108
|
+
sizeType = _ref.sizeType;
|
|
1202
1109
|
var maxShoeSize = getMaxShoeSize(euShoeSizes, ukShoeSizes, sizeType);
|
|
1203
|
-
|
|
1204
1110
|
var handleSlideChange = function handleSlideChange(value) {
|
|
1205
1111
|
var min_shoe_size = value.min,
|
|
1206
|
-
|
|
1112
|
+
max_shoe_size = value.max;
|
|
1207
1113
|
onChange({
|
|
1208
1114
|
min_shoe_size: min_shoe_size,
|
|
1209
1115
|
max_shoe_size: max_shoe_size
|
|
1210
1116
|
});
|
|
1211
1117
|
};
|
|
1212
|
-
|
|
1213
1118
|
var handleMinShoeSizeChange = function handleMinShoeSizeChange(targetValue, currMaxVal, manuallyChangeMinValue) {
|
|
1214
1119
|
var value = parseInt(targetValue, 10);
|
|
1215
1120
|
value = Number.isNaN(value) ? 0 : value;
|
|
@@ -1222,7 +1127,6 @@
|
|
|
1222
1127
|
});
|
|
1223
1128
|
});
|
|
1224
1129
|
};
|
|
1225
|
-
|
|
1226
1130
|
var handleMaxShoeSizeChange = function handleMaxShoeSizeChange(targetValue, currMinVal, manuallyChangeMaxValue) {
|
|
1227
1131
|
var value = parseInt(targetValue, 10);
|
|
1228
1132
|
value = Number.isNaN(value) ? 0 : value;
|
|
@@ -1235,7 +1139,6 @@
|
|
|
1235
1139
|
});
|
|
1236
1140
|
});
|
|
1237
1141
|
};
|
|
1238
|
-
|
|
1239
1142
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1240
1143
|
className: "shoe-size-ranges"
|
|
1241
1144
|
}, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
|
|
@@ -1248,9 +1151,9 @@
|
|
|
1248
1151
|
title: "Shoe Size Ranges"
|
|
1249
1152
|
}, function (_ref2) {
|
|
1250
1153
|
var manuallyChangeMinValue = _ref2.manuallyChangeMinValue,
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1154
|
+
manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
|
|
1155
|
+
currMinVal = _ref2.currMinVal,
|
|
1156
|
+
currMaxVal = _ref2.currMaxVal;
|
|
1254
1157
|
return /*#__PURE__*/React__default.createElement(ShoeSizeInputWrapper, null, /*#__PURE__*/React__default.createElement("input", {
|
|
1255
1158
|
"data-qe-id": "masked-input-min",
|
|
1256
1159
|
value: currMinVal,
|
|
@@ -1266,7 +1169,6 @@
|
|
|
1266
1169
|
}));
|
|
1267
1170
|
}));
|
|
1268
1171
|
};
|
|
1269
|
-
|
|
1270
1172
|
ShoeSizeRangeSelector.defaultProps = {
|
|
1271
1173
|
onChange: function onChange() {
|
|
1272
1174
|
return false;
|