@backstage-community/plugin-rbac 1.52.2 → 1.52.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @backstage-community/plugin-rbac
 
+## 1.52.3
+
+### Patch Changes
+
+- c1b8a19: Expanded checkbox click targets in the permission policies form to include the associated label text. Clicking the permission name or policy action text now toggles the corresponding checkbox.
+
 ## 1.52.2
 
 ### Patch Changes

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

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Box from '@mui/material/Box';
 import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
 import TableCell from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
 import Typography from '@mui/material/Typography';
@@ -41,25 +42,30 @@ const PermissionPoliciesFormNestedRow = ({
           },
           children: [
             /* @__PURE__ */ jsx(
-              Checkbox,
+              FormControlLabel,
               {
-                onChange: (e) => {
-                  if (e.target.checked) {
-                    onSelectPermission(
-                      plugin,
-                      permissionPolicy.permission,
-                      permissionPolicy.isResourced,
-                      permissionPolicy.actions,
-                      permissionPolicy.resourceType
-                    );
-                  } else {
-                    onRemovePermission(permissionPolicyRowIndex);
+                control: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    onChange: (e) => {
+                      if (e.target.checked) {
+                        onSelectPermission(
+                          plugin,
+                          permissionPolicy.permission,
+                          permissionPolicy.isResourced,
+                          permissionPolicy.actions,
+                          permissionPolicy.resourceType
+                        );
+                      } else {
+                        onRemovePermission(permissionPolicyRowIndex);
+                      }
+                    },
+                    checked: permissionPolicyRowIndex >= 0
                   }
-                },
-                checked: permissionPolicyRowIndex >= 0
+                ),
+                label: permissionPolicy.permission
               }
             ),
-            permissionPolicy.permission,
             permissionPolicy.resourceType ? /* @__PURE__ */ jsx(
               Tooltip,
               {
@@ -85,21 +91,39 @@ const PermissionPoliciesFormNestedRow = ({
             borderBottom: "none",
             width: "100%"
           },
-          children: policies.map((p, pIndex) => /* @__PURE__ */ jsxs(
+          children: policies.map((p, pIndex) => /* @__PURE__ */ jsx(
             Box,
             {
               sx: { display: "flex", alignItems: "center" },
-              children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    onChange: (_e, checked) => onSelectPolicy(checked, pIndex, permissionPolicyRowIndex),
-                    checked: p.effect === "allow",
-                    disabled: permissionPolicyRowIndex < 0
-                  }
-                ),
-                p.policy
-              ]
+              children: /* @__PURE__ */ jsx(
+                FormControlLabel,
+                {
+                  control: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      onChange: () => {
+                        if (permissionPolicyRowIndex < 0) {
+                          onSelectPermission(
+                            plugin,
+                            permissionPolicy.permission,
+                            permissionPolicy.isResourced,
+                            permissionPolicy.actions,
+                            permissionPolicy.resourceType
+                          );
+                        } else {
+                          onSelectPolicy(
+                            p.effect !== "allow",
+                            pIndex,
+                            permissionPolicyRowIndex
+                          );
+                        }
+                      },
+                      checked: p.effect === "allow"
+                    }
+                  ),
+                  label: p.policy
+                }
+              )
             },
             `${permissionPolicy.permission}-${p.policy}`
           ))

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';\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        {conditionRulesLength && conditionRulesLength > 0\n          ? t('permissionPolicies.advancedPermissionsTooltip')\n          : t('permissionPolicies.noAdvancedPermissionsTooltip')}\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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"}
+{"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 FormControlLabel from '@mui/material/FormControlLabel';\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        {conditionRulesLength && conditionRulesLength > 0\n          ? t('permissionPolicies.advancedPermissionsTooltip')\n          : t('permissionPolicies.noAdvancedPermissionsTooltip')}\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            <FormControlLabel\n              control={\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              }\n              label={permissionPolicy.permission}\n            />\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              <FormControlLabel\n                control={\n                  <Checkbox\n                    onChange={() => {\n                      if (permissionPolicyRowIndex < 0) {\n                        onSelectPermission(\n                          plugin,\n                          permissionPolicy.permission,\n                          permissionPolicy.isResourced,\n                          permissionPolicy.actions,\n                          permissionPolicy.resourceType,\n                        );\n                      } else {\n                        onSelectPolicy(\n                          p.effect !== 'allow',\n                          pIndex,\n                          permissionPolicyRowIndex,\n                        );\n                      }\n                    }}\n                    checked={p.effect === 'allow'}\n                  />\n                }\n                label={p.policy}\n              />\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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"}

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

@@ -62,15 +62,20 @@ const PermissionPoliciesFormRow = ({
             borderBottom: "none",
             display: "flex",
             alignItems: "center",
-            fontWeight: (theme) => theme.typography.fontWeightMedium
+            fontWeight: (theme) => theme.typography.fontWeightMedium,
+            cursor: "pointer"
           },
+          onClick: () => setCurrentOpen(!currentOpen),
           children: [
             /* @__PURE__ */ jsx(
               IconButton,
               {
                 "aria-label": t("common.expandRow"),
                 size: "small",
-                onClick: () => setCurrentOpen(!currentOpen),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setCurrentOpen(!currentOpen);
+                },
                 "data-testid": `expand-row-${rowData.plugin}`,
                 children: currentOpen ? /* @__PURE__ */ jsx(ArrowDownIcon, {}) : /* @__PURE__ */ jsx(ArrowRightIcon, {})
               }

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionPoliciesFormRow.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesFormRow.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 { SetStateAction, Dispatch } from 'react';\n\nimport { useState, useEffect } from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport { PermissionsData } from '../../types';\nimport { getRulesNumber } from '../../utils/create-role-utils';\nimport { ConditionRulesData, ConditionsData } from '../ConditionalAccess/types';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport Collapse from '@mui/material/Collapse';\nimport Box from '@mui/material/Box';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport ArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\nimport ArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport PermissionPoliciesFormNestedRow from './PermissionPoliciesFormNestedRow';\nimport Link from '@mui/material/Link';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { useLanguage } from '../../hooks/useLanguage';\n\ntype PermissionPoliciesFormRowProps = {\n  rowData: any;\n  conditionRulesData?: ConditionRulesData;\n  permissionPoliciesRows: PermissionsData[];\n  open: boolean;\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  onRemovePlugin: (plugin: string) => void;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  onAddConditions: (index: number, conditions?: ConditionsData) => void;\n};\n\nconst PermissionPoliciesFormRow = ({\n  rowData,\n  permissionPoliciesRows,\n  conditionRulesData,\n  open,\n  onSelectPermission,\n  onSelectPolicy,\n  onRemovePermission,\n  onRemovePlugin,\n  onAddConditions,\n}: PermissionPoliciesFormRowProps) => {\n  const { t } = useTranslation();\n  const locale = useLanguage();\n  const [currentOpen, setCurrentOpen] = useState<boolean>(false);\n\n  useEffect(() => {\n    setCurrentOpen(open);\n  }, [open]);\n\n  const getTotalRules = (conditions?: ConditionsData): number => {\n    const totalRules = getRulesNumber(conditions);\n    return totalRules;\n  };\n\n  const getPprIndex = (plugin: string, permission: string) => {\n    return permissionPoliciesRows.findIndex(ppr => {\n      return ppr.plugin === plugin && ppr.permission === permission;\n    });\n  };\n\n  const getPolicies = (plugin: string, pp: any) => {\n    const pprIndex = getPprIndex(plugin, pp.permission);\n    return (\n      permissionPoliciesRows?.[pprIndex]?.policies ||\n      pp.actions.map((ac: string) => ({ policy: ac, effect: 'deny' }))\n    );\n  };\n\n  const getPermissionCellLabel = (plugin: string) => {\n    if (permissionPoliciesRows.find(ppr => ppr.plugin === plugin)) {\n      return t('common.editCell');\n    }\n\n    return t('common.selectCell');\n  };\n\n  return (\n    <>\n      <TableRow>\n        <TableCell\n          align=\"left\"\n          sx={{\n            borderBottom: 'none',\n            display: 'flex',\n            alignItems: 'center',\n            fontWeight: theme => theme.typography.fontWeightMedium,\n          }}\n        >\n          <IconButton\n            aria-label={t('common.expandRow')}\n            size=\"small\"\n            onClick={() => setCurrentOpen(!currentOpen)}\n            data-testid={`expand-row-${rowData.plugin}`}\n          >\n            {currentOpen ? <ArrowDownIcon /> : <ArrowRightIcon />}\n          </IconButton>\n          {rowData.name}\n        </TableCell>\n        <TableCell align=\"left\" sx={{ borderBottom: 'none' }}>\n          <Link\n            sx={{\n              cursor: 'pointer',\n              textDecoration: 'none',\n              color: theme => theme.palette.primary.main,\n            }}\n            onClick={() => setCurrentOpen(true)}\n          >\n            {getPermissionCellLabel(rowData.plugin)}\n          </Link>\n        </TableCell>\n        <TableCell align=\"right\" sx={{ borderBottom: 'none' }}>\n          <IconButton\n            aria-label={t('common.remove').toLocaleLowerCase(locale ?? 'en')}\n            size=\"small\"\n            onClick={() => onRemovePlugin(rowData.plugin)}\n          >\n            <DeleteIcon />\n          </IconButton>\n        </TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell\n          sx={{ p: 0 }}\n          colSpan={6}\n          data-testid={`nested-row-${rowData.plugin}`}\n        >\n          <Collapse in={currentOpen} timeout=\"auto\" unmountOnExit>\n            <Box>\n              <Table size=\"small\" aria-label=\"permission-policies\">\n                <TableBody>\n                  {rowData.permissionPolicies.map((pp: any) => (\n                    <PermissionPoliciesFormNestedRow\n                      key={pp.permission}\n                      plugin={rowData.plugin}\n                      permissionPolicy={pp}\n                      permissionPolicyRowIndex={getPprIndex(\n                        rowData.plugin,\n                        pp.permission,\n                      )}\n                      policies={getPolicies(rowData.plugin, pp)}\n                      conditionRulesLength={\n                        conditionRulesData?.[`${rowData.plugin}`]?.[\n                          `${pp.resourceType}`\n                        ]?.rules.length\n                      }\n                      totalRulesCount={getTotalRules(\n                        permissionPoliciesRows[\n                          getPprIndex(rowData.plugin, pp.permission)\n                        ]?.conditions,\n                      )}\n                      conditionsData={\n                        permissionPoliciesRows[\n                          getPprIndex(rowData.plugin, pp.permission)\n                        ]?.conditions\n                      }\n                      conditionRulesData={conditionRulesData}\n                      onSelectPermission={onSelectPermission}\n                      onSelectPolicy={onSelectPolicy}\n                      onRemovePermission={onRemovePermission}\n                      onAddConditions={onAddConditions}\n                    />\n                  ))}\n                </TableBody>\n              </Table>\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </>\n  );\n};\n\nexport default PermissionPoliciesFormRow;\n"],"names":["DeleteIcon"],"mappings":"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"}
+{"version":3,"file":"PermissionPoliciesFormRow.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesFormRow.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 { SetStateAction, Dispatch } from 'react';\n\nimport { useState, useEffect } from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport { PermissionsData } from '../../types';\nimport { getRulesNumber } from '../../utils/create-role-utils';\nimport { ConditionRulesData, ConditionsData } from '../ConditionalAccess/types';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport Collapse from '@mui/material/Collapse';\nimport Box from '@mui/material/Box';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport ArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\nimport ArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport PermissionPoliciesFormNestedRow from './PermissionPoliciesFormNestedRow';\nimport Link from '@mui/material/Link';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { useLanguage } from '../../hooks/useLanguage';\n\ntype PermissionPoliciesFormRowProps = {\n  rowData: any;\n  conditionRulesData?: ConditionRulesData;\n  permissionPoliciesRows: PermissionsData[];\n  open: boolean;\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  onRemovePlugin: (plugin: string) => void;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  onAddConditions: (index: number, conditions?: ConditionsData) => void;\n};\n\nconst PermissionPoliciesFormRow = ({\n  rowData,\n  permissionPoliciesRows,\n  conditionRulesData,\n  open,\n  onSelectPermission,\n  onSelectPolicy,\n  onRemovePermission,\n  onRemovePlugin,\n  onAddConditions,\n}: PermissionPoliciesFormRowProps) => {\n  const { t } = useTranslation();\n  const locale = useLanguage();\n  const [currentOpen, setCurrentOpen] = useState<boolean>(false);\n\n  useEffect(() => {\n    setCurrentOpen(open);\n  }, [open]);\n\n  const getTotalRules = (conditions?: ConditionsData): number => {\n    const totalRules = getRulesNumber(conditions);\n    return totalRules;\n  };\n\n  const getPprIndex = (plugin: string, permission: string) => {\n    return permissionPoliciesRows.findIndex(ppr => {\n      return ppr.plugin === plugin && ppr.permission === permission;\n    });\n  };\n\n  const getPolicies = (plugin: string, pp: any) => {\n    const pprIndex = getPprIndex(plugin, pp.permission);\n    return (\n      permissionPoliciesRows?.[pprIndex]?.policies ||\n      pp.actions.map((ac: string) => ({ policy: ac, effect: 'deny' }))\n    );\n  };\n\n  const getPermissionCellLabel = (plugin: string) => {\n    if (permissionPoliciesRows.find(ppr => ppr.plugin === plugin)) {\n      return t('common.editCell');\n    }\n\n    return t('common.selectCell');\n  };\n\n  return (\n    <>\n      <TableRow>\n        <TableCell\n          align=\"left\"\n          sx={{\n            borderBottom: 'none',\n            display: 'flex',\n            alignItems: 'center',\n            fontWeight: theme => theme.typography.fontWeightMedium,\n            cursor: 'pointer',\n          }}\n          onClick={() => setCurrentOpen(!currentOpen)}\n        >\n          <IconButton\n            aria-label={t('common.expandRow')}\n            size=\"small\"\n            onClick={e => {\n              e.stopPropagation();\n              setCurrentOpen(!currentOpen);\n            }}\n            data-testid={`expand-row-${rowData.plugin}`}\n          >\n            {currentOpen ? <ArrowDownIcon /> : <ArrowRightIcon />}\n          </IconButton>\n          {rowData.name}\n        </TableCell>\n        <TableCell align=\"left\" sx={{ borderBottom: 'none' }}>\n          <Link\n            sx={{\n              cursor: 'pointer',\n              textDecoration: 'none',\n              color: theme => theme.palette.primary.main,\n            }}\n            onClick={() => setCurrentOpen(true)}\n          >\n            {getPermissionCellLabel(rowData.plugin)}\n          </Link>\n        </TableCell>\n        <TableCell align=\"right\" sx={{ borderBottom: 'none' }}>\n          <IconButton\n            aria-label={t('common.remove').toLocaleLowerCase(locale ?? 'en')}\n            size=\"small\"\n            onClick={() => onRemovePlugin(rowData.plugin)}\n          >\n            <DeleteIcon />\n          </IconButton>\n        </TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell\n          sx={{ p: 0 }}\n          colSpan={6}\n          data-testid={`nested-row-${rowData.plugin}`}\n        >\n          <Collapse in={currentOpen} timeout=\"auto\" unmountOnExit>\n            <Box>\n              <Table size=\"small\" aria-label=\"permission-policies\">\n                <TableBody>\n                  {rowData.permissionPolicies.map((pp: any) => (\n                    <PermissionPoliciesFormNestedRow\n                      key={pp.permission}\n                      plugin={rowData.plugin}\n                      permissionPolicy={pp}\n                      permissionPolicyRowIndex={getPprIndex(\n                        rowData.plugin,\n                        pp.permission,\n                      )}\n                      policies={getPolicies(rowData.plugin, pp)}\n                      conditionRulesLength={\n                        conditionRulesData?.[`${rowData.plugin}`]?.[\n                          `${pp.resourceType}`\n                        ]?.rules.length\n                      }\n                      totalRulesCount={getTotalRules(\n                        permissionPoliciesRows[\n                          getPprIndex(rowData.plugin, pp.permission)\n                        ]?.conditions,\n                      )}\n                      conditionsData={\n                        permissionPoliciesRows[\n                          getPprIndex(rowData.plugin, pp.permission)\n                        ]?.conditions\n                      }\n                      conditionRulesData={conditionRulesData}\n                      onSelectPermission={onSelectPermission}\n                      onSelectPolicy={onSelectPolicy}\n                      onRemovePermission={onRemovePermission}\n                      onAddConditions={onAddConditions}\n                    />\n                  ))}\n                </TableBody>\n              </Table>\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </>\n  );\n};\n\nexport default PermissionPoliciesFormRow;\n"],"names":["DeleteIcon"],"mappings":"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"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage-community/plugin-rbac";
-var version = "1.52.2";
+var version = "1.52.3";
 var main = "src/index.ts";
 var types = "src/index.ts";
 var license = "Apache-2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-rbac",
-  "version": "1.52.2",
+  "version": "1.52.3",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",