@bigbinary/neeto-team-members-frontend 4.5.18 → 4.5.19

package/app/javascript/src/translations/en.json

@@ -117,6 +117,7 @@
       "manageRole_one": "Manage role",
       "manageRole_other": "Manage roles",
       "neeto_": "Neeto{{product, anyCase}}",
+      "permissionsNotFound": "There are no permissions to show",
       "preferredDateFormat": "Preferred date format",
       "preferredTimeFormat": "Preferred time format",
       "removeMember": "Remove {{member}}?",

package/dist/Roles.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import require$$0, { useRef, memo, useCallback, useEffect, useState, createElement, Fragment as Fragment$1, useMemo } from 'react';
+import require$$0, { useRef, Fragment as Fragment$1, memo, useCallback, useEffect, useState, useMemo, createElement } from 'react';
 import { c as commonjsGlobal } from './_commonjsHelpers-BFTU3MAI.js';
 import i18next, { t } from 'i18next';
 import { isNotEmpty, isPresent, _findBy, hyphenate, noop } from '@bigbinary/neeto-cist';
@@ -1893,6 +1893,43 @@ var getScrollBarWidth = function getScrollBarWidth() {
   return w1 - w2;
 };
 
+var _renderDescription = function renderDescription(permissions, filteredPermissions) {
+  return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
+    var id = _ref.id,
+      description = _ref.description,
+      children = _ref.children;
+    return /*#__PURE__*/jsxs(Fragment$1, {
+      children: [filteredPermissions.includes(id) && /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table-sidebar__list-item",
+        "data-name": description,
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-cy": "ntm-permission-category-description",
+          lineHeight: "normal",
+          style: "body2",
+          children: description
+        })
+      }, id), /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-relative neeto-ui-pl-6 ntm-roles-table-sidebar__sub-blocks",
+        children: _renderDescription(children, filteredPermissions)
+      })]
+    }, id);
+  });
+};
+var getSearchWrapperStyle = function getSearchWrapperStyle() {
+  var scrollBarWidth = getScrollBarWidth();
+  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
+  return {
+    marginBottom: "".concat(scrollBarWidth, "px")
+  };
+};
+var getFilteredCategories = function getFilteredCategories(filteredGroupPermissions) {
+  return Array.from((filteredGroupPermissions === null || filteredGroupPermissions === void 0 ? void 0 : filteredGroupPermissions.keys()) || []).filter(function (category) {
+    var groupedPermissions = filteredGroupPermissions.get(category);
+    var permissions = groupedPermissions.get("permissions") || [];
+    return permissions.length > 0;
+  });
+};
+
 var TableHeader = function TableHeader(_ref) {
   var config = _ref.config,
     roles = _ref.roles,
@@ -2013,7 +2050,9 @@ var Columns = function Columns(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     manageRole = _useState2[0],
     setManageRole = _useState2[1];
-  var categories = Array.from(filteredGroupPermissions === null || filteredGroupPermissions === void 0 ? void 0 : filteredGroupPermissions.keys());
+  var categories = useMemo(function () {
+    return getFilteredCategories(filteredGroupPermissions);
+  }, [filteredGroupPermissions]);
   var onClose = function onClose() {
     return setManageRole(DEFAULT_MANAGE_ROLE_VALUES);
   };
@@ -2028,7 +2067,19 @@ var Columns = function Columns(_ref) {
       group: ["horizontal", "vertical"],
       children: /*#__PURE__*/jsx("div", {
         className: "ntm-roles-table__rows",
-        children: categories.map(function (category, index) {
+        children: categories.length === 0 ? /*#__PURE__*/jsx("div", {
+          className: "ntm-roles-table__empty-row",
+          children: /*#__PURE__*/jsx("div", {
+            className: "ntm-roles-table__row",
+            children: /*#__PURE__*/jsx("div", {
+              className: "ntm-roles-table__cell",
+              children: /*#__PURE__*/jsx("div", {
+                className: "ntm-roles-table__cell-content",
+                children: "\xA0"
+              })
+            })
+          })
+        }) : categories.map(function (category, index) {
           var groupedPermissions = filteredGroupPermissions.get(category);
           var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
           var permissions = groupedPermissions.get("permissions");
@@ -2082,36 +2133,6 @@ var ToggleDropdown = function ToggleDropdown(_ref) {
   });
 };
 
-var _renderDescription = function renderDescription(permissions, filteredPermissions) {
-  return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
-    var id = _ref.id,
-      description = _ref.description,
-      children = _ref.children;
-    return /*#__PURE__*/jsxs(Fragment$1, {
-      children: [filteredPermissions.includes(id) && /*#__PURE__*/jsx("div", {
-        className: "ntm-roles-table-sidebar__list-item",
-        "data-name": description,
-        children: /*#__PURE__*/jsx(Typography, {
-          "data-cy": "ntm-permission-category-description",
-          lineHeight: "normal",
-          style: "body2",
-          children: description
-        })
-      }, id), /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-relative neeto-ui-pl-6 ntm-roles-table-sidebar__sub-blocks",
-        children: _renderDescription(children, filteredPermissions)
-      })]
-    }, id);
-  });
-};
-var getSearchWrapperStyle = function getSearchWrapperStyle() {
-  var scrollBarWidth = getScrollBarWidth();
-  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
-  return {
-    marginBottom: "".concat(scrollBarWidth, "px")
-  };
-};
-
 var Sidebar = function Sidebar(_ref) {
   var filteredGroupPermissions = _ref.filteredGroupPermissions,
     toggleDropdown = _ref.toggleDropdown,
@@ -2122,7 +2143,9 @@ var Sidebar = function Sidebar(_ref) {
     permissionRelationConfig = _ref$permissionRelati === void 0 ? {} : _ref$permissionRelati;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var categories = Array.from(filteredGroupPermissions.keys());
+  var categories = useMemo(function () {
+    return getFilteredCategories(filteredGroupPermissions);
+  }, [filteredGroupPermissions]);
   var searchWrapperStyle = isScrollPresent ? getSearchWrapperStyle() : {};
   var permissionsNameMap = groupBy(prop("name"))(permissions);
   var groupedPermissionsWithChildren = useMemo(function () {
@@ -2148,7 +2171,19 @@ var Sidebar = function Sidebar(_ref) {
       group: "vertical",
       children: /*#__PURE__*/jsx("div", {
         className: "ntm-roles-table-sidebar__list",
-        children: categories.map(function (category, index) {
+        children: categories.length === 0 ? /*#__PURE__*/jsx("div", {
+          className: "ntm-roles-table-sidebar__list-item-cell",
+          children: /*#__PURE__*/jsx("div", {
+            className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted",
+            children: /*#__PURE__*/jsx(Typography, {
+              "data-cy": "ntm-empty-category-row",
+              lineHeight: "normal",
+              style: "body2",
+              weight: "semibold",
+              children: t("neetoTeamMembers.labels.permissionsNotFound")
+            })
+          })
+        }) : categories.map(function (category, index) {
           var groupedPermissions = filteredGroupPermissions.get(category);
           var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
           return /*#__PURE__*/jsxs("div", {