@bonlineza/luxity-lib 2.36.1-beta.4 → 2.36.1
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 +777 -440
- package/AddProductInterest.js +644 -485
- package/BrandSelector.js +336 -176
- package/Checkbox.js +101 -68
- package/CheckboxButton.js +124 -79
- package/CommunicationPreferenceOptionsRenderer.js +169 -159
- package/CommunicationPreferenceSection.js +178 -166
- package/CommunicationPreferences.js +427 -549
- package/ConditionSelector.js +336 -174
- package/CountryCodeSelect.js +10 -7
- package/CurrencyInputFormatter.js +56 -29
- package/CurrencySelect.js +49 -23
- package/DropdownSelector.js +92 -68
- package/GALink.js +16 -6
- package/GenderSelector.js +142 -88
- package/GraphQLDropdownSelector.js +1511 -933
- 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 +1466 -917
- package/InterestsSubheading.js +10 -5
- package/InvertedTextButton.js +63 -27
- package/LuxityAppSideNav.js +22 -19
- package/LuxityDesktopHeader.js +663 -549
- package/LuxityFooter.js +325 -434
- package/LuxityGraphQLDropdownSelector.js +1543 -949
- package/LuxityGraphQLMultiselector.js +321 -167
- package/LuxityMobileHeader.js +807 -681
- package/LuxityPageReady.js +136 -74
- package/LuxityProductInterestItem.js +175 -97
- package/LuxitySideNav.js +310 -382
- package/MaterialSelector.js +1550 -955
- package/ModelSelector.js +1550 -955
- package/NotificationDropDown.js +221 -122
- 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 +2973 -2457
- package/package.json +2 -3
- 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/PriceRangeSelector.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 (-1 !== e.indexOf(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");
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
if (typeof _cache !== "undefined") {
|
|
289
|
+
if (_cache.has(Class)) return _cache.get(Class);
|
|
290
|
+
|
|
291
|
+
_cache.set(Class, Wrapper);
|
|
223
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;
|
|
@@ -1068,28 +1158,31 @@
|
|
|
1068
1158
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
1069
1159
|
return value.replace(/\D/g, '');
|
|
1070
1160
|
};
|
|
1071
|
-
|
|
1072
1161
|
/**
|
|
1073
1162
|
* Currency Input which formats the value to a specific format
|
|
1074
1163
|
*/
|
|
1164
|
+
|
|
1075
1165
|
var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
|
|
1076
1166
|
var value = _ref.value,
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1167
|
+
onChange = _ref.onChange,
|
|
1168
|
+
prefix = _ref.prefix,
|
|
1169
|
+
allowNegativeValue = _ref.allowNegativeValue,
|
|
1170
|
+
groupSeparator = _ref.groupSeparator,
|
|
1171
|
+
decimalSeparator = _ref.decimalSeparator,
|
|
1172
|
+
rest = _objectWithoutProperties(_ref, _excluded$1);
|
|
1173
|
+
|
|
1083
1174
|
var handleValueChange = function handleValueChange(event) {
|
|
1084
1175
|
var inputValue = event.target.value;
|
|
1085
1176
|
var unmaskedValue = unMask(inputValue);
|
|
1086
1177
|
onChange(unmaskedValue);
|
|
1087
1178
|
};
|
|
1179
|
+
|
|
1088
1180
|
var formatCurrency = function formatCurrency(originalValue) {
|
|
1089
1181
|
var numericValue = Number(originalValue);
|
|
1090
1182
|
var formattedValue = numericValue.toLocaleString('en-US');
|
|
1091
1183
|
return prefix + formattedValue;
|
|
1092
1184
|
};
|
|
1185
|
+
|
|
1093
1186
|
var formattedValue = formatCurrency(value);
|
|
1094
1187
|
return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
|
|
1095
1188
|
type: "text",
|
|
@@ -1097,6 +1190,7 @@
|
|
|
1097
1190
|
onChange: handleValueChange
|
|
1098
1191
|
}));
|
|
1099
1192
|
};
|
|
1193
|
+
|
|
1100
1194
|
CurrencyInputFormatter.defaultProps = {
|
|
1101
1195
|
value: '',
|
|
1102
1196
|
prefix: 'R',
|
|
@@ -1111,6 +1205,7 @@
|
|
|
1111
1205
|
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"])));
|
|
1112
1206
|
|
|
1113
1207
|
var _excluded$2 = ["children"];
|
|
1208
|
+
|
|
1114
1209
|
var _templateObject$6;
|
|
1115
1210
|
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) {
|
|
1116
1211
|
return props.theme.colors.ntrlMin;
|
|
@@ -1125,11 +1220,14 @@
|
|
|
1125
1220
|
}, disabledButtonStyle, function (props) {
|
|
1126
1221
|
return props.theme.colors.base;
|
|
1127
1222
|
});
|
|
1223
|
+
|
|
1128
1224
|
var SecondaryButton = function SecondaryButton(_ref) {
|
|
1129
1225
|
var children = _ref.children,
|
|
1130
|
-
|
|
1226
|
+
restProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
1227
|
+
|
|
1131
1228
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
1132
1229
|
};
|
|
1230
|
+
|
|
1133
1231
|
var SecondaryButton$1 = themed(SecondaryButton);
|
|
1134
1232
|
|
|
1135
1233
|
var _templateObject$7, _templateObject2$2;
|
|
@@ -1145,10 +1243,11 @@
|
|
|
1145
1243
|
}, function (props) {
|
|
1146
1244
|
return props.theme.marginPaddings[3];
|
|
1147
1245
|
});
|
|
1246
|
+
|
|
1148
1247
|
var InterestsSubheading = function InterestsSubheading(_ref) {
|
|
1149
1248
|
var title = _ref.title,
|
|
1150
|
-
|
|
1151
|
-
|
|
1249
|
+
children = _ref.children,
|
|
1250
|
+
className = _ref.className;
|
|
1152
1251
|
return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
|
|
1153
1252
|
className: className
|
|
1154
1253
|
}, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
@@ -1175,23 +1274,31 @@
|
|
|
1175
1274
|
});
|
|
1176
1275
|
|
|
1177
1276
|
var debounceBuilder$1 = functions.debounced(50);
|
|
1277
|
+
|
|
1178
1278
|
var getMaxPrice = function getMaxPrice() {
|
|
1179
1279
|
var interestCategory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
1280
|
+
|
|
1180
1281
|
switch (interestCategory) {
|
|
1181
1282
|
case interestCategories.ACCESSORIES:
|
|
1182
1283
|
return interestCategoryMaxPrices.ACCESSORIES;
|
|
1284
|
+
|
|
1183
1285
|
case interestCategories.BAGS:
|
|
1184
1286
|
return interestCategoryMaxPrices.BAGS;
|
|
1287
|
+
|
|
1185
1288
|
case interestCategories.SHOES:
|
|
1186
1289
|
return interestCategoryMaxPrices.SHOES;
|
|
1290
|
+
|
|
1187
1291
|
case interestCategories.WATCHES:
|
|
1188
1292
|
return interestCategoryMaxPrices.WATCHES;
|
|
1293
|
+
|
|
1189
1294
|
case interestCategories.APPAREL:
|
|
1190
1295
|
return interestCategoryMaxPrices.APPAREL;
|
|
1296
|
+
|
|
1191
1297
|
default:
|
|
1192
1298
|
return 0;
|
|
1193
1299
|
}
|
|
1194
1300
|
};
|
|
1301
|
+
|
|
1195
1302
|
var getFooterButtons = function getFooterButtons(actionObj) {
|
|
1196
1303
|
var giveFullRange = actionObj.giveFullRange;
|
|
1197
1304
|
return /*#__PURE__*/React__default.createElement(SecondaryButton$1, {
|
|
@@ -1199,21 +1306,24 @@
|
|
|
1199
1306
|
onClick: giveFullRange
|
|
1200
1307
|
}, "Full Price Range");
|
|
1201
1308
|
};
|
|
1202
|
-
|
|
1203
1309
|
/** UI Slider with minimum and max input fields give the ability to
|
|
1204
1310
|
* select a price range */
|
|
1311
|
+
|
|
1312
|
+
|
|
1205
1313
|
var PriceRangeSelector = function PriceRangeSelector(_ref) {
|
|
1206
1314
|
var onChange = _ref.onChange,
|
|
1207
|
-
|
|
1315
|
+
category = _ref.category;
|
|
1208
1316
|
var maxPrice = getMaxPrice(category);
|
|
1317
|
+
|
|
1209
1318
|
var handleSlideChange = function handleSlideChange(value) {
|
|
1210
1319
|
var min_price = value.min,
|
|
1211
|
-
|
|
1320
|
+
max_price = value.max;
|
|
1212
1321
|
onChange({
|
|
1213
1322
|
min_price: min_price,
|
|
1214
1323
|
max_price: max_price
|
|
1215
1324
|
});
|
|
1216
1325
|
};
|
|
1326
|
+
|
|
1217
1327
|
var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
|
|
1218
1328
|
var value = parseInt(unMask(targetValue), 10);
|
|
1219
1329
|
value = Number.isNaN(value) ? 0 : value;
|
|
@@ -1226,6 +1336,7 @@
|
|
|
1226
1336
|
});
|
|
1227
1337
|
});
|
|
1228
1338
|
};
|
|
1339
|
+
|
|
1229
1340
|
var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
|
|
1230
1341
|
var value = parseInt(unMask(targetValue), 10);
|
|
1231
1342
|
value = Number.isNaN(value) ? 0 : value;
|
|
@@ -1238,6 +1349,7 @@
|
|
|
1238
1349
|
});
|
|
1239
1350
|
});
|
|
1240
1351
|
};
|
|
1352
|
+
|
|
1241
1353
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1242
1354
|
className: "price-ranges"
|
|
1243
1355
|
}, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
|
|
@@ -1256,9 +1368,9 @@
|
|
|
1256
1368
|
title: "Price Ranges"
|
|
1257
1369
|
}, function (_ref2) {
|
|
1258
1370
|
var manuallyChangeMinValue = _ref2.manuallyChangeMinValue,
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1371
|
+
manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
|
|
1372
|
+
currMinVal = _ref2.currMinVal,
|
|
1373
|
+
currMaxVal = _ref2.currMaxVal;
|
|
1262
1374
|
return /*#__PURE__*/React__default.createElement(CurrencyInputWrapper, null, /*#__PURE__*/React__default.createElement(CurrencyInputFormatter, {
|
|
1263
1375
|
"data-qe-id": "masked-input-min",
|
|
1264
1376
|
value: currMinVal,
|
|
@@ -1274,6 +1386,7 @@
|
|
|
1274
1386
|
}));
|
|
1275
1387
|
}));
|
|
1276
1388
|
};
|
|
1389
|
+
|
|
1277
1390
|
PriceRangeSelector.defaultProps = {
|
|
1278
1391
|
onChange: function onChange() {
|
|
1279
1392
|
return false;
|