@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/CountryCodeSelect.js
CHANGED
|
@@ -6578,6 +6578,7 @@
|
|
|
6578
6578
|
var ReactSelectWrapper = function ReactSelectWrapper(props) {
|
|
6579
6579
|
return /*#__PURE__*/React__default.createElement(index$1, props);
|
|
6580
6580
|
};
|
|
6581
|
+
|
|
6581
6582
|
ReactSelectWrapper.defaultProps = {
|
|
6582
6583
|
isMulti: false,
|
|
6583
6584
|
isSearchable: false,
|
|
@@ -6606,15 +6607,16 @@
|
|
|
6606
6607
|
};
|
|
6607
6608
|
});
|
|
6608
6609
|
};
|
|
6610
|
+
|
|
6609
6611
|
var CountryCodeSelect = function CountryCodeSelect(_ref) {
|
|
6610
6612
|
var countryData = _ref.countryData,
|
|
6611
|
-
|
|
6612
|
-
|
|
6613
|
-
|
|
6614
|
-
|
|
6615
|
-
|
|
6616
|
-
|
|
6617
|
-
|
|
6613
|
+
className = _ref.className,
|
|
6614
|
+
classNamePrefix = _ref.classNamePrefix,
|
|
6615
|
+
defaultCountryCode = _ref.defaultCountryCode,
|
|
6616
|
+
onChange = _ref.onChange,
|
|
6617
|
+
isSearchable = _ref.isSearchable,
|
|
6618
|
+
name = _ref.name,
|
|
6619
|
+
renderNoData = _ref.renderNoData;
|
|
6618
6620
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, countryData.length ? /*#__PURE__*/React__default.createElement(ReactSelectWrapper, {
|
|
6619
6621
|
name: name,
|
|
6620
6622
|
className: className,
|
|
@@ -6627,6 +6629,7 @@
|
|
|
6627
6629
|
isSearchable: isSearchable
|
|
6628
6630
|
}) : renderNoData());
|
|
6629
6631
|
};
|
|
6632
|
+
|
|
6630
6633
|
CountryCodeSelect.defaultProps = {
|
|
6631
6634
|
isSearchable: true,
|
|
6632
6635
|
defaultCountryCode: 'ZA',
|
|
@@ -7,33 +7,56 @@
|
|
|
7
7
|
React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
|
|
8
8
|
|
|
9
9
|
function _extends() {
|
|
10
|
-
|
|
11
|
-
for (var
|
|
12
|
-
var
|
|
13
|
-
|
|
10
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
11
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
12
|
+
var source = arguments[i];
|
|
13
|
+
|
|
14
|
+
for (var key in source) {
|
|
15
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
16
|
+
target[key] = source[key];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
14
19
|
}
|
|
15
|
-
|
|
16
|
-
|
|
20
|
+
|
|
21
|
+
return target;
|
|
22
|
+
};
|
|
23
|
+
return _extends.apply(this, arguments);
|
|
17
24
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
|
|
26
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
27
|
+
if (source == null) return {};
|
|
28
|
+
var target = {};
|
|
29
|
+
var sourceKeys = Object.keys(source);
|
|
30
|
+
var key, i;
|
|
31
|
+
|
|
32
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
33
|
+
key = sourceKeys[i];
|
|
34
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
35
|
+
target[key] = source[key];
|
|
26
36
|
}
|
|
27
|
-
|
|
37
|
+
|
|
38
|
+
return target;
|
|
28
39
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
40
|
+
|
|
41
|
+
function _objectWithoutProperties(source, excluded) {
|
|
42
|
+
if (source == null) return {};
|
|
43
|
+
|
|
44
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
45
|
+
|
|
46
|
+
var key, i;
|
|
47
|
+
|
|
48
|
+
if (Object.getOwnPropertySymbols) {
|
|
49
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
50
|
+
|
|
51
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
52
|
+
key = sourceSymbolKeys[i];
|
|
53
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
54
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
55
|
+
target[key] = source[key];
|
|
56
|
+
}
|
|
35
57
|
}
|
|
36
|
-
|
|
58
|
+
|
|
59
|
+
return target;
|
|
37
60
|
}
|
|
38
61
|
|
|
39
62
|
var _excluded = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
|
|
@@ -41,28 +64,31 @@
|
|
|
41
64
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
42
65
|
return value.replace(/\D/g, '');
|
|
43
66
|
};
|
|
44
|
-
|
|
45
67
|
/**
|
|
46
68
|
* Currency Input which formats the value to a specific format
|
|
47
69
|
*/
|
|
70
|
+
|
|
48
71
|
var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
|
|
49
72
|
var value = _ref.value,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
73
|
+
onChange = _ref.onChange,
|
|
74
|
+
prefix = _ref.prefix,
|
|
75
|
+
allowNegativeValue = _ref.allowNegativeValue,
|
|
76
|
+
groupSeparator = _ref.groupSeparator,
|
|
77
|
+
decimalSeparator = _ref.decimalSeparator,
|
|
78
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
79
|
+
|
|
56
80
|
var handleValueChange = function handleValueChange(event) {
|
|
57
81
|
var inputValue = event.target.value;
|
|
58
82
|
var unmaskedValue = unMask(inputValue);
|
|
59
83
|
onChange(unmaskedValue);
|
|
60
84
|
};
|
|
85
|
+
|
|
61
86
|
var formatCurrency = function formatCurrency(originalValue) {
|
|
62
87
|
var numericValue = Number(originalValue);
|
|
63
88
|
var formattedValue = numericValue.toLocaleString('en-US');
|
|
64
89
|
return prefix + formattedValue;
|
|
65
90
|
};
|
|
91
|
+
|
|
66
92
|
var formattedValue = formatCurrency(value);
|
|
67
93
|
return /*#__PURE__*/React.createElement("input", _extends({}, rest, {
|
|
68
94
|
type: "text",
|
|
@@ -70,6 +96,7 @@
|
|
|
70
96
|
onChange: handleValueChange
|
|
71
97
|
}));
|
|
72
98
|
};
|
|
99
|
+
|
|
73
100
|
CurrencyInputFormatter.defaultProps = {
|
|
74
101
|
value: '',
|
|
75
102
|
prefix: 'R',
|
package/CurrencySelect.js
CHANGED
|
@@ -8,25 +8,37 @@
|
|
|
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
|
}
|
|
26
38
|
|
|
27
39
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
28
|
-
|
|
29
40
|
/* position relative is required for the Body element to be positioned correctly */
|
|
41
|
+
|
|
30
42
|
var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
31
43
|
var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
|
|
32
44
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
@@ -40,31 +52,40 @@
|
|
|
40
52
|
};
|
|
41
53
|
|
|
42
54
|
var _templateObject$1;
|
|
55
|
+
|
|
43
56
|
var getBodyStyle = function getBodyStyle() {
|
|
44
57
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
45
58
|
var _props$toolTipPositio = props.toolTipPosition,
|
|
46
|
-
|
|
59
|
+
toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
|
|
60
|
+
|
|
47
61
|
switch (toolTipPosition) {
|
|
48
62
|
case 'top':
|
|
49
63
|
return topMiddleBodyStyle;
|
|
64
|
+
|
|
50
65
|
case 'bottom':
|
|
51
66
|
return getBottomMiddleBodyStyle(props);
|
|
67
|
+
|
|
52
68
|
default:
|
|
53
69
|
return null;
|
|
54
70
|
}
|
|
55
71
|
};
|
|
72
|
+
|
|
56
73
|
var getAfterStyling = function getAfterStyling() {
|
|
57
74
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
58
75
|
var toolTipPosition = props.toolTipPosition;
|
|
76
|
+
|
|
59
77
|
switch (toolTipPosition) {
|
|
60
78
|
case 'top':
|
|
61
79
|
return getTopMiddleArrowAfterStyle(props);
|
|
80
|
+
|
|
62
81
|
case 'bottom':
|
|
63
82
|
return getBottomMiddleArrowAfterStyle(props);
|
|
83
|
+
|
|
64
84
|
default:
|
|
65
85
|
return '';
|
|
66
86
|
}
|
|
67
87
|
};
|
|
88
|
+
|
|
68
89
|
var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
|
|
69
90
|
return props.bodyWidth;
|
|
70
91
|
}, function (props) {
|
|
@@ -144,12 +165,12 @@
|
|
|
144
165
|
|
|
145
166
|
var Tooltip = function Tooltip(_ref) {
|
|
146
167
|
var children = _ref.children,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
168
|
+
toolTipText = _ref.toolTipText,
|
|
169
|
+
toolTipPosition = _ref.toolTipPosition,
|
|
170
|
+
bodyWidth = _ref.bodyWidth,
|
|
171
|
+
apexWidth = _ref.apexWidth,
|
|
172
|
+
containerClassName = _ref.containerClassName,
|
|
173
|
+
bodyClassName = _ref.bodyClassName;
|
|
153
174
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
154
175
|
className: containerClassName
|
|
155
176
|
}, children, /*#__PURE__*/React__default.createElement(Body, {
|
|
@@ -159,6 +180,7 @@
|
|
|
159
180
|
className: bodyClassName
|
|
160
181
|
}, toolTipText));
|
|
161
182
|
};
|
|
183
|
+
|
|
162
184
|
Tooltip.defaultProps = {
|
|
163
185
|
children: null,
|
|
164
186
|
toolTipText: '',
|
|
@@ -172,21 +194,25 @@
|
|
|
172
194
|
|
|
173
195
|
var CurrencySelect = function CurrencySelect(_ref) {
|
|
174
196
|
var currency = _ref.currency,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
197
|
+
currencyOptions = _ref.currencyOptions,
|
|
198
|
+
onCurrencyChange = _ref.onCurrencyChange,
|
|
199
|
+
_ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
|
|
200
|
+
isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
|
|
201
|
+
_ref$tooltipContent = _ref.tooltipContent,
|
|
202
|
+
tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
|
|
203
|
+
|
|
181
204
|
if (!currencyOptions || currencyOptions.length === 0) {
|
|
182
205
|
return null;
|
|
183
206
|
}
|
|
207
|
+
|
|
184
208
|
var selectedOption = currencyOptions.find(function (opt) {
|
|
185
209
|
return opt.value === currency;
|
|
186
210
|
});
|
|
211
|
+
|
|
187
212
|
if (!selectedOption) {
|
|
188
213
|
return null;
|
|
189
214
|
}
|
|
215
|
+
|
|
190
216
|
return /*#__PURE__*/React__default.createElement(Tooltip$1, {
|
|
191
217
|
toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
|
|
192
218
|
toolTipPosition: "bottom",
|
package/GALink.js
CHANGED
|
@@ -7,13 +7,20 @@
|
|
|
7
7
|
React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
|
|
8
8
|
|
|
9
9
|
function _extends() {
|
|
10
|
-
|
|
11
|
-
for (var
|
|
12
|
-
var
|
|
13
|
-
|
|
10
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
11
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
12
|
+
var source = arguments[i];
|
|
13
|
+
|
|
14
|
+
for (var key in source) {
|
|
15
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
16
|
+
target[key] = source[key];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
14
19
|
}
|
|
15
|
-
|
|
16
|
-
|
|
20
|
+
|
|
21
|
+
return target;
|
|
22
|
+
};
|
|
23
|
+
return _extends.apply(this, arguments);
|
|
17
24
|
}
|
|
18
25
|
|
|
19
26
|
var Event = function Event(instance, track) {
|
|
@@ -21,6 +28,7 @@
|
|
|
21
28
|
var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
22
29
|
var label = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
|
|
23
30
|
var value = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
|
|
31
|
+
|
|
24
32
|
if (track) {
|
|
25
33
|
instance.event({
|
|
26
34
|
category: category,
|
|
@@ -34,10 +42,12 @@
|
|
|
34
42
|
var GALink = function GALink(props) {
|
|
35
43
|
var gaOnClick = function gaOnClick(event) {
|
|
36
44
|
Event(props.instance, props.track, 'Link', "Click on ".concat(props.href), props.label);
|
|
45
|
+
|
|
37
46
|
if (typeof props.onClick === 'function') {
|
|
38
47
|
props.onClick(event);
|
|
39
48
|
}
|
|
40
49
|
};
|
|
50
|
+
|
|
41
51
|
return /*#__PURE__*/React.createElement("a", _extends({
|
|
42
52
|
href: "/"
|
|
43
53
|
}, props, {
|