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