@bonlineza/luxity-lib 2.39.4 → 2.39.6

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.
Files changed (96) hide show
  1. package/Accordion.js +342 -352
  2. package/AddInterest.js +3109 -3068
  3. package/AddProductInterest.js +999 -7572
  4. package/BrandSelector.js +854 -861
  5. package/Checkbox.js +240 -250
  6. package/CheckboxButton.js +229 -236
  7. package/CommunicationPreferenceOptionsRenderer.js +560 -568
  8. package/CommunicationPreferenceSection.js +651 -659
  9. package/CommunicationPreferences.js +2394 -2402
  10. package/ConditionSelector.js +852 -859
  11. package/CountryCodeSelect.js +79 -6650
  12. package/CurrencyInputFormatter.js +86 -96
  13. package/CurrencySelect.js +219 -227
  14. package/DropdownSelector.js +212 -6821
  15. package/GALink.js +43 -51
  16. package/GenderSelector.js +355 -362
  17. package/GraphQLDropdownSelector.js +5308 -11832
  18. package/GraphQLMultiSelector.js +593 -601
  19. package/IconHeader.js +118 -126
  20. package/IconWrapper.js +17 -25
  21. package/InterestCatSelector.js +424 -389
  22. package/InterestItem.js +462 -469
  23. package/Interests.js +4719 -11243
  24. package/InterestsSubheading.js +33 -41
  25. package/InvertedTextButton.js +167 -175
  26. package/LuxityAppSideNav.js +181 -189
  27. package/LuxityDesktopHeader.js +1355 -1363
  28. package/LuxityFooter.js +2228 -2236
  29. package/LuxityGraphQLDropdownSelector.js +5395 -11919
  30. package/LuxityGraphQLMultiselector.js +778 -785
  31. package/LuxityMobileHeader.js +1786 -1794
  32. package/LuxityPageReady.js +199 -209
  33. package/LuxityProductInterestItem.js +359 -367
  34. package/LuxitySideNav.js +665 -673
  35. package/MaterialSelector.js +5430 -11954
  36. package/ModelSelector.js +5430 -11954
  37. package/NotificationDropDown.js +459 -7030
  38. package/Notify.js +20 -32
  39. package/OutlinePrimaryButton.js +134 -142
  40. package/PriceRangeSelector.js +1264 -1265
  41. package/PrimaryButton.js +129 -137
  42. package/RadioButtons.js +308 -318
  43. package/RangeSlider.js +1033 -1039
  44. package/RareStepFooter.js +257 -264
  45. package/RareStepHeader.js +801 -808
  46. package/ReactSelectWrapper.js +33 -6604
  47. package/SecondaryButton.js +144 -152
  48. package/ShoeSizeRangeSelector.js +1147 -1153
  49. package/ShoeSizeSelector.js +1146 -1154
  50. package/SimpleErrorBoundary.js +130 -138
  51. package/StyleSelector.js +854 -861
  52. package/TestComponent.js +15 -0
  53. package/TextButton.js +135 -143
  54. package/Tooltip.js +176 -184
  55. package/Tracking.js +15 -25
  56. package/WrapperButton.js +50 -58
  57. package/build/CountryCodeSelect/index.js +18 -0
  58. package/build/ReactSelectWrapper/index.js +34 -0
  59. package/build/bundle.css +1 -1
  60. package/build/bundle.js +10634 -17192
  61. package/build/constants.js +32 -43
  62. package/package.json +2 -2
  63. package/postcss.config.js +6 -0
  64. package/svg/Accessories.js +34 -42
  65. package/svg/Account.js +30 -38
  66. package/svg/Add.js +31 -39
  67. package/svg/ArrowRight.js +28 -36
  68. package/svg/Bags.js +40 -48
  69. package/svg/BurgerMenu.js +24 -32
  70. package/svg/Calendar.js +98 -106
  71. package/svg/CalendarCircled.js +100 -108
  72. package/svg/CheckCircled.js +32 -40
  73. package/svg/Close.js +29 -37
  74. package/svg/Clothing.js +36 -44
  75. package/svg/Dot.js +32 -40
  76. package/svg/Edit.js +27 -35
  77. package/svg/Eye.js +28 -36
  78. package/svg/FileAttach.js +28 -36
  79. package/svg/FileAttachCircled.js +30 -38
  80. package/svg/Jewellery.js +56 -0
  81. package/svg/LightBulb.js +58 -66
  82. package/svg/Logo.js +132 -140
  83. package/svg/LuxityMenu.js +28 -36
  84. package/svg/Minus.js +29 -37
  85. package/svg/MobileAvatar.js +28 -36
  86. package/svg/MyOrder.js +36 -44
  87. package/svg/MyPayment.js +36 -44
  88. package/svg/MyProfile.js +44 -52
  89. package/svg/MySale.js +31 -39
  90. package/svg/Notification.js +30 -38
  91. package/svg/PointerDown.js +28 -36
  92. package/svg/Search.js +27 -35
  93. package/svg/Shoes.js +37 -45
  94. package/svg/SvgWrapper.js +13 -21
  95. package/svg/Trash.js +32 -40
  96. package/svg/Watches.js +47 -55
package/Notify.js CHANGED
@@ -1,35 +1,23 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react-notify-toast'), require('react')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'react-notify-toast', 'react'], factory) :
4
- (global = global || self, factory(global.Notify = {}, global['react-notify-toast'], global.React));
5
- }(this, (function (exports, Notifications, React) { 'use strict';
1
+ import Notifications, { notify } from 'react-notify-toast';
2
+ import React from 'react';
6
3
 
7
- var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
8
- React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
4
+ var defaultNotifyTime = 5000;
5
+ var success = function success(message) {
6
+ notify.show(message, 'success', defaultNotifyTime);
7
+ };
8
+ var error = function error(message) {
9
+ notify.show(message, 'error', defaultNotifyTime);
10
+ };
11
+ var warning = function warning(message) {
12
+ notify.show(message, 'warning', defaultNotifyTime);
13
+ };
14
+ /**
15
+ * It represents the React Component that contains the notifications.
16
+ * */
9
17
 
10
- var defaultNotifyTime = 5000;
11
- var success = function success(message) {
12
- Notifications.notify.show(message, 'success', defaultNotifyTime);
13
- };
14
- var error = function error(message) {
15
- Notifications.notify.show(message, 'error', defaultNotifyTime);
16
- };
17
- var warning = function warning(message) {
18
- Notifications.notify.show(message, 'warning', defaultNotifyTime);
19
- };
20
- /**
21
- * It represents the React Component that contains the notifications.
22
- * */
18
+ var LuxityNotifications = function LuxityNotifications(props) {
19
+ return /*#__PURE__*/React.createElement(Notifications, props);
20
+ };
23
21
 
24
- var LuxityNotifications = function LuxityNotifications(props) {
25
- return /*#__PURE__*/React.createElement(Notifications__default, props);
26
- };
27
-
28
- exports.default = LuxityNotifications;
29
- exports.error = error;
30
- exports.success = success;
31
- exports.warning = warning;
32
-
33
- Object.defineProperty(exports, '__esModule', { value: true });
34
-
35
- })));
22
+ export default LuxityNotifications;
23
+ export { error, success, warning };
@@ -1,167 +1,159 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
3
- typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
4
- (global = global || self, global.OutlinePrimaryButton = factory(global.React, global.styled));
5
- }(this, (function (React, styled) { 'use strict';
6
-
7
- var React__default = 'default' in React ? React['default'] : React;
8
- var styled__default = 'default' in styled ? styled['default'] : styled;
9
-
10
- function _extends() {
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
- }
20
- }
21
-
22
- return target;
23
- };
24
- return _extends.apply(this, arguments);
25
- }
1
+ import React, { forwardRef } from 'react';
2
+ import styled, { css, ThemeProvider } from 'styled-components';
26
3
 
27
- function _objectWithoutPropertiesLoose(source, excluded) {
28
- if (source == null) return {};
29
- var target = {};
30
- var sourceKeys = Object.keys(source);
31
- var key, i;
4
+ function _extends() {
5
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
6
+ for (var i = 1; i < arguments.length; i++) {
7
+ var source = arguments[i];
32
8
 
33
- for (i = 0; i < sourceKeys.length; i++) {
34
- key = sourceKeys[i];
35
- if (excluded.indexOf(key) >= 0) continue;
36
- target[key] = source[key];
9
+ for (var key in source) {
10
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
11
+ target[key] = source[key];
12
+ }
13
+ }
37
14
  }
38
15
 
39
16
  return target;
17
+ };
18
+ return _extends.apply(this, arguments);
19
+ }
20
+
21
+ function _objectWithoutPropertiesLoose(source, excluded) {
22
+ if (source == null) return {};
23
+ var target = {};
24
+ var sourceKeys = Object.keys(source);
25
+ var key, i;
26
+
27
+ for (i = 0; i < sourceKeys.length; i++) {
28
+ key = sourceKeys[i];
29
+ if (excluded.indexOf(key) >= 0) continue;
30
+ target[key] = source[key];
40
31
  }
41
32
 
42
- function _objectWithoutProperties(source, excluded) {
43
- if (source == null) return {};
33
+ return target;
34
+ }
44
35
 
45
- var target = _objectWithoutPropertiesLoose(source, excluded);
36
+ function _objectWithoutProperties(source, excluded) {
37
+ if (source == null) return {};
46
38
 
47
- var key, i;
39
+ var target = _objectWithoutPropertiesLoose(source, excluded);
48
40
 
49
- if (Object.getOwnPropertySymbols) {
50
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
41
+ var key, i;
51
42
 
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
- }
58
- }
43
+ if (Object.getOwnPropertySymbols) {
44
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
59
45
 
60
- return target;
46
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
47
+ key = sourceSymbolKeys[i];
48
+ if (excluded.indexOf(key) >= 0) continue;
49
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
50
+ target[key] = source[key];
51
+ }
61
52
  }
62
53
 
63
- function _taggedTemplateLiteral(strings, raw) {
64
- if (!raw) {
65
- raw = strings.slice(0);
66
- }
54
+ return target;
55
+ }
67
56
 
68
- return Object.freeze(Object.defineProperties(strings, {
69
- raw: {
70
- value: Object.freeze(raw)
71
- }
72
- }));
57
+ function _taggedTemplateLiteral(strings, raw) {
58
+ if (!raw) {
59
+ raw = strings.slice(0);
73
60
  }
74
61
 
75
- var _templateObject, _templateObject2;
76
- var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
- 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"])));
78
-
79
- var theme = {
80
- breakpoints: ['40em', '52em', '64em'],
81
- space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
82
- fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
83
- marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
84
- letterSpacings: ['-0.5px', '0px', '+0.5px'],
85
- radii: ['0px', '2px', '4px', '8px'],
86
- borderRadius: '6px',
87
- colors: {
88
- primary: '#000',
89
- base: '#4e4949',
90
- baseLt: '#817c7c',
91
- borderColor: '#d8d8d8',
92
- ntrlMin: '#fff',
93
- ntrlMinTen: '#e6e6e6',
94
- gray: '#efefef',
95
- darkerGray: '#454141'
96
- },
97
- rareStepColors: {
98
- primary: '#202b58',
99
- secondary: '#ef5c2d',
100
- ntrlMin: '#ffffff',
101
- ntrl40: '#f4f4f4',
102
- ntrl50: '#808080',
103
- ntrl60: '#e8e8e8',
104
- ntrl70: '#252525',
105
- ntrlMax: '#000000'
106
- },
107
- rareStepFontWeights: {
108
- normal: 400,
109
- medium: 500,
110
- semiBold: 600,
111
- bold: 700
112
- },
113
- rareStepFontSize: {
114
- h1: '36px',
115
- h2: '30px',
116
- h3: '24px',
117
- h4: '20px',
118
- h5: '16px',
119
- h6: '14px',
120
- footerTitle: '16px'
121
- },
122
- rareStepPageSizes: {
123
- mobile: '500px',
124
- tablet: '768px',
125
- desktop: '992px',
126
- screenl: '1280px',
127
- screenxl: '1680px',
128
- screenxxl: '1920px',
129
- container: '1600px'
62
+ return Object.freeze(Object.defineProperties(strings, {
63
+ raw: {
64
+ value: Object.freeze(raw)
130
65
  }
131
- };
132
-
133
- var themed = (function (Component) {
134
- return /*#__PURE__*/React.forwardRef(function (props, ref) {
135
- return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
136
- theme: theme
137
- }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
138
- ref: ref
139
- })));
140
- });
66
+ }));
67
+ }
68
+
69
+ var _templateObject, _templateObject2;
70
+ var disabledButtonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
71
+ var baseButtonStyle = 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"])));
72
+
73
+ var theme = {
74
+ breakpoints: ['40em', '52em', '64em'],
75
+ space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
76
+ fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
77
+ marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
78
+ letterSpacings: ['-0.5px', '0px', '+0.5px'],
79
+ radii: ['0px', '2px', '4px', '8px'],
80
+ borderRadius: '6px',
81
+ colors: {
82
+ primary: '#000',
83
+ base: '#4e4949',
84
+ baseLt: '#817c7c',
85
+ borderColor: '#d8d8d8',
86
+ ntrlMin: '#fff',
87
+ ntrlMinTen: '#e6e6e6',
88
+ gray: '#efefef',
89
+ darkerGray: '#454141'
90
+ },
91
+ rareStepColors: {
92
+ primary: '#202b58',
93
+ secondary: '#ef5c2d',
94
+ ntrlMin: '#ffffff',
95
+ ntrl40: '#f4f4f4',
96
+ ntrl50: '#808080',
97
+ ntrl60: '#e8e8e8',
98
+ ntrl70: '#252525',
99
+ ntrlMax: '#000000'
100
+ },
101
+ rareStepFontWeights: {
102
+ normal: 400,
103
+ medium: 500,
104
+ semiBold: 600,
105
+ bold: 700
106
+ },
107
+ rareStepFontSize: {
108
+ h1: '36px',
109
+ h2: '30px',
110
+ h3: '24px',
111
+ h4: '20px',
112
+ h5: '16px',
113
+ h6: '14px',
114
+ footerTitle: '16px'
115
+ },
116
+ rareStepPageSizes: {
117
+ mobile: '500px',
118
+ tablet: '768px',
119
+ desktop: '992px',
120
+ screenl: '1280px',
121
+ screenxl: '1680px',
122
+ screenxxl: '1920px',
123
+ container: '1600px'
124
+ }
125
+ };
126
+
127
+ var themed = (function (Component) {
128
+ return /*#__PURE__*/forwardRef(function (props, ref) {
129
+ return /*#__PURE__*/React.createElement(ThemeProvider, {
130
+ theme: theme
131
+ }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
132
+ ref: ref
133
+ })));
141
134
  });
135
+ });
142
136
 
143
- var _excluded = ["children"];
144
-
145
- var _templateObject$1;
146
- var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n border: 1px solid ", ";\n color: ", ";\n background-color: transparent;\n &:active,\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n &:disabled {\n ", "\n &:hover {\n color: ", ";\n background-color: transparent;\n }\n }\n"])), baseButtonStyle, function (props) {
147
- return props.theme.colors.primary;
148
- }, function (props) {
149
- return props.theme.colors.primary;
150
- }, function (props) {
151
- return props.theme.colors.primary;
152
- }, disabledButtonStyle, function (props) {
153
- return props.theme.colors.primary;
154
- });
137
+ var _excluded = ["children"];
155
138
 
156
- var OutlinePrimaryButton = function OutlinePrimaryButton(_ref) {
157
- var children = _ref.children,
158
- restProps = _objectWithoutProperties(_ref, _excluded);
139
+ var _templateObject$1;
140
+ var Button = styled.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n border: 1px solid ", ";\n color: ", ";\n background-color: transparent;\n &:active,\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n &:disabled {\n ", "\n &:hover {\n color: ", ";\n background-color: transparent;\n }\n }\n"])), baseButtonStyle, function (props) {
141
+ return props.theme.colors.primary;
142
+ }, function (props) {
143
+ return props.theme.colors.primary;
144
+ }, function (props) {
145
+ return props.theme.colors.primary;
146
+ }, disabledButtonStyle, function (props) {
147
+ return props.theme.colors.primary;
148
+ });
159
149
 
160
- return /*#__PURE__*/React__default.createElement(Button, restProps, children);
161
- };
150
+ var OutlinePrimaryButton = function OutlinePrimaryButton(_ref) {
151
+ var children = _ref.children,
152
+ restProps = _objectWithoutProperties(_ref, _excluded);
162
153
 
163
- var index = themed(OutlinePrimaryButton);
154
+ return /*#__PURE__*/React.createElement(Button, restProps, children);
155
+ };
164
156
 
165
- return index;
157
+ var index = themed(OutlinePrimaryButton);
166
158
 
167
- })));
159
+ export default index;