@bigbinary/neeto-team-members-frontend 2.2.6 → 2.2.7

package/README.md

@@ -18,7 +18,7 @@ command:
 2. Now install the latest **neetoTeamMembers** package using the below command:
 
     ```zsh
-    yarn add @bigbinary/neeto-team-members-frontend@2.2.6
+    yarn add @bigbinary/neeto-team-members-frontend@2.2.7
     ```
 
 ## Usage

package/dist/index.cjs.js

@@ -3934,6 +3934,14 @@ var placeholders$1 = {
 	enterRoleName: "Please enter the role name",
 	role: "Please select a role"
 };
+var tooltips$1 = {
+	activateUserToEdit: "Please activate the user to edit their role.",
+	editAdminRoleNotAllowed: "Sorry, you are not allowed to edit the admin role.",
+	editCurrentUserNotAllowed: "Sorry, you are not allowed to edit your role.",
+	noPermissionToAddMember: "Sorry, you do not have permission to add a member.",
+	noPermissionToAddRole: "Sorry, you do not have permission to add a new role.",
+	noPermissionToEditMembers: "Sorry, you do not have permission to edit members."
+};
 var validations$1 = {
 	enterRoleName: "Please enter a valid role name.",
 	filterInvalidEmails: "Click here to remove invalid emails.",
@@ -3948,6 +3956,7 @@ var en = {
 	helpers: helpers$1,
 	metaNames: metaNames$1,
 	placeholders: placeholders$1,
+	tooltips: tooltips$1,
 	validations: validations$1
 };
 
@@ -4022,6 +4031,14 @@ var placeholders = {
 	enterRoleName: "Veuillez entrer le nom du rôle",
 	role: "Veuillez sélectionner un rôle"
 };
+var tooltips = {
+	activateUserToEdit: "Veuillez activer l'utilisateur pour modifier son rôle.",
+	editAdminRoleNotAllowed: "Désolé, vous n'êtes pas autorisé à modifier le rôle admin.",
+	editCurrentUserNotAllowed: "Désolé, vous n'êtes pas autorisé à modifier votre rôle.",
+	noPermissionToAddMember: "Désolé, vous n'avez pas la permission d'ajouter un membre.",
+	noPermissionToAddRole: "Désolé, vous n'avez pas la permission d'ajouter un nouveau rôle.",
+	noPermissionToEditMembers: "Désolé, vous n'avez pas la permission de modifier les membres."
+};
 var validations = {
 	filterInvalidEmails: "Cliquez ici pour supprimer les e-mails invalides.",
 	minOneEmail: "Veuillez saisir au moins une adresse e-mail.",
@@ -4035,6 +4052,7 @@ var fr = {
 	helpers: helpers,
 	metaNames: metaNames,
 	placeholders: placeholders,
+	tooltips: tooltips,
 	validations: validations
 };
 
@@ -11110,7 +11128,11 @@ const AddRoleButton = _ref => {
   const _useTranslation = useTranslation(),
         t = _useTranslation.t;
 
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: t("tooltips.noPermissionToAddRole"),
+    disabled: hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    position: "bottom"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Plus,
     size: "large",
     label: t("common.add_", {
@@ -11119,7 +11141,7 @@ const AddRoleButton = _ref => {
     onClick: onClick,
     disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
     "data-cy": "new-role-button"
-  });
+  })));
 };
 
 const Header$1 = _ref => {
@@ -11461,6 +11483,10 @@ const Row = _ref => {
   }, roles.map((role, index) => /*#__PURE__*/React__default["default"].createElement("div", {
     key: index,
     className: "ntm-roles-table__cell"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: instance.t("tooltips.editAdminRoleNotAllowed"),
+    disabled: !ramda.identical(role.name, "Admin"),
+    position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-roles-table-cell__checkbox-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
@@ -11471,7 +11497,7 @@ const Row = _ref => {
       let checked = _ref2.target.checked;
       return handleSubmit(role, checked);
     }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body2",
     lineHeight: "normal"
   }, permission === null || permission === void 0 ? void 0 : permission.description))));
@@ -12487,7 +12513,11 @@ const Header = _ref => {
       metaName = _ref$metaName === void 0 ? "" : _ref$metaName,
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? noop : _ref$onClick;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: instance.t("tooltips.noPermissionToAddMember"),
+    disabled: hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    position: "bottom"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Plus,
     size: "large",
     label: instance.t("common.add_", {
@@ -12495,7 +12525,7 @@ const Header = _ref => {
     }),
     disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
     onClick: onClick
-  });
+  })));
 };
 
 const Left = _ref => {
@@ -12594,22 +12624,38 @@ const renderNameColumn = (_ref, diplayStatusTag) => {
   }));
 };
 
+const isCurrentUserEmail = email => {
+  const user = window.globalProps.user;
+  return (user === null || user === void 0 ? void 0 : user.email) === email;
+};
+
+const isDropDownButtonDisabled = email => !hasPermission(MANAGE_MEMBER_PERMISSIONS) || isCurrentUserEmail(email);
+
+const getDropDownTooltipContent = email => isCurrentUserEmail(email) ? instance.t("tooltips.editCurrentUserNotAllowed") : instance.t("tooltips.noPermissionToEditMembers");
+
 const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
   let displayName = _ref2.displayName,
       id = _ref2.id,
       active = _ref2.active,
       email = _ref2.email,
       role = _ref2.role;
-  const user = window.globalProps.user;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: getDropDownTooltipContent(email),
+    disabled: !isDropDownButtonDisabled(email),
+    position: "top"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     icon: neetoIcons.MenuHorizontal,
     buttonStyle: "text",
     buttonProps: DROPDOWN_BUTTON_PROPS,
     strategy: "fixed",
-    disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS) || (user === null || user === void 0 ? void 0 : user.email) === email
+    disabled: isDropDownButtonDisabled(email)
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: instance.t("tooltips.activateUserToEdit"),
+    disabled: active,
+    position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     className: "ntm-dropdown__item",
-    onClick: () => handleUpdateRole({
+    onClick: () => active && handleUpdateRole({
       id,
       email,
       role
@@ -12619,7 +12665,7 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
     label: instance.t("common.edit"),
     disabled: !active,
     style: "text"
-  })), /*#__PURE__*/React__default["default"].createElement("li", {
+  }))), /*#__PURE__*/React__default["default"].createElement("li", {
     className: "ntm-dropdown__item",
     onClick: () => handleUpdateStatus({
       id,
@@ -12630,7 +12676,7 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
     className: "ntm-dropdown__button",
     label: active ? instance.t("common.deactivate") : instance.t("common.activate"),
     style: active ? "danger-text" : "text"
-  })));
+  })))));
 };
 
 const getColumnData = _ref3 => {