@bigbinary/neeto-molecules 1.15.1 → 1.15.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/dist/ConfigurePageSidebar.js +1 -1
- package/dist/FloatingActionMenu.js +124 -136
- package/dist/FloatingActionMenu.js.map +1 -1
- package/dist/Sidebar.js +6 -14
- package/dist/Sidebar.js.map +1 -1
- package/dist/cjs/ConfigurePageSidebar.js +1 -1
- package/dist/cjs/FloatingActionMenu.js +115 -127
- package/dist/cjs/FloatingActionMenu.js.map +1 -1
- package/dist/cjs/Sidebar.js +6 -14
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/{sidebar-134ddf08.js → sidebar-b0a2e0b1.js} +2 -2
- package/dist/cjs/{sidebar-134ddf08.js.map → sidebar-b0a2e0b1.js.map} +1 -1
- package/dist/{sidebar-8e96016c.js → sidebar-50ba4b0a.js} +2 -2
- package/dist/{sidebar-8e96016c.js.map → sidebar-50ba4b0a.js.map} +1 -1
- package/package.json +1 -1
- package/src/translations/de.json +7 -0
- package/src/translations/en.json +1 -1
- package/src/translations/es.json +7 -0
- package/src/translations/fr.json +7 -0
- package/src/translations/nl.json +7 -0
- package/src/translations/pl.json +7 -0
- package/src/translations/pt.json +7 -0
- package/types/FloatingActionMenu.d.ts +4 -4
|
@@ -13,14 +13,14 @@ var neetoTeamMembersFrontend = require('@bigbinary/neeto-team-members-frontend')
|
|
|
13
13
|
var neetoui = require('@bigbinary/neetoui');
|
|
14
14
|
var KeyboardShortcuts = require('./KeyboardShortcuts.js');
|
|
15
15
|
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
16
|
-
var injectCss = require('./inject-css-80a5faa3.js');
|
|
17
16
|
var classnames = require('classnames');
|
|
18
17
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
19
18
|
var reactI18next = require('react-i18next');
|
|
19
|
+
var injectCss = require('./inject-css-80a5faa3.js');
|
|
20
20
|
var AppIcons = require('@bigbinary/neeto-icons/app-icons');
|
|
21
|
-
var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
|
|
22
21
|
var ramda = require('ramda');
|
|
23
22
|
var i18next = require('i18next');
|
|
23
|
+
var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
|
|
24
24
|
var axios = require('@bigbinary/neeto-commons-frontend/utils/axios');
|
|
25
25
|
var general = require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
26
26
|
require('zustand/shallow');
|
|
@@ -56,10 +56,10 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
|
56
56
|
var AppIcons__namespace = /*#__PURE__*/_interopNamespace(AppIcons);
|
|
57
57
|
var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
|
|
58
58
|
|
|
59
|
-
var css$1 = ".neeto-molecules-
|
|
59
|
+
var css$1 = ".neeto-molecules-product-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:40px;position:relative;transition:all .3s;width:100%}@media only screen and (max-width:992px){.neeto-molecules-product-switcher__wrapper{padding:32px}}@media screen and (max-width:768px){.neeto-molecules-product-switcher__wrapper{padding:16px}}.neeto-molecules-product-switcher__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-product-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-product-switcher__header{align-items:flex-start;flex-direction:column;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__header-mobile{align-items:flex-start;margin-bottom:24px}}.neeto-molecules-product-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-product-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-product-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-product-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-product-switcher-link{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:2px;cursor:pointer;display:flex;gap:12px;max-width:100%;padding:12px 16px;text-decoration:none;transition:background-color .3s ease-in-out;width:100%}.neeto-molecules-product-switcher-link:focus,.neeto-molecules-product-switcher-link:focus-visible{outline:none}.neeto-molecules-product-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link:not(.neeto-molecules-product-switcher-link--active):hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link--active{background:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-600))}.neeto-molecules-product-switcher-link__icon-holder{align-items:center;border-radius:var(--neeto-ui-rounded-lg);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.neeto-molecules-product-switcher-link__content{flex-grow:1}.neeto-molecules-product-switcher-link__content span{display:block}.neeto-molecules-product-switcher_modal{z-index:100000}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{flex-grow:1;min-height:0;overflow-y:auto}";
|
|
60
60
|
injectCss.n(css$1,{});
|
|
61
61
|
|
|
62
|
-
var
|
|
62
|
+
var ProductLink = function ProductLink(_ref) {
|
|
63
63
|
var name = _ref.name,
|
|
64
64
|
description = _ref.description,
|
|
65
65
|
url = _ref.url;
|
|
@@ -71,11 +71,11 @@ var AppLink = function AppLink(_ref) {
|
|
|
71
71
|
href: url,
|
|
72
72
|
rel: "noreferrer",
|
|
73
73
|
target: "_blank",
|
|
74
|
-
className: classnames__default["default"]("neeto-molecules-
|
|
75
|
-
"neeto-molecules-
|
|
74
|
+
className: classnames__default["default"]("neeto-molecules-product-switcher-link", {
|
|
75
|
+
"neeto-molecules-product-switcher-link--active": globalProps.appName.includes(name)
|
|
76
76
|
})
|
|
77
77
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78
|
-
className: classnames__default["default"]("neeto-molecules-
|
|
78
|
+
className: classnames__default["default"]("neeto-molecules-product-switcher-link__icon-holder", {
|
|
79
79
|
"neeto-ui-bg-primary-500": !AppIcon
|
|
80
80
|
})
|
|
81
81
|
}, AppIcon ? /*#__PURE__*/React__default["default"].createElement(AppIcon, {
|
|
@@ -84,7 +84,7 @@ var AppLink = function AppLink(_ref) {
|
|
|
84
84
|
color: "white",
|
|
85
85
|
size: 42
|
|
86
86
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
87
|
-
className: "neeto-molecules-
|
|
87
|
+
className: "neeto-molecules-product-switcher-link__content"
|
|
88
88
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
89
89
|
component: "span",
|
|
90
90
|
lineHeight: "relaxed",
|
|
@@ -96,10 +96,11 @@ var AppLink = function AppLink(_ref) {
|
|
|
96
96
|
weight: "normal"
|
|
97
97
|
}, description)));
|
|
98
98
|
};
|
|
99
|
-
var
|
|
99
|
+
var ProductLink$1 = /*#__PURE__*/React__default["default"].memo(ProductLink);
|
|
100
100
|
|
|
101
|
-
var
|
|
102
|
-
var isMobile = _ref.isMobile
|
|
101
|
+
var Menu = function Menu(_ref) {
|
|
102
|
+
var _ref$isMobile = _ref.isMobile,
|
|
103
|
+
isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
|
|
103
104
|
var _useTranslation = reactI18next.useTranslation(),
|
|
104
105
|
t = _useTranslation.t;
|
|
105
106
|
var _useState = React.useState(""),
|
|
@@ -118,140 +119,62 @@ var Body = function Body(_ref) {
|
|
|
118
119
|
var handleSearch = function handleSearch(e) {
|
|
119
120
|
return setSearchTerm(e.target.value);
|
|
120
121
|
};
|
|
121
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
122
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
123
|
+
className: "neeto-molecules-product-switcher__wrapper",
|
|
124
|
+
"data-cy": "switcher-wrapper",
|
|
125
|
+
"data-testid": "switcher-wrapper",
|
|
126
|
+
key: "switcher-wrapper"
|
|
127
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
128
|
+
"data-cy": "product-switcher-body-wrapper",
|
|
129
|
+
className: classnames__default["default"]("neeto-molecules-product-switcher__header", {
|
|
130
|
+
"neeto-molecules-product-switcher__header-mobile": isMobile
|
|
125
131
|
})
|
|
126
132
|
}, !isMobile && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
127
133
|
style: "h1"
|
|
128
|
-
}, t("neetoMolecules.
|
|
129
|
-
className: "neeto-molecules-
|
|
134
|
+
}, t("neetoMolecules.productSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
135
|
+
className: "neeto-molecules-product-switcher__search-wrapper"
|
|
130
136
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
|
|
131
137
|
autoFocus: true,
|
|
132
|
-
"data-cy": "
|
|
133
|
-
placeholder: t("neetoMolecules.
|
|
138
|
+
"data-cy": "product-switcher-search-input",
|
|
139
|
+
placeholder: t("neetoMolecules.productSwitcher.searchProducts"),
|
|
134
140
|
prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
|
|
135
141
|
type: "search",
|
|
136
142
|
value: searchTerm,
|
|
137
143
|
onChange: handleSearch
|
|
138
144
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
139
|
-
className: classnames__default["default"]("neeto-molecules-
|
|
145
|
+
className: classnames__default["default"]("neeto-molecules-product-switcher__body", defineProperty._defineProperty({}, "neeto-molecules-product-switcher__body-mobile", isMobile))
|
|
140
146
|
}, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
141
|
-
className: "neeto-molecules-
|
|
147
|
+
className: "neeto-molecules-product-switcher__grid"
|
|
142
148
|
}, filteredApps.map(function (app) {
|
|
143
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
149
|
+
return /*#__PURE__*/React__default["default"].createElement(ProductLink$1, _extends._extends({
|
|
144
150
|
key: app.name
|
|
145
151
|
}, app));
|
|
146
152
|
})) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
147
153
|
className: "neeto-ui-text-center",
|
|
148
154
|
style: "body1"
|
|
149
|
-
}, t("neetoMolecules.
|
|
155
|
+
}, t("neetoMolecules.productSwitcher.noApps"))));
|
|
150
156
|
};
|
|
151
157
|
|
|
152
|
-
var
|
|
153
|
-
var _ref$isMobile = _ref.isMobile,
|
|
154
|
-
isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
|
|
155
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
156
|
-
className: "neeto-molecules-app-switcher__wrapper",
|
|
157
|
-
"data-cy": "switcher-wrapper",
|
|
158
|
-
"data-testid": "switcher-wrapper",
|
|
159
|
-
key: "switcher-wrapper"
|
|
160
|
-
}, /*#__PURE__*/React__default["default"].createElement(Body, {
|
|
161
|
-
isMobile: isMobile
|
|
162
|
-
}));
|
|
163
|
-
};
|
|
164
|
-
|
|
165
|
-
var AppSwitcherModal = reactUtils.withT(function (_ref) {
|
|
158
|
+
var Modal = reactUtils.withT(function (_ref) {
|
|
166
159
|
var t = _ref.t,
|
|
167
160
|
isOpen = _ref.isOpen,
|
|
168
161
|
onClose = _ref.onClose;
|
|
169
162
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
|
|
170
163
|
isOpen: isOpen,
|
|
171
164
|
onClose: onClose,
|
|
172
|
-
backdropClassName: "neeto-molecules-
|
|
165
|
+
backdropClassName: "neeto-molecules-product-switcher_modal",
|
|
173
166
|
size: "fullScreen"
|
|
174
167
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
175
168
|
className: "pr-4",
|
|
176
169
|
style: "h2"
|
|
177
|
-
}, t("neetoMolecules.
|
|
178
|
-
className: "neeto-molecules-
|
|
179
|
-
"data-testid": "
|
|
180
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
170
|
+
}, t("neetoMolecules.productSwitcher.chooseNeetoProduct"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
171
|
+
className: "neeto-molecules-product-switcher_modal-container",
|
|
172
|
+
"data-testid": "product-switcher-modal"
|
|
173
|
+
}, /*#__PURE__*/React__default["default"].createElement(Menu, {
|
|
181
174
|
isMobile: true
|
|
182
175
|
}))));
|
|
183
176
|
});
|
|
184
177
|
|
|
185
|
-
var _excluded$2 = ["isLoading", "onMouseEnter"];
|
|
186
|
-
var MenuItemButton = function MenuItemButton(_ref) {
|
|
187
|
-
var isLoading = _ref.isLoading,
|
|
188
|
-
onMouseEnter = _ref.onMouseEnter,
|
|
189
|
-
otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$2);
|
|
190
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
191
|
-
t = _useTranslation.t;
|
|
192
|
-
var MenuItem = neetoui.Dropdown.MenuItem;
|
|
193
|
-
return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends._extends({
|
|
194
|
-
onMouseEnter: onMouseEnter,
|
|
195
|
-
className: "neeto-molecules-menu-sublist__item-btn",
|
|
196
|
-
"data-cy": "app-switcher-button",
|
|
197
|
-
"data-testid": "app-switcher-button",
|
|
198
|
-
label: t("neetoMolecules.sidebar.productSwitcher"),
|
|
199
|
-
style: "text",
|
|
200
|
-
suffix: isLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
|
|
201
|
-
size: 18
|
|
202
|
-
})
|
|
203
|
-
}, otherProps), t("neetoMolecules.sidebar.productSwitcher"));
|
|
204
|
-
};
|
|
205
|
-
|
|
206
|
-
var AppSwitcherDropdown = function AppSwitcherDropdown() {
|
|
207
|
-
var Menu = neetoui.Dropdown.Menu,
|
|
208
|
-
MenuItem = neetoui.Dropdown.MenuItem;
|
|
209
|
-
var _useBreakpoints = useBreakpoints__default["default"](),
|
|
210
|
-
isSize = _useBreakpoints.isSize;
|
|
211
|
-
var isMobile = isSize("mobile");
|
|
212
|
-
var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
|
|
213
|
-
data = _useFetchNeetoApps.data,
|
|
214
|
-
isLoading = _useFetchNeetoApps.isLoading,
|
|
215
|
-
isStale = _useFetchNeetoApps.isStale,
|
|
216
|
-
refetchNeetoApps = _useFetchNeetoApps.refetch;
|
|
217
|
-
var onMouseEnter = function onMouseEnter() {
|
|
218
|
-
if (!isStale) return;
|
|
219
|
-
refetchNeetoApps();
|
|
220
|
-
};
|
|
221
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
|
|
222
|
-
className: "neeto-molecules-app-switcher-menu-popup-wrapper",
|
|
223
|
-
closeOnSelect: false,
|
|
224
|
-
customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItemButton, {
|
|
225
|
-
isLoading: isLoading,
|
|
226
|
-
onMouseEnter: onMouseEnter
|
|
227
|
-
}),
|
|
228
|
-
disabled: !data || isLoading,
|
|
229
|
-
interactiveDebounce: 30,
|
|
230
|
-
isOpen: !data ? false : undefined,
|
|
231
|
-
offset: [0, 5],
|
|
232
|
-
position: "right",
|
|
233
|
-
trigger: isMobile ? "click" : "hover",
|
|
234
|
-
zIndex: 99999,
|
|
235
|
-
dropdownProps: {
|
|
236
|
-
classNames: "neeto-molecules-app-switcher-menu-popup__dropdown"
|
|
237
|
-
}
|
|
238
|
-
}, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem, null, /*#__PURE__*/React__default["default"].createElement(AppSwitcher, null))));
|
|
239
|
-
};
|
|
240
|
-
|
|
241
|
-
var AppSwitcherMenu = function AppSwitcherMenu(_ref) {
|
|
242
|
-
var toggleModal = _ref.toggleModal;
|
|
243
|
-
var _useBreakpoints = useBreakpoints__default["default"](),
|
|
244
|
-
isSize = _useBreakpoints.isSize;
|
|
245
|
-
var isMobile = isSize("mobile");
|
|
246
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isMobile ? /*#__PURE__*/React__default["default"].createElement(MenuItemButton, {
|
|
247
|
-
"data-cy": "app-switcher-button",
|
|
248
|
-
"data-testid": "app-switcher-button",
|
|
249
|
-
onClick: function onClick() {
|
|
250
|
-
return toggleModal(true);
|
|
251
|
-
}
|
|
252
|
-
}) : /*#__PURE__*/React__default["default"].createElement(AppSwitcherDropdown, null));
|
|
253
|
-
};
|
|
254
|
-
|
|
255
178
|
var shouldShowWhatsNew = function shouldShowWhatsNew() {
|
|
256
179
|
var _window$globalProps, _window$globalProps$u;
|
|
257
180
|
var currentUserEmail = (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email;
|
|
@@ -295,7 +218,7 @@ var DEFAULT_MENU_LINK_PROPS = {
|
|
|
295
218
|
};
|
|
296
219
|
var NON_BUTTON_PROPS = ["isVisible"];
|
|
297
220
|
|
|
298
|
-
var _excluded$
|
|
221
|
+
var _excluded$2 = ["label", "icon", "changesCount"];
|
|
299
222
|
var LinkSection = function LinkSection(_ref) {
|
|
300
223
|
var links = _ref.links;
|
|
301
224
|
var MenuItem = neetoui.Dropdown.MenuItem;
|
|
@@ -304,7 +227,7 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
304
227
|
var label = _ref2.label,
|
|
305
228
|
Icon = _ref2.icon,
|
|
306
229
|
changesCount = _ref2.changesCount,
|
|
307
|
-
otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded$
|
|
230
|
+
otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded$2);
|
|
308
231
|
return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends._extends({
|
|
309
232
|
className: "neeto-molecules-menu-sublist__item-btn",
|
|
310
233
|
"data-cy": "floating-action-menu-link-section",
|
|
@@ -321,6 +244,71 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
321
244
|
}));
|
|
322
245
|
};
|
|
323
246
|
|
|
247
|
+
var _excluded$1 = ["isLoading", "onMouseEnter"];
|
|
248
|
+
var MenuButton = function MenuButton(_ref) {
|
|
249
|
+
var isLoading = _ref.isLoading,
|
|
250
|
+
onMouseEnter = _ref.onMouseEnter,
|
|
251
|
+
otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
|
|
252
|
+
var _useTranslation = reactI18next.useTranslation(),
|
|
253
|
+
t = _useTranslation.t;
|
|
254
|
+
var MenuItem = neetoui.Dropdown.MenuItem;
|
|
255
|
+
return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends._extends({
|
|
256
|
+
onMouseEnter: onMouseEnter,
|
|
257
|
+
className: "neeto-molecules-menu-sublist__item-btn",
|
|
258
|
+
"data-cy": "product-switcher-button",
|
|
259
|
+
"data-testid": "product-switcher-button",
|
|
260
|
+
label: t("neetoMolecules.sidebar.productSwitcher"),
|
|
261
|
+
style: "text",
|
|
262
|
+
suffix: isLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
|
|
263
|
+
size: 18
|
|
264
|
+
})
|
|
265
|
+
}, otherProps), t("neetoMolecules.sidebar.productSwitcher"));
|
|
266
|
+
};
|
|
267
|
+
|
|
268
|
+
var Dropdown = function Dropdown() {
|
|
269
|
+
var Menu$1 = neetoui.Dropdown.Menu,
|
|
270
|
+
MenuItem = neetoui.Dropdown.MenuItem;
|
|
271
|
+
var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
|
|
272
|
+
data = _useFetchNeetoApps.data,
|
|
273
|
+
isLoading = _useFetchNeetoApps.isLoading,
|
|
274
|
+
isStale = _useFetchNeetoApps.isStale,
|
|
275
|
+
refetchNeetoApps = _useFetchNeetoApps.refetch;
|
|
276
|
+
var onMouseEnter = function onMouseEnter() {
|
|
277
|
+
if (!isStale) return;
|
|
278
|
+
refetchNeetoApps();
|
|
279
|
+
};
|
|
280
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
|
|
281
|
+
className: "neeto-molecules-product-switcher-menu-popup-wrapper",
|
|
282
|
+
closeOnSelect: false,
|
|
283
|
+
customTarget: /*#__PURE__*/React__default["default"].createElement(MenuButton, {
|
|
284
|
+
isLoading: isLoading,
|
|
285
|
+
onMouseEnter: onMouseEnter
|
|
286
|
+
}),
|
|
287
|
+
disabled: !data || isLoading,
|
|
288
|
+
interactiveDebounce: 30,
|
|
289
|
+
isOpen: !data ? false : undefined,
|
|
290
|
+
offset: [0, 5],
|
|
291
|
+
position: "right",
|
|
292
|
+
trigger: "all",
|
|
293
|
+
zIndex: 99999,
|
|
294
|
+
dropdownProps: {
|
|
295
|
+
classNames: "neeto-molecules-product-switcher-menu-popup__dropdown"
|
|
296
|
+
}
|
|
297
|
+
}, /*#__PURE__*/React__default["default"].createElement(Menu$1, null, /*#__PURE__*/React__default["default"].createElement(MenuItem, null, /*#__PURE__*/React__default["default"].createElement(Menu, null))));
|
|
298
|
+
};
|
|
299
|
+
|
|
300
|
+
var ProductSwitcher = function ProductSwitcher(_ref) {
|
|
301
|
+
var toggleModal = _ref.toggleModal;
|
|
302
|
+
var _useBreakpoints = useBreakpoints__default["default"](),
|
|
303
|
+
isSize = _useBreakpoints.isSize;
|
|
304
|
+
var isMobile = isSize("mobile");
|
|
305
|
+
return isMobile ? /*#__PURE__*/React__default["default"].createElement(MenuButton, {
|
|
306
|
+
onClick: function onClick() {
|
|
307
|
+
return toggleModal(true);
|
|
308
|
+
}
|
|
309
|
+
}) : /*#__PURE__*/React__default["default"].createElement(Dropdown, null);
|
|
310
|
+
};
|
|
311
|
+
|
|
324
312
|
var ProfileHeader = function ProfileHeader(_ref) {
|
|
325
313
|
var profileInfo = _ref.profileInfo;
|
|
326
314
|
var name = profileInfo.name,
|
|
@@ -354,7 +342,7 @@ var ProfileHeader = function ProfileHeader(_ref) {
|
|
|
354
342
|
|
|
355
343
|
var ProfileMenu = function ProfileMenu(_ref) {
|
|
356
344
|
var profileInfo = _ref.profileInfo,
|
|
357
|
-
|
|
345
|
+
showProductSwitcher = _ref.showProductSwitcher,
|
|
358
346
|
helpLinks = _ref.helpLinks,
|
|
359
347
|
defaultLinks = _ref.defaultLinks,
|
|
360
348
|
topLinks = _ref.topLinks,
|
|
@@ -372,7 +360,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
|
|
|
372
360
|
"data-testid": "profile-popup"
|
|
373
361
|
}, /*#__PURE__*/React__default["default"].createElement(ProfileHeader, {
|
|
374
362
|
profileInfo: profileInfo
|
|
375
|
-
})),
|
|
363
|
+
})), showProductSwitcher && /*#__PURE__*/React__default["default"].createElement(ProductSwitcher, {
|
|
376
364
|
toggleModal: toggleModal
|
|
377
365
|
}), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
|
|
378
366
|
links: topLinks
|
|
@@ -434,7 +422,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
434
422
|
var ProfileButton = function ProfileButton(_ref) {
|
|
435
423
|
var helpLinkOverrides = _ref.helpLinkOverrides,
|
|
436
424
|
profileInfoOverrides = _ref.profileInfoOverrides,
|
|
437
|
-
|
|
425
|
+
showProductSwitcher = _ref.showProductSwitcher,
|
|
438
426
|
bottomLinks = _ref.bottomLinks,
|
|
439
427
|
topLinks = _ref.topLinks,
|
|
440
428
|
customContent = _ref.customContent;
|
|
@@ -513,7 +501,7 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
513
501
|
position: "right-end",
|
|
514
502
|
strategy: "fixed",
|
|
515
503
|
theme: "light",
|
|
516
|
-
trigger: "
|
|
504
|
+
trigger: "all",
|
|
517
505
|
zIndex: 99999,
|
|
518
506
|
customTarget: /*#__PURE__*/React__default["default"].createElement("button", {
|
|
519
507
|
className: "neeto-molecules-floating-action-button",
|
|
@@ -533,7 +521,7 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
533
521
|
defaultLinks: defaultLinks,
|
|
534
522
|
helpLinks: helpLinks,
|
|
535
523
|
profileInfo: profileInfo,
|
|
536
|
-
|
|
524
|
+
showProductSwitcher: showProductSwitcher,
|
|
537
525
|
bottomLinks: newBottomLinks,
|
|
538
526
|
toggleModal: setIsModalOpen,
|
|
539
527
|
topLinks: newTopLinks
|
|
@@ -541,7 +529,7 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
541
529
|
className: "neeto-molecules-menu__notif-count",
|
|
542
530
|
"data-cy": "help-icon-changes-count",
|
|
543
531
|
"data-testid": "help-icon-changes-count"
|
|
544
|
-
}, changesCount), /*#__PURE__*/React__default["default"].createElement(
|
|
532
|
+
}, changesCount), /*#__PURE__*/React__default["default"].createElement(Modal, {
|
|
545
533
|
isOpen: isModalOpen,
|
|
546
534
|
onClose: function onClose() {
|
|
547
535
|
return setIsModalOpen(false);
|
|
@@ -549,10 +537,10 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
549
537
|
}));
|
|
550
538
|
};
|
|
551
539
|
|
|
552
|
-
var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-
|
|
540
|
+
var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-product-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-product-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}";
|
|
553
541
|
injectCss.n(css,{});
|
|
554
542
|
|
|
555
|
-
var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "
|
|
543
|
+
var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "customContent"];
|
|
556
544
|
var FloatingActionMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
557
545
|
var _ref$profileInfoOverr = _ref.profileInfoOverrides,
|
|
558
546
|
profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
|
|
@@ -562,8 +550,8 @@ var FloatingActionMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
562
550
|
topLinks = _ref$topLinks === void 0 ? [] : _ref$topLinks,
|
|
563
551
|
_ref$bottomLinks = _ref.bottomLinks,
|
|
564
552
|
bottomLinks = _ref$bottomLinks === void 0 ? [] : _ref$bottomLinks,
|
|
565
|
-
_ref$
|
|
566
|
-
|
|
553
|
+
_ref$showProductSwitc = _ref.showProductSwitcher,
|
|
554
|
+
showProductSwitcher = _ref$showProductSwitc === void 0 ? true : _ref$showProductSwitc,
|
|
567
555
|
customContent = _ref.customContent,
|
|
568
556
|
otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
569
557
|
return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
|
|
@@ -576,7 +564,7 @@ var FloatingActionMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
576
564
|
customContent: customContent,
|
|
577
565
|
helpLinkOverrides: helpLinkOverrides,
|
|
578
566
|
profileInfoOverrides: profileInfoOverrides,
|
|
579
|
-
|
|
567
|
+
showProductSwitcher: showProductSwitcher,
|
|
580
568
|
topLinks: topLinks
|
|
581
569
|
}));
|
|
582
570
|
});
|
|
@@ -615,9 +603,9 @@ FloatingActionMenu.propTypes = {
|
|
|
615
603
|
*/
|
|
616
604
|
helpLinkOverrides: index.propTypes.exports.object,
|
|
617
605
|
/**
|
|
618
|
-
* To display the
|
|
606
|
+
* To display the product switcher menu option.
|
|
619
607
|
*/
|
|
620
|
-
|
|
608
|
+
showProductSwitcher: index.propTypes.exports.bool
|
|
621
609
|
};
|
|
622
610
|
|
|
623
611
|
module.exports = FloatingActionMenu;
|