@backstage-community/plugin-rbac 1.34.0 → 1.36.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Progress, WarningPanel, MarkdownContent } from '@backstage/core-components';
 import { AboutField } from '@backstage/plugin-catalog';
 import Card from '@mui/material/Card';
@@ -17,7 +17,7 @@ const AboutCard = ({ roleName }) => {
   const classes = useStyles();
   const { role, roleError, loading } = useRole(roleName);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ React__default.createElement(Progress, null);
   }
   let lastModified = role?.metadata?.lastModified;
   if (lastModified) {
@@ -34,7 +34,7 @@ const AboutCard = ({ roleName }) => {
   } else {
     lastModified = "No information";
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Card,
     {
       sx: {
@@ -45,34 +45,34 @@ const AboutCard = ({ roleName }) => {
         marginBottom: "10px"
       }
     },
-    /* @__PURE__ */ React.createElement(CardHeader, { title: "About" }),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(CardHeader, { title: "About" }),
+    /* @__PURE__ */ React__default.createElement(
       CardContent,
       {
         sx: {
           flex: 1
         }
       },
-      roleError.name ? /* @__PURE__ */ React.createElement("div", { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React.createElement(
+      roleError.name ? /* @__PURE__ */ React__default.createElement("div", { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React__default.createElement(
         WarningPanel,
         {
           message: roleError?.message,
           title: "Something went wrong while fetching role",
           severity: "error"
         }
-      )) : /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4, sm: 8, lg: 4 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Description" }, /* @__PURE__ */ React.createElement(
+      )) : /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4, sm: 8, lg: 4 }, /* @__PURE__ */ React__default.createElement(AboutField, { label: "Description" }, /* @__PURE__ */ React__default.createElement(
         MarkdownContent,
         {
           className: classes.text,
           content: role?.metadata?.description ?? "No description"
         }
-      ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4, sm: 8, lg: 4 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Modified By" }, /* @__PURE__ */ React.createElement(
+      ))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4, sm: 8, lg: 4 }, /* @__PURE__ */ React__default.createElement(AboutField, { label: "Modified By" }, /* @__PURE__ */ React__default.createElement(
         MarkdownContent,
         {
           className: classes.text,
           content: role?.metadata?.modifiedBy ?? "No information"
         }
-      ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4, sm: 8, lg: 4 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Last Modified" }, /* @__PURE__ */ React.createElement(
+      ))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4, sm: 8, lg: 4 }, /* @__PURE__ */ React__default.createElement(AboutField, { label: "Last Modified" }, /* @__PURE__ */ React__default.createElement(
         MarkdownContent,
         {
           className: classes.text,

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

@@ -1 +1 @@
-{"version":3,"file":"AboutCard.esm.js","sources":["../../../src/components/RoleOverview/AboutCard.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 {\n  MarkdownContent,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { AboutField } from '@backstage/plugin-catalog';\n\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardHeader from '@mui/material/CardHeader';\nimport Grid from '@mui/material/Grid';\nimport { makeStyles } from '@mui/styles';\n\nimport { useRole } from '../../hooks/useRole';\n\nconst useStyles = makeStyles({\n  text: {\n    wordBreak: 'break-word',\n  },\n});\n\ntype AboutCardProps = {\n  roleName: string;\n};\n\nexport const AboutCard = ({ roleName }: AboutCardProps) => {\n  const classes = useStyles();\n  const { role, roleError, loading } = useRole(roleName);\n  if (loading) {\n    return <Progress />;\n  }\n\n  let lastModified = role?.metadata?.lastModified;\n  if (lastModified) {\n    const date = new Date(lastModified);\n    const time = date.toLocaleString('en-US', {\n      hour: '2-digit' as const,\n      minute: '2-digit' as const,\n      hour12: false,\n      timeZone: 'UTC',\n    });\n    lastModified = `${date.getUTCDate()} ${date.toLocaleString('default', {\n      month: 'short',\n    })} ${date.getUTCFullYear()}, ${time}`;\n  } else {\n    lastModified = 'No information';\n  }\n\n  return (\n    <Card\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: 'calc(100% - 10px)', // for pages without content header\n        marginBottom: '10px',\n      }}\n    >\n      <CardHeader title=\"About\" />\n      <CardContent\n        sx={{\n          flex: 1,\n        }}\n      >\n        {roleError.name ? (\n          <div style={{ paddingBottom: '16px' }}>\n            <WarningPanel\n              message={roleError?.message}\n              title=\"Something went wrong while fetching role\"\n              severity=\"error\"\n            />\n          </div>\n        ) : (\n          <Grid container spacing={2}>\n            <Grid item xs={4} sm={8} lg={4}>\n              <AboutField label=\"Description\">\n                <MarkdownContent\n                  className={classes.text}\n                  content={role?.metadata?.description ?? 'No description'}\n                />\n              </AboutField>\n            </Grid>\n            <Grid item xs={4} sm={8} lg={4}>\n              <AboutField label=\"Modified By\">\n                <MarkdownContent\n                  className={classes.text}\n                  content={role?.metadata?.modifiedBy ?? 'No information'}\n                />\n              </AboutField>\n            </Grid>\n            <Grid item xs={4} sm={8} lg={4}>\n              <AboutField label=\"Last Modified\">\n                <MarkdownContent\n                  className={classes.text}\n                  content={lastModified}\n                />\n              </AboutField>\n            </Grid>\n          </Grid>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AboutCard.esm.js","sources":["../../../src/components/RoleOverview/AboutCard.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 {\n  MarkdownContent,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { AboutField } from '@backstage/plugin-catalog';\n\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardHeader from '@mui/material/CardHeader';\nimport Grid from '@mui/material/Grid';\nimport { makeStyles } from '@mui/styles';\n\nimport { useRole } from '../../hooks/useRole';\n\nconst useStyles = makeStyles({\n  text: {\n    wordBreak: 'break-word',\n  },\n});\n\ntype AboutCardProps = {\n  roleName: string;\n};\n\nexport const AboutCard = ({ roleName }: AboutCardProps) => {\n  const classes = useStyles();\n  const { role, roleError, loading } = useRole(roleName);\n  if (loading) {\n    return <Progress />;\n  }\n\n  let lastModified = role?.metadata?.lastModified;\n  if (lastModified) {\n    const date = new Date(lastModified);\n    const time = date.toLocaleString('en-US', {\n      hour: '2-digit' as const,\n      minute: '2-digit' as const,\n      hour12: false,\n      timeZone: 'UTC',\n    });\n    lastModified = `${date.getUTCDate()} ${date.toLocaleString('default', {\n      month: 'short',\n    })} ${date.getUTCFullYear()}, ${time}`;\n  } else {\n    lastModified = 'No information';\n  }\n\n  return (\n    <Card\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: 'calc(100% - 10px)', // for pages without content header\n        marginBottom: '10px',\n      }}\n    >\n      <CardHeader title=\"About\" />\n      <CardContent\n        sx={{\n          flex: 1,\n        }}\n      >\n        {roleError.name ? (\n          <div style={{ paddingBottom: '16px' }}>\n            <WarningPanel\n              message={roleError?.message}\n              title=\"Something went wrong while fetching role\"\n              severity=\"error\"\n            />\n          </div>\n        ) : (\n          <Grid container spacing={2}>\n            <Grid item xs={4} sm={8} lg={4}>\n              <AboutField label=\"Description\">\n                <MarkdownContent\n                  className={classes.text}\n                  content={role?.metadata?.description ?? 'No description'}\n                />\n              </AboutField>\n            </Grid>\n            <Grid item xs={4} sm={8} lg={4}>\n              <AboutField label=\"Modified By\">\n                <MarkdownContent\n                  className={classes.text}\n                  content={role?.metadata?.modifiedBy ?? 'No information'}\n                />\n              </AboutField>\n            </Grid>\n            <Grid item xs={4} sm={8} lg={4}>\n              <AboutField label=\"Last Modified\">\n                <MarkdownContent\n                  className={classes.text}\n                  content={lastModified}\n                />\n              </AboutField>\n            </Grid>\n          </Grid>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { parseEntityRef } from '@backstage/catalog-model';
 import { WarningPanel, Table } from '@backstage/core-components';
 import { usePermission } from '@backstage/plugin-permission-react';
@@ -10,10 +10,10 @@ import { getMembers } from '../../utils/rbac-utils.esm.js';
 import EditRole from '../EditRole.esm.js';
 import { columns } from './MembersListColumns.esm.js';
 
-const getRefreshIcon = () => /* @__PURE__ */ React.createElement(CachedIcon, null);
+const getRefreshIcon = () => /* @__PURE__ */ React__default.createElement(CachedIcon, null);
 const getEditIcon = (isAllowed, roleName) => {
   const { kind, name, namespace } = parseEntityRef(roleName);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     EditRole,
     {
       dataTestId: isAllowed ? "update-members" : "disable-update-members",
@@ -25,7 +25,7 @@ const getEditIcon = (isAllowed, roleName) => {
 };
 const MembersCard = ({ roleName, membersInfo }) => {
   const { data, loading, retry, error, canReadUsersAndGroups } = membersInfo;
-  const [searchText, setSearchText] = React.useState();
+  const [searchText, setSearchText] = React__default.useState();
   const policyEntityPermissionResult = usePermission({
     permission: policyEntityUpdatePermission,
     resourceRef: policyEntityUpdatePermission.resourceType
@@ -51,18 +51,18 @@ const MembersCard = ({ roleName, membersInfo }) => {
       }
     }
   ];
-  const filteredData = React.useMemo(
+  const filteredData = React__default.useMemo(
     () => filterTableData({ data, columns, searchText }),
     [data, searchText]
   );
-  return /* @__PURE__ */ React.createElement(Box, null, !loading && error && /* @__PURE__ */ React.createElement(Box, { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, null, !loading && error && /* @__PURE__ */ React__default.createElement(Box, { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React__default.createElement(
     WarningPanel,
     {
       message: error?.message || error?.name,
       title: "Something went wrong while fetching the users and groups",
       severity: "error"
     }
-  )), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     Table,
     {
       title: !loading && data?.length ? `Users and groups (${getMembers(filteredData)})` : "Users and groups",
@@ -71,7 +71,7 @@ const MembersCard = ({ roleName, membersInfo }) => {
       data: data ?? [],
       isLoading: loading,
       columns,
-      emptyContent: /* @__PURE__ */ React.createElement(
+      emptyContent: /* @__PURE__ */ React__default.createElement(
         Box,
         {
           "data-testid": "members-table-empty",

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

@@ -1 +1 @@
-{"version":3,"file":"MembersCard.esm.js","sources":["../../../src/components/RoleOverview/MembersCard.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 { Table, WarningPanel } from '@backstage/core-components';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\n\nimport { MembersInfo } from '../../hooks/useMembers';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport { getMembers } from '../../utils/rbac-utils';\nimport EditRole from '../EditRole';\nimport { columns } from './MembersListColumns';\n\ntype MembersCardProps = {\n  roleName: string;\n  membersInfo: MembersInfo;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-members' : 'disable-update-members'}\n      roleName={roleName}\n      disable={!isAllowed}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${1}`}\n    />\n  );\n};\n\nexport const MembersCard = ({ roleName, membersInfo }: MembersCardProps) => {\n  const { data, loading, retry, error, canReadUsersAndGroups } = membersInfo;\n  const [searchText, setSearchText] = React.useState<string>();\n  const policyEntityPermissionResult = usePermission({\n    permission: policyEntityUpdatePermission,\n    resourceRef: policyEntityUpdatePermission.resourceType,\n  });\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.roleRetry();\n        retry.membersRetry();\n      },\n    },\n    {\n      icon: () =>\n        getEditIcon(\n          policyEntityPermissionResult.allowed && canReadUsersAndGroups,\n          roleName,\n        ),\n      tooltip:\n        policyEntityPermissionResult.allowed && canReadUsersAndGroups\n          ? 'Edit'\n          : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  const filteredData = React.useMemo(\n    () => filterTableData({ data, columns, searchText }),\n    [data, searchText],\n  );\n\n  return (\n    <Box>\n      {!loading && error && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={(error as Error)?.message || (error as Error)?.name}\n            title=\"Something went wrong while fetching the users and groups\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <Table\n        title={\n          !loading && data?.length\n            ? `Users and groups (${getMembers(filteredData)})`\n            : 'Users and groups'\n        }\n        actions={actions}\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data ?? []}\n        isLoading={loading}\n        columns={columns}\n        emptyContent={\n          <Box\n            data-testid=\"members-table-empty\"\n            sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n          >\n            No records found\n          </Box>\n        }\n        onSearchChange={setSearchText}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MembersCard.esm.js","sources":["../../../src/components/RoleOverview/MembersCard.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 { Table, WarningPanel } from '@backstage/core-components';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\n\nimport { MembersInfo } from '../../hooks/useMembers';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport { getMembers } from '../../utils/rbac-utils';\nimport EditRole from '../EditRole';\nimport { columns } from './MembersListColumns';\n\ntype MembersCardProps = {\n  roleName: string;\n  membersInfo: MembersInfo;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-members' : 'disable-update-members'}\n      roleName={roleName}\n      disable={!isAllowed}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${1}`}\n    />\n  );\n};\n\nexport const MembersCard = ({ roleName, membersInfo }: MembersCardProps) => {\n  const { data, loading, retry, error, canReadUsersAndGroups } = membersInfo;\n  const [searchText, setSearchText] = React.useState<string>();\n  const policyEntityPermissionResult = usePermission({\n    permission: policyEntityUpdatePermission,\n    resourceRef: policyEntityUpdatePermission.resourceType,\n  });\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.roleRetry();\n        retry.membersRetry();\n      },\n    },\n    {\n      icon: () =>\n        getEditIcon(\n          policyEntityPermissionResult.allowed && canReadUsersAndGroups,\n          roleName,\n        ),\n      tooltip:\n        policyEntityPermissionResult.allowed && canReadUsersAndGroups\n          ? 'Edit'\n          : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  const filteredData = React.useMemo(\n    () => filterTableData({ data, columns, searchText }),\n    [data, searchText],\n  );\n\n  return (\n    <Box>\n      {!loading && error && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={(error as Error)?.message || (error as Error)?.name}\n            title=\"Something went wrong while fetching the users and groups\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <Table\n        title={\n          !loading && data?.length\n            ? `Users and groups (${getMembers(filteredData)})`\n            : 'Users and groups'\n        }\n        actions={actions}\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data ?? []}\n        isLoading={loading}\n        columns={columns}\n        emptyContent={\n          <Box\n            data-testid=\"members-table-empty\"\n            sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n          >\n            No records found\n          </Box>\n        }\n        onSearchChange={setSearchText}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Link } from '@backstage/core-components';
 
 const columns = [
@@ -7,7 +7,7 @@ const columns = [
     field: "name",
     type: "string",
     render: (props) => {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React__default.createElement(
         Link,
         {
           to: `/catalog/${props.ref.namespace}/${props.ref.kind}/${props.ref.name}`

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

@@ -1 +1 @@
-{"version":3,"file":"MembersListColumns.esm.js","sources":["../../../src/components/RoleOverview/MembersListColumns.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 { Link, TableColumn } from '@backstage/core-components';\n\nimport { MembersData } from '../../types';\n\nexport const columns: TableColumn<MembersData>[] = [\n  {\n    title: 'Name',\n    field: 'name',\n    type: 'string',\n    render: props => {\n      return (\n        <Link\n          to={`/catalog/${props.ref.namespace}/${props.ref.kind}/${props.ref.name}`}\n        >\n          {props.name}\n        </Link>\n      );\n    },\n  },\n  {\n    title: 'Type',\n    field: 'type',\n    type: 'string',\n  },\n  {\n    title: 'Members',\n    field: 'members',\n    type: 'numeric',\n    align: 'left',\n    render: (props: MembersData) => {\n      return props.type === 'User' ? '-' : props.members;\n    },\n    customSort: (a, b) => {\n      if (a.members === 0) {\n        return -1;\n      }\n      if (b.members === 0) {\n        return 1;\n      }\n      if (a.members === b.members) {\n        return 0;\n      }\n      return a.members < b.members ? -1 : 1;\n    },\n  },\n];\n"],"names":[],"mappings":";;;AAqBO,MAAM,OAAsC,GAAA;AAAA,EACjD;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,QAAQ,CAAS,KAAA,KAAA;AACf,MACE,uBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA,CAAA,SAAA,EAAY,KAAM,CAAA,GAAA,CAAI,SAAS,CAAA,CAAA,EAAI,KAAM,CAAA,GAAA,CAAI,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA,SAAA;AAAA,QAEtE,KAAM,CAAA;AAAA,OACT;AAAA;AAEJ,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,MAAA;AAAA,IACP,MAAA,EAAQ,CAAC,KAAuB,KAAA;AAC9B,MAAA,OAAO,KAAM,CAAA,IAAA,KAAS,MAAS,GAAA,GAAA,GAAM,KAAM,CAAA,OAAA;AAAA,KAC7C;AAAA,IACA,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAI,IAAA,CAAA,CAAE,YAAY,CAAG,EAAA;AACnB,QAAO,OAAA,CAAA,CAAA;AAAA;AAET,MAAI,IAAA,CAAA,CAAE,YAAY,CAAG,EAAA;AACnB,QAAO,OAAA,CAAA;AAAA;AAET,MAAI,IAAA,CAAA,CAAE,OAAY,KAAA,CAAA,CAAE,OAAS,EAAA;AAC3B,QAAO,OAAA,CAAA;AAAA;AAET,MAAA,OAAO,CAAE,CAAA,OAAA,GAAU,CAAE,CAAA,OAAA,GAAU,CAAK,CAAA,GAAA,CAAA;AAAA;AACtC;AAEJ;;;;"}
+{"version":3,"file":"MembersListColumns.esm.js","sources":["../../../src/components/RoleOverview/MembersListColumns.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 { Link, TableColumn } from '@backstage/core-components';\n\nimport { MembersData } from '../../types';\n\nexport const columns: TableColumn<MembersData>[] = [\n  {\n    title: 'Name',\n    field: 'name',\n    type: 'string',\n    render: props => {\n      return (\n        <Link\n          to={`/catalog/${props.ref.namespace}/${props.ref.kind}/${props.ref.name}`}\n        >\n          {props.name}\n        </Link>\n      );\n    },\n  },\n  {\n    title: 'Type',\n    field: 'type',\n    type: 'string',\n  },\n  {\n    title: 'Members',\n    field: 'members',\n    type: 'numeric',\n    align: 'left',\n    render: (props: MembersData) => {\n      return props.type === 'User' ? '-' : props.members;\n    },\n    customSort: (a, b) => {\n      if (a.members === 0) {\n        return -1;\n      }\n      if (b.members === 0) {\n        return 1;\n      }\n      if (a.members === b.members) {\n        return 0;\n      }\n      return a.members < b.members ? -1 : 1;\n    },\n  },\n];\n"],"names":["React"],"mappings":";;;AAqBO,MAAM,OAAsC,GAAA;AAAA,EACjD;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,QAAQ,CAAS,KAAA,KAAA;AACf,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA,CAAA,SAAA,EAAY,KAAM,CAAA,GAAA,CAAI,SAAS,CAAA,CAAA,EAAI,KAAM,CAAA,GAAA,CAAI,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA,SAAA;AAAA,QAEtE,KAAM,CAAA;AAAA,OACT;AAAA;AAEJ,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,MAAA;AAAA,IACP,MAAA,EAAQ,CAAC,KAAuB,KAAA;AAC9B,MAAA,OAAO,KAAM,CAAA,IAAA,KAAS,MAAS,GAAA,GAAA,GAAM,KAAM,CAAA,OAAA;AAAA,KAC7C;AAAA,IACA,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAI,IAAA,CAAA,CAAE,YAAY,CAAG,EAAA;AACnB,QAAO,OAAA,EAAA;AAAA;AAET,MAAI,IAAA,CAAA,CAAE,YAAY,CAAG,EAAA;AACnB,QAAO,OAAA,CAAA;AAAA;AAET,MAAI,IAAA,CAAA,CAAE,OAAY,KAAA,CAAA,CAAE,OAAS,EAAA;AAC3B,QAAO,OAAA,CAAA;AAAA;AAET,MAAA,OAAO,CAAE,CAAA,OAAA,GAAU,CAAE,CAAA,OAAA,GAAU,EAAK,GAAA,CAAA;AAAA;AACtC;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { parseEntityRef } from '@backstage/catalog-model';
 import { WarningPanel, Table } from '@backstage/core-components';
 import { usePermission } from '@backstage/plugin-permission-react';
@@ -10,10 +10,10 @@ import { filterTableData } from '../../utils/filter-table-data.esm.js';
 import EditRole from '../EditRole.esm.js';
 import { columns } from './PermissionsListColumns.esm.js';
 
-const getRefreshIcon = () => /* @__PURE__ */ React.createElement(CachedIcon, null);
+const getRefreshIcon = () => /* @__PURE__ */ React__default.createElement(CachedIcon, null);
 const getEditIcon = (isAllowed, roleName) => {
   const { kind, name, namespace } = parseEntityRef(roleName);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     EditRole,
     {
       dataTestId: isAllowed ? "update-policies" : "disable-update-policies",
@@ -28,12 +28,12 @@ const PermissionsCard = ({
   canReadUsersAndGroups
 }) => {
   const { data, loading, retry, error } = usePermissionPolicies(entityReference);
-  const [searchText, setSearchText] = React.useState();
+  const [searchText, setSearchText] = React__default.useState();
   const permissionResult = usePermission({
     permission: policyEntityUpdatePermission,
     resourceRef: policyEntityUpdatePermission.resourceType
   });
-  const numberOfPolicies = React.useMemo(() => {
+  const numberOfPolicies = React__default.useMemo(() => {
     const filteredPermissions = filterTableData({ data, columns, searchText });
     let policies = 0;
     filteredPermissions.forEach((p) => {
@@ -67,14 +67,14 @@ const PermissionsCard = ({
       }
     }
   ];
-  return /* @__PURE__ */ React.createElement(Box, null, error?.name && error.name !== 404 && /* @__PURE__ */ React.createElement(Box, { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, null, error?.name && error.name !== 404 && /* @__PURE__ */ React__default.createElement(Box, { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React__default.createElement(
     WarningPanel,
     {
       message: error?.message,
       title: "Something went wrong while fetching the permission policies",
       severity: "error"
     }
-  )), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     Table,
     {
       title: !loading && data.length > 0 ? `Permission Policies (${numberOfPolicies})` : "Permission Policies",
@@ -83,7 +83,7 @@ const PermissionsCard = ({
       data,
       columns,
       isLoading: loading,
-      emptyContent: /* @__PURE__ */ React.createElement(
+      emptyContent: /* @__PURE__ */ React__default.createElement(
         Box,
         {
           "data-testid": "permission-table-empty",

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionsCard.esm.js","sources":["../../../src/components/RoleOverview/PermissionsCard.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 { Table, WarningPanel } from '@backstage/core-components';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport EditRole from '../EditRole';\nimport { columns } from './PermissionsListColumns';\n\ntype PermissionsCardProps = {\n  entityReference: string;\n  canReadUsersAndGroups: boolean;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-policies' : 'disable-update-policies'}\n      roleName={roleName}\n      disable={!isAllowed}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${2}`}\n    />\n  );\n};\n\nexport const PermissionsCard = ({\n  entityReference,\n  canReadUsersAndGroups,\n}: PermissionsCardProps) => {\n  const { data, loading, retry, error } =\n    usePermissionPolicies(entityReference);\n  const [searchText, setSearchText] = React.useState<string>();\n  const permissionResult = usePermission({\n    permission: policyEntityUpdatePermission,\n    resourceRef: policyEntityUpdatePermission.resourceType,\n  });\n\n  const numberOfPolicies = React.useMemo(() => {\n    const filteredPermissions = filterTableData({ data, columns, searchText });\n    let policies = 0;\n    filteredPermissions.forEach(p => {\n      if (p.conditions) {\n        policies++;\n        return;\n      }\n      policies += p.policies.filter(pol => pol.effect === 'allow').length;\n    });\n    return policies;\n  }, [data, searchText]);\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.permissionPoliciesRetry();\n        retry.policiesRetry();\n        retry.conditionalPoliciesRetry();\n      },\n    },\n    {\n      icon: () =>\n        getEditIcon(\n          permissionResult.allowed && canReadUsersAndGroups,\n          entityReference,\n        ),\n      tooltip:\n        permissionResult.allowed && canReadUsersAndGroups\n          ? 'Edit'\n          : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  return (\n    <Box>\n      {error?.name && error.name !== 404 && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={error?.message}\n            title=\"Something went wrong while fetching the permission policies\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <Table\n        title={\n          !loading && data.length > 0\n            ? `Permission Policies (${numberOfPolicies})`\n            : 'Permission Policies'\n        }\n        actions={actions}\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data}\n        columns={columns}\n        isLoading={loading}\n        emptyContent={\n          <Box\n            data-testid=\"permission-table-empty\"\n            sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n          >\n            No records found\n          </Box>\n        }\n        onSearchChange={setSearchText}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PermissionsCard.esm.js","sources":["../../../src/components/RoleOverview/PermissionsCard.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 { Table, WarningPanel } from '@backstage/core-components';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport EditRole from '../EditRole';\nimport { columns } from './PermissionsListColumns';\n\ntype PermissionsCardProps = {\n  entityReference: string;\n  canReadUsersAndGroups: boolean;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-policies' : 'disable-update-policies'}\n      roleName={roleName}\n      disable={!isAllowed}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${2}`}\n    />\n  );\n};\n\nexport const PermissionsCard = ({\n  entityReference,\n  canReadUsersAndGroups,\n}: PermissionsCardProps) => {\n  const { data, loading, retry, error } =\n    usePermissionPolicies(entityReference);\n  const [searchText, setSearchText] = React.useState<string>();\n  const permissionResult = usePermission({\n    permission: policyEntityUpdatePermission,\n    resourceRef: policyEntityUpdatePermission.resourceType,\n  });\n\n  const numberOfPolicies = React.useMemo(() => {\n    const filteredPermissions = filterTableData({ data, columns, searchText });\n    let policies = 0;\n    filteredPermissions.forEach(p => {\n      if (p.conditions) {\n        policies++;\n        return;\n      }\n      policies += p.policies.filter(pol => pol.effect === 'allow').length;\n    });\n    return policies;\n  }, [data, searchText]);\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.permissionPoliciesRetry();\n        retry.policiesRetry();\n        retry.conditionalPoliciesRetry();\n      },\n    },\n    {\n      icon: () =>\n        getEditIcon(\n          permissionResult.allowed && canReadUsersAndGroups,\n          entityReference,\n        ),\n      tooltip:\n        permissionResult.allowed && canReadUsersAndGroups\n          ? 'Edit'\n          : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  return (\n    <Box>\n      {error?.name && error.name !== 404 && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={error?.message}\n            title=\"Something went wrong while fetching the permission policies\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <Table\n        title={\n          !loading && data.length > 0\n            ? `Permission Policies (${numberOfPolicies})`\n            : 'Permission Policies'\n        }\n        actions={actions}\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data}\n        columns={columns}\n        isLoading={loading}\n        emptyContent={\n          <Box\n            data-testid=\"permission-table-empty\"\n            sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n          >\n            No records found\n          </Box>\n        }\n        onSearchChange={setSearchText}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionsListColumns.esm.js","sources":["../../../src/components/RoleOverview/PermissionsListColumns.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 { TableColumn } from '@backstage/core-components';\n\nimport { PermissionsData } from '../../types';\nimport { getRulesNumber } from '../../utils/create-role-utils';\n\nexport const columns: TableColumn<PermissionsData>[] = [\n  {\n    title: 'Plugin',\n    field: 'plugin',\n    type: 'string',\n  },\n  {\n    title: 'Permission',\n    field: 'permission',\n    type: 'string',\n  },\n  {\n    title: 'Policies',\n    field: 'policyString',\n    type: 'string',\n    customSort: (a, b) => {\n      if (a.policies.length === 0) {\n        return -1;\n      }\n      if (b.policies.length === 0) {\n        return 1;\n      }\n      if (a.policies.length === b.policies.length) {\n        return 0;\n      }\n      return a.policies.length < b.policies.length ? -1 : 1;\n    },\n  },\n  {\n    title: 'Conditional',\n    field: 'conditions',\n    type: 'string',\n    render: (permissionsData: PermissionsData) => {\n      const totalRules = getRulesNumber(permissionsData.conditions);\n      return totalRules\n        ? `${totalRules} ${totalRules > 1 ? 'rules' : 'rule'}`\n        : '-';\n    },\n  },\n];\n"],"names":[],"mappings":";;AAoBO,MAAM,OAA0C,GAAA;AAAA,EACrD;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA,YAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,cAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAI,IAAA,CAAA,CAAE,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,QAAO,OAAA,CAAA,CAAA;AAAA;AAET,MAAI,IAAA,CAAA,CAAE,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,QAAO,OAAA,CAAA;AAAA;AAET,MAAA,IAAI,CAAE,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,CAAE,SAAS,MAAQ,EAAA;AAC3C,QAAO,OAAA,CAAA;AAAA;AAET,MAAA,OAAO,EAAE,QAAS,CAAA,MAAA,GAAS,CAAE,CAAA,QAAA,CAAS,SAAS,CAAK,CAAA,GAAA,CAAA;AAAA;AACtD,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,aAAA;AAAA,IACP,KAAO,EAAA,YAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,MAAA,EAAQ,CAAC,eAAqC,KAAA;AAC5C,MAAM,MAAA,UAAA,GAAa,cAAe,CAAA,eAAA,CAAgB,UAAU,CAAA;AAC5D,MAAO,OAAA,UAAA,GACH,GAAG,UAAU,CAAA,CAAA,EAAI,aAAa,CAAI,GAAA,OAAA,GAAU,MAAM,CAClD,CAAA,GAAA,GAAA;AAAA;AACN;AAEJ;;;;"}
+{"version":3,"file":"PermissionsListColumns.esm.js","sources":["../../../src/components/RoleOverview/PermissionsListColumns.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 { TableColumn } from '@backstage/core-components';\n\nimport { PermissionsData } from '../../types';\nimport { getRulesNumber } from '../../utils/create-role-utils';\n\nexport const columns: TableColumn<PermissionsData>[] = [\n  {\n    title: 'Plugin',\n    field: 'plugin',\n    type: 'string',\n  },\n  {\n    title: 'Permission',\n    field: 'permission',\n    type: 'string',\n  },\n  {\n    title: 'Policies',\n    field: 'policyString',\n    type: 'string',\n    customSort: (a, b) => {\n      if (a.policies.length === 0) {\n        return -1;\n      }\n      if (b.policies.length === 0) {\n        return 1;\n      }\n      if (a.policies.length === b.policies.length) {\n        return 0;\n      }\n      return a.policies.length < b.policies.length ? -1 : 1;\n    },\n  },\n  {\n    title: 'Conditional',\n    field: 'conditions',\n    type: 'string',\n    render: (permissionsData: PermissionsData) => {\n      const totalRules = getRulesNumber(permissionsData.conditions);\n      return totalRules\n        ? `${totalRules} ${totalRules > 1 ? 'rules' : 'rule'}`\n        : '-';\n    },\n  },\n];\n"],"names":[],"mappings":";;AAoBO,MAAM,OAA0C,GAAA;AAAA,EACrD;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA,YAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,cAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAI,IAAA,CAAA,CAAE,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,QAAO,OAAA,EAAA;AAAA;AAET,MAAI,IAAA,CAAA,CAAE,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,QAAO,OAAA,CAAA;AAAA;AAET,MAAA,IAAI,CAAE,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,CAAE,SAAS,MAAQ,EAAA;AAC3C,QAAO,OAAA,CAAA;AAAA;AAET,MAAA,OAAO,EAAE,QAAS,CAAA,MAAA,GAAS,CAAE,CAAA,QAAA,CAAS,SAAS,EAAK,GAAA,CAAA;AAAA;AACtD,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,aAAA;AAAA,IACP,KAAO,EAAA,YAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,MAAA,EAAQ,CAAC,eAAqC,KAAA;AAC5C,MAAM,MAAA,UAAA,GAAa,cAAe,CAAA,eAAA,CAAgB,UAAU,CAAA;AAC5D,MAAO,OAAA,UAAA,GACH,GAAG,UAAU,CAAA,CAAA,EAAI,aAAa,CAAI,GAAA,OAAA,GAAU,MAAM,CAClD,CAAA,GAAA,GAAA;AAAA;AACN;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useParams } from 'react-router-dom';
 import { Page, Header, TabbedLayout } from '@backstage/core-components';
 import Grid from '@mui/material/Grid';
@@ -18,25 +18,25 @@ const RoleOverviewPage = () => {
   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(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SnackbarAlert, { toastMessage, onAlertClose }), /* @__PURE__ */ React__default.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React__default.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", spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 12, xs: 12 }, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(TabbedLayout, null, /* @__PURE__ */ React__default.createElement(TabbedLayout.Route, { path: "", title: "Overview" }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, direction: "row", spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, lg: 12, xs: 12 }, /* @__PURE__ */ React__default.createElement(
     AboutCard,
     {
       roleName: `${roleKind}:${roleNamespace}/${roleName}`
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 6, xs: 12 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, lg: 6, xs: 12 }, /* @__PURE__ */ React__default.createElement(
     MembersCard,
     {
       roleName: `${roleKind}:${roleNamespace}/${roleName}`,
       membersInfo
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 6, xs: 12 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, lg: 6, xs: 12 }, /* @__PURE__ */ React__default.createElement(
     PermissionsCard,
     {
       entityReference: `${roleKind}:${roleNamespace}/${roleName}`,

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

@@ -1 +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 '@mui/material/Grid';\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\" spacing={2}>\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;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,eAAgB,EAAA,GAAI,QAAS,EAAA;AACnD,EAAM,MAAA,WAAA,GAAc,WAAW,CAAG,EAAA,QAAQ,IAAI,aAAa,CAAA,CAAA,EAAI,QAAQ,CAAE,CAAA,CAAA;AAEzE,EAAA,gBAAA,CAAiB,eAAe,CAAA;AAEhC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;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;AAAA;AAAA,GACX,kBACC,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,YAAA,CAAa,KAAb,EAAA,EAAmB,IAAK,EAAA,EAAA,EAAG,KAAM,EAAA,UAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,SAAA,EAAU,KAAM,EAAA,OAAA,EAAS,CACvC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,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;AAAA;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;AAAA;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;AAAA;AAAA,GAEvC,CACF,CACF,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"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 '@mui/material/Grid';\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\" spacing={2}>\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":["React"],"mappings":";;;;;;;;;;;;AA8BO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,QAAA,KAAa,SAAU,EAAA;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,eAAgB,EAAA,GAAI,QAAS,EAAA;AACnD,EAAM,MAAA,WAAA,GAAc,WAAW,CAAG,EAAA,QAAQ,IAAI,aAAa,CAAA,CAAA,EAAI,QAAQ,CAAE,CAAA,CAAA;AAEzE,EAAA,gBAAA,CAAiB,eAAe,CAAA;AAEhC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,+CACG,aAAc,EAAA,EAAA,YAAA,EAA4B,cAA4B,CACvE,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAAA,cAAA,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;AAAA;AAAA,GACX,kBACCA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,YAAA,CAAa,KAAb,EAAA,EAAmB,IAAK,EAAA,EAAA,EAAG,KAAM,EAAA,UAAA,EAAA,kBAC/BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,SAAA,EAAU,KAAM,EAAA,OAAA,EAAS,CACvC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,UAAU,CAAG,EAAA,QAAQ,CAAI,CAAA,EAAA,aAAa,IAAI,QAAQ,CAAA;AAAA;AAAA,GAEtD,mBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,EACpB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,UAAU,CAAG,EAAA,QAAQ,CAAI,CAAA,EAAA,aAAa,IAAI,QAAQ,CAAA,CAAA;AAAA,MAClD;AAAA;AAAA,GAEJ,mBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,EACpB,EAAA,kBAAAA,cAAA,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;AAAA;AAAA,GAEvC,CACF,CACF,CACF,CACF,CACF,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useDeleteDialog } from '@janus-idp/shared-react';
 import Delete from '@mui/icons-material/Delete';
 import IconButton from '@mui/material/IconButton';
@@ -16,7 +16,7 @@ const DeleteRole = ({
     setDeleteComponent({ roleName: name });
     setOpenDialog(true);
   };
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip ?? "" }, /* @__PURE__ */ React.createElement(Typography, { component: "span", "data-testid": dataTestId }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Tooltip, { title: tooltip ?? "" }, /* @__PURE__ */ React__default.createElement(Typography, { component: "span", "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
       onClick: () => openDialog(roleName),
@@ -26,7 +26,7 @@ const DeleteRole = ({
       style: { padding: "0.5rem", borderRadius: "50%" },
       sx: { "&:hover": { borderRadius: "50%" } }
     },
-    /* @__PURE__ */ React.createElement(Delete, null)
+    /* @__PURE__ */ React__default.createElement(Delete, null)
   )));
 };
 

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

@@ -1 +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 Delete from '@mui/icons-material/Delete';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\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          onClick={() => openDialog(roleName)}\n          aria-label=\"Delete\"\n          disabled={disable}\n          title={tooltip ?? 'Delete Role'}\n          style={{ padding: '0.5rem', borderRadius: '50%' }}\n          sx={{ '&:hover': { borderRadius: '50%' } }}\n        >\n          <Delete />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\nexport default DeleteRole;\n"],"names":[],"mappings":";;;;;;;AA8BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;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,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,MAClB,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,MAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ;AAAA,KAAA;AAAA,wCAExC,MAAO,EAAA,IAAA;AAAA,GAEZ,CACF,CAAA;AAEJ;;;;"}
+{"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 Delete from '@mui/icons-material/Delete';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\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          onClick={() => openDialog(roleName)}\n          aria-label=\"Delete\"\n          disabled={disable}\n          title={tooltip ?? 'Delete Role'}\n          style={{ padding: '0.5rem', borderRadius: '50%' }}\n          sx={{ '&:hover': { borderRadius: '50%' } }}\n        >\n          <Delete />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\nexport default DeleteRole;\n"],"names":["React"],"mappings":";;;;;;;AA8BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,EAAA,EAAA,+CACxB,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,aAAA,EAAa,UACxC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,MAClB,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,MAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ;AAAA,KAAA;AAAA,iDAExC,MAAO,EAAA,IAAA;AAAA,GAEZ,CACF,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import CloseIcon from '@mui/icons-material/Close';
 import ErrorIcon from '@mui/icons-material/Error';
@@ -24,9 +24,9 @@ const DeleteRoleDialog = ({
   propOptions
 }) => {
   const { setToastMessage } = useToast();
-  const [deleteRoleValue, setDeleteRoleValue] = React.useState();
-  const [disableDelete, setDisableDelete] = React.useState(false);
-  const [error, setError] = React.useState("");
+  const [deleteRoleValue, setDeleteRoleValue] = React__default.useState();
+  const [disableDelete, setDisableDelete] = React__default.useState(false);
+  const [error, setError] = React__default.useState("");
   const rbacApi = useApi(rbacApiRef);
   const dialogBackgroundColor = (theme) => theme.palette.mode === "dark" ? "#1b1d21" : "#fff";
   const deleteRole = async () => {
@@ -64,7 +64,7 @@ const DeleteRoleDialog = ({
       setDisableDelete(true);
     }
   };
-  return /* @__PURE__ */ React.createElement(Dialog, { maxWidth: "md", open, onClose: closeDialog }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Dialog, { maxWidth: "md", open, onClose: closeDialog }, /* @__PURE__ */ React__default.createElement(
     DialogTitle,
     {
       id: "delete-role",
@@ -74,7 +74,7 @@ const DeleteRoleDialog = ({
         backgroundColor: dialogBackgroundColor
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Box,
       {
         sx: {
@@ -84,7 +84,7 @@ const DeleteRoleDialog = ({
           gap: (theme) => theme.spacing(1)
         }
       },
-      /* @__PURE__ */ React.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, /* @__PURE__ */ React__default.createElement(
         ErrorIcon,
         {
           style: {
@@ -97,7 +97,7 @@ const DeleteRoleDialog = ({
           fontSize: "small"
         }
       ), " ", "Delete this role?"),
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         IconButton,
         {
           "aria-label": "close",
@@ -109,19 +109,19 @@ const DeleteRoleDialog = ({
           },
           onClick: closeDialog
         },
-        /* @__PURE__ */ React.createElement(CloseIcon, null)
+        /* @__PURE__ */ React__default.createElement(CloseIcon, null)
       )
     )
-  ), /* @__PURE__ */ React.createElement(DialogContent, { sx: { backgroundColor: dialogBackgroundColor } }, "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(
+  ), /* @__PURE__ */ React__default.createElement(DialogContent, { sx: { backgroundColor: dialogBackgroundColor } }, "Are you sure you want to delete the role", " ", /* @__PURE__ */ React__default.createElement(Typography, { component: "span", sx: { fontWeight: "bold" } }, roleName), " ", "?", /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("br", null), "Deleting this role is irreversible and will remove its functionality from the system. Proceed with caution.", /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("br", null), "The", " ", /* @__PURE__ */ React__default.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(
+  ).toLocaleLowerCase("en-US")}`), " ", "associated with this role will lose access to all the", " ", /* @__PURE__ */ React__default.createElement(
     Typography,
     {
       component: "span",
       sx: { fontWeight: "bold" }
     },
     `${propOptions.permissions} permission policies`
-  ), " ", "specified in this role.", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(
+  ), " ", "specified in this role.", /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(
     TextField,
     {
       name: "delete-role",
@@ -138,7 +138,7 @@ const DeleteRoleDialog = ({
       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(
+  )), error && /* @__PURE__ */ React__default.createElement(Box, { maxWidth: "650px", marginLeft: "20px" }, /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error)), /* @__PURE__ */ React__default.createElement(
     DialogActions,
     {
       sx: {
@@ -149,7 +149,7 @@ const DeleteRoleDialog = ({
         backgroundColor: dialogBackgroundColor
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Button,
       {
         variant: "contained",
@@ -159,7 +159,7 @@ const DeleteRoleDialog = ({
       },
       "Delete"
     ),
-    /* @__PURE__ */ React.createElement(Button, { variant: "outlined", onClick: closeDialog }, "Cancel")
+    /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: closeDialog }, "Cancel")
   ));
 };