@backstage-community/plugin-rbac 1.32.2

package/dist/components/RoleOverview/RoleOverviewPage.esm.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { Page, Header, TabbedLayout } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+import { useLocationToast } from '../../hooks/useLocationToast.esm.js';
+import { useMembers } from '../../hooks/useMembers.esm.js';
+import { SnackbarAlert } from '../SnackbarAlert.esm.js';
+import { useToast } from '../ToastContext.esm.js';
+import { AboutCard } from './AboutCard.esm.js';
+import { MembersCard } from './MembersCard.esm.js';
+import { PermissionsCard } from './PermissionsCard.esm.js';
+
+const RoleOverviewPage = () => {
+  const { roleName, roleNamespace, roleKind } = useParams();
+  const { toastMessage, setToastMessage } = useToast();
+  const membersInfo = useMembers(`${roleKind}:${roleNamespace}/${roleName}`);
+  useLocationToast(setToastMessage);
+  const onAlertClose = () => {
+    setToastMessage("");
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SnackbarAlert, { toastMessage, onAlertClose }), /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      title: `${roleKind}:${roleNamespace}/${roleName}`,
+      type: "RBAC",
+      typeLink: ".."
+    }
+  ), /* @__PURE__ */ React.createElement(TabbedLayout, null, /* @__PURE__ */ React.createElement(TabbedLayout.Route, { path: "", title: "Overview" }, /* @__PURE__ */ React.createElement(Grid, { container: true, direction: "row" }, /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 12, xs: 12 }, /* @__PURE__ */ React.createElement(
+    AboutCard,
+    {
+      roleName: `${roleKind}:${roleNamespace}/${roleName}`
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 6, xs: 12 }, /* @__PURE__ */ React.createElement(
+    MembersCard,
+    {
+      roleName: `${roleKind}:${roleNamespace}/${roleName}`,
+      membersInfo
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 6, xs: 12 }, /* @__PURE__ */ React.createElement(
+    PermissionsCard,
+    {
+      entityReference: `${roleKind}:${roleNamespace}/${roleName}`,
+      canReadUsersAndGroups: membersInfo.canReadUsersAndGroups
+    }
+  )))))));
+};
+
+export { RoleOverviewPage };
+//# sourceMappingURL=RoleOverviewPage.esm.js.map

package/dist/components/RoleOverview/RoleOverviewPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleOverviewPage.esm.js","sources":["../../../src/components/RoleOverview/RoleOverviewPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { Header, Page, TabbedLayout } from '@backstage/core-components';\n\nimport { Grid } from '@material-ui/core';\n\nimport { useLocationToast } from '../../hooks/useLocationToast';\nimport { useMembers } from '../../hooks/useMembers';\nimport { SnackbarAlert } from '../SnackbarAlert';\nimport { useToast } from '../ToastContext';\nimport { AboutCard } from './AboutCard';\nimport { MembersCard } from './MembersCard';\nimport { PermissionsCard } from './PermissionsCard';\n\nexport const RoleOverviewPage = () => {\n  const { roleName, roleNamespace, roleKind } = useParams();\n  const { toastMessage, setToastMessage } = useToast();\n  const membersInfo = useMembers(`${roleKind}:${roleNamespace}/${roleName}`);\n\n  useLocationToast(setToastMessage);\n\n  const onAlertClose = () => {\n    setToastMessage('');\n  };\n\n  return (\n    <>\n      <SnackbarAlert toastMessage={toastMessage} onAlertClose={onAlertClose} />\n      <Page themeId=\"tool\">\n        <Header\n          title={`${roleKind}:${roleNamespace}/${roleName}`}\n          type=\"RBAC\"\n          typeLink=\"..\"\n        />\n        <TabbedLayout>\n          <TabbedLayout.Route path=\"\" title=\"Overview\">\n            <Grid container direction=\"row\">\n              <Grid item lg={12} xs={12}>\n                <AboutCard\n                  roleName={`${roleKind}:${roleNamespace}/${roleName}`}\n                />\n              </Grid>\n              <Grid item lg={6} xs={12}>\n                <MembersCard\n                  roleName={`${roleKind}:${roleNamespace}/${roleName}`}\n                  membersInfo={membersInfo}\n                />\n              </Grid>\n              <Grid item lg={6} xs={12}>\n                <PermissionsCard\n                  entityReference={`${roleKind}:${roleNamespace}/${roleName}`}\n                  canReadUsersAndGroups={membersInfo.canReadUsersAndGroups}\n                />\n              </Grid>\n            </Grid>\n          </TabbedLayout.Route>\n        </TabbedLayout>\n      </Page>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AA8BO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,QAAA,KAAa,SAAU,EAAA,CAAA;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,eAAgB,EAAA,GAAI,QAAS,EAAA,CAAA;AACnD,EAAM,MAAA,WAAA,GAAc,WAAW,CAAG,EAAA,QAAQ,IAAI,aAAa,CAAA,CAAA,EAAI,QAAQ,CAAE,CAAA,CAAA,CAAA;AAEzE,EAAA,gBAAA,CAAiB,eAAe,CAAA,CAAA;AAEhC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,eAAA,CAAgB,EAAE,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,aAAc,EAAA,EAAA,YAAA,EAA4B,cAA4B,CACvE,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAO,CAAG,EAAA,QAAQ,CAAI,CAAA,EAAA,aAAa,IAAI,QAAQ,CAAA,CAAA;AAAA,MAC/C,IAAK,EAAA,MAAA;AAAA,MACL,QAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GACX,kBACC,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,YAAA,CAAa,OAAb,EAAmB,IAAA,EAAK,EAAG,EAAA,KAAA,EAAM,UAChC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAU,EAAA,KAAA,EAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EACrB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,UAAU,CAAG,EAAA,QAAQ,CAAI,CAAA,EAAA,aAAa,IAAI,QAAQ,CAAA,CAAA;AAAA,KAAA;AAAA,GAEtD,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,EACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,UAAU,CAAG,EAAA,QAAQ,CAAI,CAAA,EAAA,aAAa,IAAI,QAAQ,CAAA,CAAA;AAAA,MAClD,WAAA;AAAA,KAAA;AAAA,GAEJ,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,EACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,CAAG,EAAA,QAAQ,CAAI,CAAA,EAAA,aAAa,IAAI,QAAQ,CAAA,CAAA;AAAA,MACzD,uBAAuB,WAAY,CAAA,qBAAA;AAAA,KAAA;AAAA,GAEvC,CACF,CACF,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/RolesList/DeleteRole.esm.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useDeleteDialog } from '@janus-idp/shared-react';
+import { Tooltip, IconButton } from '@material-ui/core';
+import Delete from '@mui/icons-material/Delete';
+import Typography from '@mui/material/Typography';
+
+const DeleteRole = ({
+  roleName,
+  tooltip,
+  disable,
+  dataTestId
+}) => {
+  const { setDeleteComponent, setOpenDialog } = useDeleteDialog();
+  const openDialog = (name) => {
+    setDeleteComponent({ roleName: name });
+    setOpenDialog(true);
+  };
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip || "" }, /* @__PURE__ */ React.createElement(Typography, { component: "span", "data-testid": dataTestId }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      color: "inherit",
+      onClick: () => openDialog(roleName),
+      "aria-label": "Delete",
+      disabled: disable,
+      title: tooltip || "Delete Role"
+    },
+    /* @__PURE__ */ React.createElement(Delete, null)
+  )));
+};
+
+export { DeleteRole as default };
+//# sourceMappingURL=DeleteRole.esm.js.map

package/dist/components/RolesList/DeleteRole.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRole.esm.js","sources":["../../../src/components/RolesList/DeleteRole.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useDeleteDialog } from '@janus-idp/shared-react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Delete from '@mui/icons-material/Delete';\nimport Typography from '@mui/material/Typography';\n\ntype DeleteRoleProps = {\n  roleName: string;\n  disable: boolean;\n  tooltip?: string;\n  dataTestId: string;\n};\n\nconst DeleteRole = ({\n  roleName,\n  tooltip,\n  disable,\n  dataTestId,\n}: DeleteRoleProps) => {\n  const { setDeleteComponent, setOpenDialog } = useDeleteDialog();\n\n  const openDialog = (name: string) => {\n    setDeleteComponent({ roleName: name });\n    setOpenDialog(true);\n  };\n\n  return (\n    <Tooltip title={tooltip || ''}>\n      <Typography component=\"span\" data-testid={dataTestId}>\n        <IconButton\n          color=\"inherit\"\n          onClick={() => openDialog(roleName)}\n          aria-label=\"Delete\"\n          disabled={disable}\n          title={tooltip || 'Delete Role'}\n        >\n          <Delete />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\nexport default DeleteRole;\n"],"names":[],"mappings":";;;;;;AA6BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA,CAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,EAAA,EAAA,sCACxB,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,aAAA,EAAa,UACxC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,KAAA;AAAA,wCAEjB,MAAO,EAAA,IAAA,CAAA;AAAA,GAEZ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/RolesList/DeleteRoleDialog.esm.js

@@ -0,0 +1,142 @@
+import React from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { makeStyles, createStyles, Dialog, DialogTitle, Box, IconButton, DialogContent, TextField, DialogActions, Button } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import ErrorIcon from '@material-ui/icons/Error';
+import { Alert } from '@material-ui/lab';
+import Typography from '@mui/material/Typography';
+import { rbacApiRef } from '../../api/RBACBackendClient.esm.js';
+import { getMembers } from '../../utils/rbac-utils.esm.js';
+import { removePermissions, removeConditions } from '../../utils/role-form-utils.esm.js';
+import { useToast } from '../ToastContext.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    titleContainer: {
+      display: "flex",
+      alignItems: "center",
+      gap: theme.spacing(1)
+    },
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500]
+    }
+  })
+);
+const DeleteRoleDialog = ({
+  open,
+  closeDialog,
+  roleName,
+  propOptions
+}) => {
+  const classes = useStyles();
+  const { setToastMessage } = useToast();
+  const [deleteRoleValue, setDeleteRoleValue] = React.useState();
+  const [disableDelete, setDisableDelete] = React.useState(false);
+  const [error, setError] = React.useState("");
+  const rbacApi = useApi(rbacApiRef);
+  const deleteRole = async () => {
+    try {
+      const policies = await rbacApi.getAssociatedPolicies(roleName);
+      const conditionalPolicies = await rbacApi.getRoleConditions(roleName);
+      if (Array.isArray(policies)) {
+        const allowedPolicies = policies.filter(
+          (policy) => policy.effect !== "deny"
+        );
+        await removePermissions(roleName, allowedPolicies, rbacApi);
+      }
+      if (Array.isArray(conditionalPolicies)) {
+        const conditionalPoliciesIds = conditionalPolicies.map((cp) => cp.id);
+        await removeConditions(conditionalPoliciesIds, rbacApi);
+      }
+      const response = await rbacApi.deleteRole(roleName);
+      if (response.status === 200 || response.status === 204) {
+        setToastMessage(`Role ${roleName} deleted successfully`);
+        closeDialog();
+      } else {
+        setError(`Unable to delete the role. ${response.statusText}`);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : `${err}`);
+    }
+  };
+  const onTextInput = (value) => {
+    setDeleteRoleValue(value);
+    if (value === "") {
+      setDisableDelete(true);
+    } else if (value === roleName) {
+      setDisableDelete(false);
+    } else {
+      setDisableDelete(true);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Dialog, { maxWidth: "md", open, onClose: closeDialog }, /* @__PURE__ */ React.createElement(DialogTitle, { id: "delete-role", title: "Delete Role" }, /* @__PURE__ */ React.createElement(Box, { className: classes.titleContainer }, /* @__PURE__ */ React.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, /* @__PURE__ */ React.createElement(
+    ErrorIcon,
+    {
+      style: {
+        color: "red",
+        alignContent: "center",
+        marginTop: "7px",
+        marginBottom: "-3px"
+      },
+      fontSize: "small"
+    }
+  ), " ", "Delete this role?"), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "close",
+      className: classes.closeButton,
+      onClick: closeDialog
+    },
+    /* @__PURE__ */ React.createElement(CloseIcon, null)
+  ))), /* @__PURE__ */ React.createElement(DialogContent, null, "Are you sure you want to delete the role", " ", /* @__PURE__ */ React.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, roleName), " ", "?", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null), "Deleting this role is irreversible and will remove its functionality from the system. Proceed with caution.", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null), "The", " ", /* @__PURE__ */ React.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, `${getMembers(
+    propOptions.memberRefs
+  ).toLocaleLowerCase("en-US")}`), " ", "associated with this role will lose access to all the", " ", /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      component: "span",
+      sx: { fontWeight: "bold" }
+    },
+    `${propOptions.permissions} permission policies`
+  ), " ", "specified in this role.", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      name: "delete-role",
+      "data-testid": "delete-role",
+      style: { marginTop: "24px" },
+      required: true,
+      variant: "outlined",
+      label: "Role name",
+      defaultValue: deleteRoleValue,
+      helperText: "Type the name of the role to confirm",
+      onChange: ({ target: { value } }) => onTextInput(value),
+      onBlur: ({ target: { value } }) => onTextInput(value)
+    }
+  )), error && /* @__PURE__ */ React.createElement(Box, { maxWidth: "650px", marginLeft: "20px" }, /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error)), /* @__PURE__ */ React.createElement(
+    DialogActions,
+    {
+      style: {
+        paddingLeft: "25px",
+        paddingBottom: "30px",
+        justifyContent: "left",
+        paddingTop: "16px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        style: disableDelete || !deleteRoleValue ? {} : { background: "red", color: "white" },
+        onClick: deleteRole,
+        disabled: disableDelete || !deleteRoleValue
+      },
+      "Delete"
+    ),
+    /* @__PURE__ */ React.createElement(Button, { variant: "outlined", onClick: closeDialog }, "Cancel")
+  ));
+};
+
+export { DeleteRoleDialog as default };
+//# sourceMappingURL=DeleteRoleDialog.esm.js.map

package/dist/components/RolesList/DeleteRoleDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRoleDialog.esm.js","sources":["../../../src/components/RolesList/DeleteRoleDialog.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport {\n  Box,\n  Button,\n  createStyles,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  makeStyles,\n  TextField,\n  Theme,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport { Alert } from '@material-ui/lab';\nimport Typography from '@mui/material/Typography';\n\nimport { RoleBasedPolicy } from '@backstage-community/plugin-rbac-common';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { getMembers } from '../../utils/rbac-utils';\nimport {\n  removeConditions,\n  removePermissions,\n} from '../../utils/role-form-utils';\nimport { useToast } from '../ToastContext';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    titleContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(1),\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\ntype DeleteRoleDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  roleName: string;\n  propOptions: {\n    memberRefs: string[];\n    permissions: number;\n  };\n};\n\nconst DeleteRoleDialog = ({\n  open,\n  closeDialog,\n  roleName,\n  propOptions,\n}: DeleteRoleDialogProps) => {\n  const classes = useStyles();\n  const { setToastMessage } = useToast();\n  const [deleteRoleValue, setDeleteRoleValue] = React.useState<string>();\n  const [disableDelete, setDisableDelete] = React.useState(false);\n  const [error, setError] = React.useState<string>('');\n\n  const rbacApi = useApi(rbacApiRef);\n\n  const deleteRole = async () => {\n    try {\n      const policies = await rbacApi.getAssociatedPolicies(roleName);\n      const conditionalPolicies = await rbacApi.getRoleConditions(roleName);\n\n      if (Array.isArray(policies)) {\n        const allowedPolicies = policies.filter(\n          (policy: RoleBasedPolicy) => policy.effect !== 'deny',\n        );\n        await removePermissions(roleName, allowedPolicies, rbacApi);\n      }\n\n      if (Array.isArray(conditionalPolicies)) {\n        const conditionalPoliciesIds = conditionalPolicies.map(cp => cp.id);\n        await removeConditions(conditionalPoliciesIds, rbacApi);\n      }\n\n      const response = await rbacApi.deleteRole(roleName);\n      if (response.status === 200 || response.status === 204) {\n        setToastMessage(`Role ${roleName} deleted successfully`);\n        closeDialog();\n      } else {\n        setError(`Unable to delete the role. ${response.statusText}`);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : `${err}`);\n    }\n  };\n\n  const onTextInput = (value: string) => {\n    setDeleteRoleValue(value);\n    if (value === '') {\n      setDisableDelete(true);\n    } else if (value === roleName) {\n      setDisableDelete(false);\n    } else {\n      setDisableDelete(true);\n    }\n  };\n\n  return (\n    <Dialog maxWidth=\"md\" open={open} onClose={closeDialog}>\n      <DialogTitle id=\"delete-role\" title=\"Delete Role\">\n        <Box className={classes.titleContainer}>\n          <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n            <ErrorIcon\n              style={{\n                color: 'red',\n                alignContent: 'center',\n                marginTop: '7px',\n                marginBottom: '-3px',\n              }}\n              fontSize=\"small\"\n            />{' '}\n            Delete this role?\n          </Typography>\n\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent>\n        Are you sure you want to delete the role{' '}\n        <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n          {roleName}\n        </Typography>{' '}\n        ?\n        <br />\n        <br />\n        Deleting this role is irreversible and will remove its functionality\n        from the system. Proceed with caution.\n        <br />\n        <br />\n        The{' '}\n        <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>{`${getMembers(\n          propOptions.memberRefs,\n        ).toLocaleLowerCase('en-US')}`}</Typography>{' '}\n        associated with this role will lose access to all the{' '}\n        <Typography\n          component=\"span\"\n          sx={{ fontWeight: 'bold' }}\n        >{`${propOptions.permissions} permission policies`}</Typography>{' '}\n        specified in this role.\n        <br />\n        <TextField\n          name=\"delete-role\"\n          data-testid=\"delete-role\"\n          style={{ marginTop: '24px' }}\n          required\n          variant=\"outlined\"\n          label=\"Role name\"\n          defaultValue={deleteRoleValue}\n          helperText=\"Type the name of the role to confirm\"\n          onChange={({ target: { value } }) => onTextInput(value)}\n          onBlur={({ target: { value } }) => onTextInput(value)}\n        />\n      </DialogContent>\n      {error && (\n        <Box maxWidth=\"650px\" marginLeft=\"20px\">\n          <Alert severity=\"error\">{error}</Alert>\n        </Box>\n      )}\n      <DialogActions\n        style={{\n          paddingLeft: '25px',\n          paddingBottom: '30px',\n          justifyContent: 'left',\n          paddingTop: '16px',\n        }}\n      >\n        <Button\n          variant=\"contained\"\n          style={\n            disableDelete || !deleteRoleValue\n              ? {}\n              : { background: 'red', color: 'white' }\n          }\n          onClick={deleteRole}\n          disabled={disableDelete || !deleteRoleValue}\n        >\n          Delete\n        </Button>\n        <Button variant=\"outlined\" onClick={closeDialog}>\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default DeleteRoleDialog;\n"],"names":[],"mappings":"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"}

package/dist/components/RolesList/RolesList.esm.js

@@ -0,0 +1,102 @@
+import React from 'react';
+import { Progress, WarningPanel, Table } from '@backstage/core-components';
+import { useDeleteDialog } from '@janus-idp/shared-react';
+import { makeStyles } from '@material-ui/core';
+import { useCheckIfLicensePluginEnabled } from '../../hooks/useCheckIfLicensePluginEnabled.esm.js';
+import { useLocationToast } from '../../hooks/useLocationToast.esm.js';
+import { useRoles } from '../../hooks/useRoles.esm.js';
+import DownloadCSVLink from '../DownloadUserStatistics.esm.js';
+import { SnackbarAlert } from '../SnackbarAlert.esm.js';
+import { useToast } from '../ToastContext.esm.js';
+import DeleteRoleDialog from './DeleteRoleDialog.esm.js';
+import { columns } from './RolesListColumns.esm.js';
+import { RolesListToolbar } from './RolesListToolbar.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  empty: {
+    padding: theme.spacing(2),
+    display: "flex",
+    justifyContent: "center"
+  }
+}));
+const RolesList = () => {
+  const { toastMessage, setToastMessage } = useToast();
+  const { openDialog, setOpenDialog, deleteComponent } = useDeleteDialog();
+  useLocationToast(setToastMessage);
+  const [roles, setRoles] = React.useState();
+  const classes = useStyles();
+  const { loading, data, retry, createRoleAllowed, createRoleLoading, error } = useRoles();
+  const closeDialog = () => {
+    setOpenDialog(false);
+    retry.roleRetry();
+    retry.policiesRetry();
+  };
+  const onAlertClose = () => {
+    setToastMessage("");
+  };
+  const onSearchResultsChange = (searchResults) => {
+    setRoles(searchResults.length);
+  };
+  const getErrorWarning = () => {
+    const errorTitleBase = "Something went wrong while fetching the";
+    const errorWarningArr = [
+      { message: error?.rolesError, title: `${errorTitleBase} roles` },
+      {
+        message: error?.policiesError,
+        title: `${errorTitleBase} permission policies`
+      },
+      {
+        message: error?.roleConditionError,
+        title: `${errorTitleBase} role conditions`
+      }
+    ];
+    return errorWarningArr.find(({ message }) => message) || {
+      message: "",
+      title: ""
+    };
+  };
+  const errorWarning = getErrorWarning();
+  const isLicensePluginEnabled = useCheckIfLicensePluginEnabled();
+  if (isLicensePluginEnabled.loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SnackbarAlert, { toastMessage, onAlertClose }), /* @__PURE__ */ React.createElement(
+    RolesListToolbar,
+    {
+      createRoleAllowed,
+      createRoleLoading
+    }
+  ), errorWarning.message && /* @__PURE__ */ React.createElement("div", { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React.createElement(
+    WarningPanel,
+    {
+      message: errorWarning.message,
+      title: errorWarning.title,
+      severity: "error"
+    }
+  )), /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      title: !loading && data?.length ? `All roles (${roles ?? data.length})` : `All roles`,
+      options: { padding: "default", search: true, paging: true },
+      data,
+      isLoading: loading,
+      columns,
+      renderSummaryRow: (summary) => onSearchResultsChange(summary.data),
+      emptyContent: /* @__PURE__ */ React.createElement("div", { "data-testid": "roles-table-empty", className: classes.empty }, "No records found")
+    }
+  ), isLicensePluginEnabled.isEnabled && /* @__PURE__ */ React.createElement(DownloadCSVLink, null), openDialog && /* @__PURE__ */ React.createElement(
+    DeleteRoleDialog,
+    {
+      open: openDialog,
+      closeDialog,
+      roleName: deleteComponent.roleName,
+      propOptions: {
+        memberRefs: data.find((d) => d.name === deleteComponent.roleName)?.members || [],
+        permissions: data.find((d) => d.name === deleteComponent.roleName)?.permissions || 0
+      }
+    }
+  ));
+};
+
+export { RolesList };
+//# sourceMappingURL=RolesList.esm.js.map

package/dist/components/RolesList/RolesList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesList.esm.js","sources":["../../../src/components/RolesList/RolesList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { Progress, Table, WarningPanel } from '@backstage/core-components';\n\nimport { useDeleteDialog } from '@janus-idp/shared-react';\nimport { makeStyles } from '@material-ui/core';\n\nimport { useCheckIfLicensePluginEnabled } from '../../hooks/useCheckIfLicensePluginEnabled';\nimport { useLocationToast } from '../../hooks/useLocationToast';\nimport { useRoles } from '../../hooks/useRoles';\nimport { RolesData } from '../../types';\nimport DownloadCSVLink from '../DownloadUserStatistics';\nimport { SnackbarAlert } from '../SnackbarAlert';\nimport { useToast } from '../ToastContext';\nimport DeleteRoleDialog from './DeleteRoleDialog';\nimport { columns } from './RolesListColumns';\nimport { RolesListToolbar } from './RolesListToolbar';\n\nconst useStyles = makeStyles(theme => ({\n  empty: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n}));\n\nexport const RolesList = () => {\n  const { toastMessage, setToastMessage } = useToast();\n  const { openDialog, setOpenDialog, deleteComponent } = useDeleteDialog();\n  useLocationToast(setToastMessage);\n  const [roles, setRoles] = React.useState<number | undefined>();\n  const classes = useStyles();\n  const { loading, data, retry, createRoleAllowed, createRoleLoading, error } =\n    useRoles();\n\n  const closeDialog = () => {\n    setOpenDialog(false);\n    retry.roleRetry();\n    retry.policiesRetry();\n  };\n\n  const onAlertClose = () => {\n    setToastMessage('');\n  };\n  const onSearchResultsChange = (searchResults: RolesData[]) => {\n    setRoles(searchResults.length);\n  };\n\n  const getErrorWarning = () => {\n    const errorTitleBase = 'Something went wrong while fetching the';\n    const errorWarningArr = [\n      { message: error?.rolesError, title: `${errorTitleBase} roles` },\n      {\n        message: error?.policiesError,\n        title: `${errorTitleBase} permission policies`,\n      },\n      {\n        message: error?.roleConditionError,\n        title: `${errorTitleBase} role conditions`,\n      },\n    ];\n\n    return (\n      errorWarningArr.find(({ message }) => message) || {\n        message: '',\n        title: '',\n      }\n    );\n  };\n\n  const errorWarning = getErrorWarning();\n\n  const isLicensePluginEnabled = useCheckIfLicensePluginEnabled();\n  if (isLicensePluginEnabled.loading) {\n    return <Progress />;\n  }\n\n  return (\n    <>\n      <SnackbarAlert toastMessage={toastMessage} onAlertClose={onAlertClose} />\n      <RolesListToolbar\n        createRoleAllowed={createRoleAllowed}\n        createRoleLoading={createRoleLoading}\n      />\n      {errorWarning.message && (\n        <div style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={errorWarning.message}\n            title={errorWarning.title}\n            severity=\"error\"\n          />\n        </div>\n      )}\n      <Table\n        title={\n          !loading && data?.length\n            ? `All roles (${roles ?? data.length})`\n            : `All roles`\n        }\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data}\n        isLoading={loading}\n        columns={columns}\n        renderSummaryRow={summary => onSearchResultsChange(summary.data)}\n        emptyContent={\n          <div data-testid=\"roles-table-empty\" className={classes.empty}>\n            No records found\n          </div>\n        }\n      />\n      {isLicensePluginEnabled.isEnabled && <DownloadCSVLink />}\n      {openDialog && (\n        <DeleteRoleDialog\n          open={openDialog}\n          closeDialog={closeDialog}\n          roleName={deleteComponent.roleName}\n          propOptions={{\n            memberRefs:\n              data.find(d => d.name === deleteComponent.roleName)?.members ||\n              [],\n            permissions:\n              data.find(d => d.name === deleteComponent.roleName)\n                ?.permissions || 0,\n          }}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RolesList/RolesListColumns.esm.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { Link } from '@backstage/core-components';
+import { Tooltip, Typography } from '@material-ui/core';
+import { getMembers } from '../../utils/rbac-utils.esm.js';
+import EditRole from '../EditRole.esm.js';
+import DeleteRole from './DeleteRole.esm.js';
+
+const columns = [
+  {
+    title: "Name",
+    field: "name",
+    type: "string",
+    render: (props) => {
+      const { kind, namespace, name } = parseEntityRef(props.name);
+      return /* @__PURE__ */ React.createElement(Link, { to: `roles/${kind}/${namespace}/${name}` }, props.name);
+    }
+  },
+  {
+    title: "Users and groups",
+    field: "members",
+    type: "string",
+    align: "left",
+    render: (props) => getMembers(props.members),
+    customSort: (a, b) => {
+      if (a.members.length === 0) {
+        return -1;
+      }
+      if (b.members.length === 0) {
+        return 1;
+      }
+      if (a.members.length === b.members.length) {
+        return 0;
+      }
+      return a.members.length < b.members.length ? -1 : 1;
+    }
+  },
+  {
+    title: "Accessible plugins",
+    field: "accessiblePlugins",
+    type: "string",
+    align: "left",
+    render: (props) => {
+      const pls = props.accessiblePlugins.map(
+        (p) => p[0].toLocaleUpperCase("en-US") + p.slice(1)
+      );
+      const plsTooltip = pls.join(", ");
+      const plsOverflowCount = pls.length > 2 ? `+ ${pls.length - 2}` : "";
+      return pls.length > 0 ? /* @__PURE__ */ React.createElement(Tooltip, { title: plsTooltip || "", placement: "top-start" }, /* @__PURE__ */ React.createElement(Typography, null, pls.length === 1 ? `${pls[0]}` : `${pls[0]}, ${pls[1]} ${plsOverflowCount}`)) : "-";
+    }
+  },
+  {
+    title: "Actions",
+    sorting: false,
+    render: (props) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      EditRole,
+      {
+        dataTestId: !props.actionsPermissionResults.edit.allowed ? `disable-update-role-${props.name}` : `update-role-${props.name}`,
+        roleName: props.name,
+        disable: !props.actionsPermissionResults.edit.allowed,
+        tooltip: !props.actionsPermissionResults.edit.allowed ? "Unauthorized to edit" : ""
+      }
+    ), /* @__PURE__ */ React.createElement(
+      DeleteRole,
+      {
+        dataTestId: !props.actionsPermissionResults.delete.allowed ? `disable-delete-role-${props.name}` : `delete-role-${props.name}`,
+        roleName: props.name,
+        disable: !props.actionsPermissionResults.delete.allowed,
+        tooltip: !props.actionsPermissionResults.delete.allowed ? "Role cannot be deleted" : ""
+      }
+    ))
+  }
+];
+
+export { columns };
+//# sourceMappingURL=RolesListColumns.esm.js.map

package/dist/components/RolesList/RolesListColumns.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesListColumns.esm.js","sources":["../../../src/components/RolesList/RolesListColumns.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Link, TableColumn } from '@backstage/core-components';\n\nimport { Tooltip, Typography } from '@material-ui/core';\n\nimport { RolesData } from '../../types';\nimport { getMembers } from '../../utils/rbac-utils';\nimport EditRole from '../EditRole';\nimport DeleteRole from './DeleteRole';\n\nexport const columns: TableColumn<RolesData>[] = [\n  {\n    title: 'Name',\n    field: 'name',\n    type: 'string',\n    render: (props: RolesData) => {\n      const { kind, namespace, name } = parseEntityRef(props.name);\n      return (\n        <Link to={`roles/${kind}/${namespace}/${name}`}>{props.name}</Link>\n      );\n    },\n  },\n  {\n    title: 'Users and groups',\n    field: 'members',\n    type: 'string',\n    align: 'left',\n    render: props => getMembers(props.members),\n    customSort: (a, b) => {\n      if (a.members.length === 0) {\n        return -1;\n      }\n      if (b.members.length === 0) {\n        return 1;\n      }\n      if (a.members.length === b.members.length) {\n        return 0;\n      }\n      return a.members.length < b.members.length ? -1 : 1;\n    },\n  },\n  {\n    title: 'Accessible plugins',\n    field: 'accessiblePlugins',\n    type: 'string',\n    align: 'left',\n    render: (props: RolesData) => {\n      const pls = props.accessiblePlugins.map(\n        p => p[0].toLocaleUpperCase('en-US') + p.slice(1),\n      );\n      const plsTooltip = pls.join(', ');\n      const plsOverflowCount = pls.length > 2 ? `+ ${pls.length - 2}` : '';\n\n      return pls.length > 0 ? (\n        <Tooltip title={plsTooltip || ''} placement=\"top-start\">\n          <Typography>\n            {pls.length === 1\n              ? `${pls[0]}`\n              : `${pls[0]}, ${pls[1]} ${plsOverflowCount}`}\n          </Typography>\n        </Tooltip>\n      ) : (\n        '-'\n      );\n    },\n  },\n  {\n    title: 'Actions',\n    sorting: false,\n    render: (props: RolesData) => (\n      <>\n        <EditRole\n          dataTestId={\n            !props.actionsPermissionResults.edit.allowed\n              ? `disable-update-role-${props.name}`\n              : `update-role-${props.name}`\n          }\n          roleName={props.name}\n          disable={!props.actionsPermissionResults.edit.allowed}\n          tooltip={\n            !props.actionsPermissionResults.edit.allowed\n              ? 'Unauthorized to edit'\n              : ''\n          }\n        />\n        <DeleteRole\n          dataTestId={\n            !props.actionsPermissionResults.delete.allowed\n              ? `disable-delete-role-${props.name}`\n              : `delete-role-${props.name}`\n          }\n          roleName={props.name}\n          disable={!props.actionsPermissionResults.delete.allowed}\n          tooltip={\n            !props.actionsPermissionResults.delete.allowed\n              ? 'Role cannot be deleted'\n              : ''\n          }\n        />\n      </>\n    ),\n  },\n];\n"],"names":[],"mappings":"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"}

package/dist/components/RolesList/RolesListToolbar.esm.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { LinkButton } from '@backstage/core-components';
+import { makeStyles } from '@material-ui/core';
+import Alert from '@material-ui/lab/Alert';
+import AlertTitle from '@material-ui/lab/AlertTitle';
+import Typography from '@mui/material/Typography';
+
+const useStyles = makeStyles((theme) => ({
+  toolbar: {
+    display: "flex",
+    justifyContent: "end",
+    marginBottom: "24px"
+  },
+  rbacPreReqLink: {
+    color: theme.palette.link
+  },
+  alertTitle: {
+    fontWeight: "bold"
+  }
+}));
+const RolesListToolbar = ({
+  createRoleAllowed,
+  createRoleLoading
+}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement("div", null, !createRoleLoading && !createRoleAllowed && /* @__PURE__ */ React.createElement(Alert, { severity: "warning", "data-testid": "create-role-warning" }, /* @__PURE__ */ React.createElement(AlertTitle, { className: classes.alertTitle }, "Unable to create role."), "To enable create/edit role button, make sure required users/groups are available in catalog as a role cannot be created without users/groups and also the role associated with your user should have the permission policies mentioned", " ", /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: "https://github.com/backstage/community-plugins/tree/main/workspaces/rbac/plugins/rbac#prerequisites",
+      target: "blank",
+      className: classes.rbacPreReqLink
+    },
+    "here"
+  ), ".", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(Typography, null, /* @__PURE__ */ React.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, "Note"), ": Even after ingesting users/groups in catalog and applying above permissions if the create/edit button is still disabled then please contact your administrator as you might be conditionally restricted from accessing the create/edit button.")), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(Typography, { component: "span", className: classes.toolbar }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      to: "role/new",
+      color: "primary",
+      variant: "contained",
+      disabled: !createRoleAllowed,
+      "data-testid": "create-role"
+    },
+    "Create"
+  )));
+};
+
+export { RolesListToolbar };
+//# sourceMappingURL=RolesListToolbar.esm.js.map

package/dist/components/RolesList/RolesListToolbar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesListToolbar.esm.js","sources":["../../../src/components/RolesList/RolesListToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { LinkButton } from '@backstage/core-components';\n\nimport { makeStyles } from '@material-ui/core';\nimport Alert from '@material-ui/lab/Alert';\nimport AlertTitle from '@material-ui/lab/AlertTitle';\nimport Typography from '@mui/material/Typography';\n\nconst useStyles = makeStyles(theme => ({\n  toolbar: {\n    display: 'flex',\n    justifyContent: 'end',\n    marginBottom: '24px',\n  },\n  rbacPreReqLink: {\n    color: theme.palette.link,\n  },\n  alertTitle: {\n    fontWeight: 'bold',\n  },\n}));\n\nexport const RolesListToolbar = ({\n  createRoleAllowed,\n  createRoleLoading,\n}: {\n  createRoleAllowed: boolean;\n  createRoleLoading: boolean;\n}) => {\n  const classes = useStyles();\n  return (\n    <div>\n      {!createRoleLoading && !createRoleAllowed && (\n        <Alert severity=\"warning\" data-testid=\"create-role-warning\">\n          <AlertTitle className={classes.alertTitle}>\n            Unable to create role.\n          </AlertTitle>\n          To enable create/edit role button, make sure required users/groups are\n          available in catalog as a role cannot be created without users/groups\n          and also the role associated with your user should have the permission\n          policies mentioned{' '}\n          <a\n            href=\"https://github.com/backstage/community-plugins/tree/main/workspaces/rbac/plugins/rbac#prerequisites\"\n            target=\"blank\"\n            className={classes.rbacPreReqLink}\n          >\n            here\n          </a>\n          .\n          <br />\n          <Typography>\n            <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n              Note\n            </Typography>\n            : Even after ingesting users/groups in catalog and applying above\n            permissions if the create/edit button is still disabled then please\n            contact your administrator as you might be conditionally restricted\n            from accessing the create/edit button.\n          </Typography>\n        </Alert>\n      )}\n      <br />\n      <Typography component=\"span\" className={classes.toolbar}>\n        <LinkButton\n          to=\"role/new\"\n          color=\"primary\"\n          variant=\"contained\"\n          disabled={!createRoleAllowed}\n          data-testid=\"create-role\"\n        >\n          Create\n        </LinkButton>\n      </Typography>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAwBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,KAAA;AAAA,IAChB,YAAc,EAAA,MAAA;AAAA,GAChB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,KAAA,EAAO,MAAM,OAAQ,CAAA,IAAA;AAAA,GACvB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,GACd;AACF,CAAE,CAAA,CAAA,CAAA;AAEK,MAAM,mBAAmB,CAAC;AAAA,EAC/B,iBAAA;AAAA,EACA,iBAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,aACE,CAAC,iBAAA,IAAqB,CAAC,iBACtB,oBAAA,KAAA,CAAA,aAAA,CAAC,SAAM,QAAS,EAAA,SAAA,EAAU,eAAY,qBACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,cAAY,wBAE3C,CAAA,EAAa,0OAIM,GACnB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,qGAAA;AAAA,MACL,MAAO,EAAA,OAAA;AAAA,MACP,WAAW,OAAQ,CAAA,cAAA;AAAA,KAAA;AAAA,IACpB,MAAA;AAAA,GAEG,EAAA,GAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACJ,kBAAA,KAAA,CAAA,aAAA,CAAC,UACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,EAAA,EAAI,EAAE,UAAY,EAAA,MAAA,EAAU,EAAA,EAAA,MAEzD,CAAa,EAAA,kPAKf,CACF,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACJ,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,SAAA,EAAW,QAAQ,OAC9C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,UAAA;AAAA,MACH,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,UAAU,CAAC,iBAAA;AAAA,MACX,aAAY,EAAA,aAAA;AAAA,KAAA;AAAA,IACb,QAAA;AAAA,GAGH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Router.esm.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { ErrorPage } from '@backstage/core-components';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { policyEntityCreatePermission, policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';
+import { roleRouteRef, createRoleRouteRef, editRoleRouteRef } from '../routes.esm.js';
+import { CreateRolePage } from './CreateRole/CreateRolePage.esm.js';
+import { EditRolePage } from './CreateRole/EditRolePage.esm.js';
+import { RbacPage } from './RbacPage.esm.js';
+import { RoleOverviewPage } from './RoleOverview/RoleOverviewPage.esm.js';
+import { ToastContextProvider } from './ToastContext.esm.js';
+
+const Router = ({ useHeader = true }) => {
+  const config = useApi(configApiRef);
+  const isRBACPluginEnabled = config.getOptionalBoolean("permission.enabled");
+  if (!isRBACPluginEnabled) {
+    return /* @__PURE__ */ React.createElement(
+      ErrorPage,
+      {
+        status: "404",
+        statusMessage: "Enable the RBAC backend plugin to use this feature.",
+        additionalInfo: "To enable RBAC, set `permission.enabled` to `true` in the app-config file."
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(ToastContextProvider, null, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(RbacPage, { useHeader }) }), /* @__PURE__ */ React.createElement(Route, { path: roleRouteRef.path, element: /* @__PURE__ */ React.createElement(RoleOverviewPage, null) }), /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: createRoleRouteRef.path,
+      element: /* @__PURE__ */ React.createElement(
+        RequirePermission,
+        {
+          permission: policyEntityCreatePermission,
+          resourceRef: policyEntityCreatePermission.resourceType
+        },
+        /* @__PURE__ */ React.createElement(CreateRolePage, null)
+      )
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: editRoleRouteRef.path,
+      element: /* @__PURE__ */ React.createElement(
+        RequirePermission,
+        {
+          permission: policyEntityUpdatePermission,
+          resourceRef: policyEntityUpdatePermission.resourceType
+        },
+        /* @__PURE__ */ React.createElement(EditRolePage, null)
+      )
+    }
+  )));
+};
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

package/dist/components/Router.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { ErrorPage } from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport {\n  policyEntityCreatePermission,\n  policyEntityUpdatePermission,\n} from '@backstage-community/plugin-rbac-common';\n\nimport { createRoleRouteRef, editRoleRouteRef, roleRouteRef } from '../routes';\nimport { CreateRolePage } from './CreateRole/CreateRolePage';\nimport { EditRolePage } from './CreateRole/EditRolePage';\nimport { RbacPage } from './RbacPage';\nimport { RoleOverviewPage } from './RoleOverview/RoleOverviewPage';\nimport { ToastContextProvider } from './ToastContext';\n\n/**\n *\n * @public\n */\nexport const Router = ({ useHeader = true }: { useHeader?: boolean }) => {\n  const config = useApi(configApiRef);\n  const isRBACPluginEnabled = config.getOptionalBoolean('permission.enabled');\n\n  if (!isRBACPluginEnabled) {\n    return (\n      <ErrorPage\n        status=\"404\"\n        statusMessage=\"Enable the RBAC backend plugin to use this feature.\"\n        additionalInfo=\"To enable RBAC, set `permission.enabled` to `true` in the app-config file.\"\n      />\n    );\n  }\n\n  return (\n    <ToastContextProvider>\n      <Routes>\n        <Route path=\"/\" element={<RbacPage useHeader={useHeader} />} />\n        <Route path={roleRouteRef.path} element={<RoleOverviewPage />} />\n        <Route\n          path={createRoleRouteRef.path}\n          element={\n            <RequirePermission\n              permission={policyEntityCreatePermission}\n              resourceRef={policyEntityCreatePermission.resourceType}\n            >\n              <CreateRolePage />\n            </RequirePermission>\n          }\n        />\n        <Route\n          path={editRoleRouteRef.path}\n          element={\n            <RequirePermission\n              permission={policyEntityUpdatePermission}\n              resourceRef={policyEntityUpdatePermission.resourceType}\n            >\n              <EditRolePage />\n            </RequirePermission>\n          }\n        />\n      </Routes>\n    </ToastContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsCO,MAAM,MAAS,GAAA,CAAC,EAAE,SAAA,GAAY,MAAoC,KAAA;AACvE,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA,CAAA;AAClC,EAAM,MAAA,mBAAA,GAAsB,MAAO,CAAA,kBAAA,CAAmB,oBAAoB,CAAA,CAAA;AAE1E,EAAA,IAAI,CAAC,mBAAqB,EAAA;AACxB,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,MAAO,EAAA,KAAA;AAAA,QACP,aAAc,EAAA,qDAAA;AAAA,QACd,cAAe,EAAA,4EAAA;AAAA,OAAA;AAAA,KACjB,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4CACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,sCACE,KAAM,EAAA,EAAA,IAAA,EAAK,GAAI,EAAA,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,WAAsB,CAAI,EAAA,CAAA,kBAC5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAM,EAAA,YAAA,CAAa,MAAM,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,IAAA,CAAA,EAAI,CAC/D,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAM,kBAAmB,CAAA,IAAA;AAAA,MACzB,OACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,UAAY,EAAA,4BAAA;AAAA,UACZ,aAAa,4BAA6B,CAAA,YAAA;AAAA,SAAA;AAAA,4CAEzC,cAAe,EAAA,IAAA,CAAA;AAAA,OAClB;AAAA,KAAA;AAAA,GAGJ,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAM,gBAAiB,CAAA,IAAA;AAAA,MACvB,OACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,UAAY,EAAA,4BAAA;AAAA,UACZ,aAAa,4BAA6B,CAAA,YAAA;AAAA,SAAA;AAAA,4CAEzC,YAAa,EAAA,IAAA,CAAA;AAAA,OAChB;AAAA,KAAA;AAAA,GAGN,CACF,CAAA,CAAA;AAEJ;;;;"}