@bigbinary/neeto-team-members-frontend 3.2.0-beta2 → 3.2.0-beta4

package/dist/index.cjs.js

@@ -44,7 +44,6 @@ var Toastr = require('@bigbinary/neetoui/Toastr');
 var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
 var zustand = require('zustand');
 var shallow = require('zustand/shallow');
-var reactQueryDevtools = require('@tanstack/react-query-devtools');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var classnames = require('classnames');
 var Input$1 = require('@bigbinary/neetoui/Input');
@@ -331,7 +330,7 @@ var useCreateGroup = function useCreateGroup() {
   return reactUtils.useMutationWithInvalidation(function (payload) {
     return groupsApi.create(payload);
   }, {
-    keysToInvalidate: [QUERY_KEYS.GROUPS].concat(_toConsumableArray((_config$form$otherKey = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
+    keysToInvalidate: [[QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
   });
 };
 var useDeleteGroup = function useDeleteGroup() {
@@ -340,7 +339,7 @@ var useDeleteGroup = function useDeleteGroup() {
   return reactUtils.useMutationWithInvalidation(function (id) {
     return groupsApi.destroy(id);
   }, {
-    keysToInvalidate: [QUERY_KEYS.GROUPS].concat(_toConsumableArray((_config$form$otherKey2 = config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
+    keysToInvalidate: [[QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey2 = config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
   });
 };
 var useFetchGroup = function useFetchGroup(id) {
@@ -361,7 +360,7 @@ var useUpdateGroup = function useUpdateGroup() {
       payload = _ref2.payload;
     return groupsApi.update(id, payload);
   }, {
-    keysToInvalidate: [QUERY_KEYS.GROUPS].concat(_toConsumableArray((_config$form$otherKey3 = config === null || config === void 0 || (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : _config$form3.otherKeysToInvalidate) !== null && _config$form$otherKey3 !== void 0 ? _config$form$otherKey3 : []))
+    keysToInvalidate: [[QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey3 = config === null || config === void 0 || (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : _config$form3.otherKeysToInvalidate) !== null && _config$form$otherKey3 !== void 0 ? _config$form$otherKey3 : []))
   });
 };
 
@@ -1345,8 +1344,8 @@ var Edit = function Edit(_ref) {
   });
 };
 
-function ownKeys$l(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; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(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; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var List = function List(_ref) {
   var _config$table$deleteA, _config$table, _config$table$deleteA2;
   var config = _ref.config,
@@ -1436,7 +1435,7 @@ var List = function List(_ref) {
       })]
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$l({
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$k({
         title: t("neetoTeamMembers.helpers.emptyTable", {
           entity: initializers.taxonomies.group.plural
         })
@@ -1933,70 +1932,6 @@ try {
 
 var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var _excluded$4 = ["keysToInvalidate"],
-  _excluded2$3 = ["onSuccess"];
-function ownKeys$k(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; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useMutationWithInvalidation = function useMutationWithInvalidation(mutationFn, _ref) {
-  var keysToInvalidate = _ref.keysToInvalidate,
-    options = _objectWithoutProperties(_ref, _excluded$4);
-  var queryClient = reactQuery.useQueryClient();
-  var _onSuccess = options.onSuccess,
-    otherOptions = _objectWithoutProperties(options, _excluded2$3);
-  return reactQuery.useMutation(_objectSpread$k({
-    mutationFn: mutationFn,
-    onSuccess: function onSuccess(data, variables, context) {
-      keysToInvalidate.forEach(function (key) {
-        var result = key;
-        if (typeof key === "function") {
-          result = key(data, variables, context);
-        }
-        if (_typeof$1(result) === "object") {
-          queryClient.invalidateQueries(result);
-        }
-        if (typeof result === "string") {
-          queryClient.invalidateQueries({
-            queryKey: [key]
-          });
-        }
-        queryClient.invalidateQueries({
-          queryKey: key
-        });
-      });
-      _onSuccess === null || _onSuccess === void 0 || _onSuccess(data, variables, context);
-    }
-  }, otherOptions));
-};
-
 var fetchCountries = function fetchCountries() {
   return axios__default["default"].get("".concat(BASE_URL, "/profile/countries"));
 };
@@ -2024,7 +1959,7 @@ var useFetchProfile = function useFetchProfile(options) {
   }, options));
 };
 var useUpdateProfileMutation = function useUpdateProfileMutation(options) {
-  return useMutationWithInvalidation(profileApi.updateUser, _objectSpread$j(_objectSpread$j({
+  return reactUtils.useMutationWithInvalidation(profileApi.updateUser, _objectSpread$j(_objectSpread$j({
     keysToInvalidate: [[QUERY_KEYS.USER_PROFILE]]
   }, options), {}, {
     onSuccess: function onSuccess() {
@@ -2488,20 +2423,16 @@ var ChangeProfile = function ChangeProfile(_ref) {
             })]
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-          className: "flex items-center space-x-2",
           children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            isSubmitting: isUpdatingProfile || isUploading,
             cancelButtonProps: {
               "data-test-id": "ntm-profile-cancel-button",
               "data-cy": "ntm-profile-cancel-button",
-              disabled: false,
-              style: "text",
-              className: "ml-2",
               onClick: onClose
             },
             submitButtonProps: {
               "data-cy": "ntm-profile-submit-button",
-              "data-test-id": "ntm-profile-save-changes-button",
-              loading: isUpdatingProfile || isUploading
+              "data-test-id": "ntm-profile-save-changes-button"
             }
           })
         })]
@@ -3956,12 +3887,9 @@ function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var withReactQuery = function withReactQuery(Component) {
   var QueryWrapper = function QueryWrapper(props) {
-    return /*#__PURE__*/jsxRuntime.jsxs(reactQuery.QueryClientProvider, {
+    return /*#__PURE__*/jsxRuntime.jsx(reactQuery.QueryClientProvider, {
       client: queryClient,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$g({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactQueryDevtools.ReactQueryDevtools, {
-        initialIsOpen: false,
-        position: "left"
-      })]
+      children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$g({}, props))
     });
   };
   return QueryWrapper;
@@ -3987,6 +3915,35 @@ var useFetchPermissions = function useFetchPermissions() {
   }, options));
 };
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
 var fetch$2 = function fetch() {
   return axios__default["default"].get("".concat(BASE_URL, "/global_roles"));
 };
@@ -4045,8 +4002,8 @@ var useFetchGlobalRoles = function useFetchGlobalRoles() {
 var useCreateRole = function useCreateRole(_ref) {
   var _onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$3);
-  return useMutationWithInvalidation(organizationRolesApi.create, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
+  return reactUtils.useMutationWithInvalidation(organizationRolesApi.create, _objectSpread$e({
+    keysToInvalidate: [[QUERY_KEYS.TEAMS_DEPENDENCIES], [QUERY_KEYS.ROLES]],
     onSuccess: function onSuccess() {
       _onSuccess === null || _onSuccess === void 0 || _onSuccess();
     }
@@ -4055,12 +4012,12 @@ var useCreateRole = function useCreateRole(_ref) {
 var useUpdateRole = function useUpdateRole(_ref2) {
   var _onSuccess2 = _ref2.onSuccess,
     options = _objectWithoutProperties(_ref2, _excluded2$2);
-  return useMutationWithInvalidation(function (_ref3) {
+  return reactUtils.useMutationWithInvalidation(function (_ref3) {
     var id = _ref3.id,
       payload = _ref3.payload;
     return organizationRolesApi.update(id, payload);
   }, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
+    keysToInvalidate: [[QUERY_KEYS.TEAMS], [QUERY_KEYS.TEAMS_DEPENDENCIES], [QUERY_KEYS.ROLES]],
     onSuccess: function onSuccess() {
       _onSuccess2 === null || _onSuccess2 === void 0 || _onSuccess2();
     }
@@ -4070,12 +4027,12 @@ var useDestroyRole = function useDestroyRole(_ref4) {
   var _ref4$onSuccess = _ref4.onSuccess,
     _onSuccess3 = _ref4$onSuccess === void 0 ? neetoCist.noop : _ref4$onSuccess,
     options = _objectWithoutProperties(_ref4, _excluded3);
-  return useMutationWithInvalidation(function (_ref5) {
+  return reactUtils.useMutationWithInvalidation(function (_ref5) {
     var id = _ref5.id,
       payload = _ref5.payload;
     return organizationRolesApi.destroy(id, payload);
   }, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
+    keysToInvalidate: [[QUERY_KEYS.TEAMS], [QUERY_KEYS.TEAMS_DEPENDENCIES], [QUERY_KEYS.ROLES]],
     onSuccess: function onSuccess() {
       _onSuccess3 === null || _onSuccess3 === void 0 || _onSuccess3();
     }
@@ -4084,8 +4041,8 @@ var useDestroyRole = function useDestroyRole(_ref4) {
 var useBulkUpdateRoles = function useBulkUpdateRoles(_ref6) {
   var _onSuccess4 = _ref6.onSuccess,
     options = _objectWithoutProperties(_ref6, _excluded4);
-  return useMutationWithInvalidation(organizationRolesApi.bulkUpdate, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
+  return reactUtils.useMutationWithInvalidation(organizationRolesApi.bulkUpdate, _objectSpread$e({
+    keysToInvalidate: [[QUERY_KEYS.TEAMS], [QUERY_KEYS.TEAMS_DEPENDENCIES], [QUERY_KEYS.ROLES]],
     onSuccess: function onSuccess() {
       _onSuccess4 === null || _onSuccess4 === void 0 || _onSuccess4();
     }
@@ -4556,20 +4513,17 @@ var ManageRoles = function ManageRoles(_ref) {
               })]
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+              isSubmitting: isSubmitting,
               className: "ntm-roles-pane__footer",
-              children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-                "data-cy": "ntm-add-role-submit-button",
-                disabled: !dirty || isSubmitting || isDisabled,
-                label: t("neetoTeamMembers.buttons.saveChanges"),
-                loading: isSubmitting,
-                type: "submit"
-              }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              cancelButtonProps: {
                 "data-cy": "ntm-add-role-cancel-button",
-                label: t("neetoTeamMembers.buttons.cancel"),
-                style: "text",
                 onClick: onClose
-              })]
+              },
+              submitButtonProps: {
+                "data-cy": "ntm-add-role-submit-button",
+                disabled: isSubmitting || isDisabled || !dirty
+              }
             })
           })]
         });
@@ -5170,7 +5124,6 @@ var Roles = function Roles(_ref) {
     isNewRolePaneOpen = _useState4[0],
     setIsNewRolePaneOpen = _useState4[1];
   var _useFetchRoles = useFetchRoles({
-      onSuccess: setModifiedRoles,
       enabled: isViewPermissionGranted
     }),
     _useFetchRoles$data = _useFetchRoles.data,
@@ -5206,6 +5159,9 @@ var Roles = function Roles(_ref) {
   var handleReset = function handleReset() {
     return setModifiedRoles(roles);
   };
+  require$$0.useEffect(function () {
+    setModifiedRoles(roles);
+  }, [roles]);
   if (isRolesLoading || isPermissionsLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "ntm-members-page-loader",
@@ -7372,12 +7328,12 @@ var useCreateMember = function useCreateMember() {
 var useUpdateMember = function useUpdateMember(_ref) {
   var _onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$2);
-  return useMutationWithInvalidation(function (_ref2) {
+  return reactUtils.useMutationWithInvalidation(function (_ref2) {
     var id = _ref2.id,
       payload = _ref2.payload;
     return teamsApi.update(id, payload);
   }, _objectSpread$a({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
+    keysToInvalidate: [[QUERY_KEYS.TEAMS], [QUERY_KEYS.TEAMS_DEPENDENCIES]],
     onSuccess: function onSuccess() {
       _onSuccess === null || _onSuccess === void 0 || _onSuccess();
     }
@@ -7386,8 +7342,8 @@ var useUpdateMember = function useUpdateMember(_ref) {
 var useBulkUpdateMembers = function useBulkUpdateMembers(_ref3) {
   var _onSuccess2 = _ref3.onSuccess,
     options = _objectWithoutProperties(_ref3, _excluded2$1);
-  return useMutationWithInvalidation(teamsApi.bulkUpdate, _objectSpread$a({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
+  return reactUtils.useMutationWithInvalidation(teamsApi.bulkUpdate, _objectSpread$a({
+    keysToInvalidate: [[QUERY_KEYS.TEAMS], [QUERY_KEYS.TEAMS_DEPENDENCIES]],
     onSuccess: function onSuccess() {
       _onSuccess2 === null || _onSuccess2 === void 0 || _onSuccess2();
     }
@@ -9228,8 +9184,7 @@ var ManageMember = function ManageMember(_ref) {
       },
       children: function children(_ref5) {
         var _manageMemberComponen2, _manageMemberComponen3;
-        var values = _ref5.values,
-          dirty = _ref5.dirty;
+        var values = _ref5.values;
         var emails = values.emails,
           role = values.role;
         formikValues.current = values;
@@ -9248,23 +9203,21 @@ var ManageMember = function ManageMember(_ref) {
                 completedCount: progress === null || progress === void 0 ? void 0 : progress.completedCount
               })
             }), renderFormPage(currentPage, emails, role)]
-          })), /*#__PURE__*/jsxRuntime.jsxs(Component.Footer, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.footerProps), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(Component.Footer, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.footerProps), {}, {
             className: classnames__default["default"](["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
-            children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              loading: isSubmitting || isCreationStatusPollingEnabled,
-              style: "primary",
-              type: "submit",
-              "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
-              disabled: !dirty || isSubmitting || isCreationStatusPollingEnabled,
-              label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue")
-            }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              "data-cy": "ntm-manage-member-cancel-button",
-              label: t("neetoTeamMembers.buttons.cancel"),
-              style: "text",
-              onClick: function onClick() {
-                return handleClose(false);
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+              isSubmitting: isSubmitting || isCreationStatusPollingEnabled,
+              cancelButtonProps: {
+                "data-cy": "ntm-manage-member-cancel-button",
+                onClick: function onClick() {
+                  return handleClose(false);
+                }
+              },
+              submitButtonProps: {
+                "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
+                label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue")
               }
-            })]
+            })
           }))]
         });
       }