@bigbinary/neeto-team-members-frontend 5.0.21 → 5.0.22
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/{Permissions-B_03wP2E.js → Permissions-Ceuhkolc.js} +20 -12
- package/dist/{Permissions-B_03wP2E.js.map → Permissions-Ceuhkolc.js.map} +1 -1
- package/dist/{ProfileImage-NrUFZWFQ.js → ProfileImage-DLfKHCcF.js} +27 -16
- package/dist/{ProfileImage-NrUFZWFQ.js.map → ProfileImage-DLfKHCcF.js.map} +1 -1
- package/dist/{RolesRadioGroup-BCrw7ji3.js → RolesRadioGroup-C3dcGoEC.js} +30 -18
- package/dist/{RolesRadioGroup-BCrw7ji3.js.map → RolesRadioGroup-C3dcGoEC.js.map} +1 -1
- package/dist/cjs/Groups.js +83 -57
- package/dist/cjs/Groups.js.map +1 -1
- package/dist/cjs/ManageMember.js +5 -5
- package/dist/cjs/MembersDropdown.js +22 -11
- package/dist/cjs/MembersDropdown.js.map +1 -1
- package/dist/cjs/MembersInvite.js +28 -16
- package/dist/cjs/MembersInvite.js.map +1 -1
- package/dist/cjs/Permissions.js +1 -1
- package/dist/cjs/Profile.js +76 -53
- package/dist/cjs/Profile.js.map +1 -1
- package/dist/cjs/Roles.js +79 -49
- package/dist/cjs/Roles.js.map +1 -1
- package/dist/cjs/RolesRadioGroup.js +1 -1
- package/dist/cjs/TeamMembers.js +90 -65
- package/dist/cjs/TeamMembers.js.map +1 -1
- package/dist/cjs/TeamsAndMembersDropdown.js +29 -16
- package/dist/cjs/TeamsAndMembersDropdown.js.map +1 -1
- package/dist/cjs/TeamsDropdown.js +15 -7
- package/dist/cjs/TeamsDropdown.js.map +1 -1
- package/dist/cjs/hooks.js +2 -2
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/utils.js +1 -1
- package/dist/{index-Dn1xXV16.js → index-Bvg5FEih.js} +20 -13
- package/dist/index-Bvg5FEih.js.map +1 -0
- package/dist/{index-Dpeqvj1R.js → index-CFoRG9Vv.js} +115 -84
- package/dist/{index-Dpeqvj1R.js.map → index-CFoRG9Vv.js.map} +1 -1
- package/dist/{index-RSeSsrSE.js → index-CTzzFXjr.js} +31 -19
- package/dist/{index-RSeSsrSE.js.map → index-CTzzFXjr.js.map} +1 -1
- package/dist/{useMembersSidenav-I2hDeiRw.js → useMembersSidenav-8pnJCxfV.js} +6 -2
- package/dist/{useMembersSidenav-I2hDeiRw.js.map → useMembersSidenav-8pnJCxfV.js.map} +1 -1
- package/dist/{useTeamsApi-BDvsXvSN.js → useTeamsApi-BNNfSa_t.js} +21 -14
- package/dist/useTeamsApi-BNNfSa_t.js.map +1 -0
- package/dist/{withReactQuery-C7a_pGxf.js → withReactQuery-DmoRX7nd.js} +6 -2
- package/dist/{withReactQuery-C7a_pGxf.js.map → withReactQuery-DmoRX7nd.js.map} +1 -1
- package/package.json +1 -1
- package/dist/index-Dn1xXV16.js.map +0 -1
- package/dist/useTeamsApi-BDvsXvSN.js.map +0 -1
|
@@ -9,7 +9,7 @@ require('@bigbinary/neetoui/Label');
|
|
|
9
9
|
require('@bigbinary/neetoui/formik/Radio');
|
|
10
10
|
require('ramda');
|
|
11
11
|
require('react-i18next');
|
|
12
|
-
var RolesRadioGroup = require('../RolesRadioGroup-
|
|
12
|
+
var RolesRadioGroup = require('../RolesRadioGroup-C3dcGoEC.js');
|
|
13
13
|
require('react/jsx-runtime');
|
|
14
14
|
require('../inject-css-vQvjPR2x.js');
|
|
15
15
|
require('@babel/runtime/helpers/slicedToArray');
|
package/dist/cjs/TeamMembers.js
CHANGED
|
@@ -19,13 +19,13 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
|
|
|
19
19
|
var ramda = require('ramda');
|
|
20
20
|
var reactI18next = require('react-i18next');
|
|
21
21
|
var reactRouterDom = require('react-router-dom');
|
|
22
|
-
var withReactQuery = require('../withReactQuery-
|
|
23
|
-
var index$1 = require('../index-
|
|
24
|
-
var useTeamsApi = require('../useTeamsApi-
|
|
22
|
+
var withReactQuery = require('../withReactQuery-DmoRX7nd.js');
|
|
23
|
+
var index$1 = require('../index-Bvg5FEih.js');
|
|
24
|
+
var useTeamsApi = require('../useTeamsApi-BNNfSa_t.js');
|
|
25
25
|
var constants$1 = require('./constants.js');
|
|
26
26
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
27
27
|
var utils = require('@bigbinary/neeto-filters-frontend/utils');
|
|
28
|
-
var ManageMember = require('../index-
|
|
28
|
+
var ManageMember = require('../index-CFoRG9Vv.js');
|
|
29
29
|
var injectCss = require('../inject-css-vQvjPR2x.js');
|
|
30
30
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
31
31
|
var Button = require('@bigbinary/neetoui/Button');
|
|
@@ -57,14 +57,14 @@ require('@bigbinary/neeto-image-uploader-frontend/hooks');
|
|
|
57
57
|
require('@bigbinary/neetoui/Callout');
|
|
58
58
|
require('@bigbinary/neetoui/formik/ActionBlock');
|
|
59
59
|
require('@bigbinary/neetoui/formik/Form');
|
|
60
|
-
require('../ProfileImage-
|
|
60
|
+
require('../ProfileImage-DLfKHCcF.js');
|
|
61
61
|
require('@bigbinary/neeto-icons/Edit');
|
|
62
62
|
require('@bigbinary/neetoui/Avatar');
|
|
63
63
|
require('yup');
|
|
64
64
|
require('@bigbinary/neetoui/Checkbox');
|
|
65
65
|
require('@bigbinary/neetoui/formik/Select');
|
|
66
66
|
require('@bigbinary/neetoui/formik/Switch');
|
|
67
|
-
require('../RolesRadioGroup-
|
|
67
|
+
require('../RolesRadioGroup-C3dcGoEC.js');
|
|
68
68
|
require('@bigbinary/neetoui/Label');
|
|
69
69
|
require('@bigbinary/neetoui/formik/Radio');
|
|
70
70
|
require('@bigbinary/neetoui/Modal');
|
|
@@ -77,8 +77,33 @@ require('../_commonjsHelpers-BJu3ubxk.js');
|
|
|
77
77
|
require('@bigbinary/neeto-time-zones');
|
|
78
78
|
require('@bigbinary/neeto-molecules/MoreDropdown');
|
|
79
79
|
|
|
80
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
81
|
+
|
|
82
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
83
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
84
|
+
var FiltersBar__default = /*#__PURE__*/_interopDefault(FiltersBar);
|
|
85
|
+
var Container__default = /*#__PURE__*/_interopDefault(Container);
|
|
86
|
+
var SubHeader__default = /*#__PURE__*/_interopDefault(SubHeader$1);
|
|
87
|
+
var TableWrapper__default = /*#__PURE__*/_interopDefault(TableWrapper);
|
|
88
|
+
var Alert__default = /*#__PURE__*/_interopDefault(Alert);
|
|
89
|
+
var NoData__default = /*#__PURE__*/_interopDefault(NoData);
|
|
90
|
+
var Table__default = /*#__PURE__*/_interopDefault(Table);
|
|
91
|
+
var Spinner__default = /*#__PURE__*/_interopDefault(Spinner);
|
|
92
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
|
|
93
|
+
var Button__default = /*#__PURE__*/_interopDefault(Button);
|
|
94
|
+
var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
|
|
95
|
+
var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown);
|
|
96
|
+
var Typography__default = /*#__PURE__*/_interopDefault(Typography);
|
|
97
|
+
var Right__default = /*#__PURE__*/_interopDefault(Right$1);
|
|
98
|
+
var NeetoUISearchIcon__default = /*#__PURE__*/_interopDefault(NeetoUISearchIcon);
|
|
99
|
+
var Input__default = /*#__PURE__*/_interopDefault(Input);
|
|
100
|
+
var Pane__default = /*#__PURE__*/_interopDefault(Pane);
|
|
101
|
+
var Radio__default = /*#__PURE__*/_interopDefault(Radio);
|
|
102
|
+
var Toastr__default = /*#__PURE__*/_interopDefault(Toastr);
|
|
103
|
+
var NeetoHeader__default = /*#__PURE__*/_interopDefault(NeetoHeader);
|
|
104
|
+
|
|
80
105
|
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
81
|
-
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) {
|
|
106
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
82
107
|
var useFilters = function useFilters(_ref) {
|
|
83
108
|
var _config$filterColumns;
|
|
84
109
|
var config = _ref.config;
|
|
@@ -93,14 +118,14 @@ var useFilters = function useFilters(_ref) {
|
|
|
93
118
|
key: "search_term"
|
|
94
119
|
};
|
|
95
120
|
var _useState = React.useState(""),
|
|
96
|
-
_useState2 =
|
|
121
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
97
122
|
emailSearchTerm = _useState2[0],
|
|
98
123
|
setEmailSearchTerm = _useState2[1];
|
|
99
|
-
var defaultNeetoFilters = utils.buildFiltersFromURL([].concat(
|
|
124
|
+
var defaultNeetoFilters = utils.buildFiltersFromURL([].concat(_toConsumableArray__default.default((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : ManageMember.defaultNeetoFiltersColumns()), [searchKeywordProps]));
|
|
100
125
|
var _useState3 = React.useState(_objectSpread$6(_objectSpread$6(_objectSpread$6({}, ManageMember.DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
|
|
101
126
|
neetoFilters: defaultNeetoFilters
|
|
102
127
|
})),
|
|
103
|
-
_useState4 =
|
|
128
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
104
129
|
filters = _useState4[0],
|
|
105
130
|
setFilters = _useState4[1];
|
|
106
131
|
var resetPage = reactUtils.useFuncDebounce(function () {
|
|
@@ -147,7 +172,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
147
172
|
};
|
|
148
173
|
|
|
149
174
|
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
150
|
-
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) {
|
|
175
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
151
176
|
var useTeams = function useTeams(_ref) {
|
|
152
177
|
var config = _ref.config,
|
|
153
178
|
filters = _ref.filters,
|
|
@@ -155,15 +180,15 @@ var useTeams = function useTeams(_ref) {
|
|
|
155
180
|
updateMember = _ref.updateMember;
|
|
156
181
|
var history = reactRouterDom.useHistory();
|
|
157
182
|
var _useState = React.useState(null),
|
|
158
|
-
_useState2 =
|
|
183
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
159
184
|
selectedMember = _useState2[0],
|
|
160
185
|
setSelectedMember = _useState2[1];
|
|
161
186
|
var _useState3 = React.useState(ManageMember.DEFAULT_IS_OPEN_VALUES),
|
|
162
|
-
_useState4 =
|
|
187
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
163
188
|
isOpen = _useState4[0],
|
|
164
189
|
setIsOpen = _useState4[1];
|
|
165
190
|
var _useState5 = React.useState(ManageMember.DEFAULT_SELECTED_ROWS),
|
|
166
|
-
_useState6 =
|
|
191
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
167
192
|
selectedRows = _useState6[0],
|
|
168
193
|
setSelectedRows = _useState6[1];
|
|
169
194
|
var handleRemoveMember = function handleRemoveMember() {
|
|
@@ -245,7 +270,7 @@ var FIXED_COLUMNS = ["name", "actions"];
|
|
|
245
270
|
var MANAGE_ROLES_BUTTON_LABEL = i18next.t("neetoTeamMembers.labels.manageRole", constants.PLURAL);
|
|
246
271
|
|
|
247
272
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
248
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) {
|
|
273
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
249
274
|
var Header$2 = function Header(_ref) {
|
|
250
275
|
var isCreatePermissionGranted = _ref.isCreatePermissionGranted,
|
|
251
276
|
otherActionBlock = _ref.otherActionBlock,
|
|
@@ -257,16 +282,16 @@ var Header$2 = function Header(_ref) {
|
|
|
257
282
|
var isRolesButtonVisible = !!rolesButtonProps;
|
|
258
283
|
var isOtherActionBlockVisible = !!otherActionBlock;
|
|
259
284
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
260
|
-
children: [isOtherActionBlockVisible && otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/jsxRuntime.jsx(
|
|
285
|
+
children: [isOtherActionBlockVisible && otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/jsxRuntime.jsx(Button__default.default, _objectSpread$4({
|
|
261
286
|
"data-testid": "ntm-manage-roles-button",
|
|
262
287
|
label: MANAGE_ROLES_BUTTON_LABEL,
|
|
263
288
|
style: "secondary"
|
|
264
|
-
}, rolesButtonProps)) : null, /*#__PURE__*/jsxRuntime.jsx(
|
|
289
|
+
}, rolesButtonProps)) : null, /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
|
|
265
290
|
content: t("neetoTeamMembers.tooltips.noPermissionToAddMember"),
|
|
266
291
|
disabled: isCreatePermissionGranted,
|
|
267
292
|
position: "bottom",
|
|
268
293
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
269
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
294
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
270
295
|
onClick: onClick,
|
|
271
296
|
"data-testid": "ntm-add-member-button",
|
|
272
297
|
disabled: !isCreatePermissionGranted,
|
|
@@ -293,8 +318,8 @@ var getDeactivatedButtonVisible = function getDeactivatedButtonVisible(selectedR
|
|
|
293
318
|
}) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("remove"));
|
|
294
319
|
};
|
|
295
320
|
|
|
296
|
-
var Menu$1 =
|
|
297
|
-
MenuItem$1 =
|
|
321
|
+
var Menu$1 = Dropdown__default.default.Menu,
|
|
322
|
+
MenuItem$1 = Dropdown__default.default.MenuItem;
|
|
298
323
|
var RolesDropdown = function RolesDropdown(_ref) {
|
|
299
324
|
var _ref$disabled = _ref.disabled,
|
|
300
325
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
@@ -310,11 +335,11 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
310
335
|
var _useTranslation = reactI18next.useTranslation(),
|
|
311
336
|
t = _useTranslation.t;
|
|
312
337
|
var _useState = React.useState(false),
|
|
313
|
-
_useState2 =
|
|
338
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
314
339
|
isDropdownOpen = _useState2[0],
|
|
315
340
|
setIsDropdownOpen = _useState2[1];
|
|
316
341
|
var _useState3 = React.useState(""),
|
|
317
|
-
_useState4 =
|
|
342
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
318
343
|
searchTerm = _useState4[0],
|
|
319
344
|
setSearchTerm = _useState4[1];
|
|
320
345
|
var filteredRoles = filterBySearchTerm(searchTerm, roles);
|
|
@@ -336,14 +361,14 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
336
361
|
event.stopPropagation();
|
|
337
362
|
setIsDropdownOpen(!isDropdownOpen);
|
|
338
363
|
};
|
|
339
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
364
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
|
|
340
365
|
disabled: isUpdatingAllowed,
|
|
341
366
|
position: "top",
|
|
342
367
|
content: t("neetoTeamMembers.tooltips.activateUserToEdit", {
|
|
343
368
|
count: selectedMembersCount
|
|
344
369
|
}),
|
|
345
370
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
346
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
371
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
347
372
|
buttonStyle: "secondary",
|
|
348
373
|
closeOnSelect: false,
|
|
349
374
|
"data-testid": "ntm-members-roles-update-dropdown-button",
|
|
@@ -353,7 +378,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
353
378
|
customTarget: /*#__PURE__*/jsxRuntime.jsx(MenuItem$1.Button, {
|
|
354
379
|
"data-testid": "take-action-dropdown-change-role-button",
|
|
355
380
|
disabled: !isUpdatingAllowed,
|
|
356
|
-
suffix: /*#__PURE__*/jsxRuntime.jsx(
|
|
381
|
+
suffix: /*#__PURE__*/jsxRuntime.jsx(Right__default.default, {
|
|
357
382
|
size: 16
|
|
358
383
|
}),
|
|
359
384
|
children: t("neetoTeamMembers.buttons.changeRole")
|
|
@@ -366,9 +391,9 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
366
391
|
onClick: function onClick(event) {
|
|
367
392
|
event.stopPropagation();
|
|
368
393
|
},
|
|
369
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
394
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
370
395
|
"data-testid": "ntm-members-roles-search-input",
|
|
371
|
-
prefix: /*#__PURE__*/jsxRuntime.jsx(
|
|
396
|
+
prefix: /*#__PURE__*/jsxRuntime.jsx(NeetoUISearchIcon__default.default, {}),
|
|
372
397
|
type: "search",
|
|
373
398
|
value: searchTerm,
|
|
374
399
|
placeholder: t("neetoTeamMembers.placeholders.searchRole", constants.PLURAL),
|
|
@@ -386,7 +411,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
386
411
|
}, id);
|
|
387
412
|
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
388
413
|
className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-p-1",
|
|
389
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
414
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
390
415
|
className: "neeto-ui-text-gray-700",
|
|
391
416
|
style: "body2",
|
|
392
417
|
children: t("neetoTeamMembers.helpers.noRolesFound")
|
|
@@ -399,9 +424,9 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
399
424
|
};
|
|
400
425
|
|
|
401
426
|
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
402
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) {
|
|
403
|
-
var Menu =
|
|
404
|
-
MenuItem =
|
|
427
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
428
|
+
var Menu = Dropdown__default.default.Menu,
|
|
429
|
+
MenuItem = Dropdown__default.default.MenuItem;
|
|
405
430
|
var Left = function Left(_ref) {
|
|
406
431
|
var _ref2, _selectedRows$keys, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
|
|
407
432
|
var config = _ref.config,
|
|
@@ -415,11 +440,11 @@ var Left = function Left(_ref) {
|
|
|
415
440
|
t = _useTranslation.t;
|
|
416
441
|
var isUpdatePermissionGranted = config.permissions.update;
|
|
417
442
|
var _useState = React.useState(""),
|
|
418
|
-
_useState2 =
|
|
443
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
419
444
|
alertType = _useState2[0],
|
|
420
445
|
setAlertType = _useState2[1];
|
|
421
446
|
var _useState3 = React.useState(""),
|
|
422
|
-
_useState4 =
|
|
447
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
423
448
|
bulkUpdateRole = _useState4[0],
|
|
424
449
|
setBulkUpdateRole = _useState4[1];
|
|
425
450
|
var hasSelectedRows = neetoCist.isNotEmpty(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
|
|
@@ -489,7 +514,7 @@ var Left = function Left(_ref) {
|
|
|
489
514
|
};
|
|
490
515
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
491
516
|
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4",
|
|
492
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
517
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
493
518
|
component: "h4",
|
|
494
519
|
"data-testid": "ntm-filtered-members-count",
|
|
495
520
|
style: "h4",
|
|
@@ -502,12 +527,12 @@ var Left = function Left(_ref) {
|
|
|
502
527
|
values: selectedMembersCountValues,
|
|
503
528
|
i18nKey: hasSelectedRows ? "neetoTeamMembers.helpers.selectedMembersCount" : "neetoTeamMembers.helpers.metaNameWithCount"
|
|
504
529
|
})
|
|
505
|
-
}), hasSelectedRows && /*#__PURE__*/jsxRuntime.jsx(
|
|
530
|
+
}), hasSelectedRows && /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
|
|
506
531
|
content: t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
|
|
507
532
|
disabled: isUpdatePermissionGranted,
|
|
508
533
|
position: "top",
|
|
509
534
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
510
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
535
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
511
536
|
buttonStyle: "secondary",
|
|
512
537
|
"data-testid": "ntm-members-take-action-dropdown-button",
|
|
513
538
|
disabled: !isUpdatePermissionGranted,
|
|
@@ -531,7 +556,7 @@ var Left = function Left(_ref) {
|
|
|
531
556
|
})
|
|
532
557
|
})
|
|
533
558
|
})
|
|
534
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
559
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Alert__default.default, {
|
|
535
560
|
isOpen: selectedAlert,
|
|
536
561
|
submitButtonLabel: getButtonLabel(selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.type),
|
|
537
562
|
title: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.title,
|
|
@@ -558,7 +583,7 @@ var Right = reactUtils.withT(function (_ref3) {
|
|
|
558
583
|
searchKeywordProps = _ref3.searchKeywordProps,
|
|
559
584
|
setIsDownloadPaneOpen = _ref3.setIsDownloadPaneOpen,
|
|
560
585
|
setIsFiltersPaneOpen = _ref3.setIsFiltersPaneOpen;
|
|
561
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
586
|
+
return /*#__PURE__*/jsxRuntime.jsx(SubHeader__default.default.RightBlock, {
|
|
562
587
|
columnsButtonProps: {
|
|
563
588
|
columnData: columns,
|
|
564
589
|
fixedColumns: FIXED_COLUMNS,
|
|
@@ -623,7 +648,7 @@ var EXPORT_OPTIONS = [{
|
|
|
623
648
|
}];
|
|
624
649
|
|
|
625
650
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
626
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
|
|
651
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
627
652
|
var ExportPane = function ExportPane(_ref) {
|
|
628
653
|
var isOpen = _ref.isOpen,
|
|
629
654
|
onClose = _ref.onClose,
|
|
@@ -632,7 +657,7 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
632
657
|
selectedMemberIds = _ref.selectedMemberIds,
|
|
633
658
|
selectedRowsCount = _ref.selectedRowsCount;
|
|
634
659
|
var _useState = React.useState(DEFAULT_EXPORT_OPTIONS),
|
|
635
|
-
_useState2 =
|
|
660
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
636
661
|
exportOptions = _useState2[0],
|
|
637
662
|
setExportOptions = _useState2[1];
|
|
638
663
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -653,7 +678,7 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
653
678
|
var _globalProps$user;
|
|
654
679
|
onClose();
|
|
655
680
|
setExportOptions(DEFAULT_EXPORT_OPTIONS);
|
|
656
|
-
|
|
681
|
+
Toastr__default.default.success(/*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
|
|
657
682
|
i18nKey: "toastr.success.exportMembers",
|
|
658
683
|
values: {
|
|
659
684
|
email: (_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email
|
|
@@ -662,24 +687,24 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
662
687
|
utils$1.captureAnalyticsEvent(constants$1.EVENTS.TEAM_MEMBERS_DOWNLOADED, _objectSpread$2({}, exportOptions));
|
|
663
688
|
},
|
|
664
689
|
onError: function onError(error) {
|
|
665
|
-
return
|
|
690
|
+
return Toastr__default.default.error(error.message);
|
|
666
691
|
}
|
|
667
692
|
}),
|
|
668
693
|
exportMembers = _useExportMembers.mutate;
|
|
669
694
|
var description = neetoCist.isNotEmpty(selectedMemberIds) || hasBulkSelectedAllRows ? t("neetoTeamMembers.exportPane.description.selectedMembers", {
|
|
670
695
|
count: selectedRowsCount
|
|
671
696
|
}) : t("neetoTeamMembers.exportPane.description.allMembers");
|
|
672
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
697
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Pane__default.default, {
|
|
673
698
|
isOpen: isOpen,
|
|
674
699
|
onClose: onClose,
|
|
675
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
676
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
700
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Header, {
|
|
701
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
677
702
|
"data-testid": "export-member-heading",
|
|
678
703
|
style: "h2",
|
|
679
704
|
children: t("neetoTeamMembers.exportPane.title")
|
|
680
705
|
})
|
|
681
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
682
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
706
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Body, {
|
|
707
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Radio__default.default, {
|
|
683
708
|
stacked: true,
|
|
684
709
|
className: "grow-0 space-y-4",
|
|
685
710
|
label: description,
|
|
@@ -687,7 +712,7 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
687
712
|
var type = _ref2.type,
|
|
688
713
|
bulkExportLabel = _ref2.bulkExportLabel,
|
|
689
714
|
dataTestid = _ref2.dataTestid;
|
|
690
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
715
|
+
return /*#__PURE__*/jsxRuntime.jsx(Radio__default.default.Item, {
|
|
691
716
|
checked: exportType === type,
|
|
692
717
|
"data-testid": dataTestid,
|
|
693
718
|
label: bulkExportLabel,
|
|
@@ -699,9 +724,9 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
699
724
|
}, type);
|
|
700
725
|
})
|
|
701
726
|
})
|
|
702
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
727
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(Pane__default.default.Footer, {
|
|
703
728
|
className: "gap-x-2",
|
|
704
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
729
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
705
730
|
"data-testid": "export-submit-button",
|
|
706
731
|
label: t("neetoTeamMembers.buttons.export"),
|
|
707
732
|
onClick: function onClick() {
|
|
@@ -709,7 +734,7 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
709
734
|
"export": getParams()
|
|
710
735
|
});
|
|
711
736
|
}
|
|
712
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
737
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
713
738
|
className: "me-2",
|
|
714
739
|
"data-testid": "export-cancel-button",
|
|
715
740
|
label: t("neetoTeamMembers.buttons.cancel"),
|
|
@@ -721,13 +746,13 @@ var ExportPane = function ExportPane(_ref) {
|
|
|
721
746
|
};
|
|
722
747
|
|
|
723
748
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
724
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
749
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
725
750
|
var Header = function Header(_ref) {
|
|
726
751
|
var _config$header, _config$header2;
|
|
727
752
|
var config = _ref.config,
|
|
728
753
|
setIsOpen = _ref.setIsOpen,
|
|
729
754
|
searchProps = _ref.searchProps;
|
|
730
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
755
|
+
return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default.default, _objectSpread$1({
|
|
731
756
|
searchProps: searchProps,
|
|
732
757
|
title: initializers.taxonomies.member.plural,
|
|
733
758
|
actionBlock: /*#__PURE__*/jsxRuntime.jsx(HeaderActionBlock, {
|
|
@@ -743,7 +768,7 @@ var Header = function Header(_ref) {
|
|
|
743
768
|
var Header$1 = /*#__PURE__*/React.memo(Header);
|
|
744
769
|
|
|
745
770
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
746
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
771
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
747
772
|
var TeamMembers = function TeamMembers(_ref) {
|
|
748
773
|
var _config$fetchApiRespo, _config$table, _config$table$onDropd, _config$table2;
|
|
749
774
|
var config = _ref.config;
|
|
@@ -756,15 +781,15 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
756
781
|
var isViewPermissionGranted = config.permissions.view;
|
|
757
782
|
var isCreatePermissionGranted = config.permissions.create;
|
|
758
783
|
var _useState = React.useState(false),
|
|
759
|
-
_useState2 =
|
|
784
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
760
785
|
isFiltersPaneOpen = _useState2[0],
|
|
761
786
|
setIsFiltersPaneOpen = _useState2[1];
|
|
762
787
|
var _useState3 = React.useState(false),
|
|
763
|
-
_useState4 =
|
|
788
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
764
789
|
isDownloadPaneOpen = _useState4[0],
|
|
765
790
|
setIsDownloadPaneOpen = _useState4[1];
|
|
766
791
|
var _useState5 = React.useState(false),
|
|
767
|
-
_useState6 =
|
|
792
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
768
793
|
hasBulkSelectedAllRows = _useState6[0],
|
|
769
794
|
setHasBulkSelectedAllRows = _useState6[1];
|
|
770
795
|
React.useEffect(function () {
|
|
@@ -875,17 +900,17 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
875
900
|
if (isRolesLoading || isMembersLoading) {
|
|
876
901
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
877
902
|
className: "flex h-full min-h-screen w-full items-center justify-center",
|
|
878
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
903
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default.default, {})
|
|
879
904
|
});
|
|
880
905
|
}
|
|
881
906
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
882
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs(
|
|
907
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default.default, {
|
|
883
908
|
className: "ntm-members",
|
|
884
909
|
children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
|
|
885
910
|
config: config,
|
|
886
911
|
setIsOpen: setIsOpen,
|
|
887
912
|
searchProps: hasMembers ? searchProps : null
|
|
888
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
913
|
+
}), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default.default, {
|
|
889
914
|
className: "mb-4",
|
|
890
915
|
leftActionBlock: hasMembers && /*#__PURE__*/jsxRuntime.jsx(SubHeader.Left, {
|
|
891
916
|
bulkParams: bulkParams,
|
|
@@ -905,7 +930,7 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
905
930
|
setIsDownloadPaneOpen: setIsDownloadPaneOpen,
|
|
906
931
|
setIsFiltersPaneOpen: setIsFiltersPaneOpen
|
|
907
932
|
})
|
|
908
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
933
|
+
}), /*#__PURE__*/jsxRuntime.jsx(FiltersBar__default.default, {
|
|
909
934
|
className: "mb-4",
|
|
910
935
|
columns: filterColumns,
|
|
911
936
|
keyword: searchKeywordProps,
|
|
@@ -920,9 +945,9 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
920
945
|
onClose: function onClose() {
|
|
921
946
|
return setIsDownloadPaneOpen(false);
|
|
922
947
|
}
|
|
923
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
948
|
+
}), /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default.default, {
|
|
924
949
|
hasPagination: (team === null || team === void 0 ? void 0 : team.membersCount) > filters.pageSize,
|
|
925
|
-
children: (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/jsxRuntime.jsx(
|
|
950
|
+
children: (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/jsxRuntime.jsx(Table__default.default, {
|
|
926
951
|
fixedHeight: true,
|
|
927
952
|
allowRowClick: false,
|
|
928
953
|
columnData: customizedColumns,
|
|
@@ -959,7 +984,7 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
959
984
|
onRowSelect: handleRowSelect
|
|
960
985
|
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
961
986
|
className: "flex h-full w-full items-center justify-center",
|
|
962
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
987
|
+
children: /*#__PURE__*/jsxRuntime.jsx(NoData__default.default, {
|
|
963
988
|
primaryButtonProps: noDataButtonProps,
|
|
964
989
|
title: noDataTitle
|
|
965
990
|
})
|
|
@@ -973,7 +998,7 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
973
998
|
},
|
|
974
999
|
roles: filteredRoles,
|
|
975
1000
|
onComplete: handlePaneClose
|
|
976
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1001
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Alert__default.default, {
|
|
977
1002
|
cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
|
|
978
1003
|
isOpen: isOpen.alert,
|
|
979
1004
|
isSubmitting: isUpdatingMember,
|