@bonlineza/luxity-lib 2.39.6 → 2.39.8

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 (92) hide show
  1. package/Accordion.js +352 -342
  2. package/AddInterest.js +3179 -3136
  3. package/AddProductInterest.js +7584 -1011
  4. package/BrandSelector.js +861 -854
  5. package/Checkbox.js +250 -240
  6. package/CheckboxButton.js +236 -229
  7. package/CommunicationPreferenceOptionsRenderer.js +568 -560
  8. package/CommunicationPreferenceSection.js +659 -651
  9. package/CommunicationPreferences.js +2402 -2394
  10. package/ConditionSelector.js +859 -852
  11. package/CountryCodeSelect.js +6650 -79
  12. package/CurrencyInputFormatter.js +96 -86
  13. package/CurrencySelect.js +227 -219
  14. package/DropdownSelector.js +6820 -211
  15. package/GALink.js +51 -43
  16. package/GenderSelector.js +362 -355
  17. package/GraphQLDropdownSelector.js +11914 -5307
  18. package/GraphQLMultiSelector.js +601 -593
  19. package/IconHeader.js +126 -118
  20. package/IconWrapper.js +25 -17
  21. package/InterestCatSelector.js +432 -424
  22. package/InterestItem.js +470 -462
  23. package/Interests.js +11324 -4717
  24. package/InterestsSubheading.js +41 -33
  25. package/InvertedTextButton.js +175 -167
  26. package/LuxityAppSideNav.js +189 -181
  27. package/LuxityDesktopHeader.js +1363 -1355
  28. package/LuxityFooter.js +2236 -2228
  29. package/LuxityGraphQLDropdownSelector.js +11999 -5392
  30. package/LuxityGraphQLMultiselector.js +785 -778
  31. package/LuxityMobileHeader.js +1794 -1786
  32. package/LuxityPageReady.js +209 -199
  33. package/LuxityProductInterestItem.js +367 -359
  34. package/LuxitySideNav.js +673 -665
  35. package/MaterialSelector.js +12029 -5422
  36. package/ModelSelector.js +12029 -5422
  37. package/NotificationDropDown.js +7029 -459
  38. package/Notify.js +32 -20
  39. package/OutlinePrimaryButton.js +142 -134
  40. package/PriceRangeSelector.js +1277 -1264
  41. package/PrimaryButton.js +137 -129
  42. package/RadioButtons.js +318 -308
  43. package/RangeSlider.js +1039 -1033
  44. package/RareStepFooter.js +264 -257
  45. package/RareStepHeader.js +808 -801
  46. package/ReactSelectWrapper.js +6604 -33
  47. package/SecondaryButton.js +152 -144
  48. package/ShoeSizeRangeSelector.js +1153 -1147
  49. package/ShoeSizeSelector.js +1198 -1146
  50. package/SimpleErrorBoundary.js +138 -130
  51. package/StyleSelector.js +861 -854
  52. package/TextButton.js +143 -135
  53. package/Tooltip.js +184 -176
  54. package/Tracking.js +25 -15
  55. package/WrapperButton.js +58 -50
  56. package/build/bundle.css +1 -1
  57. package/build/bundle.js +17272 -10631
  58. package/build/constants.js +45 -32
  59. package/package.json +3 -2
  60. package/svg/Accessories.js +42 -34
  61. package/svg/Account.js +38 -30
  62. package/svg/Add.js +39 -31
  63. package/svg/ArrowRight.js +36 -28
  64. package/svg/Bags.js +48 -40
  65. package/svg/BurgerMenu.js +32 -24
  66. package/svg/Calendar.js +106 -98
  67. package/svg/CalendarCircled.js +108 -100
  68. package/svg/CheckCircled.js +40 -32
  69. package/svg/Close.js +37 -29
  70. package/svg/Clothing.js +44 -36
  71. package/svg/Dot.js +40 -32
  72. package/svg/Edit.js +35 -27
  73. package/svg/Eye.js +36 -28
  74. package/svg/FileAttach.js +36 -28
  75. package/svg/FileAttachCircled.js +38 -30
  76. package/svg/Jewellery.js +57 -49
  77. package/svg/LightBulb.js +66 -58
  78. package/svg/Logo.js +140 -132
  79. package/svg/LuxityMenu.js +36 -28
  80. package/svg/Minus.js +37 -29
  81. package/svg/MobileAvatar.js +36 -28
  82. package/svg/MyOrder.js +44 -36
  83. package/svg/MyPayment.js +44 -36
  84. package/svg/MyProfile.js +52 -44
  85. package/svg/MySale.js +39 -31
  86. package/svg/Notification.js +38 -30
  87. package/svg/PointerDown.js +36 -28
  88. package/svg/Search.js +35 -27
  89. package/svg/Shoes.js +45 -37
  90. package/svg/SvgWrapper.js +21 -13
  91. package/svg/Trash.js +40 -32
  92. package/svg/Watches.js +55 -47
package/LuxityAppSideNav.js CHANGED
@@ -1,187 +1,195 @@
1
- import React from 'react';
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
3
+ typeof define === 'function' && define.amd ? define(['react'], factory) :
4
+ (global = global || self, global.LuxityAppSideNav = factory(global.React));
5
+ }(this, (function (React) { 'use strict';
2
6
 
3
- var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
4
- var closeIcon = _ref.closeIcon,
5
- accountIcon = _ref.accountIcon,
6
- orderIcon = _ref.orderIcon,
7
- saleIcon = _ref.saleIcon,
8
- onDashboardClick = _ref.onDashboardClick,
9
- onLogoutClick = _ref.onLogoutClick,
10
- bugReportLink = _ref.bugReportLink,
11
- onLuxityShopClick = _ref.onLuxityShopClick,
12
- onInterestClick = _ref.onInterestClick,
13
- onAddressClick = _ref.onAddressClick,
14
- onCouponsClick = _ref.onCouponsClick,
15
- onEditProfileClick = _ref.onEditProfileClick,
16
- onCurrentOrdersClick = _ref.onCurrentOrdersClick,
17
- onPastOrdersClick = _ref.onPastOrdersClick,
18
- onSubmissionsClick = _ref.onSubmissionsClick,
19
- onPastSalesClick = _ref.onPastSalesClick,
20
- onPaidOutClick = _ref.onPaidOutClick,
21
- showSideNav = _ref.showSideNav,
22
- onMenuClick = _ref.onMenuClick;
7
+ React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
23
8
 
24
- var onCloseSideNav = function onCloseSideNav(e) {
25
- onMenuClick();
9
+ var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
10
+ var closeIcon = _ref.closeIcon,
11
+ accountIcon = _ref.accountIcon,
12
+ orderIcon = _ref.orderIcon,
13
+ saleIcon = _ref.saleIcon,
14
+ onDashboardClick = _ref.onDashboardClick,
15
+ onLogoutClick = _ref.onLogoutClick,
16
+ bugReportLink = _ref.bugReportLink,
17
+ onLuxityShopClick = _ref.onLuxityShopClick,
18
+ onInterestClick = _ref.onInterestClick,
19
+ onAddressClick = _ref.onAddressClick,
20
+ onCouponsClick = _ref.onCouponsClick,
21
+ onEditProfileClick = _ref.onEditProfileClick,
22
+ onCurrentOrdersClick = _ref.onCurrentOrdersClick,
23
+ onPastOrdersClick = _ref.onPastOrdersClick,
24
+ onSubmissionsClick = _ref.onSubmissionsClick,
25
+ onPastSalesClick = _ref.onPastSalesClick,
26
+ onPaidOutClick = _ref.onPaidOutClick,
27
+ showSideNav = _ref.showSideNav,
28
+ onMenuClick = _ref.onMenuClick;
26
29
 
27
- if (e.key === 'Enter') {
28
- e.preventDefault();
29
- }
30
+ var onCloseSideNav = function onCloseSideNav(e) {
31
+ onMenuClick();
32
+
33
+ if (e.key === 'Enter') {
34
+ e.preventDefault();
35
+ }
36
+ };
37
+
38
+ return /*#__PURE__*/React.createElement("div", {
39
+ className: "side-nav"
40
+ }, /*#__PURE__*/React.createElement("div", {
41
+ role: "button",
42
+ tabIndex: 0,
43
+ className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
44
+ onClick: onCloseSideNav,
45
+ onKeyDown: onCloseSideNav
46
+ }), /*#__PURE__*/React.createElement("div", {
47
+ className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
48
+ }, /*#__PURE__*/React.createElement("button", {
49
+ type: "button",
50
+ onClick: onMenuClick,
51
+ className: "side-nav__icon-container"
52
+ }, /*#__PURE__*/React.createElement("img", {
53
+ src: closeIcon,
54
+ alt: "close-icon",
55
+ className: "side-nav__close-icon"
56
+ })), /*#__PURE__*/React.createElement("div", {
57
+ className: "side-nav__menu-items-wrapper"
58
+ }, /*#__PURE__*/React.createElement("div", {
59
+ className: "side-nav__menu-item"
60
+ }, /*#__PURE__*/React.createElement("button", {
61
+ type: "button",
62
+ className: "side-nav__menu-title-wrapper"
63
+ }, /*#__PURE__*/React.createElement("span", {
64
+ className: "side-nav__menu-title"
65
+ }, /*#__PURE__*/React.createElement("img", {
66
+ src: accountIcon,
67
+ alt: "close-icon",
68
+ className: "side-nav__menu-icon"
69
+ }), "Account"))), onInterestClick && /*#__PURE__*/React.createElement("div", {
70
+ className: "side-nav__menu-item"
71
+ }, /*#__PURE__*/React.createElement("button", {
72
+ type: "button",
73
+ className: "side-nav__menu-title-wrapper",
74
+ onClick: onInterestClick
75
+ }, /*#__PURE__*/React.createElement("span", {
76
+ className: "side-nav__menu-title"
77
+ }, "Interests"))), /*#__PURE__*/React.createElement("div", {
78
+ className: "side-nav__menu-item"
79
+ }, /*#__PURE__*/React.createElement("button", {
80
+ type: "button",
81
+ className: "side-nav__menu-title-wrapper",
82
+ onClick: onAddressClick
83
+ }, /*#__PURE__*/React.createElement("span", {
84
+ className: "side-nav__menu-title"
85
+ }, "Addresses"))), /*#__PURE__*/React.createElement("div", {
86
+ className: "side-nav__menu-item"
87
+ }, /*#__PURE__*/React.createElement("button", {
88
+ type: "button",
89
+ className: "side-nav__menu-title-wrapper",
90
+ onClick: onCouponsClick
91
+ }, /*#__PURE__*/React.createElement("span", {
92
+ className: "side-nav__menu-title"
93
+ }, "Coupons"))), /*#__PURE__*/React.createElement("div", {
94
+ className: "side-nav__menu-item"
95
+ }, /*#__PURE__*/React.createElement("button", {
96
+ type: "button",
97
+ className: "side-nav__menu-title-wrapper",
98
+ onClick: onEditProfileClick
99
+ }, /*#__PURE__*/React.createElement("span", {
100
+ className: "side-nav__menu-title"
101
+ }, "Edit Profile"))), /*#__PURE__*/React.createElement("div", {
102
+ className: "side-nav__menu-divider"
103
+ }, " "), /*#__PURE__*/React.createElement("div", {
104
+ className: "side-nav__menu-item"
105
+ }, /*#__PURE__*/React.createElement("button", {
106
+ type: "button",
107
+ className: "side-nav__menu-title-wrapper"
108
+ }, /*#__PURE__*/React.createElement("span", {
109
+ className: "side-nav__menu-title"
110
+ }, /*#__PURE__*/React.createElement("img", {
111
+ src: orderIcon,
112
+ alt: "close-icon",
113
+ className: "side-nav__menu-icon"
114
+ }), "Orders"))), /*#__PURE__*/React.createElement("div", {
115
+ className: "side-nav__menu-item"
116
+ }, /*#__PURE__*/React.createElement("button", {
117
+ type: "button",
118
+ className: "side-nav__menu-title-wrapper",
119
+ onClick: onCurrentOrdersClick
120
+ }, /*#__PURE__*/React.createElement("span", {
121
+ className: "side-nav__menu-title"
122
+ }, "Current Orders"))), /*#__PURE__*/React.createElement("div", {
123
+ className: "side-nav__menu-item"
124
+ }, /*#__PURE__*/React.createElement("button", {
125
+ type: "button",
126
+ className: "side-nav__menu-title-wrapper",
127
+ onClick: onPastOrdersClick
128
+ }, /*#__PURE__*/React.createElement("span", {
129
+ className: "side-nav__menu-title"
130
+ }, "Past Orders"))), /*#__PURE__*/React.createElement("div", {
131
+ className: "side-nav__menu-divider"
132
+ }, " "), /*#__PURE__*/React.createElement("div", {
133
+ className: "side-nav__menu-item"
134
+ }, /*#__PURE__*/React.createElement("button", {
135
+ type: "button",
136
+ className: "side-nav__menu-title-wrapper"
137
+ }, /*#__PURE__*/React.createElement("span", {
138
+ className: "side-nav__menu-title"
139
+ }, /*#__PURE__*/React.createElement("img", {
140
+ src: saleIcon,
141
+ alt: "close-icon",
142
+ className: "side-nav__menu-icon"
143
+ }), "Sales"))), /*#__PURE__*/React.createElement("div", {
144
+ className: "side-nav__menu-item"
145
+ }, /*#__PURE__*/React.createElement("button", {
146
+ type: "button",
147
+ className: "side-nav__menu-title-wrapper",
148
+ onClick: onSubmissionsClick
149
+ }, /*#__PURE__*/React.createElement("span", {
150
+ className: "side-nav__menu-title"
151
+ }, "Submissions"))), /*#__PURE__*/React.createElement("div", {
152
+ className: "side-nav__menu-item"
153
+ }, /*#__PURE__*/React.createElement("button", {
154
+ type: "button",
155
+ className: "side-nav__menu-title-wrapper",
156
+ onClick: onPastSalesClick
157
+ }, /*#__PURE__*/React.createElement("span", {
158
+ className: "side-nav__menu-title"
159
+ }, "Sales & Consignments"))), /*#__PURE__*/React.createElement("div", {
160
+ className: "side-nav__menu-item"
161
+ }, /*#__PURE__*/React.createElement("button", {
162
+ type: "button",
163
+ className: "side-nav__menu-title-wrapper",
164
+ onClick: onPaidOutClick
165
+ }, /*#__PURE__*/React.createElement("span", {
166
+ className: "side-nav__menu-title"
167
+ }, "Paid Out"))), /*#__PURE__*/React.createElement("div", {
168
+ className: "side-nav__menu-item"
169
+ }, /*#__PURE__*/React.createElement("button", {
170
+ type: "button",
171
+ className: "side-nav__block-button",
172
+ onClick: onLuxityShopClick
173
+ }, "LUXITY SHOP")), /*#__PURE__*/React.createElement("div", {
174
+ className: "side-nav__menu-item"
175
+ }, /*#__PURE__*/React.createElement("button", {
176
+ type: "button",
177
+ className: "side-nav__sub-link",
178
+ onClick: onDashboardClick
179
+ }, "Dashboard")), /*#__PURE__*/React.createElement("div", {
180
+ className: "side-nav__menu-item"
181
+ }, /*#__PURE__*/React.createElement("a", {
182
+ href: bugReportLink,
183
+ className: "side-nav__sub-link"
184
+ }, "Help")), /*#__PURE__*/React.createElement("div", {
185
+ className: "side-nav__menu-item"
186
+ }, /*#__PURE__*/React.createElement("button", {
187
+ type: "button",
188
+ className: "side-nav__sub-link",
189
+ onClick: onLogoutClick
190
+ }, "Logout")))));
30
191
  };
31
192
 
32
- return /*#__PURE__*/React.createElement("div", {
33
- className: "side-nav"
34
- }, /*#__PURE__*/React.createElement("div", {
35
- role: "button",
36
- tabIndex: 0,
37
- className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
38
- onClick: onCloseSideNav,
39
- onKeyDown: onCloseSideNav
40
- }), /*#__PURE__*/React.createElement("div", {
41
- className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
42
- }, /*#__PURE__*/React.createElement("button", {
43
- type: "button",
44
- onClick: onMenuClick,
45
- className: "side-nav__icon-container"
46
- }, /*#__PURE__*/React.createElement("img", {
47
- src: closeIcon,
48
- alt: "close-icon",
49
- className: "side-nav__close-icon"
50
- })), /*#__PURE__*/React.createElement("div", {
51
- className: "side-nav__menu-items-wrapper"
52
- }, /*#__PURE__*/React.createElement("div", {
53
- className: "side-nav__menu-item"
54
- }, /*#__PURE__*/React.createElement("button", {
55
- type: "button",
56
- className: "side-nav__menu-title-wrapper"
57
- }, /*#__PURE__*/React.createElement("span", {
58
- className: "side-nav__menu-title"
59
- }, /*#__PURE__*/React.createElement("img", {
60
- src: accountIcon,
61
- alt: "close-icon",
62
- className: "side-nav__menu-icon"
63
- }), "Account"))), onInterestClick && /*#__PURE__*/React.createElement("div", {
64
- className: "side-nav__menu-item"
65
- }, /*#__PURE__*/React.createElement("button", {
66
- type: "button",
67
- className: "side-nav__menu-title-wrapper",
68
- onClick: onInterestClick
69
- }, /*#__PURE__*/React.createElement("span", {
70
- className: "side-nav__menu-title"
71
- }, "Interests"))), /*#__PURE__*/React.createElement("div", {
72
- className: "side-nav__menu-item"
73
- }, /*#__PURE__*/React.createElement("button", {
74
- type: "button",
75
- className: "side-nav__menu-title-wrapper",
76
- onClick: onAddressClick
77
- }, /*#__PURE__*/React.createElement("span", {
78
- className: "side-nav__menu-title"
79
- }, "Addresses"))), /*#__PURE__*/React.createElement("div", {
80
- className: "side-nav__menu-item"
81
- }, /*#__PURE__*/React.createElement("button", {
82
- type: "button",
83
- className: "side-nav__menu-title-wrapper",
84
- onClick: onCouponsClick
85
- }, /*#__PURE__*/React.createElement("span", {
86
- className: "side-nav__menu-title"
87
- }, "Coupons"))), /*#__PURE__*/React.createElement("div", {
88
- className: "side-nav__menu-item"
89
- }, /*#__PURE__*/React.createElement("button", {
90
- type: "button",
91
- className: "side-nav__menu-title-wrapper",
92
- onClick: onEditProfileClick
93
- }, /*#__PURE__*/React.createElement("span", {
94
- className: "side-nav__menu-title"
95
- }, "Edit Profile"))), /*#__PURE__*/React.createElement("div", {
96
- className: "side-nav__menu-divider"
97
- }, " "), /*#__PURE__*/React.createElement("div", {
98
- className: "side-nav__menu-item"
99
- }, /*#__PURE__*/React.createElement("button", {
100
- type: "button",
101
- className: "side-nav__menu-title-wrapper"
102
- }, /*#__PURE__*/React.createElement("span", {
103
- className: "side-nav__menu-title"
104
- }, /*#__PURE__*/React.createElement("img", {
105
- src: orderIcon,
106
- alt: "close-icon",
107
- className: "side-nav__menu-icon"
108
- }), "Orders"))), /*#__PURE__*/React.createElement("div", {
109
- className: "side-nav__menu-item"
110
- }, /*#__PURE__*/React.createElement("button", {
111
- type: "button",
112
- className: "side-nav__menu-title-wrapper",
113
- onClick: onCurrentOrdersClick
114
- }, /*#__PURE__*/React.createElement("span", {
115
- className: "side-nav__menu-title"
116
- }, "Current Orders"))), /*#__PURE__*/React.createElement("div", {
117
- className: "side-nav__menu-item"
118
- }, /*#__PURE__*/React.createElement("button", {
119
- type: "button",
120
- className: "side-nav__menu-title-wrapper",
121
- onClick: onPastOrdersClick
122
- }, /*#__PURE__*/React.createElement("span", {
123
- className: "side-nav__menu-title"
124
- }, "Past Orders"))), /*#__PURE__*/React.createElement("div", {
125
- className: "side-nav__menu-divider"
126
- }, " "), /*#__PURE__*/React.createElement("div", {
127
- className: "side-nav__menu-item"
128
- }, /*#__PURE__*/React.createElement("button", {
129
- type: "button",
130
- className: "side-nav__menu-title-wrapper"
131
- }, /*#__PURE__*/React.createElement("span", {
132
- className: "side-nav__menu-title"
133
- }, /*#__PURE__*/React.createElement("img", {
134
- src: saleIcon,
135
- alt: "close-icon",
136
- className: "side-nav__menu-icon"
137
- }), "Sales"))), /*#__PURE__*/React.createElement("div", {
138
- className: "side-nav__menu-item"
139
- }, /*#__PURE__*/React.createElement("button", {
140
- type: "button",
141
- className: "side-nav__menu-title-wrapper",
142
- onClick: onSubmissionsClick
143
- }, /*#__PURE__*/React.createElement("span", {
144
- className: "side-nav__menu-title"
145
- }, "Submissions"))), /*#__PURE__*/React.createElement("div", {
146
- className: "side-nav__menu-item"
147
- }, /*#__PURE__*/React.createElement("button", {
148
- type: "button",
149
- className: "side-nav__menu-title-wrapper",
150
- onClick: onPastSalesClick
151
- }, /*#__PURE__*/React.createElement("span", {
152
- className: "side-nav__menu-title"
153
- }, "Sales & Consignments"))), /*#__PURE__*/React.createElement("div", {
154
- className: "side-nav__menu-item"
155
- }, /*#__PURE__*/React.createElement("button", {
156
- type: "button",
157
- className: "side-nav__menu-title-wrapper",
158
- onClick: onPaidOutClick
159
- }, /*#__PURE__*/React.createElement("span", {
160
- className: "side-nav__menu-title"
161
- }, "Paid Out"))), /*#__PURE__*/React.createElement("div", {
162
- className: "side-nav__menu-item"
163
- }, /*#__PURE__*/React.createElement("button", {
164
- type: "button",
165
- className: "side-nav__block-button",
166
- onClick: onLuxityShopClick
167
- }, "LUXITY SHOP")), /*#__PURE__*/React.createElement("div", {
168
- className: "side-nav__menu-item"
169
- }, /*#__PURE__*/React.createElement("button", {
170
- type: "button",
171
- className: "side-nav__sub-link",
172
- onClick: onDashboardClick
173
- }, "Dashboard")), /*#__PURE__*/React.createElement("div", {
174
- className: "side-nav__menu-item"
175
- }, /*#__PURE__*/React.createElement("a", {
176
- href: bugReportLink,
177
- className: "side-nav__sub-link"
178
- }, "Help")), /*#__PURE__*/React.createElement("div", {
179
- className: "side-nav__menu-item"
180
- }, /*#__PURE__*/React.createElement("button", {
181
- type: "button",
182
- className: "side-nav__sub-link",
183
- onClick: onLogoutClick
184
- }, "Logout")))));
185
- };
193
+ return LuxityAppSideNav;
186
194
 
187
- export default LuxityAppSideNav;
195
+ })));