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