@bonlineza/luxity-lib 2.34.2 → 2.34.4
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 +246 -189
- package/LuxityFooter.js +276 -374
- package/LuxityGraphQLDropdownSelector.js +969 -519
- package/LuxityGraphQLMultiselector.js +321 -167
- package/LuxityMobileHeader.js +534 -219
- package/LuxityPageReady.js +136 -74
- package/LuxitySideNav.js +402 -137
- 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/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 +1701 -1254
- 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/IconHeader.js
CHANGED
|
@@ -8,18 +8,30 @@
|
|
|
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
|
-
|
|
26
|
+
|
|
27
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
28
|
+
if (!raw) {
|
|
29
|
+
raw = strings.slice(0);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
21
33
|
raw: {
|
|
22
|
-
value: Object.freeze(
|
|
34
|
+
value: Object.freeze(raw)
|
|
23
35
|
}
|
|
24
36
|
}));
|
|
25
37
|
}
|
|
@@ -99,19 +111,21 @@
|
|
|
99
111
|
var StyledHeader = styled__default.h5(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n }\n"])), media.sm, media.sm, function (props) {
|
|
100
112
|
return props.theme.marginPaddings[1];
|
|
101
113
|
});
|
|
114
|
+
|
|
102
115
|
/**
|
|
103
116
|
* IconHeader can render the standard Luxity Page/Section Header nodes with SVG
|
|
104
117
|
*/
|
|
105
118
|
var IconHeader = function IconHeader(_ref) {
|
|
106
119
|
var title = _ref.title,
|
|
107
|
-
|
|
108
|
-
|
|
120
|
+
SvgComponent = _ref.svgComponent,
|
|
121
|
+
renderAppendage = _ref.renderAppendage;
|
|
109
122
|
return /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement("div", {
|
|
110
123
|
className: "icon-header__left"
|
|
111
124
|
}, /*#__PURE__*/React__default.createElement(SvgComponent, null), title), /*#__PURE__*/React__default.createElement("div", {
|
|
112
125
|
className: "icon-header__right"
|
|
113
126
|
}, renderAppendage && renderAppendage()));
|
|
114
127
|
};
|
|
128
|
+
|
|
115
129
|
IconHeader.defaultProps = {
|
|
116
130
|
title: '',
|
|
117
131
|
svgComponent: function svgComponent() {
|
package/IconWrapper.js
CHANGED
|
@@ -6,10 +6,14 @@
|
|
|
6
6
|
|
|
7
7
|
styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;
|
|
8
8
|
|
|
9
|
-
function _taggedTemplateLiteral(
|
|
10
|
-
|
|
9
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
10
|
+
if (!raw) {
|
|
11
|
+
raw = strings.slice(0);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
11
15
|
raw: {
|
|
12
|
-
value: Object.freeze(
|
|
16
|
+
value: Object.freeze(raw)
|
|
13
17
|
}
|
|
14
18
|
}));
|
|
15
19
|
}
|
package/InterestCatSelector.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
|
}
|
|
@@ -82,23 +110,23 @@
|
|
|
82
110
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
83
111
|
}, function (_ref) {
|
|
84
112
|
var isChecked = _ref.isChecked,
|
|
85
|
-
|
|
113
|
+
theme = _ref.theme;
|
|
86
114
|
return isChecked ? theme.colors.primary : theme.colors.gray;
|
|
87
115
|
}, function (_ref2) {
|
|
88
116
|
var isChecked = _ref2.isChecked,
|
|
89
|
-
|
|
117
|
+
theme = _ref2.theme;
|
|
90
118
|
return isChecked ? 'white' : theme.colors.base;
|
|
91
119
|
}, function (_ref3) {
|
|
92
120
|
var isChecked = _ref3.isChecked,
|
|
93
|
-
|
|
121
|
+
theme = _ref3.theme;
|
|
94
122
|
return isChecked ? theme.colors.ntrlMin : theme.colors.primary;
|
|
95
123
|
}, function (_ref4) {
|
|
96
124
|
var isChecked = _ref4.isChecked,
|
|
97
|
-
|
|
125
|
+
theme = _ref4.theme;
|
|
98
126
|
return isChecked ? 'white' : theme.colors.base;
|
|
99
127
|
}, function (_ref5) {
|
|
100
128
|
var isChecked = _ref5.isChecked,
|
|
101
|
-
|
|
129
|
+
theme = _ref5.theme;
|
|
102
130
|
return isChecked ? theme.colors.primary : 'white';
|
|
103
131
|
}, media.sm, function (props) {
|
|
104
132
|
return props.theme.marginPaddings[2];
|
|
@@ -317,45 +345,56 @@
|
|
|
317
345
|
var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _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"])));
|
|
318
346
|
|
|
319
347
|
var _excluded = ["children"];
|
|
348
|
+
|
|
320
349
|
var _templateObject$4;
|
|
321
350
|
var Button = styled__default.button(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
|
|
351
|
+
|
|
322
352
|
var WrapperButton = function WrapperButton(_ref) {
|
|
323
353
|
var children = _ref.children,
|
|
324
|
-
|
|
354
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
355
|
+
|
|
325
356
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
326
357
|
};
|
|
327
358
|
|
|
328
359
|
var _templateObject$5, _templateObject2$1;
|
|
329
360
|
var categories = catArray;
|
|
361
|
+
|
|
330
362
|
var getSvg = function getSvg() {
|
|
331
363
|
var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
364
|
+
|
|
332
365
|
switch (category) {
|
|
333
366
|
case interestCategories.BAGS:
|
|
334
367
|
return /*#__PURE__*/React__default.createElement(Bags, null);
|
|
368
|
+
|
|
335
369
|
case interestCategories.SHOES:
|
|
336
370
|
return /*#__PURE__*/React__default.createElement(Shoes, null);
|
|
371
|
+
|
|
337
372
|
case interestCategories.APPAREL:
|
|
338
373
|
return /*#__PURE__*/React__default.createElement(Clothing, null);
|
|
374
|
+
|
|
339
375
|
case interestCategories.ACCESSORIES:
|
|
340
376
|
return /*#__PURE__*/React__default.createElement(Accessories, null);
|
|
377
|
+
|
|
341
378
|
case interestCategories.WATCHES:
|
|
342
379
|
return /*#__PURE__*/React__default.createElement(Watches, null);
|
|
380
|
+
|
|
343
381
|
default:
|
|
344
382
|
return null;
|
|
345
383
|
}
|
|
346
384
|
};
|
|
385
|
+
|
|
347
386
|
var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
348
387
|
return props.theme.marginPaddings[5];
|
|
349
388
|
});
|
|
350
389
|
var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
351
|
-
|
|
352
390
|
/**
|
|
353
391
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
354
392
|
*/
|
|
393
|
+
|
|
355
394
|
var InterestCatSelector = function InterestCatSelector(_ref) {
|
|
356
395
|
var onCategoryChange = _ref.onCategoryChange,
|
|
357
|
-
|
|
358
|
-
|
|
396
|
+
errorMessage = _ref.errorMessage,
|
|
397
|
+
category = _ref.category;
|
|
359
398
|
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
|
|
360
399
|
return /*#__PURE__*/React__default.createElement(WrapperButton, {
|
|
361
400
|
key: "cat-".concat(index),
|
|
@@ -370,6 +409,7 @@
|
|
|
370
409
|
}, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
|
|
371
410
|
})), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
|
|
372
411
|
};
|
|
412
|
+
|
|
373
413
|
InterestCatSelector.defaultProps = {
|
|
374
414
|
errorMessage: '',
|
|
375
415
|
category: null,
|