@backstage-community/plugin-rbac 1.43.0 → 1.45.0

package/dist/components/CreateRole/AddedMembersTableColumn.esm.js

@@ -5,29 +5,31 @@ import Delete from '@mui/icons-material/Delete';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 
-const reviewStepMemebersTableColumns = () => [
-  {
-    title: "Name",
-    field: "label",
-    type: "string"
-  },
-  {
-    title: "Type",
-    field: "type",
-    type: "string"
-  },
-  {
-    title: "Members",
-    field: "members",
-    type: "numeric",
-    align: "left",
-    render: (mem) => {
-      if (mem || mem === 0) return mem;
-      return "-";
+const reviewStepMemebersTableColumns = (t) => {
+  return [
+    {
+      title: t("common.name"),
+      field: "label",
+      type: "string"
+    },
+    {
+      title: t("common.type"),
+      field: "type",
+      type: "string"
+    },
+    {
+      title: t("common.members"),
+      field: "members",
+      type: "numeric",
+      align: "left",
+      render: (mem) => {
+        if (mem || mem === 0) return mem;
+        return "-";
+      }
     }
-  }
-];
-const selectedMembersColumns = (selectedMembers, setFieldValue) => {
+  ];
+};
+const selectedMembersColumns = (selectedMembers, setFieldValue, t) => {
   const onRemove = (etag) => {
     const updatedMembers = selectedMembers.filter(
       (mem) => mem.etag !== etag
@@ -36,7 +38,7 @@ const selectedMembersColumns = (selectedMembers, setFieldValue) => {
   };
   return [
     {
-      title: "Name",
+      title: t("common.name"),
       field: "label",
       type: "string",
       render: (props) => {
@@ -45,27 +47,27 @@ const selectedMembersColumns = (selectedMembers, setFieldValue) => {
       }
     },
     {
-      title: "Type",
+      title: t("common.type"),
       field: "type",
       type: "string"
     },
     {
-      title: "Members",
+      title: t("common.members"),
       field: "members",
       type: "numeric",
       align: "left",
       emptyValue: "-"
     },
     {
-      title: "Actions",
+      title: t("common.actions"),
       sorting: false,
       render: (mem) => {
         return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
           IconButton,
           {
             onClick: () => onRemove(mem.etag),
-            "aria-label": "Remove",
-            title: "Remove member",
+            "aria-label": t("common.remove"),
+            title: t("common.removeMember"),
             style: { padding: "0.5rem", borderRadius: "50%" },
             sx: { "&:hover": { borderRadius: "50%" } },
             children: /* @__PURE__ */ jsx(Delete, {})

package/dist/components/CreateRole/AddedMembersTableColumn.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddedMembersTableColumn.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTableColumn.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 { parseEntityRef } from '@backstage/catalog-model';\nimport { Link, TableColumn } from '@backstage/core-components';\n\nimport Delete from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { RoleFormValues, SelectedMember } from './types';\n\nexport const reviewStepMemebersTableColumns = () => [\n  {\n    title: 'Name',\n    field: 'label',\n    type: 'string',\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: (mem: number) => {\n      if (mem || mem === 0) return mem;\n      return '-';\n    },\n  },\n];\n\nexport const selectedMembersColumns = (\n  selectedMembers: SelectedMember[],\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>,\n): TableColumn<SelectedMember>[] => {\n  const onRemove = (etag: string) => {\n    const updatedMembers = selectedMembers.filter(\n      (mem: SelectedMember) => mem.etag !== etag,\n    );\n    setFieldValue('selectedMembers', updatedMembers);\n  };\n\n  return [\n    {\n      title: 'Name',\n      field: 'label',\n      type: 'string',\n      render: props => {\n        const { kind, namespace, name } = parseEntityRef(props.ref);\n        return (\n          <Link to={`/catalog/${namespace}/${kind}/${name}`} target=\"blank\">\n            {props.label}\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      emptyValue: '-',\n    },\n    {\n      title: 'Actions',\n      sorting: false,\n      render: (mem: SelectedMember) => {\n        return (\n          <Box key={mem.etag}>\n            <IconButton\n              onClick={() => onRemove(mem.etag)}\n              aria-label=\"Remove\"\n              title=\"Remove member\"\n              style={{ padding: '0.5rem', borderRadius: '50%' }}\n              sx={{ '&:hover': { borderRadius: '50%' } }}\n            >\n              <Delete />\n            </IconButton>\n          </Box>\n        );\n      },\n    },\n  ];\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,iCAAiC,MAAM;AAAA,EAClD;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;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,GAAgB,KAAA;AACvB,MAAI,IAAA,GAAA,IAAO,GAAQ,KAAA,CAAA,EAAU,OAAA,GAAA;AAC7B,MAAO,OAAA,GAAA;AAAA;AACT;AAEJ;AAEa,MAAA,sBAAA,GAAyB,CACpC,eAAA,EACA,aAKkC,KAAA;AAClC,EAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,IAAA,MAAM,iBAAiB,eAAgB,CAAA,MAAA;AAAA,MACrC,CAAC,GAAwB,KAAA,GAAA,CAAI,IAAS,KAAA;AAAA,KACxC;AACA,IAAA,aAAA,CAAc,mBAAmB,cAAc,CAAA;AAAA,GACjD;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,QAAQ,CAAS,KAAA,KAAA;AACf,QAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,MAAS,GAAA,cAAA,CAAe,MAAM,GAAG,CAAA;AAC1D,QAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,MAAO,EAAA,OAAA,EACvD,gBAAM,KACT,EAAA,CAAA;AAAA;AAEJ,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA;AAAA,KACd;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,MACT,MAAA,EAAQ,CAAC,GAAwB,KAAA;AAC/B,QAAA,2BACG,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,MAAM,QAAS,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YAChC,YAAW,EAAA,QAAA;AAAA,YACX,KAAM,EAAA,eAAA;AAAA,YACN,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,YAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ,EAAA;AAAA,YAEzC,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,SACV,EAAA,EATQ,IAAI,IAUd,CAAA;AAAA;AAEJ;AACF,GACF;AACF;;;;"}
+{"version":3,"file":"AddedMembersTableColumn.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTableColumn.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 { parseEntityRef } from '@backstage/catalog-model';\nimport { Link, TableColumn } from '@backstage/core-components';\n\nimport Delete from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { RoleFormValues, SelectedMember } from './types';\nimport { TranslationFunction } from '@backstage/core-plugin-api/alpha';\nimport { rbacTranslationRef } from '../../translations';\n\nexport const reviewStepMemebersTableColumns = (\n  t: TranslationFunction<typeof rbacTranslationRef.T>,\n) => {\n  return [\n    {\n      title: t('common.name'),\n      field: 'label',\n      type: 'string',\n    },\n    {\n      title: t('common.type'),\n      field: 'type',\n      type: 'string',\n    },\n    {\n      title: t('common.members'),\n      field: 'members',\n      type: 'numeric',\n      align: 'left',\n      render: (mem: number) => {\n        if (mem || mem === 0) return mem;\n        return '-';\n      },\n    },\n  ];\n};\n\nexport const selectedMembersColumns = (\n  selectedMembers: SelectedMember[],\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>,\n  t: TranslationFunction<typeof rbacTranslationRef.T>,\n): TableColumn<SelectedMember>[] => {\n  const onRemove = (etag: string) => {\n    const updatedMembers = selectedMembers.filter(\n      (mem: SelectedMember) => mem.etag !== etag,\n    );\n    setFieldValue('selectedMembers', updatedMembers);\n  };\n\n  return [\n    {\n      title: t('common.name'),\n      field: 'label',\n      type: 'string',\n      render: props => {\n        const { kind, namespace, name } = parseEntityRef(props.ref);\n        return (\n          <Link to={`/catalog/${namespace}/${kind}/${name}`} target=\"blank\">\n            {props.label}\n          </Link>\n        );\n      },\n    },\n    {\n      title: t('common.type'),\n      field: 'type',\n      type: 'string',\n    },\n    {\n      title: t('common.members'),\n      field: 'members',\n      type: 'numeric',\n      align: 'left',\n      emptyValue: '-',\n    },\n    {\n      title: t('common.actions'),\n      sorting: false,\n      render: (mem: SelectedMember) => {\n        return (\n          <Box key={mem.etag}>\n            <IconButton\n              onClick={() => onRemove(mem.etag)}\n              aria-label={t('common.remove')}\n              title={t('common.removeMember')}\n              style={{ padding: '0.5rem', borderRadius: '50%' }}\n              sx={{ '&:hover': { borderRadius: '50%' } }}\n            >\n              <Delete />\n            </IconButton>\n          </Box>\n        );\n      },\n    },\n  ];\n};\n"],"names":[],"mappings":";;;;;;;AA2Ba,MAAA,8BAAA,GAAiC,CAC5C,CACG,KAAA;AACH,EAAO,OAAA;AAAA,IACL;AAAA,MACE,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,MACzB,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,MAAA,EAAQ,CAAC,GAAgB,KAAA;AACvB,QAAI,IAAA,GAAA,IAAO,GAAQ,KAAA,CAAA,EAAU,OAAA,GAAA;AAC7B,QAAO,OAAA,GAAA;AAAA;AACT;AACF,GACF;AACF;AAEO,MAAM,sBAAyB,GAAA,CACpC,eACA,EAAA,aAAA,EAKA,CACkC,KAAA;AAClC,EAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,IAAA,MAAM,iBAAiB,eAAgB,CAAA,MAAA;AAAA,MACrC,CAAC,GAAwB,KAAA,GAAA,CAAI,IAAS,KAAA;AAAA,KACxC;AACA,IAAA,aAAA,CAAc,mBAAmB,cAAc,CAAA;AAAA,GACjD;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,MACE,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,QAAQ,CAAS,KAAA,KAAA;AACf,QAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,MAAS,GAAA,cAAA,CAAe,MAAM,GAAG,CAAA;AAC1D,QAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,MAAO,EAAA,OAAA,EACvD,gBAAM,KACT,EAAA,CAAA;AAAA;AAEJ,KACF;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,MACzB,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA;AAAA,KACd;AAAA,IACA;AAAA,MACE,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,MACzB,OAAS,EAAA,KAAA;AAAA,MACT,MAAA,EAAQ,CAAC,GAAwB,KAAA;AAC/B,QAAA,2BACG,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,MAAM,QAAS,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YAChC,YAAA,EAAY,EAAE,eAAe,CAAA;AAAA,YAC7B,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,YAC9B,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,YAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ,EAAA;AAAA,YAEzC,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,SACV,EAAA,EATQ,IAAI,IAUd,CAAA;AAAA;AAEJ;AACF,GACF;AACF;;;;"}

package/dist/components/CreateRole/CancelDialog.esm.js

@@ -9,6 +9,8 @@ import DialogTitle from '@mui/material/DialogTitle';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
 import WarningOutlinedIcon from '@mui/icons-material/WarningOutlined';
+import { MarkdownContent } from '@backstage/core-components';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const CancelDialog = ({
   open,
@@ -16,13 +18,14 @@ const CancelDialog = ({
   closeDialog,
   navigateTo
 }) => {
+  const { t } = useTranslation();
   const dialogBackgroundColor = (theme) => theme.palette.mode === "dark" ? "#1b1d21" : "#fff";
   return /* @__PURE__ */ jsx(Dialog, { maxWidth: "md", open, onClose: closeDialog, children: /* @__PURE__ */ jsxs(Box, { sx: { backgroundColor: dialogBackgroundColor }, children: [
     /* @__PURE__ */ jsx(
       DialogTitle,
       {
         id: "cancel-dialog",
-        title: "Cancel role creation",
+        title: t("dialog.cancelRoleCreation"),
         sx: {
           marginBottom: "0 !important",
           p: 2
@@ -57,7 +60,7 @@ const CancelDialog = ({
                       }
                     ),
                     " ",
-                    `Exit role ${editForm ? "editing" : "creation"}?`
+                    editForm ? t("dialog.exitRoleEditing") : t("dialog.exitRoleCreation")
                   ]
                 }
               ),
@@ -79,11 +82,7 @@ const CancelDialog = ({
         )
       }
     ),
-    /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 2 }, children: [
-      "Exiting this page will permanently discard the information you entered.",
-      /* @__PURE__ */ jsx("br", {}),
-      "Are you sure you want to exit?"
-    ] }),
+    /* @__PURE__ */ jsx(DialogContent, { sx: { p: 2 }, children: /* @__PURE__ */ jsx(MarkdownContent, { content: t("dialog.exitWarning") }) }),
     /* @__PURE__ */ jsxs(
       DialogActions,
       {
@@ -92,8 +91,8 @@ const CancelDialog = ({
           p: 2
         },
         children: [
-          /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: navigateTo, children: "Discard" }),
-          /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: closeDialog, children: "Cancel" })
+          /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: navigateTo, children: t("dialog.discard") }),
+          /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: closeDialog, children: t("dialog.cancel") })
         ]
       }
     )

package/dist/components/CreateRole/CancelDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelDialog.esm.js","sources":["../../../src/components/CreateRole/CancelDialog.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 CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport WarningOutlinedIcon from '@mui/icons-material/WarningOutlined';\n\ntype CancelDialogProps = {\n  open: boolean;\n  editForm: boolean;\n  closeDialog: () => void;\n  navigateTo: () => void;\n};\n\nconst CancelDialog = ({\n  open,\n  editForm,\n  closeDialog,\n  navigateTo,\n}: CancelDialogProps) => {\n  const dialogBackgroundColor = (theme: { palette: { mode: string } }) =>\n    theme.palette.mode === 'dark' ? '#1b1d21' : '#fff';\n\n  return (\n    <Dialog maxWidth=\"md\" open={open} onClose={closeDialog}>\n      <Box sx={{ backgroundColor: dialogBackgroundColor }}>\n        <DialogTitle\n          id=\"cancel-dialog\"\n          title=\"Cancel role creation\"\n          sx={{\n            marginBottom: '0 !important',\n            p: 2,\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography\n              component=\"span\"\n              sx={{\n                fontWeight: theme => theme.typography.fontWeightBold,\n                display: 'flex',\n                alignItems: 'center',\n                gap: theme => theme.spacing(1),\n              }}\n            >\n              <WarningOutlinedIcon\n                sx={{\n                  color: '#F0AB00',\n                }}\n                fontSize=\"small\"\n              />{' '}\n              {`Exit role ${editForm ? 'editing' : 'creation'}?`}\n            </Typography>\n\n            <IconButton\n              aria-label=\"close\"\n              sx={{\n                color: theme => theme.palette.grey[500],\n                borderRadius: '50%',\n                p: 0,\n              }}\n              onClick={closeDialog}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Box>\n        </DialogTitle>\n        <DialogContent sx={{ p: 2 }}>\n          Exiting this page will permanently discard the information you\n          entered.\n          <br />\n          Are you sure you want to exit?\n        </DialogContent>\n        <DialogActions\n          sx={{\n            justifyContent: 'left',\n            p: 2,\n          }}\n        >\n          <Button variant=\"contained\" onClick={navigateTo}>\n            Discard\n          </Button>\n          <Button variant=\"outlined\" onClick={closeDialog}>\n            Cancel\n          </Button>\n        </DialogActions>\n      </Box>\n    </Dialog>\n  );\n};\n\nexport default CancelDialog;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CancelDialog.esm.js","sources":["../../../src/components/CreateRole/CancelDialog.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 CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport WarningOutlinedIcon from '@mui/icons-material/WarningOutlined';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks/useTranslation';\n\ntype CancelDialogProps = {\n  open: boolean;\n  editForm: boolean;\n  closeDialog: () => void;\n  navigateTo: () => void;\n};\n\nconst CancelDialog = ({\n  open,\n  editForm,\n  closeDialog,\n  navigateTo,\n}: CancelDialogProps) => {\n  const { t } = useTranslation();\n  const dialogBackgroundColor = (theme: { palette: { mode: string } }) =>\n    theme.palette.mode === 'dark' ? '#1b1d21' : '#fff';\n\n  return (\n    <Dialog maxWidth=\"md\" open={open} onClose={closeDialog}>\n      <Box sx={{ backgroundColor: dialogBackgroundColor }}>\n        <DialogTitle\n          id=\"cancel-dialog\"\n          title={t('dialog.cancelRoleCreation')}\n          sx={{\n            marginBottom: '0 !important',\n            p: 2,\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography\n              component=\"span\"\n              sx={{\n                fontWeight: theme => theme.typography.fontWeightBold,\n                display: 'flex',\n                alignItems: 'center',\n                gap: theme => theme.spacing(1),\n              }}\n            >\n              <WarningOutlinedIcon\n                sx={{\n                  color: '#F0AB00',\n                }}\n                fontSize=\"small\"\n              />{' '}\n              {editForm\n                ? t('dialog.exitRoleEditing')\n                : t('dialog.exitRoleCreation')}\n            </Typography>\n\n            <IconButton\n              aria-label=\"close\"\n              sx={{\n                color: theme => theme.palette.grey[500],\n                borderRadius: '50%',\n                p: 0,\n              }}\n              onClick={closeDialog}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Box>\n        </DialogTitle>\n        <DialogContent sx={{ p: 2 }}>\n          <MarkdownContent content={t('dialog.exitWarning')} />\n        </DialogContent>\n        <DialogActions\n          sx={{\n            justifyContent: 'left',\n            p: 2,\n          }}\n        >\n          <Button variant=\"contained\" onClick={navigateTo}>\n            {t('dialog.discard')}\n          </Button>\n          <Button variant=\"outlined\" onClick={closeDialog}>\n            {t('dialog.cancel')}\n          </Button>\n        </DialogActions>\n      </Box>\n    </Dialog>\n  );\n};\n\nexport default CancelDialog;\n"],"names":[],"mappings":"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"}

package/dist/components/CreateRole/CreateRolePage.esm.js

@@ -4,9 +4,11 @@ import { Progress, Page, Header, Content, ErrorPage } from '@backstage/core-comp
 import { useApi } from '@backstage/core-plugin-api';
 import { rbacApiRef } from '../../api/RBACBackendClient.esm.js';
 import { RoleForm } from './RoleForm.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const CreateRolePage = () => {
   const rbacApi = useApi(rbacApiRef);
+  const { t } = useTranslation();
   const {
     loading: membersLoading,
     value: members,
@@ -28,16 +30,16 @@ const CreateRolePage = () => {
     return /* @__PURE__ */ jsx(Progress, {});
   }
   return canReadUsersAndGroups ? /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
-    /* @__PURE__ */ jsx(Header, { title: "Create role", type: "RBAC", typeLink: ".." }),
+    /* @__PURE__ */ jsx(Header, { title: t("page.createRole"), type: "RBAC", typeLink: ".." }),
     /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
       RoleForm,
       {
         initialValues,
         titles: {
-          formTitle: "Create Role",
-          nameAndDescriptionTitle: "Enter name and description of role ",
-          usersAndGroupsTitle: "Add users and groups",
-          permissionPoliciesTitle: "Add permission policies"
+          formTitle: t("roleForm.titles.createRole"),
+          nameAndDescriptionTitle: t("roleForm.titles.nameAndDescription"),
+          usersAndGroupsTitle: t("roleForm.titles.usersAndGroups"),
+          permissionPoliciesTitle: t("roleForm.titles.permissionPolicies")
         },
         membersData: {
           members: Array.isArray(members) ? members : [],
@@ -49,7 +51,7 @@ const CreateRolePage = () => {
         }
       }
     ) })
-  ] }) : /* @__PURE__ */ jsx(ErrorPage, { statusMessage: "Unauthorized to create role" });
+  ] }) : /* @__PURE__ */ jsx(ErrorPage, { statusMessage: t("errors.unauthorized") });
 };
 
 export { CreateRolePage };

package/dist/components/CreateRole/CreateRolePage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateRolePage.esm.js","sources":["../../../src/components/CreateRole/CreateRolePage.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 { useAsync } from 'react-use';\n\nimport {\n  Content,\n  ErrorPage,\n  Header,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { MemberEntity } from '../../types';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\n\nexport const CreateRolePage = () => {\n  const rbacApi = useApi(rbacApiRef);\n  const {\n    loading: membersLoading,\n    value: members,\n    error: membersError,\n  } = useAsync(async () => {\n    return await rbacApi.getMembers();\n  });\n\n  const canReadUsersAndGroups =\n    !membersLoading &&\n    !membersError &&\n    Array.isArray(members) &&\n    members.length > 0;\n\n  const initialValues: RoleFormValues = {\n    name: '',\n    namespace: 'default',\n    kind: 'role',\n    description: '',\n    selectedMembers: [],\n    selectedPlugins: [],\n    permissionPoliciesRows: [],\n  };\n\n  if (membersLoading) {\n    return <Progress />;\n  }\n\n  return canReadUsersAndGroups ? (\n    <Page themeId=\"tool\">\n      <Header title=\"Create role\" type=\"RBAC\" typeLink=\"..\" />\n      <Content>\n        <RoleForm\n          initialValues={initialValues}\n          titles={{\n            formTitle: 'Create Role',\n            nameAndDescriptionTitle: 'Enter name and description of role ',\n            usersAndGroupsTitle: 'Add users and groups',\n            permissionPoliciesTitle: 'Add permission policies',\n          }}\n          membersData={{\n            members: Array.isArray(members) ? members : ([] as MemberEntity[]),\n            loading: membersLoading,\n            error: (membersError as unknown as Error) || {\n              name: (members as unknown as Response)?.status,\n              message: (members as unknown as Response)?.statusText,\n            },\n          }}\n        />\n      </Content>\n    </Page>\n  ) : (\n    <ErrorPage statusMessage=\"Unauthorized to create role\" />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA+BO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,cAAA;AAAA,IACT,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAO,OAAA,MAAM,QAAQ,UAAW,EAAA;AAAA,GACjC,CAAA;AAED,EAAM,MAAA,qBAAA,GACJ,CAAC,cAAA,IACD,CAAC,YAAA,IACD,MAAM,OAAQ,CAAA,OAAO,CACrB,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA;AAEnB,EAAA,MAAM,aAAgC,GAAA;AAAA,IACpC,IAAM,EAAA,EAAA;AAAA,IACN,SAAW,EAAA,SAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,iBAAiB,EAAC;AAAA,IAClB,iBAAiB,EAAC;AAAA,IAClB,wBAAwB;AAAC,GAC3B;AAEA,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAA,OAAO,qBACL,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAO,KAAM,EAAA,aAAA,EAAc,IAAK,EAAA,MAAA,EAAO,UAAS,IAAK,EAAA,CAAA;AAAA,wBACrD,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA,aAAA;AAAA,UACX,uBAAyB,EAAA,qCAAA;AAAA,UACzB,mBAAqB,EAAA,sBAAA;AAAA,UACrB,uBAAyB,EAAA;AAAA,SAC3B;AAAA,QACA,WAAa,EAAA;AAAA,UACX,SAAS,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAI,UAAW,EAAC;AAAA,UAC9C,OAAS,EAAA,cAAA;AAAA,UACT,OAAQ,YAAqC,IAAA;AAAA,YAC3C,MAAO,OAAiC,EAAA,MAAA;AAAA,YACxC,SAAU,OAAiC,EAAA;AAAA;AAC7C;AACF;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,CAEA,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,aAAA,EAAc,6BAA8B,EAAA,CAAA;AAE3D;;;;"}
+{"version":3,"file":"CreateRolePage.esm.js","sources":["../../../src/components/CreateRole/CreateRolePage.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 { useAsync } from 'react-use';\n\nimport {\n  Content,\n  ErrorPage,\n  Header,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { MemberEntity } from '../../types';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const CreateRolePage = () => {\n  const rbacApi = useApi(rbacApiRef);\n  const { t } = useTranslation();\n  const {\n    loading: membersLoading,\n    value: members,\n    error: membersError,\n  } = useAsync(async () => {\n    return await rbacApi.getMembers();\n  });\n\n  const canReadUsersAndGroups =\n    !membersLoading &&\n    !membersError &&\n    Array.isArray(members) &&\n    members.length > 0;\n\n  const initialValues: RoleFormValues = {\n    name: '',\n    namespace: 'default',\n    kind: 'role',\n    description: '',\n    selectedMembers: [],\n    selectedPlugins: [],\n    permissionPoliciesRows: [],\n  };\n\n  if (membersLoading) {\n    return <Progress />;\n  }\n\n  return canReadUsersAndGroups ? (\n    <Page themeId=\"tool\">\n      <Header title={t('page.createRole')} type=\"RBAC\" typeLink=\"..\" />\n      <Content>\n        <RoleForm\n          initialValues={initialValues}\n          titles={{\n            formTitle: t('roleForm.titles.createRole'),\n            nameAndDescriptionTitle: t('roleForm.titles.nameAndDescription'),\n            usersAndGroupsTitle: t('roleForm.titles.usersAndGroups'),\n            permissionPoliciesTitle: t('roleForm.titles.permissionPolicies'),\n          }}\n          membersData={{\n            members: Array.isArray(members) ? members : ([] as MemberEntity[]),\n            loading: membersLoading,\n            error: (membersError as unknown as Error) || {\n              name: (members as unknown as Response)?.status,\n              message: (members as unknown as Response)?.statusText,\n            },\n          }}\n        />\n      </Content>\n    </Page>\n  ) : (\n    <ErrorPage statusMessage={t('errors.unauthorized')} />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgCO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,cAAA;AAAA,IACT,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAO,OAAA,MAAM,QAAQ,UAAW,EAAA;AAAA,GACjC,CAAA;AAED,EAAM,MAAA,qBAAA,GACJ,CAAC,cAAA,IACD,CAAC,YAAA,IACD,MAAM,OAAQ,CAAA,OAAO,CACrB,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA;AAEnB,EAAA,MAAM,aAAgC,GAAA;AAAA,IACpC,IAAM,EAAA,EAAA;AAAA,IACN,SAAW,EAAA,SAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,iBAAiB,EAAC;AAAA,IAClB,iBAAiB,EAAC;AAAA,IAClB,wBAAwB;AAAC,GAC3B;AAEA,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAA,OAAO,qBACL,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,OAAO,CAAE,CAAA,iBAAiB,GAAG,IAAK,EAAA,MAAA,EAAO,UAAS,IAAK,EAAA,CAAA;AAAA,wBAC9D,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAA,EAAW,EAAE,4BAA4B,CAAA;AAAA,UACzC,uBAAA,EAAyB,EAAE,oCAAoC,CAAA;AAAA,UAC/D,mBAAA,EAAqB,EAAE,gCAAgC,CAAA;AAAA,UACvD,uBAAA,EAAyB,EAAE,oCAAoC;AAAA,SACjE;AAAA,QACA,WAAa,EAAA;AAAA,UACX,SAAS,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAI,UAAW,EAAC;AAAA,UAC9C,OAAS,EAAA,cAAA;AAAA,UACT,OAAQ,YAAqC,IAAA;AAAA,YAC3C,MAAO,OAAiC,EAAA,MAAA;AAAA,YACxC,SAAU,OAAiC,EAAA;AAAA;AAC7C;AACF;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,oBAEC,GAAA,CAAA,SAAA,EAAA,EAAU,aAAe,EAAA,CAAA,CAAE,qBAAqB,CAAG,EAAA,CAAA;AAExD;;;;"}

package/dist/components/CreateRole/EditRolePage.esm.js

@@ -5,9 +5,11 @@ import { usePermissionPolicies } from '../../hooks/usePermissionPolicies.esm.js'
 import { useSelectedMembers } from '../../hooks/useSelectedMembers.esm.js';
 import { RoleForm } from './RoleForm.esm.js';
 import { capitalizeFirstLetter } from '../../utils/string-utils.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const EditRolePage = () => {
   const { roleName, roleNamespace, roleKind } = useParams();
+  const { t } = useTranslation();
   const [queryParamState] = useQueryParamState("activeStep");
   const {
     selectedMembers,
@@ -43,19 +45,19 @@ const EditRolePage = () => {
     return /* @__PURE__ */ jsx(ErrorPage, { status: roleError.name, statusMessage: roleError.message });
   }
   if (!canReadUsersAndGroups) {
-    return /* @__PURE__ */ jsx(ErrorPage, { statusMessage: "Unauthorized to edit role" });
+    return /* @__PURE__ */ jsx(ErrorPage, { statusMessage: t("errors.unauthorized") });
   }
   return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
-    /* @__PURE__ */ jsx(Header, { title: "Edit role", type: "RBAC", typeLink: ".." }),
+    /* @__PURE__ */ jsx(Header, { title: t("page.editRole"), type: "RBAC", typeLink: ".." }),
     /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
       RoleForm,
       {
         initialValues,
         titles: {
-          formTitle: "Edit Role",
-          nameAndDescriptionTitle: "Edit name and description of role ",
-          usersAndGroupsTitle: "Edit users and groups",
-          permissionPoliciesTitle: "Edit permission policies"
+          formTitle: t("roleForm.titles.editRole"),
+          nameAndDescriptionTitle: t("roleForm.titles.nameAndDescription"),
+          usersAndGroupsTitle: t("roleForm.titles.usersAndGroups"),
+          permissionPoliciesTitle: t("roleForm.titles.permissionPolicies")
         },
         roleName: roleName ? `${roleKind}:${roleNamespace}/${roleName}` : "",
         step: Number(queryParamState),
@@ -64,7 +66,7 @@ const EditRolePage = () => {
           loading: loadingMembers,
           error: membersError
         },
-        submitLabel: "Save"
+        submitLabel: t("roleForm.steps.update")
       }
     ) })
   ] });

package/dist/components/CreateRole/EditRolePage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditRolePage.esm.js","sources":["../../../src/components/CreateRole/EditRolePage.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 { useParams } from 'react-router-dom';\n\nimport {\n  Content,\n  ErrorPage,\n  Header,\n  Page,\n  Progress,\n  useQueryParamState,\n} from '@backstage/core-components';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { useSelectedMembers } from '../../hooks/useSelectedMembers';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\nimport { capitalizeFirstLetter } from '../../utils/string-utils';\n\nexport const EditRolePage = () => {\n  const { roleName, roleNamespace, roleKind } = useParams();\n  const [queryParamState] = useQueryParamState<number>('activeStep');\n  const {\n    selectedMembers,\n    members,\n    role,\n    loading: loadingMembers,\n    roleError,\n    membersError,\n    canReadUsersAndGroups,\n  } = useSelectedMembers(\n    roleName ? `${roleKind}:${roleNamespace}/${roleName}` : '',\n  );\n\n  const { data, loading: loadingPolicies } = usePermissionPolicies(\n    `${roleKind}:${roleNamespace}/${roleName}`,\n  );\n\n  const initialValues: RoleFormValues = {\n    name: roleName || '',\n    namespace: roleNamespace || 'default',\n    kind: roleKind || 'role',\n    description: role?.metadata?.description ?? '',\n    owner: role?.metadata?.owner ?? '',\n    selectedMembers,\n    selectedPlugins: data\n      .map(pp => pp.plugin)\n      .filter((p, i, ar) => ar.indexOf(p) === i)\n      .map(sp => ({\n        label: capitalizeFirstLetter(sp),\n        value: sp,\n      })),\n    permissionPoliciesRows: data,\n  };\n\n  if (loadingMembers || loadingPolicies) {\n    return <Progress />;\n  }\n  if (roleError.name) {\n    return (\n      <ErrorPage status={roleError.name} statusMessage={roleError.message} />\n    );\n  }\n  if (!canReadUsersAndGroups) {\n    return <ErrorPage statusMessage=\"Unauthorized to edit role\" />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Edit role\" type=\"RBAC\" typeLink=\"..\" />\n      <Content>\n        <RoleForm\n          initialValues={initialValues}\n          titles={{\n            formTitle: 'Edit Role',\n            nameAndDescriptionTitle: 'Edit name and description of role ',\n            usersAndGroupsTitle: 'Edit users and groups',\n            permissionPoliciesTitle: 'Edit permission policies',\n          }}\n          roleName={roleName ? `${roleKind}:${roleNamespace}/${roleName}` : ''}\n          step={Number(queryParamState)}\n          membersData={{\n            members,\n            loading: loadingMembers,\n            error: membersError,\n          }}\n          submitLabel=\"Save\"\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditRolePage.esm.js","sources":["../../../src/components/CreateRole/EditRolePage.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 { useParams } from 'react-router-dom';\n\nimport {\n  Content,\n  ErrorPage,\n  Header,\n  Page,\n  Progress,\n  useQueryParamState,\n} from '@backstage/core-components';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { useSelectedMembers } from '../../hooks/useSelectedMembers';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\nimport { capitalizeFirstLetter } from '../../utils/string-utils';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const EditRolePage = () => {\n  const { roleName, roleNamespace, roleKind } = useParams();\n  const { t } = useTranslation();\n  const [queryParamState] = useQueryParamState<number>('activeStep');\n  const {\n    selectedMembers,\n    members,\n    role,\n    loading: loadingMembers,\n    roleError,\n    membersError,\n    canReadUsersAndGroups,\n  } = useSelectedMembers(\n    roleName ? `${roleKind}:${roleNamespace}/${roleName}` : '',\n  );\n\n  const { data, loading: loadingPolicies } = usePermissionPolicies(\n    `${roleKind}:${roleNamespace}/${roleName}`,\n  );\n\n  const initialValues: RoleFormValues = {\n    name: roleName || '',\n    namespace: roleNamespace || 'default',\n    kind: roleKind || 'role',\n    description: role?.metadata?.description ?? '',\n    owner: role?.metadata?.owner ?? '',\n    selectedMembers,\n    selectedPlugins: data\n      .map(pp => pp.plugin)\n      .filter((p, i, ar) => ar.indexOf(p) === i)\n      .map(sp => ({\n        label: capitalizeFirstLetter(sp),\n        value: sp,\n      })),\n    permissionPoliciesRows: data,\n  };\n\n  if (loadingMembers || loadingPolicies) {\n    return <Progress />;\n  }\n  if (roleError.name) {\n    return (\n      <ErrorPage status={roleError.name} statusMessage={roleError.message} />\n    );\n  }\n  if (!canReadUsersAndGroups) {\n    return <ErrorPage statusMessage={t('errors.unauthorized')} />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title={t('page.editRole')} type=\"RBAC\" typeLink=\"..\" />\n      <Content>\n        <RoleForm\n          initialValues={initialValues}\n          titles={{\n            formTitle: t('roleForm.titles.editRole'),\n            nameAndDescriptionTitle: t('roleForm.titles.nameAndDescription'),\n            usersAndGroupsTitle: t('roleForm.titles.usersAndGroups'),\n            permissionPoliciesTitle: t('roleForm.titles.permissionPolicies'),\n          }}\n          roleName={roleName ? `${roleKind}:${roleNamespace}/${roleName}` : ''}\n          step={Number(queryParamState)}\n          membersData={{\n            members,\n            loading: loadingMembers,\n            error: membersError,\n          }}\n          submitLabel={t('roleForm.steps.update')}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CreateRole/PermissionPoliciesForm.esm.js

@@ -10,6 +10,7 @@ import PermissionPoliciesFormTable from './PermissionPoliciesFormTable.esm.js';
 import PluginsDropdown from './PluginsDropdown.esm.js';
 import Box from '@mui/material/Box';
 import { capitalizeFirstLetter } from '../../utils/string-utils.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const PermissionPoliciesForm = ({
   permissionPoliciesRows,
@@ -19,6 +20,7 @@ const PermissionPoliciesForm = ({
   handleBlur,
   selectedPluginsError
 }) => {
+  const { t } = useTranslation();
   const rbacApi = useApi(rbacApiRef);
   const conditionRules = useConditionRules();
   const { data: conditionRulesData } = conditionRules;
@@ -96,7 +98,9 @@ const PermissionPoliciesForm = ({
     }
     const allPluginsItem = allPlugins.length > 0 ? [
       {
-        label: `All plugins (${allPlugins.length})`,
+        label: t("permissionPolicies.allPlugins", {
+          count: allPlugins.length.toString()
+        }),
         value: ""
       }
     ] : [];
@@ -128,7 +132,7 @@ const PermissionPoliciesForm = ({
     return 0;
   };
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(FormHelperText, { children: "By default, users are not granted access to any plugins. To grant user access, select the plugins you want to enable. Then, select which actions you would like to give user permission to." }),
+    /* @__PURE__ */ jsx(FormHelperText, { children: t("permissionPolicies.helperText") }),
     /* @__PURE__ */ jsx("br", {}),
     permissionPoliciesLoading ? /* @__PURE__ */ jsx(Progress, {}) : /* @__PURE__ */ jsxs(Box, { children: [
       /* @__PURE__ */ jsx(
@@ -162,7 +166,9 @@ const PermissionPoliciesForm = ({
     ] }),
     !permissionPoliciesLoading && (permissionPoliciesErr?.message || !Array.isArray(permissionPolicies)) && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsx(FormHelperText, { error: true, children: `Error fetching the permission policies: ${permissionPoliciesErr?.message || permissionPolicies?.statusText}` })
+      /* @__PURE__ */ jsx(FormHelperText, { error: true, children: t("permissionPolicies.errorFetchingPolicies", {
+        error: permissionPoliciesErr?.message || permissionPolicies?.statusText
+      }) })
     ] })
   ] });
 };

package/dist/components/CreateRole/PermissionPoliciesForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionPoliciesForm.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesForm.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 type { FocusEventHandler } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { FormikErrors } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { useConditionRules } from '../../hooks/useConditionRules';\nimport { PermissionsData, SelectedPlugin } from '../../types';\nimport { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils';\nimport { ConditionsData } from '../ConditionalAccess/types';\nimport { RoleFormValues } from './types';\nimport PermissionPoliciesFormTable from './PermissionPoliciesFormTable';\nimport PluginsDropdown from './PluginsDropdown';\nimport Box from '@mui/material/Box';\nimport { capitalizeFirstLetter } from '../../utils/string-utils';\n\ntype PermissionPoliciesFormProps = {\n  permissionPoliciesRows: PermissionsData[];\n  selectedPlugins: SelectedPlugin[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n  setFieldError: (field: string, value: string | undefined) => void;\n  handleBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  selectedPluginsError: string;\n};\n\nexport const PermissionPoliciesForm = ({\n  permissionPoliciesRows,\n  selectedPlugins,\n  setFieldValue,\n  setFieldError,\n  handleBlur,\n  selectedPluginsError,\n}: PermissionPoliciesFormProps) => {\n  const rbacApi = useApi(rbacApiRef);\n  const conditionRules = useConditionRules();\n\n  const { data: conditionRulesData } = conditionRules;\n\n  const {\n    value: permissionPolicies,\n    loading: permissionPoliciesLoading,\n    error: permissionPoliciesErr,\n  } = useAsync(async () => {\n    return await rbacApi.listPermissions();\n  });\n\n  const permissionPoliciesData =\n    !permissionPoliciesLoading && Array.isArray(permissionPolicies)\n      ? getPluginsPermissionPoliciesData(permissionPolicies)\n      : undefined;\n\n  const onSelectPermission = (\n    plugin: string,\n    permission: string,\n    isResourced: boolean,\n    policies: string[],\n    resourceType?: string,\n  ) => {\n    const ppr = {\n      plugin,\n      permission,\n      isResourced,\n      policies: policies.map(p => ({ policy: p, effect: 'allow' })),\n      resourceType,\n    };\n    setFieldValue(\n      'permissionPoliciesRows',\n      [...permissionPoliciesRows, ppr],\n      true,\n    );\n  };\n\n  const onRemovePermission = (index: number) => {\n    const finalPps = permissionPoliciesRows.filter(\n      (_ppr, pIndex) => index !== pIndex,\n    );\n    setFieldValue('permissionPoliciesRows', finalPps, true);\n    setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n  };\n\n  const onSelectPolicy = (\n    isChecked: boolean,\n    policyIndex: number,\n    index: number,\n  ) => {\n    const updatedRows = [...permissionPoliciesRows];\n    updatedRows[index].policies[policyIndex].effect = isChecked\n      ? 'allow'\n      : 'deny';\n\n    // If unchecking and no policies are left with 'allow' effect, remove the entire permission\n    if (!isChecked) {\n      const hasAnyAllowPolicy = updatedRows[index].policies.some(\n        policy => policy.effect === 'allow',\n      );\n\n      if (!hasAnyAllowPolicy) {\n        // Remove the entire permission entry\n        const finalPps = updatedRows.filter((_ppr, pIndex) => index !== pIndex);\n        setFieldValue('permissionPoliciesRows', finalPps, true);\n        setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n        return;\n      }\n    }\n\n    setFieldValue('permissionPoliciesRows', updatedRows, true);\n  };\n\n  const onAddConditions = (index: number, conditions?: ConditionsData) => {\n    setFieldValue(`permissionPoliciesRows[${index}].conditions`, conditions);\n    if (!conditions)\n      setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);\n  };\n\n  const onRemoveAllPlugins = () => {\n    setFieldValue(`selectedPlugins`, [], true);\n    setFieldValue('permissionPoliciesRows', [], true);\n  };\n\n  const onRemovePlugin = (plugin: string) => {\n    const selPlugins = selectedPlugins.filter(\n      sp => sp.value && sp.value !== plugin,\n    );\n    const finalPps = permissionPoliciesRows.filter(\n      ppr => ppr.plugin !== plugin,\n    );\n    setFieldValue(`selectedPlugins`, selPlugins, true);\n    setFieldValue('permissionPoliciesRows', finalPps, true);\n  };\n\n  const getAllPlugins = () => {\n    let allPlugins: SelectedPlugin[] = [];\n    if (permissionPoliciesData?.plugins) {\n      allPlugins = permissionPoliciesData.plugins.map(p => ({\n        label: capitalizeFirstLetter(p),\n        value: p,\n      }));\n    }\n    const allPluginsItem =\n      allPlugins.length > 0\n        ? [\n            {\n              label: `All plugins (${allPlugins.length})`,\n              value: '',\n            },\n          ]\n        : [];\n    return [...allPluginsItem, ...allPlugins];\n  };\n\n  const getPermissionPoliciesTableData = () => {\n    return selectedPlugins\n      .map(p =>\n        p.value\n          ? [\n              {\n                name: p.label,\n                plugin: p.value,\n                permissionPolicies:\n                  permissionPoliciesData?.pluginsPermissions[\n                    p.value\n                  ]?.permissions?.map(perm => ({\n                    permission: perm,\n                    actions:\n                      permissionPoliciesData?.pluginsPermissions[p.value]\n                        .policies[perm].policies,\n                    isResourced:\n                      permissionPoliciesData?.pluginsPermissions[p.value]\n                        .policies[perm].isResourced,\n                    resourceType:\n                      permissionPoliciesData?.pluginsPermissions[p.value]\n                        .policies[perm].resourceType,\n                  })) ?? [],\n              },\n            ]\n          : [],\n      )\n      .flat();\n  };\n\n  const getSelectedPluginsCount = () => {\n    if (selectedPlugins?.length > 0) {\n      if (selectedPlugins.findIndex(sp => sp.value === '') >= 0) {\n        return selectedPlugins.length - 1;\n      }\n      return selectedPlugins.length;\n    }\n    return 0;\n  };\n\n  return (\n    <div>\n      <FormHelperText>\n        By default, users are not granted access to any plugins. To grant user\n        access, select the plugins you want to enable. Then, select which\n        actions you would like to give user permission to.\n      </FormHelperText>\n      <br />\n      {permissionPoliciesLoading ? (\n        <Progress />\n      ) : (\n        <Box>\n          <PluginsDropdown\n            allPlugins={getAllPlugins()}\n            selectedPlugins={selectedPlugins}\n            setFieldValue={setFieldValue}\n            handleBlur={handleBlur}\n            onRemovePlugin={onRemovePlugin}\n            onRemoveAllPlugins={onRemoveAllPlugins}\n            selectedPluginsError={selectedPluginsError}\n          />\n          <br />\n          <br />\n          <PermissionPoliciesFormTable\n            selectedPluginsCount={getSelectedPluginsCount()}\n            data={getPermissionPoliciesTableData()}\n            permissionPoliciesRows={permissionPoliciesRows ?? []}\n            onSelectPermission={onSelectPermission}\n            onSelectPolicy={onSelectPolicy}\n            conditionRulesData={conditionRulesData}\n            onRemovePermission={onRemovePermission}\n            onRemovePlugin={onRemovePlugin}\n            onAddConditions={onAddConditions}\n          />\n        </Box>\n      )}\n      {!permissionPoliciesLoading &&\n        (permissionPoliciesErr?.message ||\n          !Array.isArray(permissionPolicies)) && (\n          <>\n            <br />\n            <FormHelperText error>\n              {`Error fetching the permission policies: ${\n                permissionPoliciesErr?.message ||\n                (permissionPolicies as Response)?.statusText\n              }`}\n            </FormHelperText>\n          </>\n        )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PermissionPoliciesForm.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesForm.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 type { FocusEventHandler } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { FormikErrors } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { useConditionRules } from '../../hooks/useConditionRules';\nimport { PermissionsData, SelectedPlugin } from '../../types';\nimport { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils';\nimport { ConditionsData } from '../ConditionalAccess/types';\nimport { RoleFormValues } from './types';\nimport PermissionPoliciesFormTable from './PermissionPoliciesFormTable';\nimport PluginsDropdown from './PluginsDropdown';\nimport Box from '@mui/material/Box';\nimport { capitalizeFirstLetter } from '../../utils/string-utils';\nimport { useTranslation } from '../../hooks/useTranslation';\n\ntype PermissionPoliciesFormProps = {\n  permissionPoliciesRows: PermissionsData[];\n  selectedPlugins: SelectedPlugin[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n  setFieldError: (field: string, value: string | undefined) => void;\n  handleBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  selectedPluginsError: string;\n};\n\nexport const PermissionPoliciesForm = ({\n  permissionPoliciesRows,\n  selectedPlugins,\n  setFieldValue,\n  setFieldError,\n  handleBlur,\n  selectedPluginsError,\n}: PermissionPoliciesFormProps) => {\n  const { t } = useTranslation();\n  const rbacApi = useApi(rbacApiRef);\n  const conditionRules = useConditionRules();\n\n  const { data: conditionRulesData } = conditionRules;\n\n  const {\n    value: permissionPolicies,\n    loading: permissionPoliciesLoading,\n    error: permissionPoliciesErr,\n  } = useAsync(async () => {\n    return await rbacApi.listPermissions();\n  });\n\n  const permissionPoliciesData =\n    !permissionPoliciesLoading && Array.isArray(permissionPolicies)\n      ? getPluginsPermissionPoliciesData(permissionPolicies)\n      : undefined;\n\n  const onSelectPermission = (\n    plugin: string,\n    permission: string,\n    isResourced: boolean,\n    policies: string[],\n    resourceType?: string,\n  ) => {\n    const ppr = {\n      plugin,\n      permission,\n      isResourced,\n      policies: policies.map(p => ({ policy: p, effect: 'allow' })),\n      resourceType,\n    };\n    setFieldValue(\n      'permissionPoliciesRows',\n      [...permissionPoliciesRows, ppr],\n      true,\n    );\n  };\n\n  const onRemovePermission = (index: number) => {\n    const finalPps = permissionPoliciesRows.filter(\n      (_ppr, pIndex) => index !== pIndex,\n    );\n    setFieldValue('permissionPoliciesRows', finalPps, true);\n    setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n  };\n\n  const onSelectPolicy = (\n    isChecked: boolean,\n    policyIndex: number,\n    index: number,\n  ) => {\n    const updatedRows = [...permissionPoliciesRows];\n    updatedRows[index].policies[policyIndex].effect = isChecked\n      ? 'allow'\n      : 'deny';\n\n    // If unchecking and no policies are left with 'allow' effect, remove the entire permission\n    if (!isChecked) {\n      const hasAnyAllowPolicy = updatedRows[index].policies.some(\n        policy => policy.effect === 'allow',\n      );\n\n      if (!hasAnyAllowPolicy) {\n        // Remove the entire permission entry\n        const finalPps = updatedRows.filter((_ppr, pIndex) => index !== pIndex);\n        setFieldValue('permissionPoliciesRows', finalPps, true);\n        setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n        return;\n      }\n    }\n\n    setFieldValue('permissionPoliciesRows', updatedRows, true);\n  };\n\n  const onAddConditions = (index: number, conditions?: ConditionsData) => {\n    setFieldValue(`permissionPoliciesRows[${index}].conditions`, conditions);\n    if (!conditions)\n      setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);\n  };\n\n  const onRemoveAllPlugins = () => {\n    setFieldValue(`selectedPlugins`, [], true);\n    setFieldValue('permissionPoliciesRows', [], true);\n  };\n\n  const onRemovePlugin = (plugin: string) => {\n    const selPlugins = selectedPlugins.filter(\n      sp => sp.value && sp.value !== plugin,\n    );\n    const finalPps = permissionPoliciesRows.filter(\n      ppr => ppr.plugin !== plugin,\n    );\n    setFieldValue(`selectedPlugins`, selPlugins, true);\n    setFieldValue('permissionPoliciesRows', finalPps, true);\n  };\n\n  const getAllPlugins = () => {\n    let allPlugins: SelectedPlugin[] = [];\n    if (permissionPoliciesData?.plugins) {\n      allPlugins = permissionPoliciesData.plugins.map(p => ({\n        label: capitalizeFirstLetter(p),\n        value: p,\n      }));\n    }\n    const allPluginsItem =\n      allPlugins.length > 0\n        ? [\n            {\n              label: t('permissionPolicies.allPlugins' as any, {\n                count: allPlugins.length.toString(),\n              }),\n              value: '',\n            },\n          ]\n        : [];\n    return [...allPluginsItem, ...allPlugins];\n  };\n\n  const getPermissionPoliciesTableData = () => {\n    return selectedPlugins\n      .map(p =>\n        p.value\n          ? [\n              {\n                name: p.label,\n                plugin: p.value,\n                permissionPolicies:\n                  permissionPoliciesData?.pluginsPermissions[\n                    p.value\n                  ]?.permissions?.map(perm => ({\n                    permission: perm,\n                    actions:\n                      permissionPoliciesData?.pluginsPermissions[p.value]\n                        .policies[perm].policies,\n                    isResourced:\n                      permissionPoliciesData?.pluginsPermissions[p.value]\n                        .policies[perm].isResourced,\n                    resourceType:\n                      permissionPoliciesData?.pluginsPermissions[p.value]\n                        .policies[perm].resourceType,\n                  })) ?? [],\n              },\n            ]\n          : [],\n      )\n      .flat();\n  };\n\n  const getSelectedPluginsCount = () => {\n    if (selectedPlugins?.length > 0) {\n      if (selectedPlugins.findIndex(sp => sp.value === '') >= 0) {\n        return selectedPlugins.length - 1;\n      }\n      return selectedPlugins.length;\n    }\n    return 0;\n  };\n\n  return (\n    <div>\n      <FormHelperText>{t('permissionPolicies.helperText')}</FormHelperText>\n      <br />\n      {permissionPoliciesLoading ? (\n        <Progress />\n      ) : (\n        <Box>\n          <PluginsDropdown\n            allPlugins={getAllPlugins()}\n            selectedPlugins={selectedPlugins}\n            setFieldValue={setFieldValue}\n            handleBlur={handleBlur}\n            onRemovePlugin={onRemovePlugin}\n            onRemoveAllPlugins={onRemoveAllPlugins}\n            selectedPluginsError={selectedPluginsError}\n          />\n          <br />\n          <br />\n          <PermissionPoliciesFormTable\n            selectedPluginsCount={getSelectedPluginsCount()}\n            data={getPermissionPoliciesTableData()}\n            permissionPoliciesRows={permissionPoliciesRows ?? []}\n            onSelectPermission={onSelectPermission}\n            onSelectPolicy={onSelectPolicy}\n            conditionRulesData={conditionRulesData}\n            onRemovePermission={onRemovePermission}\n            onRemovePlugin={onRemovePlugin}\n            onAddConditions={onAddConditions}\n          />\n        </Box>\n      )}\n      {!permissionPoliciesLoading &&\n        (permissionPoliciesErr?.message ||\n          !Array.isArray(permissionPolicies)) && (\n          <>\n            <br />\n            <FormHelperText error>\n              {t('permissionPolicies.errorFetchingPolicies' as any, {\n                error:\n                  permissionPoliciesErr?.message ||\n                  (permissionPolicies as Response)?.statusText,\n              })}\n            </FormHelperText>\n          </>\n        )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CreateRole/PermissionPoliciesFormNestedRow.esm.js

@@ -11,6 +11,7 @@ import ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';
 import Badge from '@mui/material/Badge';
 import { ConditionalAccessSidebar } from '../ConditionalAccess/ConditionalAccessSidebar.esm.js';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const PermissionPoliciesFormNestedRow = ({
   plugin,
@@ -26,8 +27,9 @@ const PermissionPoliciesFormNestedRow = ({
   conditionsData,
   onAddConditions
 }) => {
+  const { t } = useTranslation();
   const [sidebarOpen, setSidebarOpen] = useState(false);
-  const tooltipTitle = () => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { component: "p", align: "center", children: "Use advanced customized permissions to allow access to specific parts of the selected resource type." }) });
+  const tooltipTitle = () => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { component: "p", align: "center", children: t("permissionPolicies.advancedPermissionsTooltip") }) });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(TableRow, { children: [
       /* @__PURE__ */ jsx(TableCell, { align: "left", sx: { borderBottom: "none", width: "30%" }, children: /* @__PURE__ */ jsxs(
@@ -61,7 +63,9 @@ const PermissionPoliciesFormNestedRow = ({
             permissionPolicy.resourceType ? /* @__PURE__ */ jsx(
               Tooltip,
               {
-                title: `resource type: ${permissionPolicy.resourceType}`,
+                title: t("permissionPolicies.resourceTypeTooltip", {
+                  resourceType: permissionPolicy.resourceType
+                }),
                 placement: "top",
                 children: /* @__PURE__ */ jsxs(IconButton, { "aria-label": "info", size: "small", children: [
                   /* @__PURE__ */ jsx(InfoOutlinedIcon, { fontSize: "small" }),

package/dist/components/CreateRole/PermissionPoliciesFormNestedRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionPoliciesFormNestedRow.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesFormNestedRow.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 Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport Typography from '@mui/material/Typography';\nimport { useState } from 'react';\nimport { RowPolicy } from './types';\nimport Tooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';\nimport Badge from '@mui/material/Badge';\nimport { ConditionRulesData, ConditionsData } from '../ConditionalAccess/types';\nimport { ConditionalAccessSidebar } from '../ConditionalAccess/ConditionalAccessSidebar';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\n\nconst PermissionPoliciesFormNestedRow = ({\n  plugin,\n  permissionPolicy,\n  permissionPolicyRowIndex,\n  onSelectPermission,\n  policies,\n  onSelectPolicy,\n  conditionRulesLength,\n  totalRulesCount,\n  onRemovePermission,\n  conditionRulesData,\n  conditionsData,\n  onAddConditions,\n}: {\n  plugin: string;\n  permissionPolicy: any;\n  permissionPolicyRowIndex: number;\n  policies: RowPolicy[];\n  conditionRulesLength?: number;\n  totalRulesCount: number;\n  conditionRulesData?: ConditionRulesData;\n  conditionsData?: ConditionsData;\n  onSelectPermission: (\n    plugin: string,\n    permission: string,\n    isResourced: boolean,\n    policies: string[],\n    resourceType?: string,\n  ) => void;\n  onSelectPolicy: (\n    isChecked: boolean,\n    policyIndex: number,\n    pIndex: number,\n  ) => void;\n  onRemovePermission: (index: number) => void;\n  onAddConditions: (index: number, conditions?: ConditionsData) => void;\n}) => {\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const tooltipTitle = () => (\n    <div>\n      <Typography component=\"p\" align=\"center\">\n        Use advanced customized permissions to allow access to specific parts of\n        the selected resource type.\n      </Typography>\n    </div>\n  );\n  return (\n    <>\n      <TableRow>\n        <TableCell align=\"left\" sx={{ borderBottom: 'none', width: '30%' }}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n            }}\n          >\n            <Checkbox\n              onChange={e => {\n                if (e.target.checked) {\n                  onSelectPermission(\n                    plugin,\n                    permissionPolicy.permission,\n                    permissionPolicy.isResourced,\n                    permissionPolicy.actions,\n                    permissionPolicy.resourceType,\n                  );\n                } else {\n                  onRemovePermission(permissionPolicyRowIndex);\n                }\n              }}\n              checked={permissionPolicyRowIndex >= 0}\n            />\n            {permissionPolicy.permission}\n            {permissionPolicy.resourceType ? (\n              <Tooltip\n                title={`resource type: ${permissionPolicy.resourceType}`}\n                placement=\"top\"\n              >\n                <IconButton aria-label=\"info\" size=\"small\">\n                  <InfoOutlinedIcon fontSize=\"small\" />\n                  &nbsp;\n                </IconButton>\n              </Tooltip>\n            ) : null}\n          </Box>\n        </TableCell>\n        <TableCell\n          align=\"left\"\n          sx={{\n            display: 'flex',\n            borderBottom: 'none',\n            width: '100%',\n          }}\n        >\n          {policies.map((p: RowPolicy, pIndex: number) => (\n            <Box\n              sx={{ display: 'flex', alignItems: 'center' }}\n              key={`${permissionPolicy.permission}-${p.policy}`}\n            >\n              <Checkbox\n                onChange={(_e, checked) =>\n                  onSelectPolicy(checked, pIndex, permissionPolicyRowIndex)\n                }\n                checked={p.effect === 'allow'}\n                disabled={permissionPolicyRowIndex < 0}\n              />\n              {p.policy}\n            </Box>\n          ))}\n        </TableCell>\n        <TableCell align=\"right\" sx={{ borderBottom: 'none', width: '10%' }}>\n          <Tooltip title={tooltipTitle()} placement=\"top\">\n            <Typography component=\"span\">\n              <IconButton\n                aria-label=\"remove\"\n                size=\"small\"\n                onClick={() => setSidebarOpen(true)}\n                disabled={\n                  permissionPolicyRowIndex < 0 ||\n                  !permissionPolicy.isResourced ||\n                  !conditionRulesLength\n                }\n                sx={{\n                  ':disabled': { color: theme => theme.palette.grey[400] },\n                }}\n              >\n                <Badge badgeContent={totalRulesCount} color=\"success\">\n                  <ChecklistRtlIcon />\n                </Badge>\n                &nbsp;\n              </IconButton>\n            </Typography>\n          </Tooltip>\n        </TableCell>\n      </TableRow>\n      <ConditionalAccessSidebar\n        open={sidebarOpen}\n        onClose={() => {\n          setSidebarOpen(false);\n        }}\n        onSave={(conditions?: ConditionsData) => {\n          onAddConditions(permissionPolicyRowIndex, conditions);\n          setSidebarOpen(false);\n        }}\n        conditionsFormVal={conditionsData}\n        selPluginResourceType={permissionPolicy.resourceType}\n        conditionRulesData={\n          conditionRulesData?.[`${plugin}`]?.[\n            `${permissionPolicy.resourceType}`\n          ]\n        }\n      />\n    </>\n  );\n};\n\nexport default PermissionPoliciesFormNestedRow;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PermissionPoliciesFormNestedRow.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesFormNestedRow.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 Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport Typography from '@mui/material/Typography';\nimport { useState } from 'react';\nimport { RowPolicy } from './types';\nimport Tooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';\nimport Badge from '@mui/material/Badge';\nimport { ConditionRulesData, ConditionsData } from '../ConditionalAccess/types';\nimport { ConditionalAccessSidebar } from '../ConditionalAccess/ConditionalAccessSidebar';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nconst PermissionPoliciesFormNestedRow = ({\n  plugin,\n  permissionPolicy,\n  permissionPolicyRowIndex,\n  onSelectPermission,\n  policies,\n  onSelectPolicy,\n  conditionRulesLength,\n  totalRulesCount,\n  onRemovePermission,\n  conditionRulesData,\n  conditionsData,\n  onAddConditions,\n}: {\n  plugin: string;\n  permissionPolicy: any;\n  permissionPolicyRowIndex: number;\n  policies: RowPolicy[];\n  conditionRulesLength?: number;\n  totalRulesCount: number;\n  conditionRulesData?: ConditionRulesData;\n  conditionsData?: ConditionsData;\n  onSelectPermission: (\n    plugin: string,\n    permission: string,\n    isResourced: boolean,\n    policies: string[],\n    resourceType?: string,\n  ) => void;\n  onSelectPolicy: (\n    isChecked: boolean,\n    policyIndex: number,\n    pIndex: number,\n  ) => void;\n  onRemovePermission: (index: number) => void;\n  onAddConditions: (index: number, conditions?: ConditionsData) => void;\n}) => {\n  const { t } = useTranslation();\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const tooltipTitle = () => (\n    <div>\n      <Typography component=\"p\" align=\"center\">\n        {t('permissionPolicies.advancedPermissionsTooltip')}\n      </Typography>\n    </div>\n  );\n  return (\n    <>\n      <TableRow>\n        <TableCell align=\"left\" sx={{ borderBottom: 'none', width: '30%' }}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n            }}\n          >\n            <Checkbox\n              onChange={e => {\n                if (e.target.checked) {\n                  onSelectPermission(\n                    plugin,\n                    permissionPolicy.permission,\n                    permissionPolicy.isResourced,\n                    permissionPolicy.actions,\n                    permissionPolicy.resourceType,\n                  );\n                } else {\n                  onRemovePermission(permissionPolicyRowIndex);\n                }\n              }}\n              checked={permissionPolicyRowIndex >= 0}\n            />\n            {permissionPolicy.permission}\n            {permissionPolicy.resourceType ? (\n              <Tooltip\n                title={t('permissionPolicies.resourceTypeTooltip' as any, {\n                  resourceType: permissionPolicy.resourceType,\n                })}\n                placement=\"top\"\n              >\n                <IconButton aria-label=\"info\" size=\"small\">\n                  <InfoOutlinedIcon fontSize=\"small\" />\n                  &nbsp;\n                </IconButton>\n              </Tooltip>\n            ) : null}\n          </Box>\n        </TableCell>\n        <TableCell\n          align=\"left\"\n          sx={{\n            display: 'flex',\n            borderBottom: 'none',\n            width: '100%',\n          }}\n        >\n          {policies.map((p: RowPolicy, pIndex: number) => (\n            <Box\n              sx={{ display: 'flex', alignItems: 'center' }}\n              key={`${permissionPolicy.permission}-${p.policy}`}\n            >\n              <Checkbox\n                onChange={(_e, checked) =>\n                  onSelectPolicy(checked, pIndex, permissionPolicyRowIndex)\n                }\n                checked={p.effect === 'allow'}\n                disabled={permissionPolicyRowIndex < 0}\n              />\n              {p.policy}\n            </Box>\n          ))}\n        </TableCell>\n        <TableCell align=\"right\" sx={{ borderBottom: 'none', width: '10%' }}>\n          <Tooltip title={tooltipTitle()} placement=\"top\">\n            <Typography component=\"span\">\n              <IconButton\n                aria-label=\"remove\"\n                size=\"small\"\n                onClick={() => setSidebarOpen(true)}\n                disabled={\n                  permissionPolicyRowIndex < 0 ||\n                  !permissionPolicy.isResourced ||\n                  !conditionRulesLength\n                }\n                sx={{\n                  ':disabled': { color: theme => theme.palette.grey[400] },\n                }}\n              >\n                <Badge badgeContent={totalRulesCount} color=\"success\">\n                  <ChecklistRtlIcon />\n                </Badge>\n                &nbsp;\n              </IconButton>\n            </Typography>\n          </Tooltip>\n        </TableCell>\n      </TableRow>\n      <ConditionalAccessSidebar\n        open={sidebarOpen}\n        onClose={() => {\n          setSidebarOpen(false);\n        }}\n        onSave={(conditions?: ConditionsData) => {\n          onAddConditions(permissionPolicyRowIndex, conditions);\n          setSidebarOpen(false);\n        }}\n        conditionsFormVal={conditionsData}\n        selPluginResourceType={permissionPolicy.resourceType}\n        conditionRulesData={\n          conditionRulesData?.[`${plugin}`]?.[\n            `${permissionPolicy.resourceType}`\n          ]\n        }\n      />\n    </>\n  );\n};\n\nexport default PermissionPoliciesFormNestedRow;\n"],"names":[],"mappings":"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"}