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

package/dist/cjs/Roles.js

@@ -1895,6 +1895,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__*/jsxRuntime.jsxs(require$$0.Fragment, {
+      children: [filteredPermissions.includes(id) && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "ntm-roles-table-sidebar__list-item",
+        "data-name": description,
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-cy": "ntm-permission-category-description",
+          lineHeight: "normal",
+          style: "body2",
+          children: description
+        })
+      }, id), /*#__PURE__*/jsxRuntime.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,
@@ -2015,7 +2052,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 = require$$0.useMemo(function () {
+    return getFilteredCategories(filteredGroupPermissions);
+  }, [filteredGroupPermissions]);
   var onClose = function onClose() {
     return setManageRole(DEFAULT_MANAGE_ROLE_VALUES);
   };
@@ -2030,7 +2069,19 @@ var Columns = function Columns(_ref) {
       group: ["horizontal", "vertical"],
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "ntm-roles-table__rows",
-        children: categories.map(function (category, index) {
+        children: categories.length === 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "ntm-roles-table__empty-row",
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "ntm-roles-table__row",
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "ntm-roles-table__cell",
+              children: /*#__PURE__*/jsxRuntime.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");
@@ -2084,36 +2135,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__*/jsxRuntime.jsxs(require$$0.Fragment, {
-      children: [filteredPermissions.includes(id) && /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "ntm-roles-table-sidebar__list-item",
-        "data-name": description,
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "ntm-permission-category-description",
-          lineHeight: "normal",
-          style: "body2",
-          children: description
-        })
-      }, id), /*#__PURE__*/jsxRuntime.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,
@@ -2124,7 +2145,9 @@ var Sidebar = function Sidebar(_ref) {
     permissionRelationConfig = _ref$permissionRelati === void 0 ? {} : _ref$permissionRelati;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var categories = Array.from(filteredGroupPermissions.keys());
+  var categories = require$$0.useMemo(function () {
+    return getFilteredCategories(filteredGroupPermissions);
+  }, [filteredGroupPermissions]);
   var searchWrapperStyle = isScrollPresent ? getSearchWrapperStyle() : {};
   var permissionsNameMap = ramda.groupBy(ramda.prop("name"))(permissions);
   var groupedPermissionsWithChildren = require$$0.useMemo(function () {
@@ -2150,7 +2173,19 @@ var Sidebar = function Sidebar(_ref) {
       group: "vertical",
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "ntm-roles-table-sidebar__list",
-        children: categories.map(function (category, index) {
+        children: categories.length === 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "ntm-roles-table-sidebar__list-item-cell",
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted",
+            children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {