UIROLES-112: create permissions for CRUD operations

package.json

@@ -57,33 +57,72 @@
         "permissionName": "ui-authorization-roles.settings.admin",
         "displayName": "Settings (Authorization roles): Can manage authorization roles",
         "description": "",
+        "subPermissions": [
+          "ui-authorization-roles.settings.create",
+          "ui-authorization-roles.settings.view",
+          "ui-authorization-roles.settings.edit",
+          "ui-authorization-roles.settings.delete"
+        ],
+        "visible": true
+      },
+      {
+        "permissionName": "ui-authorization-roles.settings.view",
+        "displayName": "Settings (Authorization roles): Can view authorization role details",
+        "description": "",
         "subPermissions": [
           "settings.authorization-roles.enabled",
           "roles.item.get",
-          "roles.item.put",
-          "roles.item.delete",
-          "roles.item.post",
           "roles.collection.get",
-          "roles.collection.post",
           "roles.users.item.get",
-          "roles.users.item.put",
-          "roles.users.item.delete",
-          "roles.users.item.post",
           "roles.users.collection.get",
           "role-capabilities.collection.get",
-          "role-capabilities.collection.put",
-          "role-capabilities.collection.post",
-          "role-capabilities.collection.delete",
           "role-capability-sets.collection.get",
-          "role-capability-sets.collection.put",
-          "role-capability-sets.collection.post",
-          "role-capability-sets.collection.delete",
           "capabilities.collection.get",
           "capability-sets.capabilities.collection.get",
           "capability-sets.collection.get",
           "users.collection.get"
         ],
         "visible": true
+      },
+      {
+        "permissionName": "ui-authorization-roles.settings.delete",
+        "displayName": "Settings (Authorization roles): Can delete authorization role",
+        "description": "",
+        "subPermissions": [
+          "ui-authorization-roles.settings.view",
+          "roles.item.delete",
+          "roles.users.item.delete",
+          "role-capabilities.collection.delete",
+          "role-capability-sets.collection.delete"
+        ],
+        "visible": true
+      },
+      {
+        "permissionName": "ui-authorization-roles.settings.create",
+        "displayName": "Settings (Authorization roles): Can create authorization role",
+        "description": "",
+        "subPermissions": [
+          "ui-authorization-roles.settings.view",
+          "roles.item.post",
+          "roles.collection.post",
+          "roles.users.item.post",
+          "role-capabilities.collection.post",
+          "role-capability-sets.collection.post"
+        ],
+        "visible": true
+      },
+      {
+        "permissionName": "ui-authorization-roles.settings.edit",
+        "displayName": "Settings (Authorization roles): Can edit authorization role",
+        "description": "",
+        "subPermissions": [
+          "ui-authorization-roles.settings.view",
+          "roles.item.put",
+          "roles.users.item.put",
+          "role-capabilities.collection.put",
+          "role-capability-sets.collection.put"
+        ],
+        "visible": true
       }
     ]
   },

src/index.js

@@ -1,6 +1,7 @@
 import { useIntlKeyStore } from '@k-int/stripes-kint-components';
 import { Switch, Route, BrowserRouter as Router } from 'react-router-dom';
 import PropTypes from 'prop-types';
+import { IfPermission } from '@folio/stripes/core';
 
 import {
   RoleCreate,
@@ -16,8 +17,21 @@ const App = ({ match: { path } }) => {
   return (
     <Router>
       <Switch>
-        <Route exact path={`${path}/create`} render={() => <RoleCreate path={path} />} />
-        <Route exact path={`${path}/:id/edit`} render={() => <RoleEdit path={path} />} />
+        <Route
+          exact
+          path={`${path}/create`}
+          render={() => <IfPermission perm="ui-authorization-roles.settings.create">
+            <RoleCreate path={path} />
+          </IfPermission>
+          }
+        />
+        <Route
+          exact
+          path={`${path}/:id/edit`}
+          render={() => <IfPermission perm="ui-authorization-roles.settings.edit">
+            <RoleEdit path={path} />
+          </IfPermission>}
+        />
         <Route path={`${path}/:id?`} render={() => <Settings path={path} />} />
       </Switch>
     </Router>

src/settings/SettingsPage/SettingsPage.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import { useMemo, useState } from 'react';
 import { useParams, useHistory } from 'react-router-dom';
+import { IfPermission } from '@folio/stripes/core';
 
 import { FormattedMessage, FormattedDate } from 'react-intl';
 
@@ -68,15 +69,17 @@ const SettingsPage = ({ path }) => {
   };
 
   const lastMenu = (
-    <PaneMenu>
-      <Button
-        to={`${path}/create`}
-        buttonStyle="primary"
-        marginBottom0
-      >
-        + <FormattedMessage id="ui-authorization-roles.new" />
-      </Button>
-    </PaneMenu>
+    <IfPermission perm="ui-authorization-roles.settings.create">
+      <PaneMenu>
+        <Button
+          to={`${path}/create`}
+          buttonStyle="primary"
+          marginBottom0
+        >
+          + <FormattedMessage id="ui-authorization-roles.new" />
+        </Button>
+      </PaneMenu>
+    </IfPermission>
   );
 
   const handleSearchSubmit = (event) => {
@@ -133,12 +136,14 @@ const SettingsPage = ({ path }) => {
         />
       </Pane>
       {roleId && (
+      <IfPermission perm="ui-authorization-roles.settings.view">
         <RoleDetails
           isLoading={isDuplicating}
           onDuplicate={onDuplicate}
           path={path}
           roleId={roleId}
         />
+      </IfPermission>
       )}
     </Paneset>
   );