@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/ShoeSizeSelector.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
|
-
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
if (typeof _cache !== "undefined") {
|
|
289
|
-
if (_cache.has(Class)) return _cache.get(Class);
|
|
290
|
-
|
|
291
|
-
_cache.set(Class, Wrapper);
|
|
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);
|
|
292
223
|
}
|
|
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;
|
|
@@ -1158,7 +1068,6 @@
|
|
|
1158
1068
|
var baseButtonStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
|
|
1159
1069
|
|
|
1160
1070
|
var _excluded$1 = ["children"];
|
|
1161
|
-
|
|
1162
1071
|
var _templateObject$6;
|
|
1163
1072
|
var Button = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
1164
1073
|
return props.theme.colors.base;
|
|
@@ -1167,21 +1076,17 @@
|
|
|
1167
1076
|
}, disabledButtonStyle, function (props) {
|
|
1168
1077
|
return props.theme.colors.base;
|
|
1169
1078
|
});
|
|
1170
|
-
|
|
1171
1079
|
var TextButton = function TextButton(_ref) {
|
|
1172
1080
|
var children = _ref.children,
|
|
1173
|
-
|
|
1174
|
-
|
|
1081
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
1175
1082
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
1176
1083
|
};
|
|
1177
|
-
|
|
1178
1084
|
TextButton.defaultProps = {
|
|
1179
1085
|
type: 'button'
|
|
1180
1086
|
};
|
|
1181
1087
|
var TextButton$1 = themed(TextButton);
|
|
1182
1088
|
|
|
1183
1089
|
var _excluded$2 = ["children"];
|
|
1184
|
-
|
|
1185
1090
|
var _templateObject$7;
|
|
1186
1091
|
var Button$1 = styled__default(TextButton$1)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
|
|
1187
1092
|
return props.theme.colors.ntrlMin;
|
|
@@ -1196,21 +1101,17 @@
|
|
|
1196
1101
|
}, function (props) {
|
|
1197
1102
|
return props.theme.colors.primary;
|
|
1198
1103
|
});
|
|
1199
|
-
|
|
1200
1104
|
var InvertedTextButton = function InvertedTextButton(_ref) {
|
|
1201
1105
|
var children = _ref.children,
|
|
1202
|
-
|
|
1203
|
-
|
|
1106
|
+
restProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
1204
1107
|
return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
|
|
1205
1108
|
};
|
|
1206
|
-
|
|
1207
1109
|
var InvertedTextButton$1 = themed(InvertedTextButton);
|
|
1208
1110
|
|
|
1209
1111
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
1210
1112
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1211
1113
|
return shoe_sizes.length - 1;
|
|
1212
1114
|
};
|
|
1213
|
-
|
|
1214
1115
|
var formatResultsForRangeSlider = function formatResultsForRangeSlider() {
|
|
1215
1116
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1216
1117
|
var newDataShape = {};
|
|
@@ -1220,28 +1121,24 @@
|
|
|
1220
1121
|
});
|
|
1221
1122
|
return newDataShape;
|
|
1222
1123
|
};
|
|
1223
|
-
|
|
1224
1124
|
var ToolTipComponent = function ToolTipComponent(props) {
|
|
1225
1125
|
var marks = props.marks,
|
|
1226
|
-
|
|
1126
|
+
value = props.value;
|
|
1227
1127
|
return /*#__PURE__*/React__default.createElement("div", null, marks[value]);
|
|
1228
1128
|
};
|
|
1229
|
-
/** slider ui component for shoe size selection interests */
|
|
1230
|
-
|
|
1231
1129
|
|
|
1130
|
+
/** slider ui component for shoe size selection interests */
|
|
1232
1131
|
var ShoeSizeSelector = function ShoeSizeSelector(_ref2) {
|
|
1233
1132
|
var onChange = _ref2.onChange,
|
|
1234
|
-
|
|
1235
|
-
|
|
1133
|
+
shoeSizes = _ref2.shoeSizes;
|
|
1236
1134
|
var handleShoeSizeChange = function handleShoeSizeChange(value) {
|
|
1237
1135
|
var min_shoe_key = value.min,
|
|
1238
|
-
|
|
1136
|
+
max_shoe_key = value.max;
|
|
1239
1137
|
onChange({
|
|
1240
1138
|
min_shoe_size_id: shoeSizes[min_shoe_key].id,
|
|
1241
1139
|
max_shoe_size_id: shoeSizes[max_shoe_key].id
|
|
1242
1140
|
});
|
|
1243
1141
|
};
|
|
1244
|
-
|
|
1245
1142
|
var getFooterButtons = function getFooterButtons(actionObj) {
|
|
1246
1143
|
var giveFullRange = actionObj.giveFullRange;
|
|
1247
1144
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvertedTextButton$1, {
|
|
@@ -1250,7 +1147,6 @@
|
|
|
1250
1147
|
onClick: giveFullRange
|
|
1251
1148
|
}, "Full Shoe Size Range"));
|
|
1252
1149
|
};
|
|
1253
|
-
|
|
1254
1150
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
|
|
1255
1151
|
identifier: "shoe-size-range-slider",
|
|
1256
1152
|
marks: formatResultsForRangeSlider(shoeSizes),
|
|
@@ -1263,7 +1159,6 @@
|
|
|
1263
1159
|
onChange: handleShoeSizeChange
|
|
1264
1160
|
}));
|
|
1265
1161
|
};
|
|
1266
|
-
|
|
1267
1162
|
ShoeSizeSelector.defaultProps = {
|
|
1268
1163
|
onChange: function onChange() {
|
|
1269
1164
|
return false;
|