@bonlineza/luxity-lib 2.34.3 → 2.34.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.js +116 -76
- package/AddInterest.js +768 -434
- package/BrandSelector.js +336 -176
- package/Checkbox.js +101 -68
- package/CheckboxButton.js +124 -79
- package/CommunicationPreferenceOptionsRenderer.js +125 -107
- package/CommunicationPreferenceSection.js +134 -114
- package/CommunicationPreferences.js +339 -443
- package/CountryCodeSelect.js +10 -7
- package/CurrencyInputFormatter.js +56 -29
- package/CurrencySelect.js +49 -23
- package/GALink.js +16 -6
- package/GenderSelector.js +142 -88
- package/GraphQLDropdownSelector.js +937 -503
- package/GraphQLMultiSelector.js +274 -141
- package/IconHeader.js +25 -11
- package/IconWrapper.js +7 -3
- package/InterestCatSelector.js +74 -34
- package/InterestItem.js +187 -103
- package/Interests.js +890 -485
- package/InterestsSubheading.js +10 -5
- package/InvertedTextButton.js +63 -27
- package/LuxityAppSideNav.js +21 -18
- package/LuxityDesktopHeader.js +258 -191
- package/LuxityFooter.js +276 -374
- package/LuxityGraphQLDropdownSelector.js +969 -519
- package/LuxityGraphQLMultiselector.js +321 -167
- package/LuxityMobileHeader.js +351 -253
- package/LuxityPageReady.js +136 -74
- package/LuxitySideNav.js +213 -165
- package/MaterialSelector.js +976 -525
- package/ModelSelector.js +976 -525
- package/NotificationDropDown.js +209 -111
- package/Notify.js +1 -0
- package/OutlinePrimaryButton.js +58 -26
- package/PriceRangeSelector.js +281 -168
- package/PrimaryButton.js +58 -26
- package/RadioButtons.js +140 -114
- package/RangeSlider.js +242 -152
- package/RareStepFooter.js +41 -27
- package/RareStepHeader.js +190 -139
- package/ReactSelectWrapper.js +1 -0
- package/SecondaryButton.js +58 -26
- package/ShoeSizeRangeSelector.js +260 -162
- package/ShoeSizeSelector.js +263 -158
- package/SimpleErrorBoundary.js +106 -59
- package/StyleSelector.js +336 -176
- package/TestComponent.js +15 -0
- 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 +1711 -1265
- package/package.json +1 -1
- package/svg/Accessories.js +13 -6
- package/svg/Account.js +13 -6
- package/svg/Add.js +13 -6
- package/svg/ArrowRight.js +13 -6
- package/svg/Bags.js +13 -6
- package/svg/BurgerMenu.js +13 -6
- package/svg/Calendar.js +13 -6
- package/svg/CalendarCircled.js +13 -6
- package/svg/CheckCircled.js +13 -6
- package/svg/Close.js +13 -6
- package/svg/Clothing.js +13 -6
- package/svg/Dot.js +13 -6
- package/svg/Edit.js +13 -6
- package/svg/Eye.js +13 -6
- package/svg/FileAttach.js +13 -6
- package/svg/FileAttachCircled.js +13 -6
- package/svg/LightBulb.js +13 -6
- package/svg/Logo.js +13 -6
- package/svg/LuxityMenu.js +13 -6
- package/svg/Minus.js +13 -6
- package/svg/MobileAvatar.js +13 -6
- package/svg/MyOrder.js +13 -6
- package/svg/MyPayment.js +13 -6
- package/svg/MyProfile.js +14 -8
- package/svg/MySale.js +13 -6
- package/svg/Notification.js +13 -6
- package/svg/PointerDown.js +13 -6
- package/svg/Search.js +13 -6
- package/svg/Shoes.js +13 -6
- package/svg/SvgWrapper.js +7 -3
- package/svg/Trash.js +13 -6
- package/svg/Watches.js +13 -6
package/RareStepHeader.js
CHANGED
|
@@ -7,69 +7,92 @@
|
|
|
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
|
-
|
|
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
|
+
}
|
|
19
|
+
}
|
|
23
20
|
}
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
|
|
22
|
+
return target;
|
|
23
|
+
};
|
|
24
|
+
return _extends.apply(this, arguments);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
28
|
+
if (!raw) {
|
|
29
|
+
raw = strings.slice(0);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
33
|
+
raw: {
|
|
34
|
+
value: Object.freeze(raw)
|
|
35
|
+
}
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function _slicedToArray(arr, i) {
|
|
40
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function _arrayWithHoles(arr) {
|
|
44
|
+
if (Array.isArray(arr)) return arr;
|
|
26
45
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
46
|
+
|
|
47
|
+
function _iterableToArrayLimit(arr, i) {
|
|
48
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
49
|
+
|
|
50
|
+
if (_i == null) return;
|
|
51
|
+
var _arr = [];
|
|
52
|
+
var _n = true;
|
|
53
|
+
var _d = false;
|
|
54
|
+
|
|
55
|
+
var _s, _e;
|
|
56
|
+
|
|
57
|
+
try {
|
|
58
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
59
|
+
_arr.push(_s.value);
|
|
60
|
+
|
|
61
|
+
if (i && _arr.length === i) break;
|
|
62
|
+
}
|
|
63
|
+
} catch (err) {
|
|
64
|
+
_d = true;
|
|
65
|
+
_e = err;
|
|
66
|
+
} finally {
|
|
37
67
|
try {
|
|
38
|
-
if (
|
|
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;
|
|
68
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
44
69
|
} finally {
|
|
45
|
-
|
|
46
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
47
|
-
} finally {
|
|
48
|
-
if (o) throw n;
|
|
49
|
-
}
|
|
70
|
+
if (_d) throw _e;
|
|
50
71
|
}
|
|
51
|
-
return a;
|
|
52
72
|
}
|
|
73
|
+
|
|
74
|
+
return _arr;
|
|
53
75
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
76
|
+
|
|
77
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
78
|
+
if (!o) return;
|
|
79
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
80
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
81
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
82
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
83
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
59
84
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
85
|
+
|
|
86
|
+
function _arrayLikeToArray(arr, len) {
|
|
87
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
88
|
+
|
|
89
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
90
|
+
|
|
91
|
+
return arr2;
|
|
66
92
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
71
|
-
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;
|
|
72
|
-
}
|
|
93
|
+
|
|
94
|
+
function _nonIterableRest() {
|
|
95
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
73
96
|
}
|
|
74
97
|
|
|
75
98
|
var theme = {
|
|
@@ -266,18 +289,21 @@
|
|
|
266
289
|
|
|
267
290
|
var Search = function Search(_ref) {
|
|
268
291
|
var closeIconUrl = _ref.closeIconUrl,
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
292
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
293
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
294
|
+
toggleSearch = _ref.toggleSearch;
|
|
272
295
|
var searchInputRef = React.useRef(null);
|
|
296
|
+
|
|
273
297
|
var handleOnSearch = function handleOnSearch() {
|
|
274
298
|
window.location.replace("".concat(wordpressSiteUrl, "/?post_type=product&s=").concat(searchInputRef.current.value));
|
|
275
299
|
};
|
|
300
|
+
|
|
276
301
|
var handleKeyDown = function handleKeyDown(e) {
|
|
277
302
|
if (e.key === 'Enter') {
|
|
278
303
|
handleOnSearch();
|
|
279
304
|
}
|
|
280
305
|
};
|
|
306
|
+
|
|
281
307
|
React.useEffect(function () {
|
|
282
308
|
searchInputRef.current.focus();
|
|
283
309
|
}, []);
|
|
@@ -307,8 +333,8 @@
|
|
|
307
333
|
|
|
308
334
|
var HeaderDropdown = function HeaderDropdown(_ref) {
|
|
309
335
|
var currentSelectedItem = _ref.currentSelectedItem,
|
|
310
|
-
|
|
311
|
-
|
|
336
|
+
handleShowDropdown = _ref.handleShowDropdown,
|
|
337
|
+
handleHideDropdown = _ref.handleHideDropdown;
|
|
312
338
|
return /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
313
339
|
onMouseOver: handleShowDropdown,
|
|
314
340
|
onMouseOut: handleHideDropdown
|
|
@@ -325,11 +351,11 @@
|
|
|
325
351
|
|
|
326
352
|
function Navigation(_ref) {
|
|
327
353
|
var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
354
|
+
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
355
|
+
handleShowDropdown = _ref.handleShowDropdown,
|
|
356
|
+
handleHideDropdown = _ref.handleHideDropdown,
|
|
357
|
+
currentSelectedItem = _ref.currentSelectedItem,
|
|
358
|
+
desktopHeaderLinks = _ref.desktopHeaderLinks;
|
|
333
359
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
|
|
334
360
|
return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
335
361
|
key: index,
|
|
@@ -356,57 +382,68 @@
|
|
|
356
382
|
|
|
357
383
|
var RareStepDesktopHeader = function RareStepDesktopHeader(_ref) {
|
|
358
384
|
var headerLogoImgUrl = _ref.headerLogoImgUrl,
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
385
|
+
searchIconUrl = _ref.searchIconUrl,
|
|
386
|
+
cartIconUrl = _ref.cartIconUrl,
|
|
387
|
+
userIconUrl = _ref.userIconUrl,
|
|
388
|
+
interestIconUrl = _ref.interestIconUrl,
|
|
389
|
+
dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
390
|
+
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
391
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
392
|
+
closeIconUrl = _ref.closeIconUrl,
|
|
393
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
394
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
395
|
+
desktopHeaderLinks = _ref.desktopHeaderLinks,
|
|
396
|
+
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
397
|
+
handleOnCartClick = _ref.handleOnCartClick,
|
|
398
|
+
userIconDropdownContent = _ref.userIconDropdownContent;
|
|
373
399
|
var timeoutIdRef = React.useRef(null);
|
|
400
|
+
|
|
374
401
|
var _useState = React.useState(false),
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
402
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
403
|
+
showSearch = _useState2[0],
|
|
404
|
+
setShowSearch = _useState2[1];
|
|
405
|
+
|
|
378
406
|
var _useState3 = React.useState({}),
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
407
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
408
|
+
currentSelectedItem = _useState4[0],
|
|
409
|
+
setCurrentSelectedItem = _useState4[1];
|
|
410
|
+
|
|
382
411
|
var _useState5 = React.useState(false),
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
412
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
413
|
+
isUserIconDropdownContent = _useState6[0],
|
|
414
|
+
setIsUserIconDropdownContent = _useState6[1];
|
|
415
|
+
|
|
386
416
|
var userDropdownTimeoutIdRef = React.useRef(null);
|
|
417
|
+
|
|
387
418
|
var toggleSearch = function toggleSearch() {
|
|
388
419
|
setShowSearch(!showSearch);
|
|
389
420
|
};
|
|
421
|
+
|
|
390
422
|
var _handleShowDropdown = function handleShowDropdown(currentItem) {
|
|
391
423
|
clearTimeout(timeoutIdRef.current);
|
|
424
|
+
|
|
392
425
|
if (currentItem) {
|
|
393
426
|
setCurrentSelectedItem(currentItem);
|
|
394
427
|
}
|
|
395
428
|
};
|
|
429
|
+
|
|
396
430
|
var handleHideDropdown = function handleHideDropdown() {
|
|
397
431
|
timeoutIdRef.current = setTimeout(function () {
|
|
398
432
|
setCurrentSelectedItem({});
|
|
399
433
|
}, 500);
|
|
400
434
|
};
|
|
435
|
+
|
|
401
436
|
var handleShowUserDropdown = function handleShowUserDropdown() {
|
|
402
437
|
clearTimeout(userDropdownTimeoutIdRef.current);
|
|
403
438
|
setIsUserIconDropdownContent(true);
|
|
404
439
|
};
|
|
440
|
+
|
|
405
441
|
var handleHideUserDropdown = function handleHideUserDropdown() {
|
|
406
442
|
userDropdownTimeoutIdRef.current = setTimeout(function () {
|
|
407
443
|
setIsUserIconDropdownContent(false);
|
|
408
444
|
}, 500);
|
|
409
445
|
};
|
|
446
|
+
|
|
410
447
|
return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
|
|
411
448
|
className: "header__logo",
|
|
412
449
|
src: headerLogoImgUrl,
|
|
@@ -458,6 +495,7 @@
|
|
|
458
495
|
handleHideDropdown: handleHideDropdown
|
|
459
496
|
}));
|
|
460
497
|
};
|
|
498
|
+
|
|
461
499
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
462
500
|
|
|
463
501
|
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
@@ -545,27 +583,29 @@
|
|
|
545
583
|
|
|
546
584
|
var enableBodyScroll = function enableBodyScroll() {
|
|
547
585
|
var _document = document,
|
|
548
|
-
|
|
586
|
+
body = _document.body;
|
|
549
587
|
body.style.overflow = '';
|
|
550
588
|
};
|
|
551
589
|
var disableBodyScroll = function disableBodyScroll() {
|
|
552
590
|
var _document2 = document,
|
|
553
|
-
|
|
591
|
+
body = _document2.body;
|
|
554
592
|
body.style.overflow = 'hidden';
|
|
555
593
|
};
|
|
556
594
|
|
|
557
595
|
function MenuSideNav(_ref) {
|
|
558
596
|
var closeIconUrl = _ref.closeIconUrl,
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
597
|
+
children = _ref.children,
|
|
598
|
+
setShowSideNav = _ref.setShowSideNav,
|
|
599
|
+
isSubMenu = _ref.isSubMenu,
|
|
600
|
+
backIconUrl = _ref.backIconUrl,
|
|
601
|
+
sideNavClassName = _ref.sideNavClassName,
|
|
602
|
+
overlayClassName = _ref.overlayClassName;
|
|
603
|
+
|
|
565
604
|
var handleSideNavClose = function handleSideNavClose() {
|
|
566
605
|
setShowSideNav(false);
|
|
567
606
|
enableBodyScroll();
|
|
568
607
|
};
|
|
608
|
+
|
|
569
609
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(SideNavWrapper, null, /*#__PURE__*/React__default.createElement(SideNav, {
|
|
570
610
|
className: sideNavClassName
|
|
571
611
|
}, isSubMenu ? /*#__PURE__*/React__default.createElement(BackButton, {
|
|
@@ -585,18 +625,21 @@
|
|
|
585
625
|
|
|
586
626
|
function SideNavLinks(_ref) {
|
|
587
627
|
var rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
628
|
+
links = _ref.links,
|
|
629
|
+
setShowSideNavSubMenu = _ref.setShowSideNavSubMenu,
|
|
630
|
+
closeSubMenu = _ref.closeSubMenu,
|
|
631
|
+
setShowSideNav = _ref.setShowSideNav;
|
|
632
|
+
|
|
592
633
|
var handleOnLinkClick = function handleOnLinkClick(link) {
|
|
593
634
|
link.onClick();
|
|
594
635
|
closeSubMenu();
|
|
595
636
|
};
|
|
637
|
+
|
|
596
638
|
var handleToRedirectOnItem = function handleToRedirectOnItem(item) {
|
|
597
639
|
item.onClickItem();
|
|
598
640
|
setShowSideNav();
|
|
599
641
|
};
|
|
642
|
+
|
|
600
643
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
|
|
601
644
|
return /*#__PURE__*/React__default.createElement(NavigationWrapper, null, item.isButton ? /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
602
645
|
onClick: function onClick() {
|
|
@@ -654,36 +697,42 @@
|
|
|
654
697
|
|
|
655
698
|
function RareStepMobileHeader(_ref) {
|
|
656
699
|
var headerLogoImgUrl = _ref.headerLogoImgUrl,
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
700
|
+
searchIconUrl = _ref.searchIconUrl,
|
|
701
|
+
menuIconUrl = _ref.menuIconUrl,
|
|
702
|
+
cartIconUrl = _ref.cartIconUrl,
|
|
703
|
+
closeIconUrl = _ref.closeIconUrl,
|
|
704
|
+
mobileHeaderLinks = _ref.mobileHeaderLinks,
|
|
705
|
+
rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
706
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
707
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
708
|
+
backIconUrl = _ref.backIconUrl,
|
|
709
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
710
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
711
|
+
|
|
668
712
|
var _useState = React.useState(false),
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
713
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
714
|
+
showSideNav = _useState2[0],
|
|
715
|
+
setShowSideNav = _useState2[1];
|
|
716
|
+
|
|
672
717
|
var _useState3 = React.useState(false),
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
718
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
719
|
+
showSideNavSubMenu = _useState4[0],
|
|
720
|
+
setShowSideNavSubMenu = _useState4[1];
|
|
721
|
+
|
|
676
722
|
var _useState5 = React.useState(false),
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
723
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
724
|
+
showSearch = _useState6[0],
|
|
725
|
+
setShowSearch = _useState6[1];
|
|
726
|
+
|
|
680
727
|
var toggleSearch = function toggleSearch() {
|
|
681
728
|
setShowSearch(!showSearch);
|
|
682
729
|
};
|
|
730
|
+
|
|
683
731
|
var closeSubMenu = function closeSubMenu() {
|
|
684
732
|
setShowSideNav(false);
|
|
685
733
|
enableBodyScroll();
|
|
686
734
|
};
|
|
735
|
+
|
|
687
736
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(HeaderWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
688
737
|
onClick: function onClick() {
|
|
689
738
|
disableBodyScroll();
|
|
@@ -735,29 +784,30 @@
|
|
|
735
784
|
}
|
|
736
785
|
|
|
737
786
|
/** RareStep header component */
|
|
787
|
+
|
|
738
788
|
var RareStepHeader = function RareStepHeader(_ref) {
|
|
739
789
|
var headerLogoImgUrl = _ref.headerLogoImgUrl,
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
790
|
+
searchIconUrl = _ref.searchIconUrl,
|
|
791
|
+
cartIconUrl = _ref.cartIconUrl,
|
|
792
|
+
userIconUrl = _ref.userIconUrl,
|
|
793
|
+
interestIconUrl = _ref.interestIconUrl,
|
|
794
|
+
dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
795
|
+
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
796
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
797
|
+
closeIconUrl = _ref.closeIconUrl,
|
|
798
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
799
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
800
|
+
desktopHeaderWrapperClass = _ref.desktopHeaderWrapperClass,
|
|
801
|
+
menuIconUrl = _ref.menuIconUrl,
|
|
802
|
+
mobileHeaderWrapperClass = _ref.mobileHeaderWrapperClass,
|
|
803
|
+
rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
804
|
+
desktopHeaderLinks = _ref.desktopHeaderLinks,
|
|
805
|
+
mobileHeaderLinks = _ref.mobileHeaderLinks,
|
|
806
|
+
mobileCloseIconUrl = _ref.mobileCloseIconUrl,
|
|
807
|
+
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
808
|
+
backIconUrl = _ref.backIconUrl,
|
|
809
|
+
handleOnCartClick = _ref.handleOnCartClick,
|
|
810
|
+
userIconDropdownContent = _ref.userIconDropdownContent;
|
|
761
811
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
762
812
|
className: desktopHeaderWrapperClass
|
|
763
813
|
}, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
|
|
@@ -794,6 +844,7 @@
|
|
|
794
844
|
handleOnCartClick: handleOnCartClick
|
|
795
845
|
})));
|
|
796
846
|
};
|
|
847
|
+
|
|
797
848
|
RareStepHeader.defaultProps = {
|
|
798
849
|
userIconDropdownContent: null
|
|
799
850
|
};
|
package/ReactSelectWrapper.js
CHANGED
package/SecondaryButton.js
CHANGED
|
@@ -8,38 +8,66 @@
|
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
9
|
|
|
10
10
|
function _extends() {
|
|
11
|
-
|
|
12
|
-
for (var
|
|
13
|
-
var
|
|
14
|
-
|
|
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
|
+
}
|
|
19
|
+
}
|
|
15
20
|
}
|
|
16
|
-
|
|
17
|
-
|
|
21
|
+
|
|
22
|
+
return target;
|
|
23
|
+
};
|
|
24
|
+
return _extends.apply(this, arguments);
|
|
18
25
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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];
|
|
27
37
|
}
|
|
28
|
-
|
|
38
|
+
|
|
39
|
+
return target;
|
|
29
40
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
41
|
+
|
|
42
|
+
function _objectWithoutProperties(source, excluded) {
|
|
43
|
+
if (source == null) return {};
|
|
44
|
+
|
|
45
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
46
|
+
|
|
47
|
+
var key, i;
|
|
48
|
+
|
|
49
|
+
if (Object.getOwnPropertySymbols) {
|
|
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
|
+
}
|
|
36
58
|
}
|
|
37
|
-
|
|
59
|
+
|
|
60
|
+
return target;
|
|
38
61
|
}
|
|
39
|
-
|
|
40
|
-
|
|
62
|
+
|
|
63
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
64
|
+
if (!raw) {
|
|
65
|
+
raw = strings.slice(0);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
41
69
|
raw: {
|
|
42
|
-
value: Object.freeze(
|
|
70
|
+
value: Object.freeze(raw)
|
|
43
71
|
}
|
|
44
72
|
}));
|
|
45
73
|
}
|
|
@@ -113,6 +141,7 @@
|
|
|
113
141
|
});
|
|
114
142
|
|
|
115
143
|
var _excluded = ["children"];
|
|
144
|
+
|
|
116
145
|
var _templateObject$1;
|
|
117
146
|
var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _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) {
|
|
118
147
|
return props.theme.colors.ntrlMin;
|
|
@@ -127,11 +156,14 @@
|
|
|
127
156
|
}, disabledButtonStyle, function (props) {
|
|
128
157
|
return props.theme.colors.base;
|
|
129
158
|
});
|
|
159
|
+
|
|
130
160
|
var SecondaryButton = function SecondaryButton(_ref) {
|
|
131
161
|
var children = _ref.children,
|
|
132
|
-
|
|
162
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
163
|
+
|
|
133
164
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
134
165
|
};
|
|
166
|
+
|
|
135
167
|
var index = themed(SecondaryButton);
|
|
136
168
|
|
|
137
169
|
return index;
|