@bonlineza/luxity-lib 2.34.1 → 2.34.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.js +76 -116
- package/AddInterest.js +434 -768
- package/BrandSelector.js +176 -336
- package/Checkbox.js +68 -101
- package/CheckboxButton.js +79 -124
- package/CommunicationPreferenceOptionsRenderer.js +107 -125
- package/CommunicationPreferenceSection.js +114 -134
- package/CommunicationPreferences.js +443 -339
- package/CountryCodeSelect.js +7 -10
- package/CurrencyInputFormatter.js +29 -56
- package/CurrencySelect.js +188 -19
- package/GALink.js +6 -16
- package/GenderSelector.js +88 -142
- package/GraphQLDropdownSelector.js +505 -939
- package/GraphQLMultiSelector.js +141 -274
- package/IconHeader.js +11 -25
- package/IconWrapper.js +3 -7
- package/InterestCatSelector.js +34 -74
- package/InterestItem.js +103 -187
- package/Interests.js +485 -890
- package/InterestsSubheading.js +5 -10
- package/InvertedTextButton.js +27 -63
- package/LuxityAppSideNav.js +18 -21
- package/LuxityDesktopHeader.js +360 -211
- package/LuxityFooter.js +464 -260
- package/LuxityGraphQLDropdownSelector.js +519 -969
- package/LuxityGraphQLMultiselector.js +167 -321
- package/LuxityMobileHeader.js +453 -283
- package/LuxityPageReady.js +74 -136
- package/LuxitySideNav.js +355 -159
- package/MaterialSelector.js +525 -976
- package/ModelSelector.js +525 -976
- package/NotificationDropDown.js +111 -209
- package/Notify.js +0 -1
- package/OutlinePrimaryButton.js +26 -58
- package/PriceRangeSelector.js +168 -281
- package/PrimaryButton.js +26 -58
- package/RadioButtons.js +114 -140
- package/RangeSlider.js +152 -242
- package/RareStepFooter.js +27 -41
- package/RareStepHeader.js +139 -190
- package/ReactSelectWrapper.js +0 -1
- package/SecondaryButton.js +26 -58
- package/ShoeSizeRangeSelector.js +162 -260
- package/ShoeSizeSelector.js +158 -263
- package/SimpleErrorBoundary.js +59 -106
- package/StyleSelector.js +176 -336
- package/TextButton.js +26 -58
- package/Tooltip.js +17 -39
- package/Tracking.js +0 -1
- package/WrapperButton.js +20 -43
- package/build/bundle.css +1 -1
- package/build/bundle.js +1321 -1697
- package/package.json +1 -1
- package/svg/Accessories.js +6 -13
- package/svg/Account.js +6 -13
- package/svg/Add.js +6 -13
- package/svg/ArrowRight.js +6 -13
- package/svg/Bags.js +6 -13
- package/svg/BurgerMenu.js +6 -13
- package/svg/Calendar.js +6 -13
- package/svg/CalendarCircled.js +6 -13
- package/svg/CheckCircled.js +6 -13
- package/svg/Close.js +6 -13
- package/svg/Clothing.js +6 -13
- package/svg/Dot.js +6 -13
- package/svg/Edit.js +6 -13
- package/svg/Eye.js +6 -13
- package/svg/FileAttach.js +6 -13
- package/svg/FileAttachCircled.js +6 -13
- package/svg/LightBulb.js +6 -13
- package/svg/Logo.js +6 -13
- package/svg/LuxityMenu.js +6 -13
- package/svg/Minus.js +6 -13
- package/svg/MobileAvatar.js +6 -13
- package/svg/MyOrder.js +6 -13
- package/svg/MyPayment.js +6 -13
- package/svg/MyProfile.js +8 -14
- package/svg/MySale.js +6 -13
- package/svg/Notification.js +6 -13
- package/svg/PointerDown.js +6 -13
- package/svg/Search.js +6 -13
- package/svg/Shoes.js +6 -13
- package/svg/SvgWrapper.js +3 -7
- package/svg/Trash.js +6 -13
- package/svg/Watches.js +6 -13
package/IconHeader.js
CHANGED
|
@@ -8,30 +8,18 @@
|
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
9
|
|
|
10
10
|
function _extends() {
|
|
11
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
12
|
-
for (var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
for (var key in source) {
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
11
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
12
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
13
|
+
var t = arguments[e];
|
|
14
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
20
15
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
16
|
+
return n;
|
|
17
|
+
}, _extends.apply(null, arguments);
|
|
25
18
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
if (!raw) {
|
|
29
|
-
raw = strings.slice(0);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
19
|
+
function _taggedTemplateLiteral(e, t) {
|
|
20
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
33
21
|
raw: {
|
|
34
|
-
value: Object.freeze(
|
|
22
|
+
value: Object.freeze(t)
|
|
35
23
|
}
|
|
36
24
|
}));
|
|
37
25
|
}
|
|
@@ -111,21 +99,19 @@
|
|
|
111
99
|
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) {
|
|
112
100
|
return props.theme.marginPaddings[1];
|
|
113
101
|
});
|
|
114
|
-
|
|
115
102
|
/**
|
|
116
103
|
* IconHeader can render the standard Luxity Page/Section Header nodes with SVG
|
|
117
104
|
*/
|
|
118
105
|
var IconHeader = function IconHeader(_ref) {
|
|
119
106
|
var title = _ref.title,
|
|
120
|
-
|
|
121
|
-
|
|
107
|
+
SvgComponent = _ref.svgComponent,
|
|
108
|
+
renderAppendage = _ref.renderAppendage;
|
|
122
109
|
return /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement("div", {
|
|
123
110
|
className: "icon-header__left"
|
|
124
111
|
}, /*#__PURE__*/React__default.createElement(SvgComponent, null), title), /*#__PURE__*/React__default.createElement("div", {
|
|
125
112
|
className: "icon-header__right"
|
|
126
113
|
}, renderAppendage && renderAppendage()));
|
|
127
114
|
};
|
|
128
|
-
|
|
129
115
|
IconHeader.defaultProps = {
|
|
130
116
|
title: '',
|
|
131
117
|
svgComponent: function svgComponent() {
|
package/IconWrapper.js
CHANGED
|
@@ -6,14 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;
|
|
8
8
|
|
|
9
|
-
function _taggedTemplateLiteral(
|
|
10
|
-
|
|
11
|
-
raw = strings.slice(0);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
9
|
+
function _taggedTemplateLiteral(e, t) {
|
|
10
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
15
11
|
raw: {
|
|
16
|
-
value: Object.freeze(
|
|
12
|
+
value: Object.freeze(t)
|
|
17
13
|
}
|
|
18
14
|
}));
|
|
19
15
|
}
|
package/InterestCatSelector.js
CHANGED
|
@@ -8,66 +8,38 @@
|
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
9
|
|
|
10
10
|
function _extends() {
|
|
11
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
12
|
-
for (var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
for (var key in source) {
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
11
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
12
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
13
|
+
var t = arguments[e];
|
|
14
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
20
15
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
25
|
-
}
|
|
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;
|
|
16
|
+
return n;
|
|
17
|
+
}, _extends.apply(null, arguments);
|
|
40
18
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
var key, i;
|
|
48
|
-
|
|
19
|
+
function _objectWithoutProperties(e, t) {
|
|
20
|
+
if (null == e) return {};
|
|
21
|
+
var o,
|
|
22
|
+
r,
|
|
23
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
49
24
|
if (Object.getOwnPropertySymbols) {
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
53
|
-
key = sourceSymbolKeys[i];
|
|
54
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
55
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
56
|
-
target[key] = source[key];
|
|
57
|
-
}
|
|
25
|
+
var s = Object.getOwnPropertySymbols(e);
|
|
26
|
+
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
58
27
|
}
|
|
59
|
-
|
|
60
|
-
return target;
|
|
28
|
+
return i;
|
|
61
29
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
30
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
31
|
+
if (null == r) return {};
|
|
32
|
+
var t = {};
|
|
33
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
34
|
+
if (e.includes(n)) continue;
|
|
35
|
+
t[n] = r[n];
|
|
66
36
|
}
|
|
67
|
-
|
|
68
|
-
|
|
37
|
+
return t;
|
|
38
|
+
}
|
|
39
|
+
function _taggedTemplateLiteral(e, t) {
|
|
40
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
69
41
|
raw: {
|
|
70
|
-
value: Object.freeze(
|
|
42
|
+
value: Object.freeze(t)
|
|
71
43
|
}
|
|
72
44
|
}));
|
|
73
45
|
}
|
|
@@ -110,23 +82,23 @@
|
|
|
110
82
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
111
83
|
}, function (_ref) {
|
|
112
84
|
var isChecked = _ref.isChecked,
|
|
113
|
-
|
|
85
|
+
theme = _ref.theme;
|
|
114
86
|
return isChecked ? theme.colors.primary : theme.colors.gray;
|
|
115
87
|
}, function (_ref2) {
|
|
116
88
|
var isChecked = _ref2.isChecked,
|
|
117
|
-
|
|
89
|
+
theme = _ref2.theme;
|
|
118
90
|
return isChecked ? 'white' : theme.colors.base;
|
|
119
91
|
}, function (_ref3) {
|
|
120
92
|
var isChecked = _ref3.isChecked,
|
|
121
|
-
|
|
93
|
+
theme = _ref3.theme;
|
|
122
94
|
return isChecked ? theme.colors.ntrlMin : theme.colors.primary;
|
|
123
95
|
}, function (_ref4) {
|
|
124
96
|
var isChecked = _ref4.isChecked,
|
|
125
|
-
|
|
97
|
+
theme = _ref4.theme;
|
|
126
98
|
return isChecked ? 'white' : theme.colors.base;
|
|
127
99
|
}, function (_ref5) {
|
|
128
100
|
var isChecked = _ref5.isChecked,
|
|
129
|
-
|
|
101
|
+
theme = _ref5.theme;
|
|
130
102
|
return isChecked ? theme.colors.primary : 'white';
|
|
131
103
|
}, media.sm, function (props) {
|
|
132
104
|
return props.theme.marginPaddings[2];
|
|
@@ -345,56 +317,45 @@
|
|
|
345
317
|
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"])));
|
|
346
318
|
|
|
347
319
|
var _excluded = ["children"];
|
|
348
|
-
|
|
349
320
|
var _templateObject$4;
|
|
350
321
|
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
|
-
|
|
352
322
|
var WrapperButton = function WrapperButton(_ref) {
|
|
353
323
|
var children = _ref.children,
|
|
354
|
-
|
|
355
|
-
|
|
324
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
356
325
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
357
326
|
};
|
|
358
327
|
|
|
359
328
|
var _templateObject$5, _templateObject2$1;
|
|
360
329
|
var categories = catArray;
|
|
361
|
-
|
|
362
330
|
var getSvg = function getSvg() {
|
|
363
331
|
var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
364
|
-
|
|
365
332
|
switch (category) {
|
|
366
333
|
case interestCategories.BAGS:
|
|
367
334
|
return /*#__PURE__*/React__default.createElement(Bags, null);
|
|
368
|
-
|
|
369
335
|
case interestCategories.SHOES:
|
|
370
336
|
return /*#__PURE__*/React__default.createElement(Shoes, null);
|
|
371
|
-
|
|
372
337
|
case interestCategories.APPAREL:
|
|
373
338
|
return /*#__PURE__*/React__default.createElement(Clothing, null);
|
|
374
|
-
|
|
375
339
|
case interestCategories.ACCESSORIES:
|
|
376
340
|
return /*#__PURE__*/React__default.createElement(Accessories, null);
|
|
377
|
-
|
|
378
341
|
case interestCategories.WATCHES:
|
|
379
342
|
return /*#__PURE__*/React__default.createElement(Watches, null);
|
|
380
|
-
|
|
381
343
|
default:
|
|
382
344
|
return null;
|
|
383
345
|
}
|
|
384
346
|
};
|
|
385
|
-
|
|
386
347
|
var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
387
348
|
return props.theme.marginPaddings[5];
|
|
388
349
|
});
|
|
389
350
|
var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
351
|
+
|
|
390
352
|
/**
|
|
391
353
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
392
354
|
*/
|
|
393
|
-
|
|
394
355
|
var InterestCatSelector = function InterestCatSelector(_ref) {
|
|
395
356
|
var onCategoryChange = _ref.onCategoryChange,
|
|
396
|
-
|
|
397
|
-
|
|
357
|
+
errorMessage = _ref.errorMessage,
|
|
358
|
+
category = _ref.category;
|
|
398
359
|
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
|
|
399
360
|
return /*#__PURE__*/React__default.createElement(WrapperButton, {
|
|
400
361
|
key: "cat-".concat(index),
|
|
@@ -409,7 +370,6 @@
|
|
|
409
370
|
}, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
|
|
410
371
|
})), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
|
|
411
372
|
};
|
|
412
|
-
|
|
413
373
|
InterestCatSelector.defaultProps = {
|
|
414
374
|
errorMessage: '',
|
|
415
375
|
category: null,
|