@bonlineza/luxity-lib 2.34.0 → 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 +376 -214
- 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 +1338 -1722
- 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/PriceRangeSelector.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,31 +1068,28 @@
|
|
|
1158
1068
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
1159
1069
|
return value.replace(/\D/g, '');
|
|
1160
1070
|
};
|
|
1071
|
+
|
|
1161
1072
|
/**
|
|
1162
1073
|
* Currency Input which formats the value to a specific format
|
|
1163
1074
|
*/
|
|
1164
|
-
|
|
1165
1075
|
var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
|
|
1166
1076
|
var value = _ref.value,
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1077
|
+
onChange = _ref.onChange,
|
|
1078
|
+
prefix = _ref.prefix,
|
|
1079
|
+
allowNegativeValue = _ref.allowNegativeValue,
|
|
1080
|
+
groupSeparator = _ref.groupSeparator,
|
|
1081
|
+
decimalSeparator = _ref.decimalSeparator,
|
|
1082
|
+
rest = _objectWithoutProperties(_ref, _excluded$1);
|
|
1174
1083
|
var handleValueChange = function handleValueChange(event) {
|
|
1175
1084
|
var inputValue = event.target.value;
|
|
1176
1085
|
var unmaskedValue = unMask(inputValue);
|
|
1177
1086
|
onChange(unmaskedValue);
|
|
1178
1087
|
};
|
|
1179
|
-
|
|
1180
1088
|
var formatCurrency = function formatCurrency(originalValue) {
|
|
1181
1089
|
var numericValue = Number(originalValue);
|
|
1182
1090
|
var formattedValue = numericValue.toLocaleString('en-US');
|
|
1183
1091
|
return prefix + formattedValue;
|
|
1184
1092
|
};
|
|
1185
|
-
|
|
1186
1093
|
var formattedValue = formatCurrency(value);
|
|
1187
1094
|
return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
|
|
1188
1095
|
type: "text",
|
|
@@ -1190,7 +1097,6 @@
|
|
|
1190
1097
|
onChange: handleValueChange
|
|
1191
1098
|
}));
|
|
1192
1099
|
};
|
|
1193
|
-
|
|
1194
1100
|
CurrencyInputFormatter.defaultProps = {
|
|
1195
1101
|
value: '',
|
|
1196
1102
|
prefix: 'R',
|
|
@@ -1205,7 +1111,6 @@
|
|
|
1205
1111
|
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"])));
|
|
1206
1112
|
|
|
1207
1113
|
var _excluded$2 = ["children"];
|
|
1208
|
-
|
|
1209
1114
|
var _templateObject$6;
|
|
1210
1115
|
var Button = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n border: 1px solid ", ";\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", "\n &:hover {\n background-color: ", ";\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
1211
1116
|
return props.theme.colors.ntrlMin;
|
|
@@ -1220,14 +1125,11 @@
|
|
|
1220
1125
|
}, disabledButtonStyle, function (props) {
|
|
1221
1126
|
return props.theme.colors.base;
|
|
1222
1127
|
});
|
|
1223
|
-
|
|
1224
1128
|
var SecondaryButton = function SecondaryButton(_ref) {
|
|
1225
1129
|
var children = _ref.children,
|
|
1226
|
-
|
|
1227
|
-
|
|
1130
|
+
restProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
1228
1131
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
1229
1132
|
};
|
|
1230
|
-
|
|
1231
1133
|
var SecondaryButton$1 = themed(SecondaryButton);
|
|
1232
1134
|
|
|
1233
1135
|
var _templateObject$7, _templateObject2$2;
|
|
@@ -1243,11 +1145,10 @@
|
|
|
1243
1145
|
}, function (props) {
|
|
1244
1146
|
return props.theme.marginPaddings[3];
|
|
1245
1147
|
});
|
|
1246
|
-
|
|
1247
1148
|
var InterestsSubheading = function InterestsSubheading(_ref) {
|
|
1248
1149
|
var title = _ref.title,
|
|
1249
|
-
|
|
1250
|
-
|
|
1150
|
+
children = _ref.children,
|
|
1151
|
+
className = _ref.className;
|
|
1251
1152
|
return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
|
|
1252
1153
|
className: className
|
|
1253
1154
|
}, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
@@ -1274,31 +1175,23 @@
|
|
|
1274
1175
|
});
|
|
1275
1176
|
|
|
1276
1177
|
var debounceBuilder$1 = functions.debounced(50);
|
|
1277
|
-
|
|
1278
1178
|
var getMaxPrice = function getMaxPrice() {
|
|
1279
1179
|
var interestCategory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
1280
|
-
|
|
1281
1180
|
switch (interestCategory) {
|
|
1282
1181
|
case interestCategories.ACCESSORIES:
|
|
1283
1182
|
return interestCategoryMaxPrices.ACCESSORIES;
|
|
1284
|
-
|
|
1285
1183
|
case interestCategories.BAGS:
|
|
1286
1184
|
return interestCategoryMaxPrices.BAGS;
|
|
1287
|
-
|
|
1288
1185
|
case interestCategories.SHOES:
|
|
1289
1186
|
return interestCategoryMaxPrices.SHOES;
|
|
1290
|
-
|
|
1291
1187
|
case interestCategories.WATCHES:
|
|
1292
1188
|
return interestCategoryMaxPrices.WATCHES;
|
|
1293
|
-
|
|
1294
1189
|
case interestCategories.APPAREL:
|
|
1295
1190
|
return interestCategoryMaxPrices.APPAREL;
|
|
1296
|
-
|
|
1297
1191
|
default:
|
|
1298
1192
|
return 0;
|
|
1299
1193
|
}
|
|
1300
1194
|
};
|
|
1301
|
-
|
|
1302
1195
|
var getFooterButtons = function getFooterButtons(actionObj) {
|
|
1303
1196
|
var giveFullRange = actionObj.giveFullRange;
|
|
1304
1197
|
return /*#__PURE__*/React__default.createElement(SecondaryButton$1, {
|
|
@@ -1306,24 +1199,21 @@
|
|
|
1306
1199
|
onClick: giveFullRange
|
|
1307
1200
|
}, "Full Price Range");
|
|
1308
1201
|
};
|
|
1202
|
+
|
|
1309
1203
|
/** UI Slider with minimum and max input fields give the ability to
|
|
1310
1204
|
* select a price range */
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
1205
|
var PriceRangeSelector = function PriceRangeSelector(_ref) {
|
|
1314
1206
|
var onChange = _ref.onChange,
|
|
1315
|
-
|
|
1207
|
+
category = _ref.category;
|
|
1316
1208
|
var maxPrice = getMaxPrice(category);
|
|
1317
|
-
|
|
1318
1209
|
var handleSlideChange = function handleSlideChange(value) {
|
|
1319
1210
|
var min_price = value.min,
|
|
1320
|
-
|
|
1211
|
+
max_price = value.max;
|
|
1321
1212
|
onChange({
|
|
1322
1213
|
min_price: min_price,
|
|
1323
1214
|
max_price: max_price
|
|
1324
1215
|
});
|
|
1325
1216
|
};
|
|
1326
|
-
|
|
1327
1217
|
var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
|
|
1328
1218
|
var value = parseInt(unMask(targetValue), 10);
|
|
1329
1219
|
value = Number.isNaN(value) ? 0 : value;
|
|
@@ -1336,7 +1226,6 @@
|
|
|
1336
1226
|
});
|
|
1337
1227
|
});
|
|
1338
1228
|
};
|
|
1339
|
-
|
|
1340
1229
|
var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
|
|
1341
1230
|
var value = parseInt(unMask(targetValue), 10);
|
|
1342
1231
|
value = Number.isNaN(value) ? 0 : value;
|
|
@@ -1349,7 +1238,6 @@
|
|
|
1349
1238
|
});
|
|
1350
1239
|
});
|
|
1351
1240
|
};
|
|
1352
|
-
|
|
1353
1241
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1354
1242
|
className: "price-ranges"
|
|
1355
1243
|
}, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
|
|
@@ -1368,9 +1256,9 @@
|
|
|
1368
1256
|
title: "Price Ranges"
|
|
1369
1257
|
}, function (_ref2) {
|
|
1370
1258
|
var manuallyChangeMinValue = _ref2.manuallyChangeMinValue,
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1259
|
+
manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
|
|
1260
|
+
currMinVal = _ref2.currMinVal,
|
|
1261
|
+
currMaxVal = _ref2.currMaxVal;
|
|
1374
1262
|
return /*#__PURE__*/React__default.createElement(CurrencyInputWrapper, null, /*#__PURE__*/React__default.createElement(CurrencyInputFormatter, {
|
|
1375
1263
|
"data-qe-id": "masked-input-min",
|
|
1376
1264
|
value: currMinVal,
|
|
@@ -1386,7 +1274,6 @@
|
|
|
1386
1274
|
}));
|
|
1387
1275
|
}));
|
|
1388
1276
|
};
|
|
1389
|
-
|
|
1390
1277
|
PriceRangeSelector.defaultProps = {
|
|
1391
1278
|
onChange: function onChange() {
|
|
1392
1279
|
return false;
|