@backstage-community/plugin-rbac 1.41.2 → 1.41.4

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 ### Dependencies
 
+## 1.41.4
+
+### Patch Changes
+
+- eebc68d: UI Enhancements:
+
+  - Added vertical spacing between buttons in the side drawer for improved usability.
+  - Fixed layout issue in the Users and Groups table where adding a row caused unexpected height changes.
+  - Aligned action icon colors in the Roles table for visual consistency.
+  - Simplified label formatting in the Overview table for a cleaner look.
+  - Improved dropdown behavior in Users, Groups, and Permissions sections — selecting an option no longer clears the input text.
+  - Conditionally hid input field labels when validation errors are present to reduce visual clutter.
+  - Aligned “No options” placeholder text across the Users and Groups and Plugin selection dropdowns.
+  - Prevented backspace from unintentionally removing selected items in the Users and Groups and Plugin dropdowns.
+
+## 1.41.3
+
+### Patch Changes
+
+- 658c51c: chore: Remove usage of @spotify/prettier-config
+- Updated dependencies [658c51c]
+  - @backstage-community/plugin-rbac-common@1.16.1
+
 ## 1.41.2
 
 ### Patch Changes

package/dist/components/ConditionalAccess/AddNestedConditionButton.esm.js

@@ -22,7 +22,7 @@ const AddNestedConditionButton = () => {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "span", children: "Add Nested Condition" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "span", children: "Add nested condition" }),
         /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(), placement: "top", children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "inherit", style: { marginLeft: "0.25rem" } }) })
       ]
     }

package/dist/components/ConditionalAccess/AddNestedConditionButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNestedConditionButton.esm.js","sources":["../../../src/components/ConditionalAccess/AddNestedConditionButton.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 HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nexport const tooltipTitle = () => (\n  <div>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      Nested conditions are <b>1 layer rules within a main condition</b>. It\n      lets you allow appropriate access by using detailed permissions based on\n      various conditions. You can add multiple nested conditions.\n    </Typography>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      For example, you can allow access to all entity types in the main\n      condition and use a nested condition to limit the access to entities owned\n      by the user.\n    </Typography>\n  </div>\n);\n\nexport const AddNestedConditionButton = () => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}\n    >\n      <Typography variant=\"body1\" component=\"span\">\n        Add Nested Condition\n      </Typography>\n      <Tooltip title={tooltipTitle()} placement=\"top\">\n        <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: '0.25rem' }} />\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAoBa,MAAA,YAAA,GAAe,sBAC1B,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,SAAU,EAAA,GAAA,EAAI,OAAM,QAAS,EAAA,QAAA,EAAA;AAAA,IAAA,wBAAA;AAAA,oBACjC,GAAA,CAAC,OAAE,QAAqC,EAAA,uCAAA,EAAA,CAAA;AAAA,IAAI;AAAA,GAGpE,EAAA,CAAA;AAAA,kBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,GAAI,EAAA,KAAA,EAAM,UAAS,QAIzD,EAAA,2JAAA,EAAA;AAAA,CACF,EAAA;AAGK,MAAM,2BAA2B,MAAM;AAC5C,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,QAAO,QAE7C,EAAA,sBAAA,EAAA,CAAA;AAAA,4BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,WAAU,KAAO,EAAA,EAAE,UAAY,EAAA,SAAA,IAAa,CACxE,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"AddNestedConditionButton.esm.js","sources":["../../../src/components/ConditionalAccess/AddNestedConditionButton.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 HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nexport const tooltipTitle = () => (\n  <div>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      Nested conditions are <b>1 layer rules within a main condition</b>. It\n      lets you allow appropriate access by using detailed permissions based on\n      various conditions. You can add multiple nested conditions.\n    </Typography>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      For example, you can allow access to all entity types in the main\n      condition and use a nested condition to limit the access to entities owned\n      by the user.\n    </Typography>\n  </div>\n);\n\nexport const AddNestedConditionButton = () => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}\n    >\n      <Typography variant=\"body1\" component=\"span\">\n        Add nested condition\n      </Typography>\n      <Tooltip title={tooltipTitle()} placement=\"top\">\n        <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: '0.25rem' }} />\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAoBa,MAAA,YAAA,GAAe,sBAC1B,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,SAAU,EAAA,GAAA,EAAI,OAAM,QAAS,EAAA,QAAA,EAAA;AAAA,IAAA,wBAAA;AAAA,oBACjC,GAAA,CAAC,OAAE,QAAqC,EAAA,uCAAA,EAAA,CAAA;AAAA,IAAI;AAAA,GAGpE,EAAA,CAAA;AAAA,kBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,GAAI,EAAA,KAAA,EAAM,UAAS,QAIzD,EAAA,2JAAA,EAAA;AAAA,CACF,EAAA;AAGK,MAAM,2BAA2B,MAAM;AAC5C,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,QAAO,QAE7C,EAAA,sBAAA,EAAA,CAAA;AAAA,4BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,WAAU,KAAO,EAAA,EAAE,UAAY,EAAA,SAAA,IAAa,CACxE,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/ConditionalAccess/ComplexConditionRow.esm.js

@@ -136,7 +136,7 @@ const ComplexConditionRow = ({
               color: (theme) => theme.palette.grey[500],
               flexGrow: 0,
               alignSelf: "baseline",
-              marginTop: (theme) => theme.spacing(3.3)
+              mt: "34px"
             },
             disabled: isNestedCondition ? nestedDisabled : disabled,
             onClick: isNestedCondition && activeNestedCriteria && nestedConditionIndex !== undefined ? () => handleRemoveNestedConditionRule(activeNestedCriteria) : () => {

package/dist/components/ConditionalAccess/ComplexConditionRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexConditionRow.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRow.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 { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport IconButton from '@mui/material/IconButton';\n\nimport {\n  getNestedRuleErrors,\n  getRowKey,\n  getRowStyle,\n  getSimpleRuleErrors,\n  isSimpleRule,\n} from '../../utils/conditional-access-utils';\nimport { ConditionsFormRowFields } from './ConditionsFormRowFields';\nimport { criterias } from './const';\nimport {\n  AccessConditionsErrors,\n  ComplexErrors,\n  Condition,\n  ConditionsData,\n  NestedCriteriaErrors,\n  NotConditionType,\n  RulesData,\n} from './types';\n\ntype ComplexConditionRowProps = {\n  conditionRow: ConditionsData;\n  nestedConditionRow: Condition[];\n  criteria: keyof ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  updateRules: (updatedNestedConditionRow: Condition[] | Condition) => void;\n  setErrors: Dispatch<SetStateAction<AccessConditionsErrors | undefined>>;\n  setRemoveAllClicked: Dispatch<SetStateAction<boolean>>;\n  conditionRulesData?: RulesData;\n  notConditionType?: NotConditionType;\n  currentCondition: Condition;\n  ruleIndex: number;\n  activeCriteria?: 'allOf' | 'anyOf';\n  isNestedCondition?: boolean;\n  nestedConditionIndex?: number;\n  activeNestedCriteria?: 'allOf' | 'anyOf';\n};\n\nexport const ComplexConditionRow = ({\n  conditionRow,\n  nestedConditionRow,\n  criteria,\n  onRuleChange,\n  updateRules,\n  setErrors,\n  setRemoveAllClicked,\n  conditionRulesData,\n  notConditionType,\n  currentCondition,\n  ruleIndex,\n  activeCriteria,\n  isNestedCondition = false,\n  nestedConditionIndex,\n  activeNestedCriteria,\n}: ComplexConditionRowProps) => {\n  const handleRemoveSimpleConditionRule = (\n    index: number,\n    ruleList: PermissionCondition[],\n  ) => {\n    if (!activeCriteria) {\n      return;\n    }\n    const updatedSimpleRules = ruleList.filter(\n      (_r, rindex) => index !== rindex,\n    );\n    const nestedConditions =\n      (conditionRow[criteria] as PermissionCondition[])?.filter(\n        (con: PermissionCondition) =>\n          criterias.allOf in con ||\n          criterias.anyOf in con ||\n          criterias.not in con,\n      ) || [];\n\n    onRuleChange({\n      [activeCriteria as keyof ConditionsData]: [\n        ...updatedSimpleRules,\n        ...nestedConditions,\n      ],\n    });\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[activeCriteria]) {\n        const criteriaErrors = updatedErrors[activeCriteria] as ComplexErrors[];\n        const simpleRuleErrors = getSimpleRuleErrors(criteriaErrors);\n\n        if (Array.isArray(simpleRuleErrors) && simpleRuleErrors.length > 0) {\n          const updatedCriteriaErrors = [\n            ...simpleRuleErrors.filter((_, rindex) => rindex !== index),\n            ...getNestedRuleErrors(criteriaErrors),\n          ];\n\n          updatedErrors[activeCriteria] =\n            updatedCriteriaErrors.length > 0 ? updatedCriteriaErrors : [];\n        } else {\n          delete updatedErrors[activeCriteria];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const handleRemoveNestedConditionRule = (nestedConditionCriteria: string) => {\n    const updatedNestedConditionRow: Condition[] = [];\n\n    nestedConditionRow.forEach((c, index) => {\n      if (index === nestedConditionIndex) {\n        const updatedRules = (\n          (c[\n            nestedConditionCriteria as keyof Condition\n          ] as PermissionCondition[]) || []\n        ).filter((_r, rindex) => rindex !== ruleIndex);\n        updatedNestedConditionRow.push({\n          [nestedConditionCriteria as keyof Condition]: updatedRules,\n        });\n      } else {\n        updatedNestedConditionRow.push(c);\n      }\n    });\n\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria] as ComplexErrors[];\n\n        if (\n          criteria === criterias.not &&\n          notConditionType === 'nested-condition'\n        ) {\n          (\n            (updatedErrors[criteria] as NestedCriteriaErrors)[\n              nestedConditionCriteria\n            ] as string[]\n          ).splice(ruleIndex, 1);\n          return updatedErrors;\n        }\n\n        const nestedConditionErrors = getNestedRuleErrors(criteriaErrors);\n\n        if (\n          Array.isArray(nestedConditionErrors) &&\n          nestedConditionIndex !== undefined\n        ) {\n          const nestedErrors = nestedConditionErrors[nestedConditionIndex];\n          if (nestedErrors[nestedConditionCriteria]) {\n            const updatedNestedErrors = (\n              nestedErrors[nestedConditionCriteria] as string[]\n            ).filter((_error, index) => index !== ruleIndex);\n\n            if (updatedNestedErrors.length > 0) {\n              nestedErrors[nestedConditionCriteria] = updatedNestedErrors;\n            } else {\n              delete nestedErrors[nestedConditionCriteria];\n            }\n\n            nestedConditionErrors[nestedConditionIndex] = nestedErrors;\n          }\n\n          updatedErrors[criteria] = [\n            ...getSimpleRuleErrors(criteriaErrors),\n            ...nestedConditionErrors,\n          ];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const ruleList = isNestedCondition\n    ? (currentCondition[\n        activeCriteria as keyof Condition\n      ] as PermissionCondition[])\n    : ((conditionRow[activeCriteria as keyof Condition] as Condition[]).filter(\n        r => isSimpleRule(r),\n      ) as PermissionCondition[]);\n\n  const disabled =\n    !isNestedCondition &&\n    (conditionRow[criteria as keyof Condition] as Condition[]).length === 1 &&\n    nestedConditionRow.length === 0 &&\n    ruleIndex === 0;\n  const nestedDisabled =\n    isNestedCondition &&\n    (\n      nestedConditionRow[nestedConditionIndex ?? 0][\n        activeNestedCriteria as keyof Condition\n      ] as Condition[]\n    ).length === 1 &&\n    ruleIndex === 0;\n\n  return (\n    (currentCondition as PermissionCondition).resourceType && (\n      <div\n        style={getRowStyle(currentCondition, isNestedCondition)}\n        key={getRowKey(isNestedCondition, ruleIndex)}\n      >\n        <ConditionsFormRowFields\n          oldCondition={currentCondition}\n          index={isNestedCondition ? undefined : ruleIndex}\n          onRuleChange={onRuleChange}\n          conditionRow={conditionRow}\n          criteria={criteria}\n          conditionRulesData={conditionRulesData}\n          setErrors={setErrors}\n          setRemoveAllClicked={setRemoveAllClicked}\n          nestedConditionRow={\n            isNestedCondition ? nestedConditionRow : undefined\n          }\n          nestedConditionCriteria={\n            isNestedCondition ? activeNestedCriteria : undefined\n          }\n          nestedConditionIndex={\n            isNestedCondition ? nestedConditionIndex : undefined\n          }\n          nestedConditionRuleIndex={isNestedCondition ? ruleIndex : undefined}\n          updateRules={isNestedCondition ? updateRules : undefined}\n        />\n        <IconButton\n          title=\"Remove\"\n          sx={{\n            color: theme => theme.palette.grey[500],\n            flexGrow: 0,\n            alignSelf: 'baseline',\n            marginTop: theme => theme.spacing(3.3),\n          }}\n          disabled={isNestedCondition ? nestedDisabled : disabled}\n          onClick={\n            isNestedCondition &&\n            activeNestedCriteria &&\n            nestedConditionIndex !== undefined\n              ? () => handleRemoveNestedConditionRule(activeNestedCriteria)\n              : () => {\n                  handleRemoveSimpleConditionRule(ruleIndex, ruleList);\n                }\n          }\n        >\n          <RemoveIcon />\n        </IconButton>\n      </div>\n    )\n  );\n};\n"],"names":["ruleList"],"mappings":";;;;;;;AA2DO,MAAM,sBAAsB,CAAC;AAAA,EAClC,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAoB,GAAA,KAAA;AAAA,EACpB,oBAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,+BAAA,GAAkC,CACtC,KAAA,EACAA,SACG,KAAA;AACH,IAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,MAAA;AAAA;AAEF,IAAA,MAAM,qBAAqBA,SAAS,CAAA,MAAA;AAAA,MAClC,CAAC,EAAI,EAAA,MAAA,KAAW,KAAU,KAAA;AAAA,KAC5B;AACA,IAAM,MAAA,gBAAA,GACH,YAAa,CAAA,QAAQ,CAA6B,EAAA,MAAA;AAAA,MACjD,CAAC,QACC,SAAU,CAAA,KAAA,IAAS,OACnB,SAAU,CAAA,KAAA,IAAS,GACnB,IAAA,SAAA,CAAU,GAAO,IAAA;AAAA,SAChB,EAAC;AAER,IAAa,YAAA,CAAA;AAAA,MACX,CAAC,cAAsC,GAAG;AAAA,QACxC,GAAG,kBAAA;AAAA,QACH,GAAG;AAAA;AACL,KACD,CAAA;AAED,IAAA,SAAA,CAAU,CAAc,UAAA,KAAA;AACtB,MAAM,MAAA,aAAA,GAAgB,EAAE,GAAG,UAAW,EAAA;AAEtC,MAAI,IAAA,aAAA,CAAc,cAAc,CAAG,EAAA;AACjC,QAAM,MAAA,cAAA,GAAiB,cAAc,cAAc,CAAA;AACnD,QAAM,MAAA,gBAAA,GAAmB,oBAAoB,cAAc,CAAA;AAE3D,QAAA,IAAI,MAAM,OAAQ,CAAA,gBAAgB,CAAK,IAAA,gBAAA,CAAiB,SAAS,CAAG,EAAA;AAClE,UAAA,MAAM,qBAAwB,GAAA;AAAA,YAC5B,GAAG,gBAAiB,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,MAAA,KAAW,WAAW,KAAK,CAAA;AAAA,YAC1D,GAAG,oBAAoB,cAAc;AAAA,WACvC;AAEA,UAAA,aAAA,CAAc,cAAc,CAC1B,GAAA,qBAAA,CAAsB,MAAS,GAAA,CAAA,GAAI,wBAAwB,EAAC;AAAA,SACzD,MAAA;AACL,UAAA,OAAO,cAAc,cAAc,CAAA;AAAA;AACrC;AAGF,MAAO,OAAA,aAAA;AAAA,KACR,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,+BAAA,GAAkC,CAAC,uBAAoC,KAAA;AAC3E,IAAA,MAAM,4BAAyC,EAAC;AAEhD,IAAmB,kBAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,KAAU,KAAA;AACvC,MAAA,IAAI,UAAU,oBAAsB,EAAA;AAClC,QAAM,MAAA,YAAA,GAAA,CACH,CACC,CAAA,uBACF,CAA+B,IAAA,EAC/B,EAAA,MAAA,CAAO,CAAC,EAAA,EAAI,MAAW,KAAA,MAAA,KAAW,SAAS,CAAA;AAC7C,QAAA,yBAAA,CAA0B,IAAK,CAAA;AAAA,UAC7B,CAAC,uBAA0C,GAAG;AAAA,SAC/C,CAAA;AAAA,OACI,MAAA;AACL,QAAA,yBAAA,CAA0B,KAAK,CAAC,CAAA;AAAA;AAClC,KACD,CAAA;AAED,IAAA,WAAA;AAAA,MACE,QAAa,KAAA,SAAA,CAAU,GACnB,GAAA,yBAAA,CAA0B,CAAC,CAC3B,GAAA;AAAA,KACN;AAEA,IAAA,SAAA,CAAU,CAAc,UAAA,KAAA;AACtB,MAAM,MAAA,aAAA,GAAgB,EAAE,GAAG,UAAW,EAAA;AAEtC,MAAI,IAAA,aAAA,CAAc,QAAQ,CAAA,KAAM,SAAW,EAAA;AACzC,QAAM,MAAA,cAAA,GAAiB,cAAc,QAAQ,CAAA;AAE7C,QAAA,IACE,QAAa,KAAA,SAAA,CAAU,GACvB,IAAA,gBAAA,KAAqB,kBACrB,EAAA;AACA,UACG,cAAc,QAAQ,CAAA,CACrB,uBACF,CACA,CAAA,MAAA,CAAO,WAAW,CAAC,CAAA;AACrB,UAAO,OAAA,aAAA;AAAA;AAGT,QAAM,MAAA,qBAAA,GAAwB,oBAAoB,cAAc,CAAA;AAEhE,QAAA,IACE,KAAM,CAAA,OAAA,CAAQ,qBAAqB,CAAA,IACnC,yBAAyB,SACzB,EAAA;AACA,UAAM,MAAA,YAAA,GAAe,sBAAsB,oBAAoB,CAAA;AAC/D,UAAI,IAAA,YAAA,CAAa,uBAAuB,CAAG,EAAA;AACzC,YAAM,MAAA,mBAAA,GACJ,aAAa,uBAAuB,CAAA,CACpC,OAAO,CAAC,MAAA,EAAQ,KAAU,KAAA,KAAA,KAAU,SAAS,CAAA;AAE/C,YAAI,IAAA,mBAAA,CAAoB,SAAS,CAAG,EAAA;AAClC,cAAA,YAAA,CAAa,uBAAuB,CAAI,GAAA,mBAAA;AAAA,aACnC,MAAA;AACL,cAAA,OAAO,aAAa,uBAAuB,CAAA;AAAA;AAG7C,YAAA,qBAAA,CAAsB,oBAAoB,CAAI,GAAA,YAAA;AAAA;AAGhD,UAAA,aAAA,CAAc,QAAQ,CAAI,GAAA;AAAA,YACxB,GAAG,oBAAoB,cAAc,CAAA;AAAA,YACrC,GAAG;AAAA,WACL;AAAA;AACF;AAGF,MAAO,OAAA,aAAA;AAAA,KACR,CAAA;AAAA,GACH;AAEA,EAAA,MAAM,WAAW,iBACZ,GAAA,gBAAA,CACC,cACF,CACE,GAAA,YAAA,CAAa,cAAiC,CAAkB,CAAA,MAAA;AAAA,IAChE,CAAA,CAAA,KAAK,aAAa,CAAC;AAAA,GACrB;AAEJ,EAAM,MAAA,QAAA,GACJ,CAAC,iBAAA,IACA,YAAa,CAAA,QAA2B,CAAkB,CAAA,MAAA,KAAW,CACtE,IAAA,kBAAA,CAAmB,MAAW,KAAA,CAAA,IAC9B,SAAc,KAAA,CAAA;AAChB,EAAM,MAAA,cAAA,GACJ,iBAEE,IAAA,kBAAA,CAAmB,oBAAwB,IAAA,CAAC,EAC1C,oBACF,CAAA,CACA,MAAW,KAAA,CAAA,IACb,SAAc,KAAA,CAAA;AAEhB,EAAA,OACG,iBAAyC,YACxC,oBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,WAAY,CAAA,gBAAA,EAAkB,iBAAiB,CAAA;AAAA,MAGtD,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,uBAAA;AAAA,UAAA;AAAA,YACC,YAAc,EAAA,gBAAA;AAAA,YACd,KAAA,EAAO,oBAAoB,SAAY,GAAA,SAAA;AAAA,YACvC,YAAA;AAAA,YACA,YAAA;AAAA,YACA,QAAA;AAAA,YACA,kBAAA;AAAA,YACA,SAAA;AAAA,YACA,mBAAA;AAAA,YACA,kBAAA,EACE,oBAAoB,kBAAqB,GAAA,SAAA;AAAA,YAE3C,uBAAA,EACE,oBAAoB,oBAAuB,GAAA,SAAA;AAAA,YAE7C,oBAAA,EACE,oBAAoB,oBAAuB,GAAA,SAAA;AAAA,YAE7C,wBAAA,EAA0B,oBAAoB,SAAY,GAAA,SAAA;AAAA,YAC1D,WAAA,EAAa,oBAAoB,WAAc,GAAA;AAAA;AAAA,SACjD;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,QAAA;AAAA,YACN,EAAI,EAAA;AAAA,cACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,cACtC,QAAU,EAAA,CAAA;AAAA,cACV,SAAW,EAAA,UAAA;AAAA,cACX,SAAW,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,aACvC;AAAA,YACA,QAAA,EAAU,oBAAoB,cAAiB,GAAA,QAAA;AAAA,YAC/C,OAAA,EACE,qBACA,oBACA,IAAA,oBAAA,KAAyB,YACrB,MAAM,+BAAA,CAAgC,oBAAoB,CAAA,GAC1D,MAAM;AACJ,cAAA,+BAAA,CAAgC,WAAW,QAAQ,CAAA;AAAA,aACrD;AAAA,YAGN,8BAAC,UAAW,EAAA,EAAA;AAAA;AAAA;AACd;AAAA,KAAA;AAAA,IA3CK,SAAA,CAAU,mBAAmB,SAAS;AAAA,GA4C7C;AAGN;;;;"}
+{"version":3,"file":"ComplexConditionRow.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRow.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 { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport IconButton from '@mui/material/IconButton';\n\nimport {\n  getNestedRuleErrors,\n  getRowKey,\n  getRowStyle,\n  getSimpleRuleErrors,\n  isSimpleRule,\n} from '../../utils/conditional-access-utils';\nimport { ConditionsFormRowFields } from './ConditionsFormRowFields';\nimport { criterias } from './const';\nimport {\n  AccessConditionsErrors,\n  ComplexErrors,\n  Condition,\n  ConditionsData,\n  NestedCriteriaErrors,\n  NotConditionType,\n  RulesData,\n} from './types';\n\ntype ComplexConditionRowProps = {\n  conditionRow: ConditionsData;\n  nestedConditionRow: Condition[];\n  criteria: keyof ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  updateRules: (updatedNestedConditionRow: Condition[] | Condition) => void;\n  setErrors: Dispatch<SetStateAction<AccessConditionsErrors | undefined>>;\n  setRemoveAllClicked: Dispatch<SetStateAction<boolean>>;\n  conditionRulesData?: RulesData;\n  notConditionType?: NotConditionType;\n  currentCondition: Condition;\n  ruleIndex: number;\n  activeCriteria?: 'allOf' | 'anyOf';\n  isNestedCondition?: boolean;\n  nestedConditionIndex?: number;\n  activeNestedCriteria?: 'allOf' | 'anyOf';\n};\n\nexport const ComplexConditionRow = ({\n  conditionRow,\n  nestedConditionRow,\n  criteria,\n  onRuleChange,\n  updateRules,\n  setErrors,\n  setRemoveAllClicked,\n  conditionRulesData,\n  notConditionType,\n  currentCondition,\n  ruleIndex,\n  activeCriteria,\n  isNestedCondition = false,\n  nestedConditionIndex,\n  activeNestedCriteria,\n}: ComplexConditionRowProps) => {\n  const handleRemoveSimpleConditionRule = (\n    index: number,\n    ruleList: PermissionCondition[],\n  ) => {\n    if (!activeCriteria) {\n      return;\n    }\n    const updatedSimpleRules = ruleList.filter(\n      (_r, rindex) => index !== rindex,\n    );\n    const nestedConditions =\n      (conditionRow[criteria] as PermissionCondition[])?.filter(\n        (con: PermissionCondition) =>\n          criterias.allOf in con ||\n          criterias.anyOf in con ||\n          criterias.not in con,\n      ) || [];\n\n    onRuleChange({\n      [activeCriteria as keyof ConditionsData]: [\n        ...updatedSimpleRules,\n        ...nestedConditions,\n      ],\n    });\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[activeCriteria]) {\n        const criteriaErrors = updatedErrors[activeCriteria] as ComplexErrors[];\n        const simpleRuleErrors = getSimpleRuleErrors(criteriaErrors);\n\n        if (Array.isArray(simpleRuleErrors) && simpleRuleErrors.length > 0) {\n          const updatedCriteriaErrors = [\n            ...simpleRuleErrors.filter((_, rindex) => rindex !== index),\n            ...getNestedRuleErrors(criteriaErrors),\n          ];\n\n          updatedErrors[activeCriteria] =\n            updatedCriteriaErrors.length > 0 ? updatedCriteriaErrors : [];\n        } else {\n          delete updatedErrors[activeCriteria];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const handleRemoveNestedConditionRule = (nestedConditionCriteria: string) => {\n    const updatedNestedConditionRow: Condition[] = [];\n\n    nestedConditionRow.forEach((c, index) => {\n      if (index === nestedConditionIndex) {\n        const updatedRules = (\n          (c[\n            nestedConditionCriteria as keyof Condition\n          ] as PermissionCondition[]) || []\n        ).filter((_r, rindex) => rindex !== ruleIndex);\n        updatedNestedConditionRow.push({\n          [nestedConditionCriteria as keyof Condition]: updatedRules,\n        });\n      } else {\n        updatedNestedConditionRow.push(c);\n      }\n    });\n\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria] as ComplexErrors[];\n\n        if (\n          criteria === criterias.not &&\n          notConditionType === 'nested-condition'\n        ) {\n          (\n            (updatedErrors[criteria] as NestedCriteriaErrors)[\n              nestedConditionCriteria\n            ] as string[]\n          ).splice(ruleIndex, 1);\n          return updatedErrors;\n        }\n\n        const nestedConditionErrors = getNestedRuleErrors(criteriaErrors);\n\n        if (\n          Array.isArray(nestedConditionErrors) &&\n          nestedConditionIndex !== undefined\n        ) {\n          const nestedErrors = nestedConditionErrors[nestedConditionIndex];\n          if (nestedErrors[nestedConditionCriteria]) {\n            const updatedNestedErrors = (\n              nestedErrors[nestedConditionCriteria] as string[]\n            ).filter((_error, index) => index !== ruleIndex);\n\n            if (updatedNestedErrors.length > 0) {\n              nestedErrors[nestedConditionCriteria] = updatedNestedErrors;\n            } else {\n              delete nestedErrors[nestedConditionCriteria];\n            }\n\n            nestedConditionErrors[nestedConditionIndex] = nestedErrors;\n          }\n\n          updatedErrors[criteria] = [\n            ...getSimpleRuleErrors(criteriaErrors),\n            ...nestedConditionErrors,\n          ];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const ruleList = isNestedCondition\n    ? (currentCondition[\n        activeCriteria as keyof Condition\n      ] as PermissionCondition[])\n    : ((conditionRow[activeCriteria as keyof Condition] as Condition[]).filter(\n        r => isSimpleRule(r),\n      ) as PermissionCondition[]);\n\n  const disabled =\n    !isNestedCondition &&\n    (conditionRow[criteria as keyof Condition] as Condition[]).length === 1 &&\n    nestedConditionRow.length === 0 &&\n    ruleIndex === 0;\n  const nestedDisabled =\n    isNestedCondition &&\n    (\n      nestedConditionRow[nestedConditionIndex ?? 0][\n        activeNestedCriteria as keyof Condition\n      ] as Condition[]\n    ).length === 1 &&\n    ruleIndex === 0;\n\n  return (\n    (currentCondition as PermissionCondition).resourceType && (\n      <div\n        style={getRowStyle(currentCondition, isNestedCondition)}\n        key={getRowKey(isNestedCondition, ruleIndex)}\n      >\n        <ConditionsFormRowFields\n          oldCondition={currentCondition}\n          index={isNestedCondition ? undefined : ruleIndex}\n          onRuleChange={onRuleChange}\n          conditionRow={conditionRow}\n          criteria={criteria}\n          conditionRulesData={conditionRulesData}\n          setErrors={setErrors}\n          setRemoveAllClicked={setRemoveAllClicked}\n          nestedConditionRow={\n            isNestedCondition ? nestedConditionRow : undefined\n          }\n          nestedConditionCriteria={\n            isNestedCondition ? activeNestedCriteria : undefined\n          }\n          nestedConditionIndex={\n            isNestedCondition ? nestedConditionIndex : undefined\n          }\n          nestedConditionRuleIndex={isNestedCondition ? ruleIndex : undefined}\n          updateRules={isNestedCondition ? updateRules : undefined}\n        />\n        <IconButton\n          title=\"Remove\"\n          sx={{\n            color: theme => theme.palette.grey[500],\n            flexGrow: 0,\n            alignSelf: 'baseline',\n            mt: '34px',\n          }}\n          disabled={isNestedCondition ? nestedDisabled : disabled}\n          onClick={\n            isNestedCondition &&\n            activeNestedCriteria &&\n            nestedConditionIndex !== undefined\n              ? () => handleRemoveNestedConditionRule(activeNestedCriteria)\n              : () => {\n                  handleRemoveSimpleConditionRule(ruleIndex, ruleList);\n                }\n          }\n        >\n          <RemoveIcon />\n        </IconButton>\n      </div>\n    )\n  );\n};\n"],"names":["ruleList"],"mappings":"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"}

package/dist/components/ConditionalAccess/ComplexConditionRowButtons.esm.js

@@ -4,6 +4,7 @@ import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
 import { getDefaultRule } from '../../utils/conditional-access-utils.esm.js';
 import { tooltipTitle } from './AddNestedConditionButton.esm.js';
 import { criterias } from './const.esm.js';
@@ -41,11 +42,12 @@ const ComplexConditionRowButtons = ({
   return (criteria === criterias.allOf || criteria === criterias.anyOf) && /* @__PURE__ */ jsxs(
     Box,
     {
-      mt: 1,
-      mb: 1,
+      mt: 2,
       sx: {
         display: "flex",
         flexDirection: "column",
+        justifyContent: "space-between",
+        gap: 1,
         alignItems: "flex-start"
       },
       children: [
@@ -58,10 +60,10 @@ const ComplexConditionRowButtons = ({
             size: "small",
             onClick: handleAddRule,
             startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
-            children: "Add rule"
+            children: /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: "Add rule" })
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           Button,
           {
             sx: {
@@ -70,14 +72,10 @@ const ComplexConditionRowButtons = ({
             size: "small",
             onClick: () => handleAddNestedCondition(criteria),
             startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
-            endIcon: /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(), placement: "top", children: /* @__PURE__ */ jsx(
-              HelpOutlineIcon,
-              {
-                fontSize: "small",
-                style: { marginLeft: "0.25rem" }
-              }
-            ) }),
-            children: "Add Nested Condition"
+            children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: "Add nested condition" }),
+              /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(), placement: "top", children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "inherit", style: { marginLeft: 4 } }) })
+            ]
           }
         )
       ]

package/dist/components/ConditionalAccess/ComplexConditionRowButtons.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexConditionRowButtons.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRowButtons.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 AddIcon from '@mui/icons-material/Add';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Tooltip from '@mui/material/Tooltip';\n\nimport { getDefaultRule } from '../../utils/conditional-access-utils';\nimport { tooltipTitle } from './AddNestedConditionButton';\nimport { criterias } from './const';\nimport { Condition, ConditionsData } from './types';\n\ntype ComplexConditionRowButtonsProps = {\n  conditionRow: ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  criteria: string;\n  selPluginResourceType: string;\n  updateErrors: (_index: number) => void;\n  isNestedConditionRule: (condition: Condition) => boolean;\n  handleAddNestedCondition: (criteria: string) => void;\n};\n\nexport const ComplexConditionRowButtons = ({\n  conditionRow,\n  onRuleChange,\n  criteria,\n  selPluginResourceType,\n  updateErrors,\n  isNestedConditionRule,\n  handleAddNestedCondition,\n}: ComplexConditionRowButtonsProps) => {\n  const findFirstNestedConditionIndex = (rules: Condition[]): number => {\n    return rules.findIndex(e => isNestedConditionRule(e)) || 0;\n  };\n  const handleAddRule = () => {\n    const updatedRules = [\n      ...(conditionRow.allOf ?? []),\n      ...(conditionRow.anyOf ?? []),\n    ];\n\n    const firstNestedConditionIndex =\n      findFirstNestedConditionIndex(updatedRules);\n    if (firstNestedConditionIndex !== -1) {\n      updatedRules.splice(\n        firstNestedConditionIndex,\n        0,\n        getDefaultRule(selPluginResourceType),\n      );\n    } else {\n      updatedRules.push(getDefaultRule(selPluginResourceType));\n    }\n\n    onRuleChange({ [criteria]: [...updatedRules] });\n    updateErrors(firstNestedConditionIndex);\n  };\n\n  return (\n    (criteria === criterias.allOf || criteria === criterias.anyOf) && (\n      <Box\n        mt={1}\n        mb={1}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n        }}\n      >\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={handleAddRule}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          Add rule\n        </Button>\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={() => handleAddNestedCondition(criteria)}\n          startIcon={<AddIcon fontSize=\"small\" />}\n          endIcon={\n            <Tooltip title={tooltipTitle()} placement=\"top\">\n              <HelpOutlineIcon\n                fontSize=\"small\"\n                style={{ marginLeft: '0.25rem' }}\n              />\n            </Tooltip>\n          }\n        >\n          Add Nested Condition\n        </Button>\n      </Box>\n    )\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAoCO,MAAM,6BAA6B,CAAC;AAAA,EACzC,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,qBAAA;AAAA,EACA,YAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAuC,KAAA;AACrC,EAAM,MAAA,6BAAA,GAAgC,CAAC,KAA+B,KAAA;AACpE,IAAA,OAAO,MAAM,SAAU,CAAA,CAAA,CAAA,KAAK,qBAAsB,CAAA,CAAC,CAAC,CAAK,IAAA,CAAA;AAAA,GAC3D;AACA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,MAAM,YAAe,GAAA;AAAA,MACnB,GAAI,YAAa,CAAA,KAAA,IAAS,EAAC;AAAA,MAC3B,GAAI,YAAa,CAAA,KAAA,IAAS;AAAC,KAC7B;AAEA,IAAM,MAAA,yBAAA,GACJ,8BAA8B,YAAY,CAAA;AAC5C,IAAA,IAAI,8BAA8B,EAAI,EAAA;AACpC,MAAa,YAAA,CAAA,MAAA;AAAA,QACX,yBAAA;AAAA,QACA,CAAA;AAAA,QACA,eAAe,qBAAqB;AAAA,OACtC;AAAA,KACK,MAAA;AACL,MAAa,YAAA,CAAA,IAAA,CAAK,cAAe,CAAA,qBAAqB,CAAC,CAAA;AAAA;AAGzD,IAAa,YAAA,CAAA,EAAE,CAAC,QAAQ,GAAG,CAAC,GAAG,YAAY,GAAG,CAAA;AAC9C,IAAA,YAAA,CAAa,yBAAyB,CAAA;AAAA,GACxC;AAEA,EAAA,OAAA,CACG,QAAa,KAAA,SAAA,CAAU,KAAS,IAAA,QAAA,KAAa,UAAU,KACtD,qBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA;AAAA,cACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,aACxC;AAAA,YACA,IAAK,EAAA,OAAA;AAAA,YACL,OAAS,EAAA,aAAA;AAAA,YACT,SAAW,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,YACtC,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA;AAAA,cACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,aACxC;AAAA,YACA,IAAK,EAAA,OAAA;AAAA,YACL,OAAA,EAAS,MAAM,wBAAA,CAAyB,QAAQ,CAAA;AAAA,YAChD,SAAW,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,YACrC,yBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACC,QAAS,EAAA,OAAA;AAAA,gBACT,KAAA,EAAO,EAAE,UAAA,EAAY,SAAU;AAAA;AAAA,aAEnC,EAAA,CAAA;AAAA,YAEH,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GACF;AAGN;;;;"}
+{"version":3,"file":"ComplexConditionRowButtons.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRowButtons.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 AddIcon from '@mui/icons-material/Add';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nimport { getDefaultRule } from '../../utils/conditional-access-utils';\nimport { tooltipTitle } from './AddNestedConditionButton';\nimport { criterias } from './const';\nimport { Condition, ConditionsData } from './types';\n\ntype ComplexConditionRowButtonsProps = {\n  conditionRow: ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  criteria: string;\n  selPluginResourceType: string;\n  updateErrors: (_index: number) => void;\n  isNestedConditionRule: (condition: Condition) => boolean;\n  handleAddNestedCondition: (criteria: string) => void;\n};\n\nexport const ComplexConditionRowButtons = ({\n  conditionRow,\n  onRuleChange,\n  criteria,\n  selPluginResourceType,\n  updateErrors,\n  isNestedConditionRule,\n  handleAddNestedCondition,\n}: ComplexConditionRowButtonsProps) => {\n  const findFirstNestedConditionIndex = (rules: Condition[]): number => {\n    return rules.findIndex(e => isNestedConditionRule(e)) || 0;\n  };\n  const handleAddRule = () => {\n    const updatedRules = [\n      ...(conditionRow.allOf ?? []),\n      ...(conditionRow.anyOf ?? []),\n    ];\n\n    const firstNestedConditionIndex =\n      findFirstNestedConditionIndex(updatedRules);\n    if (firstNestedConditionIndex !== -1) {\n      updatedRules.splice(\n        firstNestedConditionIndex,\n        0,\n        getDefaultRule(selPluginResourceType),\n      );\n    } else {\n      updatedRules.push(getDefaultRule(selPluginResourceType));\n    }\n\n    onRuleChange({ [criteria]: [...updatedRules] });\n    updateErrors(firstNestedConditionIndex);\n  };\n\n  return (\n    (criteria === criterias.allOf || criteria === criterias.anyOf) && (\n      <Box\n        mt={2}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          gap: 1,\n          alignItems: 'flex-start',\n        }}\n      >\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={handleAddRule}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          <Typography variant=\"body2\" component=\"span\">\n            Add rule\n          </Typography>\n        </Button>\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={() => handleAddNestedCondition(criteria)}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          <Typography variant=\"body2\" component=\"span\">\n            Add nested condition\n          </Typography>\n          <Tooltip title={tooltipTitle()} placement=\"top\">\n            <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: 4 }} />\n          </Tooltip>\n        </Button>\n      </Box>\n    )\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConditionalAccess/ConditionsFormRow.esm.js

@@ -19,6 +19,7 @@ import { ConditionsFormRowFields } from './ConditionsFormRowFields.esm.js';
 import { criterias, conditionButtons } from './const.esm.js';
 import { CriteriaToggleButton } from './CriteriaToggleButton.esm.js';
 import { NotConditionType } from './types.esm.js';
+import Typography from '@mui/material/Typography';
 
 const ConditionsFormRow = ({
   conditionRulesData,
@@ -364,7 +365,7 @@ const ConditionsFormRow = ({
               Button,
               {
                 sx: {
-                  mt: 1,
+                  mt: 2,
                   color: theme.palette.primary.light
                 },
                 size: "small",
@@ -373,7 +374,7 @@ const ConditionsFormRow = ({
                   nestedConditionIndex
                 ),
                 startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
-                children: "Add rule"
+                children: /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: "Add rule" })
               }
             )
           ] })

package/dist/components/ConditionalAccess/ConditionsFormRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionsFormRow.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionsFormRow.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 { useState, useEffect } from 'react';\n\nimport { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { useTheme } from '@mui/material/styles';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\n\nimport {\n  extractNestedConditions,\n  getDefaultRule,\n  getNestedConditionSimpleRulesCount,\n  getSimpleRulesCount,\n  isNestedConditionRule,\n  isSimpleRule,\n  nestedConditionButtons,\n  resetErrors,\n  ruleOptionDisabled,\n} from '../../utils/conditional-access-utils';\nimport { AddNestedConditionButton } from './AddNestedConditionButton';\nimport { ComplexConditionRow } from './ComplexConditionRow';\nimport { ComplexConditionRowButtons } from './ComplexConditionRowButtons';\nimport { ConditionRule } from './ConditionRule';\nimport { ConditionsFormRowFields } from './ConditionsFormRowFields';\nimport { conditionButtons, criterias } from './const';\nimport { CriteriaToggleButton } from './CriteriaToggleButton';\nimport {\n  ComplexErrors,\n  Condition,\n  ConditionFormRowProps,\n  ConditionsData,\n  NestedCriteriaErrors,\n  NotConditionType,\n} from './types';\n\nexport const ConditionsFormRow = ({\n  conditionRulesData,\n  conditionRow,\n  selPluginResourceType,\n  criteria,\n  onRuleChange,\n  setCriteria,\n  setErrors,\n  setRemoveAllClicked,\n}: ConditionFormRowProps) => {\n  const theme = useTheme();\n  const [nestedConditionRow, setNestedConditionRow] = useState<Condition[]>([]);\n  const [notConditionType, setNotConditionType] = useState<NotConditionType>(\n    NotConditionType.SimpleCondition,\n  );\n\n  useEffect(() => {\n    const nestedConditions: Condition[] = [];\n    const criteriaTypes = [criterias.allOf, criterias.anyOf, criterias.not];\n    switch (criteria) {\n      case criterias.allOf:\n        extractNestedConditions(\n          conditionRow.allOf || [],\n          criteriaTypes,\n          nestedConditions,\n        );\n        break;\n      case criterias.anyOf:\n        extractNestedConditions(\n          conditionRow.anyOf || [],\n          criteriaTypes,\n          nestedConditions,\n        );\n        break;\n      case criterias.not:\n        if (\n          conditionRow.not &&\n          criteriaTypes.includes(\n            Object.keys(conditionRow.not)[0] as keyof ConditionsData,\n          )\n        ) {\n          nestedConditions.push(conditionRow.not);\n          setNotConditionType(NotConditionType.NestedCondition);\n        }\n        break;\n      default:\n        break;\n    }\n\n    setNestedConditionRow(nestedConditions);\n  }, [conditionRow, criteria]);\n\n  const handleCriteriaChange = (val: keyof ConditionsData) => {\n    setCriteria(val);\n    setErrors(resetErrors(val));\n\n    const defaultRule = getDefaultRule(selPluginResourceType);\n\n    const ruleMap = {\n      [criterias.condition]: { condition: defaultRule },\n      [criterias.allOf]: { allOf: [defaultRule] },\n      [criterias.anyOf]: { anyOf: [defaultRule] },\n      [criterias.not]: { not: defaultRule },\n    };\n\n    if (val === criterias.not) {\n      setNotConditionType(NotConditionType.SimpleCondition);\n    }\n\n    const ruleChange = ruleMap[val];\n    if (ruleChange) {\n      onRuleChange(ruleChange);\n    }\n  };\n\n  const updateRules = (updatedNestedConditionRow: Condition[] | Condition) => {\n    const existingSimpleCondition =\n      criteria !== criterias.not\n        ? (conditionRow[criteria as keyof Condition] as Condition[])?.filter(\n            con => isSimpleRule(con),\n          ) || []\n        : [];\n\n    const newCondition: Condition[] = Array.isArray(updatedNestedConditionRow)\n      ? [...existingSimpleCondition, ...updatedNestedConditionRow]\n      : [...existingSimpleCondition, updatedNestedConditionRow];\n\n    if (criteria === criterias.anyOf || criteria === criterias.allOf) {\n      onRuleChange({\n        [criteria]: newCondition,\n      });\n    } else if (\n      criteria === criterias.not &&\n      !Array.isArray(updatedNestedConditionRow)\n    ) {\n      onRuleChange({\n        not: updatedNestedConditionRow,\n      });\n    }\n  };\n\n  const handleNestedConditionCriteriaChange = (\n    val: string,\n    nestedConditionIndex: number,\n  ) => {\n    const defaultRule = getDefaultRule(selPluginResourceType);\n\n    const nestedConditionMap = {\n      [criterias.not]: { [val]: defaultRule },\n      [criterias.allOf]: { [val]: [defaultRule] },\n      [criterias.anyOf]: { [val]: [defaultRule] },\n      [criterias.condition]: { [val]: [defaultRule] },\n    };\n\n    const newCondition = nestedConditionMap[val] || { [val]: [defaultRule] };\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        if (criteria === criterias.not) {\n          (updatedErrors[criteria] as ComplexErrors) =\n            val !== criterias.not ? { [val]: [''] } : { [val]: '' };\n          return updatedErrors;\n        }\n        const criteriaErrors = updatedErrors[criteria];\n        const simpleRuleErrors = (criteriaErrors as ComplexErrors[]).filter(\n          (err: ComplexErrors) => typeof err === 'string',\n        );\n        const nestedConditionErrors = (\n          criteriaErrors as ComplexErrors[]\n        ).filter((err: ComplexErrors) => typeof err !== 'string');\n        nestedConditionErrors[nestedConditionIndex] =\n          val !== criterias.not ? { [val]: [''] } : { [val]: '' };\n        updatedErrors[criteria] = [\n          ...simpleRuleErrors,\n          ...nestedConditionErrors,\n        ];\n      }\n\n      return updatedErrors;\n    });\n\n    if (criteria === criterias.not) {\n      updateRules(newCondition);\n    } else {\n      const updatedNestedConditionRow = nestedConditionRow.map((c, index) => {\n        if (index === nestedConditionIndex) {\n          return newCondition;\n        }\n        return c;\n      });\n      updateRules(updatedNestedConditionRow);\n    }\n  };\n\n  const handleAddNestedCondition = (currentCriteria: string) => {\n    const newNestedCondition = {\n      [criterias.allOf]: [getDefaultRule(selPluginResourceType)],\n    };\n    const updatedNestedConditionRow = [\n      ...nestedConditionRow,\n      newNestedCondition,\n    ];\n    updateRules(\n      currentCriteria === criterias.not\n        ? newNestedCondition\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n      if (updatedErrors[currentCriteria]) {\n        const criteriaErrors = updatedErrors[\n          currentCriteria\n        ] as ComplexErrors[];\n        if (Array.isArray(criteriaErrors)) {\n          criteriaErrors.push({ [criterias.allOf]: [''] });\n        } else {\n          (updatedErrors[currentCriteria] as ComplexErrors) = {\n            [criterias.allOf]: [''],\n          };\n        }\n      }\n      return updatedErrors;\n    });\n  };\n\n  const handleNotConditionTypeChange = (val: NotConditionType) => {\n    setNotConditionType(val);\n    setErrors(resetErrors(criteria, val));\n    if (val === 'nested-condition') {\n      handleAddNestedCondition(criterias.not);\n    } else {\n      onRuleChange({\n        not: getDefaultRule(selPluginResourceType),\n      });\n    }\n  };\n\n  const handleAddRuleInNestedCondition = (\n    nestedConditionCriteria: string,\n    nestedConditionIndex: number,\n  ) => {\n    const updatedNestedConditionRow: Condition[] = [];\n\n    nestedConditionRow.forEach((c, index) => {\n      if (index === nestedConditionIndex) {\n        updatedNestedConditionRow.push({\n          [nestedConditionCriteria as keyof Condition]: [\n            ...((c[\n              nestedConditionCriteria as keyof Condition\n            ] as PermissionCondition[]) || []),\n            getDefaultRule(selPluginResourceType),\n          ],\n        });\n      } else {\n        updatedNestedConditionRow.push(c);\n      }\n    });\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria];\n        if (\n          criteria === criterias.not &&\n          notConditionType === 'nested-condition'\n        ) {\n          (\n            (criteriaErrors as NestedCriteriaErrors)[\n              nestedConditionCriteria\n            ] as string[]\n          ).push('');\n          return updatedErrors;\n        }\n        const simpleRuleErrors = (criteriaErrors as ComplexErrors[]).filter(\n          (err: ComplexErrors) => typeof err === 'string',\n        );\n        const nestedConditionErrors = (\n          criteriaErrors as ComplexErrors[]\n        ).filter((err: ComplexErrors) => typeof err !== 'string');\n\n        (\n          ((\n            nestedConditionErrors[nestedConditionIndex] as NestedCriteriaErrors\n          )[nestedConditionCriteria] as string[]) || []\n        ).push('');\n        updatedErrors[criteria] = [\n          ...simpleRuleErrors,\n          ...nestedConditionErrors,\n        ];\n      }\n      return updatedErrors;\n    });\n  };\n\n  const handleRemoveNestedCondition = (nestedConditionIndex: number) => {\n    const updatedNestedConditionRow = nestedConditionRow.filter(\n      (_, index) => index !== nestedConditionIndex,\n    );\n\n    updateRules(updatedNestedConditionRow);\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria] as ComplexErrors[];\n        const simpleRuleErrors = criteriaErrors.filter(\n          (err: ComplexErrors) => typeof err === 'string',\n        );\n        const nestedConditionErrors = criteriaErrors.filter(\n          (err: ComplexErrors) => typeof err !== 'string',\n        );\n        nestedConditionErrors.splice(nestedConditionIndex, 1);\n\n        updatedErrors[criteria] = [\n          ...simpleRuleErrors,\n          ...nestedConditionErrors,\n        ];\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const updateErrors = (_index: number) => {\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (!Array.isArray(updatedErrors[criteria])) {\n        updatedErrors[criteria] = [];\n      }\n\n      const firstNestedConditionErrorIndex =\n        (updatedErrors[criteria] as ComplexErrors[]).findIndex(\n          e => typeof e !== 'string',\n        ) || 0;\n\n      (updatedErrors[criteria] as ComplexErrors[]).splice(\n        firstNestedConditionErrorIndex,\n        0,\n        '',\n      );\n\n      return updatedErrors;\n    });\n  };\n\n  const renderNestedConditionRow = (\n    nc: Condition,\n    nestedConditionIndex: number,\n  ) => {\n    const selectedNestedConditionCriteria = Object.keys(nc)[0];\n    const simpleRulesCount = getSimpleRulesCount(conditionRow, criteria);\n    const nestedConditionsCount = nestedConditionRow.length;\n    const nestedConditionSimpleRulesCount = getNestedConditionSimpleRulesCount(\n      nc,\n      selectedNestedConditionCriteria,\n    );\n    return (\n      nestedConditionSimpleRulesCount > 0 && (\n        <Box\n          mt={2}\n          key={`nestedCondition-${nestedConditionIndex}`}\n          sx={{\n            padding: '20px',\n            marginLeft: theme.spacing(3),\n            border: `1px solid ${theme.palette.border}`,\n            borderRadius: '4px',\n            backgroundColor: theme.palette.background.default,\n            '& input': {\n              backgroundColor: `${theme.palette.background.paper}!important`,\n            },\n          }}\n        >\n          <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n            <ToggleButtonGroup\n              exclusive\n              value={selectedNestedConditionCriteria}\n              onChange={(_event, newNestedCriteria) =>\n                handleNestedConditionCriteriaChange(\n                  newNestedCriteria,\n                  nestedConditionIndex,\n                )\n              }\n              sx={{\n                backgroundColor: theme.palette.background.paper,\n                width: '60%',\n                height: '100%',\n              }}\n            >\n              {nestedConditionButtons.map(({ val, label }) => (\n                <CriteriaToggleButton\n                  key={`nested-criteria-${val}`}\n                  val={val}\n                  label={label}\n                  selectedCriteria={selectedNestedConditionCriteria}\n                  theme={theme}\n                />\n              ))}\n            </ToggleButtonGroup>\n            {criteria !== criterias.not && (\n              <IconButton\n                title=\"Remove nested condition\"\n                sx={{\n                  color: theme.palette.grey[500],\n                  flexGrow: 0,\n                  alignSelf: 'baseline',\n                }}\n                disabled={simpleRulesCount === 0 && nestedConditionsCount === 1} // 0 simple rules and this is the only 1 nested condition\n                onClick={() =>\n                  handleRemoveNestedCondition(nestedConditionIndex)\n                }\n              >\n                <RemoveIcon data-testid=\"remove-nested-condition\" />\n              </IconButton>\n            )}\n          </div>\n          <Box>\n            {selectedNestedConditionCriteria !== criterias.not &&\n              (\n                nc[\n                  selectedNestedConditionCriteria as keyof Condition\n                ] as PermissionCondition[]\n              ).map((c, ncrIndex) => (\n                <ComplexConditionRow\n                  key={`nested-condition-${nestedConditionIndex}-${ncrIndex}`}\n                  conditionRow={conditionRow}\n                  nestedConditionRow={nestedConditionRow}\n                  criteria={criteria}\n                  onRuleChange={onRuleChange}\n                  updateRules={updateRules}\n                  setErrors={setErrors}\n                  setRemoveAllClicked={setRemoveAllClicked}\n                  conditionRulesData={conditionRulesData}\n                  notConditionType={notConditionType}\n                  currentCondition={c}\n                  ruleIndex={ncrIndex}\n                  isNestedCondition\n                  nestedConditionIndex={nestedConditionIndex}\n                  activeNestedCriteria={\n                    selectedNestedConditionCriteria as 'allOf' | 'anyOf'\n                  }\n                />\n              ))}\n            {selectedNestedConditionCriteria === criterias.not &&\n              ((nc as ConditionsData).not as PermissionCondition)\n                .resourceType && (\n                <ConditionsFormRowFields\n                  oldCondition={\n                    (nc as ConditionsData).not ??\n                    getDefaultRule(selPluginResourceType)\n                  }\n                  onRuleChange={onRuleChange}\n                  conditionRow={conditionRow}\n                  criteria={criteria}\n                  conditionRulesData={conditionRulesData}\n                  setErrors={setErrors}\n                  optionDisabled={ruleOption =>\n                    ruleOptionDisabled(\n                      ruleOption,\n                      (nc as ConditionsData).not\n                        ? [(nc as ConditionsData).not as PermissionCondition]\n                        : undefined,\n                    )\n                  }\n                  setRemoveAllClicked={setRemoveAllClicked}\n                  nestedConditionRow={nestedConditionRow}\n                  nestedConditionCriteria={selectedNestedConditionCriteria}\n                  nestedConditionIndex={nestedConditionIndex}\n                  updateRules={updateRules}\n                />\n              )}\n            {selectedNestedConditionCriteria !== criterias.not && (\n              <Button\n                sx={{\n                  mt: 1,\n                  color: theme.palette.primary.light,\n                }}\n                size=\"small\"\n                onClick={() =>\n                  handleAddRuleInNestedCondition(\n                    selectedNestedConditionCriteria,\n                    nestedConditionIndex,\n                  )\n                }\n                startIcon={<AddIcon fontSize=\"small\" />}\n              >\n                Add rule\n              </Button>\n            )}\n          </Box>\n        </Box>\n      )\n    );\n  };\n\n  return (\n    <Box\n      sx={{\n        padding: '20px',\n        border: `1px solid ${theme.palette.border}`,\n        borderRadius: '4px',\n        backgroundColor: theme.palette.background.default,\n        '& input': {\n          color: `${theme.palette.textContrast}!important`,\n          '&:-internal-autofill-selected, &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active':\n            {\n              WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.background.paper} inset`,\n              WebkitTextFillColor: `${theme.palette.textContrast}!important`,\n              caretColor: `${theme.palette.textContrast}!important`,\n            },\n        },\n        '& button': {\n          textTransform: 'none',\n        },\n      }}\n      data-testid=\"conditions-row\"\n    >\n      <ToggleButtonGroup\n        exclusive\n        value={criteria}\n        onChange={(_event, newCriteria) => handleCriteriaChange(newCriteria)}\n        sx={{\n          backgroundColor: theme.palette.background.paper,\n          width: '80%',\n        }}\n      >\n        {conditionButtons.map(({ val, label }) => (\n          <CriteriaToggleButton\n            key={`criteria-${val}`}\n            val={val}\n            label={label}\n            selectedCriteria={criteria}\n            theme={theme}\n          />\n        ))}\n      </ToggleButtonGroup>\n      <ConditionRule\n        conditionRow={conditionRow}\n        selPluginResourceType={selPluginResourceType}\n        onRuleChange={onRuleChange}\n        criteria={criteria}\n        conditionRulesData={conditionRulesData}\n        setErrors={setErrors}\n        setRemoveAllClicked={setRemoveAllClicked}\n      />\n      {criteria !== criterias.condition && (\n        <Box>\n          {criteria !== criterias.not &&\n            (conditionRow[criteria] as PermissionCondition[])?.map(\n              (c, srIndex) => (\n                <ComplexConditionRow\n                  key={`${criteria}-simple-condition-${srIndex}`}\n                  conditionRow={conditionRow}\n                  nestedConditionRow={nestedConditionRow}\n                  criteria={criteria}\n                  onRuleChange={onRuleChange}\n                  updateRules={updateRules}\n                  setErrors={setErrors}\n                  setRemoveAllClicked={setRemoveAllClicked}\n                  conditionRulesData={conditionRulesData}\n                  notConditionType={notConditionType}\n                  currentCondition={c}\n                  ruleIndex={srIndex}\n                  activeCriteria={criteria as 'allOf' | 'anyOf'}\n                />\n              ),\n            )}\n          {criteria === criterias.not && (\n            <RadioGroup\n              sx={{\n                margin: theme.spacing(1),\n              }}\n              value={notConditionType}\n              onChange={(_event, value) =>\n                handleNotConditionTypeChange(value as NotConditionType)\n              }\n            >\n              <FormControlLabel\n                value={NotConditionType.SimpleCondition}\n                control={<Radio color=\"primary\" />}\n                label=\"Add rule\"\n                sx={{\n                  marginTop: theme.spacing(1),\n                }}\n              />\n              {notConditionType === NotConditionType.SimpleCondition && (\n                <ConditionsFormRowFields\n                  oldCondition={\n                    conditionRow.not ?? getDefaultRule(selPluginResourceType)\n                  }\n                  onRuleChange={onRuleChange}\n                  conditionRow={conditionRow}\n                  criteria={criteria}\n                  conditionRulesData={conditionRulesData}\n                  setErrors={setErrors}\n                  optionDisabled={ruleOption =>\n                    ruleOptionDisabled(\n                      ruleOption,\n                      conditionRow.not\n                        ? [conditionRow.not as PermissionCondition]\n                        : undefined,\n                    )\n                  }\n                  setRemoveAllClicked={setRemoveAllClicked}\n                />\n              )}\n              <FormControlLabel\n                value={NotConditionType.NestedCondition}\n                control={<Radio color=\"primary\" />}\n                label={<AddNestedConditionButton />}\n                sx={{\n                  marginTop: theme.spacing(1),\n                }}\n              />\n            </RadioGroup>\n          )}\n          <ComplexConditionRowButtons\n            conditionRow={conditionRow}\n            onRuleChange={onRuleChange}\n            criteria={criteria}\n            selPluginResourceType={selPluginResourceType}\n            updateErrors={updateErrors}\n            isNestedConditionRule={isNestedConditionRule}\n            handleAddNestedCondition={handleAddNestedCondition}\n          />\n          {nestedConditionRow?.length > 0 &&\n            nestedConditionRow.map((nc, nestedConditionIndex) =>\n              renderNestedConditionRow(nc, nestedConditionIndex),\n            )}\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConditionsFormRow.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionsFormRow.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 { useState, useEffect } from 'react';\n\nimport { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { useTheme } from '@mui/material/styles';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\n\nimport {\n  extractNestedConditions,\n  getDefaultRule,\n  getNestedConditionSimpleRulesCount,\n  getSimpleRulesCount,\n  isNestedConditionRule,\n  isSimpleRule,\n  nestedConditionButtons,\n  resetErrors,\n  ruleOptionDisabled,\n} from '../../utils/conditional-access-utils';\nimport { AddNestedConditionButton } from './AddNestedConditionButton';\nimport { ComplexConditionRow } from './ComplexConditionRow';\nimport { ComplexConditionRowButtons } from './ComplexConditionRowButtons';\nimport { ConditionRule } from './ConditionRule';\nimport { ConditionsFormRowFields } from './ConditionsFormRowFields';\nimport { conditionButtons, criterias } from './const';\nimport { CriteriaToggleButton } from './CriteriaToggleButton';\nimport {\n  ComplexErrors,\n  Condition,\n  ConditionFormRowProps,\n  ConditionsData,\n  NestedCriteriaErrors,\n  NotConditionType,\n} from './types';\nimport Typography from '@mui/material/Typography';\n\nexport const ConditionsFormRow = ({\n  conditionRulesData,\n  conditionRow,\n  selPluginResourceType,\n  criteria,\n  onRuleChange,\n  setCriteria,\n  setErrors,\n  setRemoveAllClicked,\n}: ConditionFormRowProps) => {\n  const theme = useTheme();\n  const [nestedConditionRow, setNestedConditionRow] = useState<Condition[]>([]);\n  const [notConditionType, setNotConditionType] = useState<NotConditionType>(\n    NotConditionType.SimpleCondition,\n  );\n\n  useEffect(() => {\n    const nestedConditions: Condition[] = [];\n    const criteriaTypes = [criterias.allOf, criterias.anyOf, criterias.not];\n    switch (criteria) {\n      case criterias.allOf:\n        extractNestedConditions(\n          conditionRow.allOf || [],\n          criteriaTypes,\n          nestedConditions,\n        );\n        break;\n      case criterias.anyOf:\n        extractNestedConditions(\n          conditionRow.anyOf || [],\n          criteriaTypes,\n          nestedConditions,\n        );\n        break;\n      case criterias.not:\n        if (\n          conditionRow.not &&\n          criteriaTypes.includes(\n            Object.keys(conditionRow.not)[0] as keyof ConditionsData,\n          )\n        ) {\n          nestedConditions.push(conditionRow.not);\n          setNotConditionType(NotConditionType.NestedCondition);\n        }\n        break;\n      default:\n        break;\n    }\n\n    setNestedConditionRow(nestedConditions);\n  }, [conditionRow, criteria]);\n\n  const handleCriteriaChange = (val: keyof ConditionsData) => {\n    setCriteria(val);\n    setErrors(resetErrors(val));\n\n    const defaultRule = getDefaultRule(selPluginResourceType);\n\n    const ruleMap = {\n      [criterias.condition]: { condition: defaultRule },\n      [criterias.allOf]: { allOf: [defaultRule] },\n      [criterias.anyOf]: { anyOf: [defaultRule] },\n      [criterias.not]: { not: defaultRule },\n    };\n\n    if (val === criterias.not) {\n      setNotConditionType(NotConditionType.SimpleCondition);\n    }\n\n    const ruleChange = ruleMap[val];\n    if (ruleChange) {\n      onRuleChange(ruleChange);\n    }\n  };\n\n  const updateRules = (updatedNestedConditionRow: Condition[] | Condition) => {\n    const existingSimpleCondition =\n      criteria !== criterias.not\n        ? (conditionRow[criteria as keyof Condition] as Condition[])?.filter(\n            con => isSimpleRule(con),\n          ) || []\n        : [];\n\n    const newCondition: Condition[] = Array.isArray(updatedNestedConditionRow)\n      ? [...existingSimpleCondition, ...updatedNestedConditionRow]\n      : [...existingSimpleCondition, updatedNestedConditionRow];\n\n    if (criteria === criterias.anyOf || criteria === criterias.allOf) {\n      onRuleChange({\n        [criteria]: newCondition,\n      });\n    } else if (\n      criteria === criterias.not &&\n      !Array.isArray(updatedNestedConditionRow)\n    ) {\n      onRuleChange({\n        not: updatedNestedConditionRow,\n      });\n    }\n  };\n\n  const handleNestedConditionCriteriaChange = (\n    val: string,\n    nestedConditionIndex: number,\n  ) => {\n    const defaultRule = getDefaultRule(selPluginResourceType);\n\n    const nestedConditionMap = {\n      [criterias.not]: { [val]: defaultRule },\n      [criterias.allOf]: { [val]: [defaultRule] },\n      [criterias.anyOf]: { [val]: [defaultRule] },\n      [criterias.condition]: { [val]: [defaultRule] },\n    };\n\n    const newCondition = nestedConditionMap[val] || { [val]: [defaultRule] };\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        if (criteria === criterias.not) {\n          (updatedErrors[criteria] as ComplexErrors) =\n            val !== criterias.not ? { [val]: [''] } : { [val]: '' };\n          return updatedErrors;\n        }\n        const criteriaErrors = updatedErrors[criteria];\n        const simpleRuleErrors = (criteriaErrors as ComplexErrors[]).filter(\n          (err: ComplexErrors) => typeof err === 'string',\n        );\n        const nestedConditionErrors = (\n          criteriaErrors as ComplexErrors[]\n        ).filter((err: ComplexErrors) => typeof err !== 'string');\n        nestedConditionErrors[nestedConditionIndex] =\n          val !== criterias.not ? { [val]: [''] } : { [val]: '' };\n        updatedErrors[criteria] = [\n          ...simpleRuleErrors,\n          ...nestedConditionErrors,\n        ];\n      }\n\n      return updatedErrors;\n    });\n\n    if (criteria === criterias.not) {\n      updateRules(newCondition);\n    } else {\n      const updatedNestedConditionRow = nestedConditionRow.map((c, index) => {\n        if (index === nestedConditionIndex) {\n          return newCondition;\n        }\n        return c;\n      });\n      updateRules(updatedNestedConditionRow);\n    }\n  };\n\n  const handleAddNestedCondition = (currentCriteria: string) => {\n    const newNestedCondition = {\n      [criterias.allOf]: [getDefaultRule(selPluginResourceType)],\n    };\n    const updatedNestedConditionRow = [\n      ...nestedConditionRow,\n      newNestedCondition,\n    ];\n    updateRules(\n      currentCriteria === criterias.not\n        ? newNestedCondition\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n      if (updatedErrors[currentCriteria]) {\n        const criteriaErrors = updatedErrors[\n          currentCriteria\n        ] as ComplexErrors[];\n        if (Array.isArray(criteriaErrors)) {\n          criteriaErrors.push({ [criterias.allOf]: [''] });\n        } else {\n          (updatedErrors[currentCriteria] as ComplexErrors) = {\n            [criterias.allOf]: [''],\n          };\n        }\n      }\n      return updatedErrors;\n    });\n  };\n\n  const handleNotConditionTypeChange = (val: NotConditionType) => {\n    setNotConditionType(val);\n    setErrors(resetErrors(criteria, val));\n    if (val === 'nested-condition') {\n      handleAddNestedCondition(criterias.not);\n    } else {\n      onRuleChange({\n        not: getDefaultRule(selPluginResourceType),\n      });\n    }\n  };\n\n  const handleAddRuleInNestedCondition = (\n    nestedConditionCriteria: string,\n    nestedConditionIndex: number,\n  ) => {\n    const updatedNestedConditionRow: Condition[] = [];\n\n    nestedConditionRow.forEach((c, index) => {\n      if (index === nestedConditionIndex) {\n        updatedNestedConditionRow.push({\n          [nestedConditionCriteria as keyof Condition]: [\n            ...((c[\n              nestedConditionCriteria as keyof Condition\n            ] as PermissionCondition[]) || []),\n            getDefaultRule(selPluginResourceType),\n          ],\n        });\n      } else {\n        updatedNestedConditionRow.push(c);\n      }\n    });\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria];\n        if (\n          criteria === criterias.not &&\n          notConditionType === 'nested-condition'\n        ) {\n          (\n            (criteriaErrors as NestedCriteriaErrors)[\n              nestedConditionCriteria\n            ] as string[]\n          ).push('');\n          return updatedErrors;\n        }\n        const simpleRuleErrors = (criteriaErrors as ComplexErrors[]).filter(\n          (err: ComplexErrors) => typeof err === 'string',\n        );\n        const nestedConditionErrors = (\n          criteriaErrors as ComplexErrors[]\n        ).filter((err: ComplexErrors) => typeof err !== 'string');\n\n        (\n          ((\n            nestedConditionErrors[nestedConditionIndex] as NestedCriteriaErrors\n          )[nestedConditionCriteria] as string[]) || []\n        ).push('');\n        updatedErrors[criteria] = [\n          ...simpleRuleErrors,\n          ...nestedConditionErrors,\n        ];\n      }\n      return updatedErrors;\n    });\n  };\n\n  const handleRemoveNestedCondition = (nestedConditionIndex: number) => {\n    const updatedNestedConditionRow = nestedConditionRow.filter(\n      (_, index) => index !== nestedConditionIndex,\n    );\n\n    updateRules(updatedNestedConditionRow);\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria] as ComplexErrors[];\n        const simpleRuleErrors = criteriaErrors.filter(\n          (err: ComplexErrors) => typeof err === 'string',\n        );\n        const nestedConditionErrors = criteriaErrors.filter(\n          (err: ComplexErrors) => typeof err !== 'string',\n        );\n        nestedConditionErrors.splice(nestedConditionIndex, 1);\n\n        updatedErrors[criteria] = [\n          ...simpleRuleErrors,\n          ...nestedConditionErrors,\n        ];\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const updateErrors = (_index: number) => {\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (!Array.isArray(updatedErrors[criteria])) {\n        updatedErrors[criteria] = [];\n      }\n\n      const firstNestedConditionErrorIndex =\n        (updatedErrors[criteria] as ComplexErrors[]).findIndex(\n          e => typeof e !== 'string',\n        ) || 0;\n\n      (updatedErrors[criteria] as ComplexErrors[]).splice(\n        firstNestedConditionErrorIndex,\n        0,\n        '',\n      );\n\n      return updatedErrors;\n    });\n  };\n\n  const renderNestedConditionRow = (\n    nc: Condition,\n    nestedConditionIndex: number,\n  ) => {\n    const selectedNestedConditionCriteria = Object.keys(nc)[0];\n    const simpleRulesCount = getSimpleRulesCount(conditionRow, criteria);\n    const nestedConditionsCount = nestedConditionRow.length;\n    const nestedConditionSimpleRulesCount = getNestedConditionSimpleRulesCount(\n      nc,\n      selectedNestedConditionCriteria,\n    );\n    return (\n      nestedConditionSimpleRulesCount > 0 && (\n        <Box\n          mt={2}\n          key={`nestedCondition-${nestedConditionIndex}`}\n          sx={{\n            padding: '20px',\n            marginLeft: theme.spacing(3),\n            border: `1px solid ${theme.palette.border}`,\n            borderRadius: '4px',\n            backgroundColor: theme.palette.background.default,\n            '& input': {\n              backgroundColor: `${theme.palette.background.paper}!important`,\n            },\n          }}\n        >\n          <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n            <ToggleButtonGroup\n              exclusive\n              value={selectedNestedConditionCriteria}\n              onChange={(_event, newNestedCriteria) =>\n                handleNestedConditionCriteriaChange(\n                  newNestedCriteria,\n                  nestedConditionIndex,\n                )\n              }\n              sx={{\n                backgroundColor: theme.palette.background.paper,\n                width: '60%',\n                height: '100%',\n              }}\n            >\n              {nestedConditionButtons.map(({ val, label }) => (\n                <CriteriaToggleButton\n                  key={`nested-criteria-${val}`}\n                  val={val}\n                  label={label}\n                  selectedCriteria={selectedNestedConditionCriteria}\n                  theme={theme}\n                />\n              ))}\n            </ToggleButtonGroup>\n            {criteria !== criterias.not && (\n              <IconButton\n                title=\"Remove nested condition\"\n                sx={{\n                  color: theme.palette.grey[500],\n                  flexGrow: 0,\n                  alignSelf: 'baseline',\n                }}\n                disabled={simpleRulesCount === 0 && nestedConditionsCount === 1} // 0 simple rules and this is the only 1 nested condition\n                onClick={() =>\n                  handleRemoveNestedCondition(nestedConditionIndex)\n                }\n              >\n                <RemoveIcon data-testid=\"remove-nested-condition\" />\n              </IconButton>\n            )}\n          </div>\n          <Box>\n            {selectedNestedConditionCriteria !== criterias.not &&\n              (\n                nc[\n                  selectedNestedConditionCriteria as keyof Condition\n                ] as PermissionCondition[]\n              ).map((c, ncrIndex) => (\n                <ComplexConditionRow\n                  key={`nested-condition-${nestedConditionIndex}-${ncrIndex}`}\n                  conditionRow={conditionRow}\n                  nestedConditionRow={nestedConditionRow}\n                  criteria={criteria}\n                  onRuleChange={onRuleChange}\n                  updateRules={updateRules}\n                  setErrors={setErrors}\n                  setRemoveAllClicked={setRemoveAllClicked}\n                  conditionRulesData={conditionRulesData}\n                  notConditionType={notConditionType}\n                  currentCondition={c}\n                  ruleIndex={ncrIndex}\n                  isNestedCondition\n                  nestedConditionIndex={nestedConditionIndex}\n                  activeNestedCriteria={\n                    selectedNestedConditionCriteria as 'allOf' | 'anyOf'\n                  }\n                />\n              ))}\n            {selectedNestedConditionCriteria === criterias.not &&\n              ((nc as ConditionsData).not as PermissionCondition)\n                .resourceType && (\n                <ConditionsFormRowFields\n                  oldCondition={\n                    (nc as ConditionsData).not ??\n                    getDefaultRule(selPluginResourceType)\n                  }\n                  onRuleChange={onRuleChange}\n                  conditionRow={conditionRow}\n                  criteria={criteria}\n                  conditionRulesData={conditionRulesData}\n                  setErrors={setErrors}\n                  optionDisabled={ruleOption =>\n                    ruleOptionDisabled(\n                      ruleOption,\n                      (nc as ConditionsData).not\n                        ? [(nc as ConditionsData).not as PermissionCondition]\n                        : undefined,\n                    )\n                  }\n                  setRemoveAllClicked={setRemoveAllClicked}\n                  nestedConditionRow={nestedConditionRow}\n                  nestedConditionCriteria={selectedNestedConditionCriteria}\n                  nestedConditionIndex={nestedConditionIndex}\n                  updateRules={updateRules}\n                />\n              )}\n            {selectedNestedConditionCriteria !== criterias.not && (\n              <Button\n                sx={{\n                  mt: 2,\n                  color: theme.palette.primary.light,\n                }}\n                size=\"small\"\n                onClick={() =>\n                  handleAddRuleInNestedCondition(\n                    selectedNestedConditionCriteria,\n                    nestedConditionIndex,\n                  )\n                }\n                startIcon={<AddIcon fontSize=\"small\" />}\n              >\n                <Typography variant=\"body2\" component=\"span\">\n                  Add rule\n                </Typography>\n              </Button>\n            )}\n          </Box>\n        </Box>\n      )\n    );\n  };\n\n  return (\n    <Box\n      sx={{\n        padding: '20px',\n        border: `1px solid ${theme.palette.border}`,\n        borderRadius: '4px',\n        backgroundColor: theme.palette.background.default,\n        '& input': {\n          color: `${theme.palette.textContrast}!important`,\n          '&:-internal-autofill-selected, &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active':\n            {\n              WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.background.paper} inset`,\n              WebkitTextFillColor: `${theme.palette.textContrast}!important`,\n              caretColor: `${theme.palette.textContrast}!important`,\n            },\n        },\n        '& button': {\n          textTransform: 'none',\n        },\n      }}\n      data-testid=\"conditions-row\"\n    >\n      <ToggleButtonGroup\n        exclusive\n        value={criteria}\n        onChange={(_event, newCriteria) => handleCriteriaChange(newCriteria)}\n        sx={{\n          backgroundColor: theme.palette.background.paper,\n          width: '80%',\n        }}\n      >\n        {conditionButtons.map(({ val, label }) => (\n          <CriteriaToggleButton\n            key={`criteria-${val}`}\n            val={val}\n            label={label}\n            selectedCriteria={criteria}\n            theme={theme}\n          />\n        ))}\n      </ToggleButtonGroup>\n      <ConditionRule\n        conditionRow={conditionRow}\n        selPluginResourceType={selPluginResourceType}\n        onRuleChange={onRuleChange}\n        criteria={criteria}\n        conditionRulesData={conditionRulesData}\n        setErrors={setErrors}\n        setRemoveAllClicked={setRemoveAllClicked}\n      />\n      {criteria !== criterias.condition && (\n        <Box>\n          {criteria !== criterias.not &&\n            (conditionRow[criteria] as PermissionCondition[])?.map(\n              (c, srIndex) => (\n                <ComplexConditionRow\n                  key={`${criteria}-simple-condition-${srIndex}`}\n                  conditionRow={conditionRow}\n                  nestedConditionRow={nestedConditionRow}\n                  criteria={criteria}\n                  onRuleChange={onRuleChange}\n                  updateRules={updateRules}\n                  setErrors={setErrors}\n                  setRemoveAllClicked={setRemoveAllClicked}\n                  conditionRulesData={conditionRulesData}\n                  notConditionType={notConditionType}\n                  currentCondition={c}\n                  ruleIndex={srIndex}\n                  activeCriteria={criteria as 'allOf' | 'anyOf'}\n                />\n              ),\n            )}\n          {criteria === criterias.not && (\n            <RadioGroup\n              sx={{\n                margin: theme.spacing(1),\n              }}\n              value={notConditionType}\n              onChange={(_event, value) =>\n                handleNotConditionTypeChange(value as NotConditionType)\n              }\n            >\n              <FormControlLabel\n                value={NotConditionType.SimpleCondition}\n                control={<Radio color=\"primary\" />}\n                label=\"Add rule\"\n                sx={{\n                  marginTop: theme.spacing(1),\n                }}\n              />\n              {notConditionType === NotConditionType.SimpleCondition && (\n                <ConditionsFormRowFields\n                  oldCondition={\n                    conditionRow.not ?? getDefaultRule(selPluginResourceType)\n                  }\n                  onRuleChange={onRuleChange}\n                  conditionRow={conditionRow}\n                  criteria={criteria}\n                  conditionRulesData={conditionRulesData}\n                  setErrors={setErrors}\n                  optionDisabled={ruleOption =>\n                    ruleOptionDisabled(\n                      ruleOption,\n                      conditionRow.not\n                        ? [conditionRow.not as PermissionCondition]\n                        : undefined,\n                    )\n                  }\n                  setRemoveAllClicked={setRemoveAllClicked}\n                />\n              )}\n              <FormControlLabel\n                value={NotConditionType.NestedCondition}\n                control={<Radio color=\"primary\" />}\n                label={<AddNestedConditionButton />}\n                sx={{\n                  marginTop: theme.spacing(1),\n                }}\n              />\n            </RadioGroup>\n          )}\n          <ComplexConditionRowButtons\n            conditionRow={conditionRow}\n            onRuleChange={onRuleChange}\n            criteria={criteria}\n            selPluginResourceType={selPluginResourceType}\n            updateErrors={updateErrors}\n            isNestedConditionRule={isNestedConditionRule}\n            handleAddNestedCondition={handleAddNestedCondition}\n          />\n          {nestedConditionRow?.length > 0 &&\n            nestedConditionRow.map((nc, nestedConditionIndex) =>\n              renderNestedConditionRow(nc, nestedConditionIndex),\n            )}\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConditionalAccess/ConditionsFormRowFields.esm.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Autocomplete from '@mui/material/Autocomplete';
 import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
@@ -12,12 +13,19 @@ import { CustomArrayField } from './CustomArrayField.esm.js';
 import { RulesDropdownOption } from './RulesDropdownOption.esm.js';
 
 const makeConditionsFormRowFieldsStyles = makeStyles(() => ({
-  inputFieldContainer: {
+  leftInputFieldContainer: {
     display: "flex",
     flexFlow: "row",
-    gap: "10px",
+    gap: "1rem",
     flexGrow: 1,
+    paddingLeft: 0,
     margin: ({ isNotSimpleCondition }) => isNotSimpleCondition ? "-1.5rem 0 0 1.85rem" : "0"
+  },
+  rightInputFieldContainer: {
+    width: "50%",
+    "& span > h6": {
+      display: ({ hasError }) => hasError ? "none" : "block"
+    }
   }
 }));
 const getTextFieldStyles = (theme) => ({
@@ -75,8 +83,10 @@ const ConditionsFormRowFields = ({
 }) => {
   const isNotSimpleCondition = criteria === criterias.not && !nestedConditionCriteria;
   const theme = useTheme();
+  const [hasError, setHasError] = useState(false);
   const classes = makeConditionsFormRowFieldsStyles({
-    isNotSimpleCondition
+    isNotSimpleCondition,
+    hasError
   });
   const rules = conditionRulesData?.rules ?? [];
   const paramsSchema = conditionRulesData?.[oldCondition.rule]?.schema;
@@ -178,6 +188,11 @@ const ConditionsFormRowFields = ({
     );
   };
   const handleTransformErrors = (errors) => {
+    if (errors.length > 0) {
+      setHasError(true);
+    } else {
+      setHasError(false);
+    }
     if (criteria === criterias.condition || criteria === criterias.not && isSimpleRule(conditionRow[criteria])) {
       setErrors((prevErrors) => {
         const updatedErrors = { ...prevErrors };
@@ -233,7 +248,7 @@ const ConditionsFormRowFields = ({
       handleConditionChange(newCondition);
     }
   };
-  return /* @__PURE__ */ jsxs(Box, { className: classes.inputFieldContainer, children: [
+  return /* @__PURE__ */ jsxs(Box, { className: classes.leftInputFieldContainer, children: [
     /* @__PURE__ */ jsx(
       Autocomplete,
       {
@@ -267,7 +282,7 @@ const ConditionsFormRowFields = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx(Box, { style: { width: "50%" }, children: schema ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { className: classes.rightInputFieldContainer, children: schema ? /* @__PURE__ */ jsx(
       Form,
       {
         schema: paramsSchema,

package/dist/components/ConditionalAccess/ConditionsFormRowFields.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionsFormRowFields.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionsFormRowFields.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 { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Box from '@mui/material/Box';\nimport { Theme, useTheme } from '@mui/material/styles';\nimport TextField from '@mui/material/TextField';\nimport { makeStyles } from '@mui/styles';\nimport Form from '@rjsf/mui';\nimport {\n  RegistryFieldsType,\n  RJSFSchema,\n  RJSFValidationError,\n  UiSchema,\n} from '@rjsf/utils';\nimport validator from '@rjsf/validator-ajv8';\n\nimport {\n  getNestedRuleErrors,\n  getSimpleRuleErrors,\n  isSimpleRule,\n  setErrorMessage,\n} from '../../utils/conditional-access-utils';\nimport { criterias } from './const';\nimport { CustomArrayField } from './CustomArrayField';\nimport { RulesDropdownOption } from './RulesDropdownOption';\nimport {\n  AccessConditionsErrors,\n  ComplexErrors,\n  Condition,\n  ConditionsData,\n  NestedCriteriaErrors,\n  RulesData,\n} from './types';\n\ntype ConditionFormRowFieldsProps = {\n  oldCondition: Condition;\n  index?: number;\n  criteria: string;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  conditionRow: ConditionsData | Condition;\n  conditionRulesData?: RulesData;\n  setErrors: Dispatch<SetStateAction<AccessConditionsErrors | undefined>>;\n  optionDisabled?: (ruleOption: string) => boolean;\n  setRemoveAllClicked: Dispatch<SetStateAction<boolean>>;\n  nestedConditionRow?: Condition[];\n  nestedConditionCriteria?: string;\n  nestedConditionIndex?: number;\n  nestedConditionRuleIndex?: number;\n  updateRules?: (newCondition: Condition[] | Condition) => void;\n};\n\ninterface StyleProps {\n  isNotSimpleCondition: boolean;\n}\n\nconst makeConditionsFormRowFieldsStyles = makeStyles<Theme, StyleProps>(() => ({\n  inputFieldContainer: {\n    display: 'flex',\n    flexFlow: 'row',\n    gap: '10px',\n    flexGrow: 1,\n    margin: ({ isNotSimpleCondition }) =>\n      isNotSimpleCondition ? '-1.5rem 0 0 1.85rem' : '0',\n  },\n}));\n\nexport const getTextFieldStyles = (theme: Theme) => ({\n  '& div[class*=\"MuiInputBase-root\"]': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& span': {\n    color: theme.palette.textSubtle,\n  },\n  '& input': {\n    color: theme.palette.textContrast,\n  },\n  '& fieldset.MuiOutlinedInput-notchedOutline': {\n    borderColor: theme.palette.grey[500],\n  },\n  '& div.MuiOutlinedInput-root': {\n    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n      borderColor: theme.palette.primary.light,\n    },\n    '&.Mui-error .MuiOutlinedInput-notchedOutline': {\n      borderColor: theme.palette.status.error,\n      '&:hover': {\n        borderColor: theme.palette.status.error,\n      },\n    },\n  },\n  '& label.MuiFormLabel-root.Mui-focused': {\n    color: theme.palette.primary.light,\n  },\n  '& label.MuiFormLabel-root.Mui-error': {\n    color: theme.palette.status.error,\n  },\n  '& div.MuiOutlinedInput-root:hover fieldset': {\n    borderColor:\n      theme.palette.mode === 'dark' ? theme.palette.textContrast : 'unset',\n  },\n  '& label': {\n    color: theme.palette.textSubtle,\n  },\n});\n\nexport const ConditionsFormRowFields = ({\n  oldCondition,\n  index,\n  criteria,\n  onRuleChange,\n  conditionRow,\n  conditionRulesData,\n  setErrors,\n  optionDisabled,\n  setRemoveAllClicked,\n  nestedConditionRow,\n  nestedConditionCriteria,\n  nestedConditionIndex,\n  nestedConditionRuleIndex,\n  updateRules,\n}: ConditionFormRowFieldsProps) => {\n  const isNotSimpleCondition =\n    criteria === criterias.not && !nestedConditionCriteria;\n  const theme = useTheme();\n  const classes = makeConditionsFormRowFieldsStyles({\n    isNotSimpleCondition,\n  });\n\n  const rules = conditionRulesData?.rules ?? [];\n  const paramsSchema =\n    conditionRulesData?.[(oldCondition as PermissionCondition).rule]?.schema;\n\n  const schema: RJSFSchema = paramsSchema;\n\n  const uiSchema: UiSchema = {\n    'ui:submitButtonOptions': {\n      norender: true,\n    },\n    'ui:classNames': `{\n      '& div[class*=\"MuiInputBase-root\"]': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& span': {\n        color: theme.palette.textSubtle,\n      },\n      '& input': {\n        color: theme.palette.textContrast,\n      },\n      '& fieldset.MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette.grey[500],\n      },\n      '& div.MuiOutlinedInput-root': {\n        '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n          borderColor: theme.palette.primary.light,\n        },\n        '&.Mui-error .MuiOutlinedInput-notchedOutline': {\n          borderColor: theme.palette.status.error,\n          '&:hover': {\n            borderColor: theme.palette.status.error,\n          },\n        },\n      },\n      '& label.MuiFormLabel-root.Mui-focused': {\n        color: theme.palette.primary.light,\n      },\n      '& label.MuiFormLabel-root.Mui-error': {\n        color: theme.palette.status.error,\n      },\n      '& div.MuiOutlinedInput-root:hover fieldset': {\n        borderColor:\n          theme.palette.mode === 'dark' ? theme.palette.textContrast : 'unset',\n      },\n      '& label': {\n        color: theme.palette.textSubtle,\n      },\n    }`,\n    'ui:field': 'array',\n  };\n\n  const customFields: RegistryFieldsType = { ArrayField: CustomArrayField };\n\n  const handleConditionChange = (newCondition: PermissionCondition) => {\n    setRemoveAllClicked(false);\n    switch (criteria) {\n      case criterias.condition: {\n        onRuleChange({ condition: newCondition });\n        break;\n      }\n      case criterias.allOf: {\n        const updatedCriteria = (conditionRow as ConditionsData).allOf ?? [];\n        updatedCriteria[index ?? 0] = newCondition;\n        onRuleChange({ allOf: updatedCriteria });\n        break;\n      }\n      case criterias.anyOf: {\n        const updatedCriteria = (conditionRow as ConditionsData).anyOf ?? [];\n        updatedCriteria[index ?? 0] = newCondition;\n        onRuleChange({ anyOf: updatedCriteria });\n        break;\n      }\n      case criterias.not: {\n        onRuleChange({ not: newCondition });\n        break;\n      }\n      default:\n    }\n  };\n\n  const handleNestedConditionChange = (newCondition: PermissionCondition) => {\n    if (\n      !nestedConditionRow ||\n      !nestedConditionCriteria ||\n      nestedConditionIndex === undefined ||\n      !updateRules\n    ) {\n      return;\n    }\n    const updatedNestedConditionRow: Condition[] = nestedConditionRow.map(\n      (c, i) => {\n        if (i === nestedConditionIndex) {\n          if (nestedConditionCriteria === criterias.not) {\n            return {\n              [nestedConditionCriteria]: newCondition,\n            };\n          }\n          const updatedNestedConditionRules = (\n            (c[\n              nestedConditionCriteria as keyof Condition\n            ] as PermissionCondition[]) || []\n          ).map((rule, rindex) => {\n            return rindex === nestedConditionRuleIndex ? newCondition : rule;\n          });\n\n          return {\n            [nestedConditionCriteria]: updatedNestedConditionRules,\n          };\n        }\n        return c;\n      },\n    );\n\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n  };\n\n  const handleTransformErrors = (errors: RJSFValidationError[]) => {\n    // criteria: condition or not simple-condition\n    if (\n      criteria === criterias.condition ||\n      (criteria === criterias.not &&\n        isSimpleRule(conditionRow[criteria as keyof Condition]))\n    ) {\n      setErrors(prevErrors => {\n        const updatedErrors = { ...prevErrors };\n        updatedErrors[criteria] = setErrorMessage(errors);\n\n        return updatedErrors;\n      });\n    }\n\n    // criteria: not nested-condition\n    if (\n      criteria === criterias.not &&\n      nestedConditionCriteria &&\n      !isSimpleRule(conditionRow[criteria as keyof Condition])\n    ) {\n      setErrors(prevErrors => {\n        const updatedErrors = { ...prevErrors };\n        const nestedErrors = (updatedErrors[criteria] as ComplexErrors)[\n          nestedConditionCriteria as keyof Condition\n        ] as NestedCriteriaErrors;\n\n        // nestedCriteria: allOf or anyOf\n        if (\n          Array.isArray(nestedErrors) &&\n          nestedConditionRuleIndex !== undefined\n        ) {\n          nestedErrors[nestedConditionRuleIndex] = setErrorMessage(errors);\n        } else {\n          // nestedCriteria: not\n          updatedErrors[criteria] = {\n            [nestedConditionCriteria]: setErrorMessage(errors),\n          };\n        }\n\n        return updatedErrors;\n      });\n    }\n\n    // criteria: allOf or anyOf\n    if (criteria === criterias.allOf || criteria === criterias.anyOf) {\n      setErrors(prevErrors => {\n        const updatedErrors = { ...prevErrors };\n        const simpleRuleErrors = getSimpleRuleErrors(\n          updatedErrors[\n            criteria as keyof AccessConditionsErrors\n          ] as ComplexErrors[],\n        );\n        if (\n          Array.isArray(simpleRuleErrors) &&\n          simpleRuleErrors.length > 0 &&\n          index !== undefined\n        ) {\n          simpleRuleErrors[index] = setErrorMessage(errors);\n        }\n\n        const nestedRuleErrors = getNestedRuleErrors(\n          updatedErrors[\n            criteria as keyof AccessConditionsErrors\n          ] as ComplexErrors[],\n        );\n\n        // nestedCriteria: allOf or anyOf\n        if (\n          nestedConditionCriteria &&\n          nestedConditionIndex !== undefined &&\n          nestedConditionRuleIndex !== undefined\n        ) {\n          const nestedConditionRuleList =\n            nestedRuleErrors[nestedConditionIndex][nestedConditionCriteria];\n\n          if (Array.isArray(nestedConditionRuleList)) {\n            nestedConditionRuleList[nestedConditionRuleIndex] =\n              setErrorMessage(errors);\n          }\n        }\n\n        // nestedCriteria: not\n        if (\n          Array.isArray(nestedRuleErrors) &&\n          nestedRuleErrors.length > 0 &&\n          nestedConditionCriteria === criterias.not &&\n          nestedConditionIndex !== undefined\n        ) {\n          nestedRuleErrors[nestedConditionIndex][nestedConditionCriteria] =\n            setErrorMessage(errors);\n        }\n\n        updatedErrors[criteria] = [...simpleRuleErrors, ...nestedRuleErrors];\n        return updatedErrors;\n      });\n    }\n\n    return errors;\n  };\n\n  const onConditionChange = (newCondition: PermissionCondition) => {\n    if (nestedConditionRow) {\n      handleNestedConditionChange(newCondition);\n    } else {\n      handleConditionChange(newCondition);\n    }\n  };\n\n  return (\n    <Box className={classes.inputFieldContainer}>\n      <Autocomplete\n        style={{ width: '50%', marginTop: '26px' }}\n        sx={getTextFieldStyles(theme)}\n        options={rules ?? []}\n        value={(oldCondition as PermissionCondition)?.rule || null}\n        getOptionDisabled={option =>\n          optionDisabled ? optionDisabled(option) : false\n        }\n        onChange={(_event, ruleVal?: string | null) =>\n          onConditionChange({\n            ...oldCondition,\n            rule: ruleVal ?? '',\n            params: {},\n          } as PermissionCondition)\n        }\n        renderOption={(props, option) => (\n          <RulesDropdownOption\n            props={props}\n            label={option ?? ''}\n            rulesData={conditionRulesData}\n          />\n        )}\n        renderInput={(params: any) => (\n          <TextField\n            {...params}\n            label=\"Rule\"\n            variant=\"outlined\"\n            placeholder=\"Select a rule\"\n            required\n          />\n        )}\n      />\n      <Box style={{ width: '50%' }}>\n        {schema ? (\n          <Form\n            schema={paramsSchema}\n            formData={(oldCondition as PermissionCondition)?.params || {}}\n            validator={validator}\n            uiSchema={uiSchema}\n            fields={customFields}\n            onChange={data =>\n              onConditionChange({\n                ...oldCondition,\n                params: data.formData || {},\n              } as PermissionCondition)\n            }\n            transformErrors={handleTransformErrors}\n            showErrorList={false}\n            liveValidate\n          />\n        ) : (\n          <TextField\n            style={{ width: '100%', marginTop: '26px' }}\n            sx={getTextFieldStyles(theme)}\n            disabled\n            label=\"string, string\"\n            required\n            variant=\"outlined\"\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwEA,MAAM,iCAAA,GAAoC,WAA8B,OAAO;AAAA,EAC7E,mBAAqB,EAAA;AAAA,IACnB,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,KAAA;AAAA,IACV,GAAK,EAAA,MAAA;AAAA,IACL,QAAU,EAAA,CAAA;AAAA,IACV,QAAQ,CAAC,EAAE,oBAAqB,EAAA,KAC9B,uBAAuB,qBAAwB,GAAA;AAAA;AAErD,CAAE,CAAA,CAAA;AAEW,MAAA,kBAAA,GAAqB,CAAC,KAAkB,MAAA;AAAA,EACnD,mCAAqC,EAAA;AAAA,IACnC,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,GAC5C;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA,GACvB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA,GACvB;AAAA,EACA,4CAA8C,EAAA;AAAA,IAC5C,WAAa,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA,GACrC;AAAA,EACA,6BAA+B,EAAA;AAAA,IAC7B,gDAAkD,EAAA;AAAA,MAChD,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,KACrC;AAAA,IACA,8CAAgD,EAAA;AAAA,MAC9C,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,MAClC,SAAW,EAAA;AAAA,QACT,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA;AACpC;AACF,GACF;AAAA,EACA,uCAAyC,EAAA;AAAA,IACvC,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,GAC/B;AAAA,EACA,qCAAuC,EAAA;AAAA,IACrC,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA,GAC9B;AAAA,EACA,4CAA8C,EAAA;AAAA,IAC5C,aACE,KAAM,CAAA,OAAA,CAAQ,SAAS,MAAS,GAAA,KAAA,CAAM,QAAQ,YAAe,GAAA;AAAA,GACjE;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAEzB,CAAA;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC,YAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,oBAAA;AAAA,EACA,wBAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,oBACJ,GAAA,QAAA,KAAa,SAAU,CAAA,GAAA,IAAO,CAAC,uBAAA;AACjC,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAA,MAAM,UAAU,iCAAkC,CAAA;AAAA,IAChD;AAAA,GACD,CAAA;AAED,EAAM,MAAA,KAAA,GAAQ,kBAAoB,EAAA,KAAA,IAAS,EAAC;AAC5C,EAAA,MAAM,YACJ,GAAA,kBAAA,GAAsB,YAAqC,CAAA,IAAI,CAAG,EAAA,MAAA;AAEpE,EAAA,MAAM,MAAqB,GAAA,YAAA;AAE3B,EAAA,MAAM,QAAqB,GAAA;AAAA,IACzB,wBAA0B,EAAA;AAAA,MACxB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,eAAiB,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAAA;AAAA,IAsCjB,UAAY,EAAA;AAAA,GACd;AAEA,EAAM,MAAA,YAAA,GAAmC,EAAE,UAAA,EAAY,gBAAiB,EAAA;AAExE,EAAM,MAAA,qBAAA,GAAwB,CAAC,YAAsC,KAAA;AACnE,IAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,IAAA,QAAQ,QAAU;AAAA,MAChB,KAAK,UAAU,SAAW,EAAA;AACxB,QAAa,YAAA,CAAA,EAAE,SAAW,EAAA,YAAA,EAAc,CAAA;AACxC,QAAA;AAAA;AACF,MACA,KAAK,UAAU,KAAO,EAAA;AACpB,QAAM,MAAA,eAAA,GAAmB,YAAgC,CAAA,KAAA,IAAS,EAAC;AACnE,QAAgB,eAAA,CAAA,KAAA,IAAS,CAAC,CAAI,GAAA,YAAA;AAC9B,QAAa,YAAA,CAAA,EAAE,KAAO,EAAA,eAAA,EAAiB,CAAA;AACvC,QAAA;AAAA;AACF,MACA,KAAK,UAAU,KAAO,EAAA;AACpB,QAAM,MAAA,eAAA,GAAmB,YAAgC,CAAA,KAAA,IAAS,EAAC;AACnE,QAAgB,eAAA,CAAA,KAAA,IAAS,CAAC,CAAI,GAAA,YAAA;AAC9B,QAAa,YAAA,CAAA,EAAE,KAAO,EAAA,eAAA,EAAiB,CAAA;AACvC,QAAA;AAAA;AACF,MACA,KAAK,UAAU,GAAK,EAAA;AAClB,QAAa,YAAA,CAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAClC,QAAA;AAAA;AAEF;AACF,GACF;AAEA,EAAM,MAAA,2BAAA,GAA8B,CAAC,YAAsC,KAAA;AACzE,IAAA,IACE,CAAC,kBACD,IAAA,CAAC,2BACD,oBAAyB,KAAA,SAAA,IACzB,CAAC,WACD,EAAA;AACA,MAAA;AAAA;AAEF,IAAA,MAAM,4BAAyC,kBAAmB,CAAA,GAAA;AAAA,MAChE,CAAC,GAAG,CAAM,KAAA;AACR,QAAA,IAAI,MAAM,oBAAsB,EAAA;AAC9B,UAAI,IAAA,uBAAA,KAA4B,UAAU,GAAK,EAAA;AAC7C,YAAO,OAAA;AAAA,cACL,CAAC,uBAAuB,GAAG;AAAA,aAC7B;AAAA;AAEF,UAAM,MAAA,2BAAA,GAAA,CACH,EACC,uBACF,CAAA,IAA+B,EAC/B,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,MAAW,KAAA;AACtB,YAAO,OAAA,MAAA,KAAW,2BAA2B,YAAe,GAAA,IAAA;AAAA,WAC7D,CAAA;AAED,UAAO,OAAA;AAAA,YACL,CAAC,uBAAuB,GAAG;AAAA,WAC7B;AAAA;AAEF,QAAO,OAAA,CAAA;AAAA;AACT,KACF;AAEA,IAAA,WAAA;AAAA,MACE,QAAa,KAAA,SAAA,CAAU,GACnB,GAAA,yBAAA,CAA0B,CAAC,CAC3B,GAAA;AAAA,KACN;AAAA,GACF;AAEA,EAAM,MAAA,qBAAA,GAAwB,CAAC,MAAkC,KAAA;AAE/D,IACE,IAAA,QAAA,KAAa,SAAU,CAAA,SAAA,IACtB,QAAa,KAAA,SAAA,CAAU,OACtB,YAAa,CAAA,YAAA,CAAa,QAA2B,CAAC,CACxD,EAAA;AACA,MAAA,SAAA,CAAU,CAAc,UAAA,KAAA;AACtB,QAAM,MAAA,aAAA,GAAgB,EAAE,GAAG,UAAW,EAAA;AACtC,QAAc,aAAA,CAAA,QAAQ,CAAI,GAAA,eAAA,CAAgB,MAAM,CAAA;AAEhD,QAAO,OAAA,aAAA;AAAA,OACR,CAAA;AAAA;AAIH,IACE,IAAA,QAAA,KAAa,UAAU,GACvB,IAAA,uBAAA,IACA,CAAC,YAAa,CAAA,YAAA,CAAa,QAA2B,CAAC,CACvD,EAAA;AACA,MAAA,SAAA,CAAU,CAAc,UAAA,KAAA;AACtB,QAAM,MAAA,aAAA,GAAgB,EAAE,GAAG,UAAW,EAAA;AACtC,QAAA,MAAM,YAAgB,GAAA,aAAA,CAAc,QAAQ,CAAA,CAC1C,uBACF,CAAA;AAGA,QAAA,IACE,KAAM,CAAA,OAAA,CAAQ,YAAY,CAAA,IAC1B,6BAA6B,SAC7B,EAAA;AACA,UAAa,YAAA,CAAA,wBAAwB,CAAI,GAAA,eAAA,CAAgB,MAAM,CAAA;AAAA,SAC1D,MAAA;AAEL,UAAA,aAAA,CAAc,QAAQ,CAAI,GAAA;AAAA,YACxB,CAAC,uBAAuB,GAAG,eAAA,CAAgB,MAAM;AAAA,WACnD;AAAA;AAGF,QAAO,OAAA,aAAA;AAAA,OACR,CAAA;AAAA;AAIH,IAAA,IAAI,QAAa,KAAA,SAAA,CAAU,KAAS,IAAA,QAAA,KAAa,UAAU,KAAO,EAAA;AAChE,MAAA,SAAA,CAAU,CAAc,UAAA,KAAA;AACtB,QAAM,MAAA,aAAA,GAAgB,EAAE,GAAG,UAAW,EAAA;AACtC,QAAA,MAAM,gBAAmB,GAAA,mBAAA;AAAA,UACvB,cACE,QACF;AAAA,SACF;AACA,QACE,IAAA,KAAA,CAAM,QAAQ,gBAAgB,CAAA,IAC9B,iBAAiB,MAAS,GAAA,CAAA,IAC1B,UAAU,SACV,EAAA;AACA,UAAiB,gBAAA,CAAA,KAAK,CAAI,GAAA,eAAA,CAAgB,MAAM,CAAA;AAAA;AAGlD,QAAA,MAAM,gBAAmB,GAAA,mBAAA;AAAA,UACvB,cACE,QACF;AAAA,SACF;AAGA,QAAA,IACE,uBACA,IAAA,oBAAA,KAAyB,SACzB,IAAA,wBAAA,KAA6B,SAC7B,EAAA;AACA,UAAA,MAAM,uBACJ,GAAA,gBAAA,CAAiB,oBAAoB,CAAA,CAAE,uBAAuB,CAAA;AAEhE,UAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,uBAAuB,CAAG,EAAA;AAC1C,YAAwB,uBAAA,CAAA,wBAAwB,CAC9C,GAAA,eAAA,CAAgB,MAAM,CAAA;AAAA;AAC1B;AAIF,QACE,IAAA,KAAA,CAAM,OAAQ,CAAA,gBAAgB,CAC9B,IAAA,gBAAA,CAAiB,MAAS,GAAA,CAAA,IAC1B,uBAA4B,KAAA,SAAA,CAAU,GACtC,IAAA,oBAAA,KAAyB,SACzB,EAAA;AACA,UAAA,gBAAA,CAAiB,oBAAoB,CAAA,CAAE,uBAAuB,CAAA,GAC5D,gBAAgB,MAAM,CAAA;AAAA;AAG1B,QAAA,aAAA,CAAc,QAAQ,CAAI,GAAA,CAAC,GAAG,gBAAA,EAAkB,GAAG,gBAAgB,CAAA;AACnE,QAAO,OAAA,aAAA;AAAA,OACR,CAAA;AAAA;AAGH,IAAO,OAAA,MAAA;AAAA,GACT;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,YAAsC,KAAA;AAC/D,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,2BAAA,CAA4B,YAAY,CAAA;AAAA,KACnC,MAAA;AACL,MAAA,qBAAA,CAAsB,YAAY,CAAA;AAAA;AACpC,GACF;AAEA,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,mBACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,WAAW,MAAO,EAAA;AAAA,QACzC,EAAA,EAAI,mBAAmB,KAAK,CAAA;AAAA,QAC5B,OAAA,EAAS,SAAS,EAAC;AAAA,QACnB,KAAA,EAAQ,cAAsC,IAAQ,IAAA,IAAA;AAAA,QACtD,iBAAmB,EAAA,CAAA,MAAA,KACjB,cAAiB,GAAA,cAAA,CAAe,MAAM,CAAI,GAAA,KAAA;AAAA,QAE5C,QAAU,EAAA,CAAC,MAAQ,EAAA,OAAA,KACjB,iBAAkB,CAAA;AAAA,UAChB,GAAG,YAAA;AAAA,UACH,MAAM,OAAW,IAAA,EAAA;AAAA,UACjB,QAAQ;AAAC,SACa,CAAA;AAAA,QAE1B,YAAA,EAAc,CAAC,KAAA,EAAO,MACpB,qBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,OAAO,MAAU,IAAA,EAAA;AAAA,YACjB,SAAW,EAAA;AAAA;AAAA,SACb;AAAA,QAEF,WAAA,EAAa,CAAC,MACZ,qBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACJ,KAAM,EAAA,MAAA;AAAA,YACN,OAAQ,EAAA,UAAA;AAAA,YACR,WAAY,EAAA,eAAA;AAAA,YACZ,QAAQ,EAAA;AAAA;AAAA;AACV;AAAA,KAEJ;AAAA,wBACC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,KAAO,EAAA,KAAA,IAClB,QACC,EAAA,MAAA,mBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,YAAA;AAAA,QACR,QAAA,EAAW,YAAsC,EAAA,MAAA,IAAU,EAAC;AAAA,QAC5D,SAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAQ,EAAA,YAAA;AAAA,QACR,QAAA,EAAU,UACR,iBAAkB,CAAA;AAAA,UAChB,GAAG,YAAA;AAAA,UACH,MAAA,EAAQ,IAAK,CAAA,QAAA,IAAY;AAAC,SACJ,CAAA;AAAA,QAE1B,eAAiB,EAAA,qBAAA;AAAA,QACjB,aAAe,EAAA,KAAA;AAAA,QACf,YAAY,EAAA;AAAA;AAAA,KAGd,mBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,WAAW,MAAO,EAAA;AAAA,QAC1C,EAAA,EAAI,mBAAmB,KAAK,CAAA;AAAA,QAC5B,QAAQ,EAAA,IAAA;AAAA,QACR,KAAM,EAAA,gBAAA;AAAA,QACN,QAAQ,EAAA,IAAA;AAAA,QACR,OAAQ,EAAA;AAAA;AAAA,KAGd,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConditionsFormRowFields.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionsFormRowFields.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';\nimport { useState } from 'react';\n\nimport { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Box from '@mui/material/Box';\nimport { Theme, useTheme } from '@mui/material/styles';\nimport TextField from '@mui/material/TextField';\nimport { makeStyles } from '@mui/styles';\nimport Form from '@rjsf/mui';\nimport {\n  RegistryFieldsType,\n  RJSFSchema,\n  RJSFValidationError,\n  UiSchema,\n} from '@rjsf/utils';\nimport validator from '@rjsf/validator-ajv8';\n\nimport {\n  getNestedRuleErrors,\n  getSimpleRuleErrors,\n  isSimpleRule,\n  setErrorMessage,\n} from '../../utils/conditional-access-utils';\nimport { criterias } from './const';\nimport { CustomArrayField } from './CustomArrayField';\nimport { RulesDropdownOption } from './RulesDropdownOption';\nimport {\n  AccessConditionsErrors,\n  ComplexErrors,\n  Condition,\n  ConditionsData,\n  NestedCriteriaErrors,\n  RulesData,\n} from './types';\n\ntype ConditionFormRowFieldsProps = {\n  oldCondition: Condition;\n  index?: number;\n  criteria: string;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  conditionRow: ConditionsData | Condition;\n  conditionRulesData?: RulesData;\n  setErrors: Dispatch<SetStateAction<AccessConditionsErrors | undefined>>;\n  optionDisabled?: (ruleOption: string) => boolean;\n  setRemoveAllClicked: Dispatch<SetStateAction<boolean>>;\n  nestedConditionRow?: Condition[];\n  nestedConditionCriteria?: string;\n  nestedConditionIndex?: number;\n  nestedConditionRuleIndex?: number;\n  updateRules?: (newCondition: Condition[] | Condition) => void;\n};\n\ninterface StyleProps {\n  isNotSimpleCondition: boolean;\n  hasError: boolean;\n}\n\nconst makeConditionsFormRowFieldsStyles = makeStyles<Theme, StyleProps>(() => ({\n  leftInputFieldContainer: {\n    display: 'flex',\n    flexFlow: 'row',\n    gap: '1rem',\n    flexGrow: 1,\n    paddingLeft: 0,\n    margin: ({ isNotSimpleCondition }) =>\n      isNotSimpleCondition ? '-1.5rem 0 0 1.85rem' : '0',\n  },\n  rightInputFieldContainer: {\n    width: '50%',\n    '& span > h6': {\n      display: ({ hasError }) => (hasError ? 'none' : 'block'),\n    },\n  },\n}));\n\nexport const getTextFieldStyles = (theme: Theme) => ({\n  '& div[class*=\"MuiInputBase-root\"]': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& span': {\n    color: theme.palette.textSubtle,\n  },\n  '& input': {\n    color: theme.palette.textContrast,\n  },\n  '& fieldset.MuiOutlinedInput-notchedOutline': {\n    borderColor: theme.palette.grey[500],\n  },\n  '& div.MuiOutlinedInput-root': {\n    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n      borderColor: theme.palette.primary.light,\n    },\n    '&.Mui-error .MuiOutlinedInput-notchedOutline': {\n      borderColor: theme.palette.status.error,\n      '&:hover': {\n        borderColor: theme.palette.status.error,\n      },\n    },\n  },\n  '& label.MuiFormLabel-root.Mui-focused': {\n    color: theme.palette.primary.light,\n  },\n  '& label.MuiFormLabel-root.Mui-error': {\n    color: theme.palette.status.error,\n  },\n  '& div.MuiOutlinedInput-root:hover fieldset': {\n    borderColor:\n      theme.palette.mode === 'dark' ? theme.palette.textContrast : 'unset',\n  },\n  '& label': {\n    color: theme.palette.textSubtle,\n  },\n});\n\nexport const ConditionsFormRowFields = ({\n  oldCondition,\n  index,\n  criteria,\n  onRuleChange,\n  conditionRow,\n  conditionRulesData,\n  setErrors,\n  optionDisabled,\n  setRemoveAllClicked,\n  nestedConditionRow,\n  nestedConditionCriteria,\n  nestedConditionIndex,\n  nestedConditionRuleIndex,\n  updateRules,\n}: ConditionFormRowFieldsProps) => {\n  const isNotSimpleCondition =\n    criteria === criterias.not && !nestedConditionCriteria;\n  const theme = useTheme();\n  const [hasError, setHasError] = useState(false);\n  const classes = makeConditionsFormRowFieldsStyles({\n    isNotSimpleCondition,\n    hasError,\n  });\n\n  const rules = conditionRulesData?.rules ?? [];\n  const paramsSchema =\n    conditionRulesData?.[(oldCondition as PermissionCondition).rule]?.schema;\n\n  const schema: RJSFSchema = paramsSchema;\n\n  const uiSchema: UiSchema = {\n    'ui:submitButtonOptions': {\n      norender: true,\n    },\n    'ui:classNames': `{\n      '& div[class*=\"MuiInputBase-root\"]': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& span': {\n        color: theme.palette.textSubtle,\n      },\n      '& input': {\n        color: theme.palette.textContrast,\n      },\n      '& fieldset.MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette.grey[500],\n      },\n      '& div.MuiOutlinedInput-root': {\n        '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n          borderColor: theme.palette.primary.light,\n        },\n        '&.Mui-error .MuiOutlinedInput-notchedOutline': {\n          borderColor: theme.palette.status.error,\n          '&:hover': {\n            borderColor: theme.palette.status.error,\n          },\n        },\n      },\n      '& label.MuiFormLabel-root.Mui-focused': {\n        color: theme.palette.primary.light,\n      },\n      '& label.MuiFormLabel-root.Mui-error': {\n        color: theme.palette.status.error,\n      },\n      '& div.MuiOutlinedInput-root:hover fieldset': {\n        borderColor:\n          theme.palette.mode === 'dark' ? theme.palette.textContrast : 'unset',\n      },\n      '& label': {\n        color: theme.palette.textSubtle,\n      },\n    }`,\n    'ui:field': 'array',\n  };\n\n  const customFields: RegistryFieldsType = { ArrayField: CustomArrayField };\n\n  const handleConditionChange = (newCondition: PermissionCondition) => {\n    setRemoveAllClicked(false);\n    switch (criteria) {\n      case criterias.condition: {\n        onRuleChange({ condition: newCondition });\n        break;\n      }\n      case criterias.allOf: {\n        const updatedCriteria = (conditionRow as ConditionsData).allOf ?? [];\n        updatedCriteria[index ?? 0] = newCondition;\n        onRuleChange({ allOf: updatedCriteria });\n        break;\n      }\n      case criterias.anyOf: {\n        const updatedCriteria = (conditionRow as ConditionsData).anyOf ?? [];\n        updatedCriteria[index ?? 0] = newCondition;\n        onRuleChange({ anyOf: updatedCriteria });\n        break;\n      }\n      case criterias.not: {\n        onRuleChange({ not: newCondition });\n        break;\n      }\n      default:\n    }\n  };\n\n  const handleNestedConditionChange = (newCondition: PermissionCondition) => {\n    if (\n      !nestedConditionRow ||\n      !nestedConditionCriteria ||\n      nestedConditionIndex === undefined ||\n      !updateRules\n    ) {\n      return;\n    }\n    const updatedNestedConditionRow: Condition[] = nestedConditionRow.map(\n      (c, i) => {\n        if (i === nestedConditionIndex) {\n          if (nestedConditionCriteria === criterias.not) {\n            return {\n              [nestedConditionCriteria]: newCondition,\n            };\n          }\n          const updatedNestedConditionRules = (\n            (c[\n              nestedConditionCriteria as keyof Condition\n            ] as PermissionCondition[]) || []\n          ).map((rule, rindex) => {\n            return rindex === nestedConditionRuleIndex ? newCondition : rule;\n          });\n\n          return {\n            [nestedConditionCriteria]: updatedNestedConditionRules,\n          };\n        }\n        return c;\n      },\n    );\n\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n  };\n\n  const handleTransformErrors = (errors: RJSFValidationError[]) => {\n    if (errors.length > 0) {\n      setHasError(true);\n    } else {\n      setHasError(false);\n    }\n    // criteria: condition or not simple-condition\n    if (\n      criteria === criterias.condition ||\n      (criteria === criterias.not &&\n        isSimpleRule(conditionRow[criteria as keyof Condition]))\n    ) {\n      setErrors(prevErrors => {\n        const updatedErrors = { ...prevErrors };\n        updatedErrors[criteria] = setErrorMessage(errors);\n\n        return updatedErrors;\n      });\n    }\n\n    // criteria: not nested-condition\n    if (\n      criteria === criterias.not &&\n      nestedConditionCriteria &&\n      !isSimpleRule(conditionRow[criteria as keyof Condition])\n    ) {\n      setErrors(prevErrors => {\n        const updatedErrors = { ...prevErrors };\n        const nestedErrors = (updatedErrors[criteria] as ComplexErrors)[\n          nestedConditionCriteria as keyof Condition\n        ] as NestedCriteriaErrors;\n\n        // nestedCriteria: allOf or anyOf\n        if (\n          Array.isArray(nestedErrors) &&\n          nestedConditionRuleIndex !== undefined\n        ) {\n          nestedErrors[nestedConditionRuleIndex] = setErrorMessage(errors);\n        } else {\n          // nestedCriteria: not\n          updatedErrors[criteria] = {\n            [nestedConditionCriteria]: setErrorMessage(errors),\n          };\n        }\n\n        return updatedErrors;\n      });\n    }\n\n    // criteria: allOf or anyOf\n    if (criteria === criterias.allOf || criteria === criterias.anyOf) {\n      setErrors(prevErrors => {\n        const updatedErrors = { ...prevErrors };\n        const simpleRuleErrors = getSimpleRuleErrors(\n          updatedErrors[\n            criteria as keyof AccessConditionsErrors\n          ] as ComplexErrors[],\n        );\n        if (\n          Array.isArray(simpleRuleErrors) &&\n          simpleRuleErrors.length > 0 &&\n          index !== undefined\n        ) {\n          simpleRuleErrors[index] = setErrorMessage(errors);\n        }\n\n        const nestedRuleErrors = getNestedRuleErrors(\n          updatedErrors[\n            criteria as keyof AccessConditionsErrors\n          ] as ComplexErrors[],\n        );\n\n        // nestedCriteria: allOf or anyOf\n        if (\n          nestedConditionCriteria &&\n          nestedConditionIndex !== undefined &&\n          nestedConditionRuleIndex !== undefined\n        ) {\n          const nestedConditionRuleList =\n            nestedRuleErrors[nestedConditionIndex][nestedConditionCriteria];\n\n          if (Array.isArray(nestedConditionRuleList)) {\n            nestedConditionRuleList[nestedConditionRuleIndex] =\n              setErrorMessage(errors);\n          }\n        }\n\n        // nestedCriteria: not\n        if (\n          Array.isArray(nestedRuleErrors) &&\n          nestedRuleErrors.length > 0 &&\n          nestedConditionCriteria === criterias.not &&\n          nestedConditionIndex !== undefined\n        ) {\n          nestedRuleErrors[nestedConditionIndex][nestedConditionCriteria] =\n            setErrorMessage(errors);\n        }\n\n        updatedErrors[criteria] = [...simpleRuleErrors, ...nestedRuleErrors];\n        return updatedErrors;\n      });\n    }\n\n    return errors;\n  };\n\n  const onConditionChange = (newCondition: PermissionCondition) => {\n    if (nestedConditionRow) {\n      handleNestedConditionChange(newCondition);\n    } else {\n      handleConditionChange(newCondition);\n    }\n  };\n\n  return (\n    <Box className={classes.leftInputFieldContainer}>\n      <Autocomplete\n        style={{ width: '50%', marginTop: '26px' }}\n        sx={getTextFieldStyles(theme)}\n        options={rules ?? []}\n        value={(oldCondition as PermissionCondition)?.rule || null}\n        getOptionDisabled={option =>\n          optionDisabled ? optionDisabled(option) : false\n        }\n        onChange={(_event, ruleVal?: string | null) =>\n          onConditionChange({\n            ...oldCondition,\n            rule: ruleVal ?? '',\n            params: {},\n          } as PermissionCondition)\n        }\n        renderOption={(props, option) => (\n          <RulesDropdownOption\n            props={props}\n            label={option ?? ''}\n            rulesData={conditionRulesData}\n          />\n        )}\n        renderInput={(params: any) => (\n          <TextField\n            {...params}\n            label=\"Rule\"\n            variant=\"outlined\"\n            placeholder=\"Select a rule\"\n            required\n          />\n        )}\n      />\n      <Box className={classes.rightInputFieldContainer}>\n        {schema ? (\n          <Form\n            schema={paramsSchema}\n            formData={(oldCondition as PermissionCondition)?.params || {}}\n            validator={validator}\n            uiSchema={uiSchema}\n            fields={customFields}\n            onChange={data =>\n              onConditionChange({\n                ...oldCondition,\n                params: data.formData || {},\n              } as PermissionCondition)\n            }\n            transformErrors={handleTransformErrors}\n            showErrorList={false}\n            liveValidate\n          />\n        ) : (\n          <TextField\n            style={{ width: '100%', marginTop: '26px' }}\n            sx={getTextFieldStyles(theme)}\n            disabled\n            label=\"string, string\"\n            required\n            variant=\"outlined\"\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -75,7 +75,6 @@ const AddMembersForm = ({
         onChange: (_e, value) => {
           setSelectedMember(value);
           setFieldValue("selectedMembers", value);
-          setSearch("");
         },
         renderTags: () => "",
         inputValue: search,
@@ -94,6 +93,11 @@ const AddMembersForm = ({
             error: !!selectedMembersError,
             helperText: selectedMembersError ?? "",
             required: true,
+            onKeyDown: (event) => {
+              if (event.key === "Backspace" && params.inputProps.value === "") {
+                event.stopPropagation();
+              }
+            },
             InputProps: {
               ...params.InputProps,
               endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"AddMembersForm.esm.js","sources":["../../../src/components/CreateRole/AddMembersForm.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 { useState, useEffect, useMemo } from 'react';\n\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport TextField from '@mui/material/TextField';\nimport HighlightOffIcon from '@mui/icons-material/HighlightOff';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { MemberEntity } from '../../types';\nimport {\n  getChildGroupsCount,\n  getMembersCount,\n  getParentGroupsCount,\n} from '../../utils/create-role-utils';\nimport { MembersDropdownOption } from './MembersDropdownOption';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddMembersFormProps = {\n  selectedMembers: SelectedMember[];\n  selectedMembersError?: string;\n  membersData: { members: MemberEntity[]; loading: boolean; error: Error };\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n};\n\nexport const AddMembersForm = ({\n  selectedMembers,\n  selectedMembersError,\n  setFieldValue,\n  membersData,\n}: AddMembersFormProps) => {\n  const [search, setSearch] = useState<string>('');\n  const [selectedMember, setSelectedMember] =\n    useState<SelectedMember[]>(selectedMembers);\n  useEffect(() => {\n    setSelectedMember(selectedMembers);\n  }, [selectedMembers]);\n\n  const getDescription = (member: MemberEntity) => {\n    const memberCount = getMembersCount(member);\n    const parentCount = getParentGroupsCount(member);\n    const childCount = getChildGroupsCount(member);\n\n    return member.kind === 'Group'\n      ? [\n          memberCount > 0 ? `${memberCount} members` : '',\n          parentCount > 0 ? `${parentCount} parent group` : '',\n          childCount > 0 ? `${childCount} child groups` : '',\n        ]\n          .filter(Boolean) // Remove any empty strings\n          .join(', ')\n      : undefined;\n  };\n\n  const membersOptions: SelectedMember[] = useMemo(() => {\n    return membersData.members\n      ? membersData.members.map((member: MemberEntity, index: number) => {\n          const tag =\n            member.metadata.etag ??\n            `${member.metadata.name}-${member.kind}-${index}`;\n          return {\n            id: tag,\n            label: member.spec?.profile?.displayName ?? member.metadata.name,\n            description: getDescription(member),\n            etag: tag,\n            type: member.kind,\n            namespace: member.metadata.namespace,\n            members: getMembersCount(member),\n            ref: stringifyEntityRef(member),\n          };\n        })\n      : ([] as SelectedMember[]);\n  }, [membersData.members]);\n\n  const filteredMembers = useMemo(() => {\n    if (search) {\n      return membersOptions\n        .filter(m =>\n          m.label\n            .toLocaleLowerCase('en-US')\n            .includes(search.toLocaleLowerCase('en-US')),\n        )\n        .slice(0, 99);\n    }\n\n    return membersOptions.slice(0, 99);\n  }, [membersOptions, search]);\n\n  const handleIsOptionEqualToValue = (\n    option: SelectedMember,\n    value: SelectedMember,\n  ) =>\n    value.etag\n      ? option.etag === value.etag\n      : selectedMember?.[0].etag === value.etag;\n\n  return (\n    <>\n      <FormHelperText>\n        Search and select users and groups to be added. Selected users and\n        groups will appear in the table below.\n      </FormHelperText>\n      <br />\n      <Autocomplete\n        disableCloseOnSelect\n        data-testid=\"users-and-groups-autocomplete\"\n        sx={{ width: '30%' }}\n        multiple\n        options={filteredMembers || []}\n        getOptionLabel={(option: SelectedMember) => option.label ?? ''}\n        isOptionEqualToValue={handleIsOptionEqualToValue}\n        loading={membersData.loading}\n        loadingText={<LinearProgress />}\n        disableClearable\n        value={selectedMember}\n        onChange={(_e, value: SelectedMember[]) => {\n          setSelectedMember(value);\n          setFieldValue('selectedMembers', value);\n          setSearch('');\n        }}\n        renderTags={() => ''}\n        inputValue={search}\n        onInputChange={(_e, newSearch: string, reason) =>\n          reason === 'input' && setSearch(newSearch)\n        }\n        renderOption={(props, option: SelectedMember, state) => (\n          <MembersDropdownOption props={props} option={option} state={state} />\n        )}\n        noOptionsText=\"No users and groups found.\"\n        clearOnEscape\n        renderInput={params => (\n          <TextField\n            data-testid=\"users-and-groups-text-field\"\n            {...params}\n            name=\"add-users-and-groups\"\n            variant=\"outlined\"\n            label=\"Select users and groups\"\n            error={!!selectedMembersError}\n            helperText={selectedMembersError ?? ''}\n            required\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {search && (\n                    <IconButton\n                      size=\"small\"\n                      onClick={() => {\n                        setSearch('');\n                      }}\n                      aria-label=\"clear search\"\n                    >\n                      <HighlightOffIcon fontSize=\"small\" />\n                    </IconButton>\n                  )}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n          />\n        )}\n      />\n      <br />\n      {membersData.error?.message && (\n        <FormHelperText error={!!membersData.error}>\n          {`Error fetching user and groups: ${membersData.error.message}`}\n        </FormHelperText>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AA+CO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,eAAA;AAAA,EACA,oBAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAiB,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GACtC,SAA2B,eAAe,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,CAAkB,eAAe,CAAA;AAAA,GACnC,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,EAAM,MAAA,cAAA,GAAiB,CAAC,MAAyB,KAAA;AAC/C,IAAM,MAAA,WAAA,GAAc,gBAAgB,MAAM,CAAA;AAC1C,IAAM,MAAA,WAAA,GAAc,qBAAqB,MAAM,CAAA;AAC/C,IAAM,MAAA,UAAA,GAAa,oBAAoB,MAAM,CAAA;AAE7C,IAAO,OAAA,MAAA,CAAO,SAAS,OACnB,GAAA;AAAA,MACE,WAAc,GAAA,CAAA,GAAI,CAAG,EAAA,WAAW,CAAa,QAAA,CAAA,GAAA,EAAA;AAAA,MAC7C,WAAc,GAAA,CAAA,GAAI,CAAG,EAAA,WAAW,CAAkB,aAAA,CAAA,GAAA,EAAA;AAAA,MAClD,UAAa,GAAA,CAAA,GAAI,CAAG,EAAA,UAAU,CAAkB,aAAA,CAAA,GAAA;AAAA,MAE/C,MAAO,CAAA,OAAO,CACd,CAAA,IAAA,CAAK,IAAI,CACZ,GAAA,SAAA;AAAA,GACN;AAEA,EAAM,MAAA,cAAA,GAAmC,QAAQ,MAAM;AACrD,IAAA,OAAO,YAAY,OACf,GAAA,WAAA,CAAY,QAAQ,GAAI,CAAA,CAAC,QAAsB,KAAkB,KAAA;AAC/D,MAAA,MAAM,GACJ,GAAA,MAAA,CAAO,QAAS,CAAA,IAAA,IAChB,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,IAAI,CAAI,CAAA,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AACjD,MAAO,OAAA;AAAA,QACL,EAAI,EAAA,GAAA;AAAA,QACJ,OAAO,MAAO,CAAA,IAAA,EAAM,OAAS,EAAA,WAAA,IAAe,OAAO,QAAS,CAAA,IAAA;AAAA,QAC5D,WAAA,EAAa,eAAe,MAAM,CAAA;AAAA,QAClC,IAAM,EAAA,GAAA;AAAA,QACN,MAAM,MAAO,CAAA,IAAA;AAAA,QACb,SAAA,EAAW,OAAO,QAAS,CAAA,SAAA;AAAA,QAC3B,OAAA,EAAS,gBAAgB,MAAM,CAAA;AAAA,QAC/B,GAAA,EAAK,mBAAmB,MAAM;AAAA,OAChC;AAAA,KACD,IACA,EAAC;AAAA,GACL,EAAA,CAAC,WAAY,CAAA,OAAO,CAAC,CAAA;AAExB,EAAM,MAAA,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,OAAO,cACJ,CAAA,MAAA;AAAA,QAAO,CAAA,CAAA,KACN,CAAE,CAAA,KAAA,CACC,iBAAkB,CAAA,OAAO,EACzB,QAAS,CAAA,MAAA,CAAO,iBAAkB,CAAA,OAAO,CAAC;AAAA,OAC/C,CACC,KAAM,CAAA,CAAA,EAAG,EAAE,CAAA;AAAA;AAGhB,IAAO,OAAA,cAAA,CAAe,KAAM,CAAA,CAAA,EAAG,EAAE,CAAA;AAAA,GAChC,EAAA,CAAC,cAAgB,EAAA,MAAM,CAAC,CAAA;AAE3B,EAAA,MAAM,0BAA6B,GAAA,CACjC,MACA,EAAA,KAAA,KAEA,MAAM,IACF,GAAA,MAAA,CAAO,IAAS,KAAA,KAAA,CAAM,IACtB,GAAA,cAAA,GAAiB,CAAC,CAAA,CAAE,SAAS,KAAM,CAAA,IAAA;AAEzC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAe,QAGhB,EAAA,2GAAA,EAAA,CAAA;AAAA,wBACC,IAAG,EAAA,EAAA,CAAA;AAAA,oBACJ,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,oBAAoB,EAAA,IAAA;AAAA,QACpB,aAAY,EAAA,+BAAA;AAAA,QACZ,EAAA,EAAI,EAAE,KAAA,EAAO,KAAM,EAAA;AAAA,QACnB,QAAQ,EAAA,IAAA;AAAA,QACR,OAAA,EAAS,mBAAmB,EAAC;AAAA,QAC7B,cAAgB,EAAA,CAAC,MAA2B,KAAA,MAAA,CAAO,KAAS,IAAA,EAAA;AAAA,QAC5D,oBAAsB,EAAA,0BAAA;AAAA,QACtB,SAAS,WAAY,CAAA,OAAA;AAAA,QACrB,WAAA,sBAAc,cAAe,EAAA,EAAA,CAAA;AAAA,QAC7B,gBAAgB,EAAA,IAAA;AAAA,QAChB,KAAO,EAAA,cAAA;AAAA,QACP,QAAA,EAAU,CAAC,EAAA,EAAI,KAA4B,KAAA;AACzC,UAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,UAAA,aAAA,CAAc,mBAAmB,KAAK,CAAA;AACtC,UAAA,SAAA,CAAU,EAAE,CAAA;AAAA,SACd;AAAA,QACA,YAAY,MAAM,EAAA;AAAA,QAClB,UAAY,EAAA,MAAA;AAAA,QACZ,aAAA,EAAe,CAAC,EAAI,EAAA,SAAA,EAAmB,WACrC,MAAW,KAAA,OAAA,IAAW,UAAU,SAAS,CAAA;AAAA,QAE3C,YAAA,EAAc,CAAC,KAAO,EAAA,MAAA,EAAwB,0BAC3C,GAAA,CAAA,qBAAA,EAAA,EAAsB,KAAc,EAAA,MAAA,EAAgB,KAAc,EAAA,CAAA;AAAA,QAErE,aAAc,EAAA,4BAAA;AAAA,QACd,aAAa,EAAA,IAAA;AAAA,QACb,aAAa,CACX,MAAA,qBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,6BAAA;AAAA,YACX,GAAG,MAAA;AAAA,YACJ,IAAK,EAAA,sBAAA;AAAA,YACL,OAAQ,EAAA,UAAA;AAAA,YACR,KAAM,EAAA,yBAAA;AAAA,YACN,KAAA,EAAO,CAAC,CAAC,oBAAA;AAAA,YACT,YAAY,oBAAwB,IAAA,EAAA;AAAA,YACpC,QAAQ,EAAA,IAAA;AAAA,YACR,UAAY,EAAA;AAAA,cACV,GAAG,MAAO,CAAA,UAAA;AAAA,cACV,8BAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,gBACC,MAAA,oBAAA,GAAA;AAAA,kBAAC,UAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,SAAS,MAAM;AACb,sBAAA,SAAA,CAAU,EAAE,CAAA;AAAA,qBACd;AAAA,oBACA,YAAW,EAAA,cAAA;AAAA,oBAEX,QAAA,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA;AAAA;AAAA,iBACrC;AAAA,gBAED,OAAO,UAAW,CAAA;AAAA,eACrB,EAAA;AAAA;AAEJ;AAAA;AACF;AAAA,KAEJ;AAAA,wBACC,IAAG,EAAA,EAAA,CAAA;AAAA,IACH,WAAY,CAAA,KAAA,EAAO,OAClB,oBAAA,GAAA,CAAC,kBAAe,KAAO,EAAA,CAAC,CAAC,WAAA,CAAY,KAClC,EAAA,QAAA,EAAA,CAAA,gCAAA,EAAmC,WAAY,CAAA,KAAA,CAAM,OAAO,CAC/D,CAAA,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AddMembersForm.esm.js","sources":["../../../src/components/CreateRole/AddMembersForm.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 { useState, useEffect, useMemo } from 'react';\n\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport TextField from '@mui/material/TextField';\nimport HighlightOffIcon from '@mui/icons-material/HighlightOff';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { MemberEntity } from '../../types';\nimport {\n  getChildGroupsCount,\n  getMembersCount,\n  getParentGroupsCount,\n} from '../../utils/create-role-utils';\nimport { MembersDropdownOption } from './MembersDropdownOption';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddMembersFormProps = {\n  selectedMembers: SelectedMember[];\n  selectedMembersError?: string;\n  membersData: { members: MemberEntity[]; loading: boolean; error: Error };\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n};\n\nexport const AddMembersForm = ({\n  selectedMembers,\n  selectedMembersError,\n  setFieldValue,\n  membersData,\n}: AddMembersFormProps) => {\n  const [search, setSearch] = useState<string>('');\n  const [selectedMember, setSelectedMember] =\n    useState<SelectedMember[]>(selectedMembers);\n  useEffect(() => {\n    setSelectedMember(selectedMembers);\n  }, [selectedMembers]);\n\n  const getDescription = (member: MemberEntity) => {\n    const memberCount = getMembersCount(member);\n    const parentCount = getParentGroupsCount(member);\n    const childCount = getChildGroupsCount(member);\n\n    return member.kind === 'Group'\n      ? [\n          memberCount > 0 ? `${memberCount} members` : '',\n          parentCount > 0 ? `${parentCount} parent group` : '',\n          childCount > 0 ? `${childCount} child groups` : '',\n        ]\n          .filter(Boolean) // Remove any empty strings\n          .join(', ')\n      : undefined;\n  };\n\n  const membersOptions: SelectedMember[] = useMemo(() => {\n    return membersData.members\n      ? membersData.members.map((member: MemberEntity, index: number) => {\n          const tag =\n            member.metadata.etag ??\n            `${member.metadata.name}-${member.kind}-${index}`;\n          return {\n            id: tag,\n            label: member.spec?.profile?.displayName ?? member.metadata.name,\n            description: getDescription(member),\n            etag: tag,\n            type: member.kind,\n            namespace: member.metadata.namespace,\n            members: getMembersCount(member),\n            ref: stringifyEntityRef(member),\n          };\n        })\n      : ([] as SelectedMember[]);\n  }, [membersData.members]);\n\n  const filteredMembers = useMemo(() => {\n    if (search) {\n      return membersOptions\n        .filter(m =>\n          m.label\n            .toLocaleLowerCase('en-US')\n            .includes(search.toLocaleLowerCase('en-US')),\n        )\n        .slice(0, 99);\n    }\n\n    return membersOptions.slice(0, 99);\n  }, [membersOptions, search]);\n\n  const handleIsOptionEqualToValue = (\n    option: SelectedMember,\n    value: SelectedMember,\n  ) =>\n    value.etag\n      ? option.etag === value.etag\n      : selectedMember?.[0].etag === value.etag;\n\n  return (\n    <>\n      <FormHelperText>\n        Search and select users and groups to be added. Selected users and\n        groups will appear in the table below.\n      </FormHelperText>\n      <br />\n      <Autocomplete\n        disableCloseOnSelect\n        data-testid=\"users-and-groups-autocomplete\"\n        sx={{ width: '30%' }}\n        multiple\n        options={filteredMembers || []}\n        getOptionLabel={(option: SelectedMember) => option.label ?? ''}\n        isOptionEqualToValue={handleIsOptionEqualToValue}\n        loading={membersData.loading}\n        loadingText={<LinearProgress />}\n        disableClearable\n        value={selectedMember}\n        onChange={(_e, value: SelectedMember[]) => {\n          setSelectedMember(value);\n          setFieldValue('selectedMembers', value);\n        }}\n        renderTags={() => ''}\n        inputValue={search}\n        onInputChange={(_e, newSearch: string, reason) =>\n          reason === 'input' && setSearch(newSearch)\n        }\n        renderOption={(props, option: SelectedMember, state) => (\n          <MembersDropdownOption props={props} option={option} state={state} />\n        )}\n        noOptionsText=\"No users and groups found.\"\n        clearOnEscape\n        renderInput={params => (\n          <TextField\n            data-testid=\"users-and-groups-text-field\"\n            {...params}\n            name=\"add-users-and-groups\"\n            variant=\"outlined\"\n            label=\"Select users and groups\"\n            error={!!selectedMembersError}\n            helperText={selectedMembersError ?? ''}\n            required\n            onKeyDown={event => {\n              if (event.key === 'Backspace' && params.inputProps.value === '') {\n                event.stopPropagation();\n              }\n            }}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {search && (\n                    <IconButton\n                      size=\"small\"\n                      onClick={() => {\n                        setSearch('');\n                      }}\n                      aria-label=\"clear search\"\n                    >\n                      <HighlightOffIcon fontSize=\"small\" />\n                    </IconButton>\n                  )}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n          />\n        )}\n      />\n      <br />\n      {membersData.error?.message && (\n        <FormHelperText error={!!membersData.error}>\n          {`Error fetching user and groups: ${membersData.error.message}`}\n        </FormHelperText>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -14,7 +14,8 @@ const AddedMembersTable = ({
       title: selectedMembers.length > 0 ? `${getMembers(selectedMembers)}` : "No users and groups selected",
       data: selectedMembers,
       columns: selectedMembersColumns(selectedMembers, setFieldValue),
-      emptyContent: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: "Selected users and groups appear here." })
+      emptyContent: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: "Selected users and groups appear here." }),
+      options: { emptyRowsWhenPaging: false }
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AddedMembersTable.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTable.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 { Table } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport { FormikErrors } from 'formik';\n\nimport { getMembers } from '../../utils/rbac-utils';\nimport { selectedMembersColumns } from './AddedMembersTableColumn';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddedMembersTableProps = {\n  selectedMembers: SelectedMember[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n};\n\nexport const AddedMembersTable = ({\n  selectedMembers,\n  setFieldValue,\n}: AddedMembersTableProps) => {\n  return (\n    <Table\n      title={\n        selectedMembers.length > 0\n          ? `${getMembers(selectedMembers)}`\n          : 'No users and groups selected'\n      }\n      data={selectedMembers}\n      columns={selectedMembersColumns(selectedMembers, setFieldValue)}\n      emptyContent={\n        <Box sx={{ display: 'flex', justifyContent: 'center', p: 2 }}>\n          Selected users and groups appear here.\n        </Box>\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,oBAAoB,CAAC;AAAA,EAChC,eAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,gBAAgB,MAAS,GAAA,CAAA,GACrB,GAAG,UAAW,CAAA,eAAe,CAAC,CAC9B,CAAA,GAAA,8BAAA;AAAA,MAEN,IAAM,EAAA,eAAA;AAAA,MACN,OAAA,EAAS,sBAAuB,CAAA,eAAA,EAAiB,aAAa,CAAA;AAAA,MAC9D,YACE,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,MAAQ,EAAA,cAAA,EAAgB,QAAU,EAAA,CAAA,EAAG,CAAE,EAAA,EAAG,QAE9D,EAAA,wCAAA,EAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"AddedMembersTable.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTable.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 { Table } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport { FormikErrors } from 'formik';\n\nimport { getMembers } from '../../utils/rbac-utils';\nimport { selectedMembersColumns } from './AddedMembersTableColumn';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddedMembersTableProps = {\n  selectedMembers: SelectedMember[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n};\n\nexport const AddedMembersTable = ({\n  selectedMembers,\n  setFieldValue,\n}: AddedMembersTableProps) => {\n  return (\n    <Table\n      title={\n        selectedMembers.length > 0\n          ? `${getMembers(selectedMembers)}`\n          : 'No users and groups selected'\n      }\n      data={selectedMembers}\n      columns={selectedMembersColumns(selectedMembers, setFieldValue)}\n      emptyContent={\n        <Box sx={{ display: 'flex', justifyContent: 'center', p: 2 }}>\n          Selected users and groups appear here.\n        </Box>\n      }\n      options={{ emptyRowsWhenPaging: false }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,oBAAoB,CAAC;AAAA,EAChC,eAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,gBAAgB,MAAS,GAAA,CAAA,GACrB,GAAG,UAAW,CAAA,eAAe,CAAC,CAC9B,CAAA,GAAA,8BAAA;AAAA,MAEN,IAAM,EAAA,eAAA;AAAA,MACN,OAAA,EAAS,sBAAuB,CAAA,eAAA,EAAiB,aAAa,CAAA;AAAA,MAC9D,YACE,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,MAAQ,EAAA,cAAA,EAAgB,QAAU,EAAA,CAAA,EAAG,CAAE,EAAA,EAAG,QAE9D,EAAA,wCAAA,EAAA,CAAA;AAAA,MAEF,OAAA,EAAS,EAAE,mBAAA,EAAqB,KAAM;AAAA;AAAA,GACxC;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import Autocomplete from '@mui/material/Autocomplete';
-import { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { PluginsDropdownOption } from './PluginsDropdownOption.esm.js';
 import TextField from '@mui/material/TextField';
 
@@ -13,6 +13,7 @@ const PluginsDropdown = ({
   onRemoveAllPlugins,
   selectedPluginsError
 }) => {
+  const [inputValue, setInputValue] = useState("");
   useEffect(() => {
     if (selectedPlugins.length === allPlugins.length - 1)
       setFieldValue(`selectedPlugins`, allPlugins, true);
@@ -21,11 +22,18 @@ const PluginsDropdown = ({
     Autocomplete,
     {
       options: allPlugins,
+      inputValue,
+      onInputChange: (_, newInputValue, reason) => {
+        if (reason !== "reset") {
+          setInputValue(newInputValue);
+        }
+      },
       renderTags: () => "",
       isOptionEqualToValue: (option, value) => option.label === value.label,
       multiple: true,
       disableCloseOnSelect: true,
       getOptionLabel: (option) => option.label,
+      noOptionsText: "No plugins found.",
       style: { width: "30%", flexGrow: "1" },
       value: selectedPlugins || null,
       onChange: (_e, selPlugins, reason, selOption) => {
@@ -56,6 +64,11 @@ const PluginsDropdown = ({
           error: !!selectedPluginsError,
           helperText: selectedPluginsError ?? "",
           onBlur: handleBlur,
+          onKeyDown: (event) => {
+            if (event.key === "Backspace" && params.inputProps.value === "") {
+              event.stopPropagation();
+            }
+          },
           required: true
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"PluginsDropdown.esm.js","sources":["../../../src/components/CreateRole/PluginsDropdown.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 Autocomplete from '@mui/material/Autocomplete';\nimport type { FocusEventHandler } from 'react';\nimport { useEffect } from 'react';\nimport { SelectedPlugin } from '../../types';\nimport { PluginsDropdownOption } from './PluginsDropdownOption';\nimport TextField from '@mui/material/TextField';\nimport { FormikErrors } from 'formik';\nimport { RoleFormValues } from './types';\n\ntype PluginsDropdownProps = {\n  allPlugins: SelectedPlugin[];\n  selectedPlugins: SelectedPlugin[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n  handleBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onRemoveAllPlugins: () => void;\n  onRemovePlugin: (plugin: string) => void;\n  selectedPluginsError: string;\n};\n\nconst PluginsDropdown = ({\n  allPlugins,\n  selectedPlugins,\n  setFieldValue,\n  handleBlur,\n  onRemovePlugin,\n  onRemoveAllPlugins,\n  selectedPluginsError,\n}: PluginsDropdownProps) => {\n  useEffect(() => {\n    if (selectedPlugins.length === allPlugins.length - 1)\n      setFieldValue(`selectedPlugins`, allPlugins, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <Autocomplete\n      options={allPlugins}\n      renderTags={() => ''}\n      isOptionEqualToValue={(option, value) => option.label === value.label}\n      multiple\n      disableCloseOnSelect\n      getOptionLabel={option => option.label}\n      style={{ width: '30%', flexGrow: '1' }}\n      value={selectedPlugins || null}\n      onChange={(_e, selPlugins, reason, selOption) => {\n        const pVal = selOption?.option.value;\n        if (pVal === '') {\n          if (reason === 'selectOption') {\n            setFieldValue(`selectedPlugins`, allPlugins, true);\n          } else if (reason === 'removeOption') {\n            onRemoveAllPlugins();\n          }\n        } else if (pVal) {\n          if (reason === 'removeOption') {\n            onRemovePlugin(pVal);\n          } else if (reason === 'selectOption') {\n            if (selPlugins.length === allPlugins.length - 1)\n              setFieldValue(`selectedPlugins`, allPlugins, true);\n            else setFieldValue(`selectedPlugins`, selPlugins, true);\n          }\n        }\n      }}\n      renderOption={(props, option: SelectedPlugin, state) => (\n        <PluginsDropdownOption props={props} option={option} state={state} />\n      )}\n      renderInput={(params: any) => (\n        <TextField\n          {...params}\n          label=\"Select plugins\"\n          variant=\"outlined\"\n          error={!!selectedPluginsError}\n          helperText={selectedPluginsError ?? ''}\n          onBlur={handleBlur}\n          required\n        />\n      )}\n    />\n  );\n};\n\nexport default PluginsDropdown;\n"],"names":[],"mappings":";;;;;;AAsCA,MAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAA4B,KAAA;AAC1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,eAAA,CAAgB,MAAW,KAAA,UAAA,CAAW,MAAS,GAAA,CAAA;AACjD,MAAc,aAAA,CAAA,CAAA,eAAA,CAAA,EAAmB,YAAY,IAAI,CAAA;AAAA,GAErD,EAAG,EAAE,CAAA;AACL,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,YAAY,MAAM,EAAA;AAAA,MAClB,sBAAsB,CAAC,MAAA,EAAQ,KAAU,KAAA,MAAA,CAAO,UAAU,KAAM,CAAA,KAAA;AAAA,MAChE,QAAQ,EAAA,IAAA;AAAA,MACR,oBAAoB,EAAA,IAAA;AAAA,MACpB,cAAA,EAAgB,YAAU,MAAO,CAAA,KAAA;AAAA,MACjC,KAAO,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,UAAU,GAAI,EAAA;AAAA,MACrC,OAAO,eAAmB,IAAA,IAAA;AAAA,MAC1B,QAAU,EAAA,CAAC,EAAI,EAAA,UAAA,EAAY,QAAQ,SAAc,KAAA;AAC/C,QAAM,MAAA,IAAA,GAAO,WAAW,MAAO,CAAA,KAAA;AAC/B,QAAA,IAAI,SAAS,EAAI,EAAA;AACf,UAAA,IAAI,WAAW,cAAgB,EAAA;AAC7B,YAAc,aAAA,CAAA,CAAA,eAAA,CAAA,EAAmB,YAAY,IAAI,CAAA;AAAA,WACnD,MAAA,IAAW,WAAW,cAAgB,EAAA;AACpC,YAAmB,kBAAA,EAAA;AAAA;AACrB,mBACS,IAAM,EAAA;AACf,UAAA,IAAI,WAAW,cAAgB,EAAA;AAC7B,YAAA,cAAA,CAAe,IAAI,CAAA;AAAA,WACrB,MAAA,IAAW,WAAW,cAAgB,EAAA;AACpC,YAAI,IAAA,UAAA,CAAW,MAAW,KAAA,UAAA,CAAW,MAAS,GAAA,CAAA;AAC5C,cAAc,aAAA,CAAA,CAAA,eAAA,CAAA,EAAmB,YAAY,IAAI,CAAA;AAAA,iBAC9C,aAAA,CAAc,CAAmB,eAAA,CAAA,EAAA,UAAA,EAAY,IAAI,CAAA;AAAA;AACxD;AACF,OACF;AAAA,MACA,YAAA,EAAc,CAAC,KAAO,EAAA,MAAA,EAAwB,0BAC3C,GAAA,CAAA,qBAAA,EAAA,EAAsB,KAAc,EAAA,MAAA,EAAgB,KAAc,EAAA,CAAA;AAAA,MAErE,WAAA,EAAa,CAAC,MACZ,qBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACE,GAAG,MAAA;AAAA,UACJ,KAAM,EAAA,gBAAA;AAAA,UACN,OAAQ,EAAA,UAAA;AAAA,UACR,KAAA,EAAO,CAAC,CAAC,oBAAA;AAAA,UACT,YAAY,oBAAwB,IAAA,EAAA;AAAA,UACpC,MAAQ,EAAA,UAAA;AAAA,UACR,QAAQ,EAAA;AAAA;AAAA;AACV;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"PluginsDropdown.esm.js","sources":["../../../src/components/CreateRole/PluginsDropdown.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 Autocomplete from '@mui/material/Autocomplete';\nimport type { FocusEventHandler } from 'react';\nimport { useState, useEffect } from 'react';\nimport { SelectedPlugin } from '../../types';\nimport { PluginsDropdownOption } from './PluginsDropdownOption';\nimport TextField from '@mui/material/TextField';\nimport { FormikErrors } from 'formik';\nimport { RoleFormValues } from './types';\n\ntype PluginsDropdownProps = {\n  allPlugins: SelectedPlugin[];\n  selectedPlugins: SelectedPlugin[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n  handleBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onRemoveAllPlugins: () => void;\n  onRemovePlugin: (plugin: string) => void;\n  selectedPluginsError: string;\n};\n\nconst PluginsDropdown = ({\n  allPlugins,\n  selectedPlugins,\n  setFieldValue,\n  handleBlur,\n  onRemovePlugin,\n  onRemoveAllPlugins,\n  selectedPluginsError,\n}: PluginsDropdownProps) => {\n  const [inputValue, setInputValue] = useState('');\n  useEffect(() => {\n    if (selectedPlugins.length === allPlugins.length - 1)\n      setFieldValue(`selectedPlugins`, allPlugins, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <Autocomplete\n      options={allPlugins}\n      inputValue={inputValue}\n      onInputChange={(_, newInputValue, reason) => {\n        if (reason !== 'reset') {\n          setInputValue(newInputValue);\n        }\n      }}\n      renderTags={() => ''}\n      isOptionEqualToValue={(option, value) => option.label === value.label}\n      multiple\n      disableCloseOnSelect\n      getOptionLabel={option => option.label}\n      noOptionsText=\"No plugins found.\"\n      style={{ width: '30%', flexGrow: '1' }}\n      value={selectedPlugins || null}\n      onChange={(_e, selPlugins, reason, selOption) => {\n        const pVal = selOption?.option.value;\n        if (pVal === '') {\n          if (reason === 'selectOption') {\n            setFieldValue(`selectedPlugins`, allPlugins, true);\n          } else if (reason === 'removeOption') {\n            onRemoveAllPlugins();\n          }\n        } else if (pVal) {\n          if (reason === 'removeOption') {\n            onRemovePlugin(pVal);\n          } else if (reason === 'selectOption') {\n            if (selPlugins.length === allPlugins.length - 1)\n              setFieldValue(`selectedPlugins`, allPlugins, true);\n            else setFieldValue(`selectedPlugins`, selPlugins, true);\n          }\n        }\n      }}\n      renderOption={(props, option: SelectedPlugin, state) => (\n        <PluginsDropdownOption props={props} option={option} state={state} />\n      )}\n      renderInput={(params: any) => (\n        <TextField\n          {...params}\n          label=\"Select plugins\"\n          variant=\"outlined\"\n          error={!!selectedPluginsError}\n          helperText={selectedPluginsError ?? ''}\n          onBlur={handleBlur}\n          onKeyDown={event => {\n            if (event.key === 'Backspace' && params.inputProps.value === '') {\n              event.stopPropagation();\n            }\n          }}\n          required\n        />\n      )}\n    />\n  );\n};\n\nexport default PluginsDropdown;\n"],"names":[],"mappings":"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"}

package/dist/components/EditRole.esm.js

@@ -1,12 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { parseEntityRef } from '@backstage/catalog-model';
-import { Link } from '@backstage/core-components';
 import EditIcon from '@mui/icons-material/Edit';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import { usePermission } from '@backstage/plugin-permission-react';
 import { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';
+import { useNavigate } from 'react-router-dom';
 
 const EditRole = ({
   roleName,
@@ -15,6 +15,7 @@ const EditRole = ({
   tooltip,
   to
 }) => {
+  const navigate = useNavigate();
   const { name, namespace, kind } = parseEntityRef(roleName);
   const editPermissionResult = usePermission({
     permission: policyEntityUpdatePermission,
@@ -26,13 +27,17 @@ const EditRole = ({
   return /* @__PURE__ */ jsx(Tooltip, { title: tooltip ?? tooltipText, children: /* @__PURE__ */ jsx(Typography, { component: "span", "data-testid": dataTestId ?? dataTestIdText, children: /* @__PURE__ */ jsx(
     IconButton,
     {
-      component: Link,
+      onClick: () => {
+        navigate(to ?? `../role/${kind}/${namespace}/${name}`);
+      },
       "aria-label": "Update",
       disabled: disable,
       title: tooltip ?? "Edit Role",
-      to: to ?? `../role/${kind}/${namespace}/${name}`,
-      style: { padding: "0.5rem", color: "inherit", borderRadius: "50%" },
-      sx: { "&:hover": { borderRadius: "50%" } },
+      sx: {
+        p: 1,
+        borderRadius: "50%",
+        "&:hover": { borderRadius: "50%" }
+      },
       children: /* @__PURE__ */ jsx(EditIcon, {})
     }
   ) }) });

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

@@ -1 +1 @@
-{"version":3,"file":"EditRole.esm.js","sources":["../../src/components/EditRole.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 } from '@backstage/core-components';\n\nimport EditIcon from '@mui/icons-material/Edit';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\n\ntype EditRoleProps = {\n  roleName: string;\n  canEdit: boolean;\n  dataTestId?: string;\n  tooltip?: string;\n  to?: string;\n};\n\nconst EditRole = ({\n  roleName,\n  canEdit,\n  dataTestId,\n  tooltip,\n  to,\n}: EditRoleProps) => {\n  const { name, namespace, kind } = parseEntityRef(roleName);\n\n  const editPermissionResult = usePermission({\n    permission: policyEntityUpdatePermission,\n    resourceRef: roleName,\n  });\n\n  const disable = !(editPermissionResult.allowed && canEdit);\n  const dataTestIdText = disable\n    ? `disable-update-role-${roleName}`\n    : `update-role-${roleName}`;\n  const tooltipText = disable ? 'Unauthorized to edit' : '';\n\n  return (\n    <Tooltip title={tooltip ?? tooltipText}>\n      <Typography component=\"span\" data-testid={dataTestId ?? dataTestIdText}>\n        <IconButton\n          component={Link}\n          aria-label=\"Update\"\n          disabled={disable}\n          title={tooltip ?? 'Edit Role'}\n          to={to ?? `../role/${kind}/${namespace}/${name}`}\n          style={{ padding: '0.5rem', color: 'inherit', borderRadius: '50%' }}\n          sx={{ '&:hover': { borderRadius: '50%' } }}\n        >\n          <EditIcon />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\n\nexport default EditRole;\n"],"names":[],"mappings":";;;;;;;;;;AAiCA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,IAAK,EAAA,GAAI,eAAe,QAAQ,CAAA;AAEzD,EAAA,MAAM,uBAAuB,aAAc,CAAA;AAAA,IACzC,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACd,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,EAAE,oBAAA,CAAqB,OAAW,IAAA,OAAA,CAAA;AAClD,EAAA,MAAM,iBAAiB,OACnB,GAAA,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAC/B,eAAe,QAAQ,CAAA,CAAA;AAC3B,EAAM,MAAA,WAAA,GAAc,UAAU,sBAAyB,GAAA,EAAA;AAEvD,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,aAAa,EAAA,UAAA,IAAc,cACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,MACX,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,WAAA;AAAA,MAClB,IAAI,EAAM,IAAA,CAAA,QAAA,EAAW,IAAI,CAAI,CAAA,EAAA,SAAS,IAAI,IAAI,CAAA,CAAA;AAAA,MAC9C,OAAO,EAAE,OAAA,EAAS,UAAU,KAAO,EAAA,SAAA,EAAW,cAAc,KAAM,EAAA;AAAA,MAClE,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ,EAAA;AAAA,MAEzC,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EditRole.esm.js","sources":["../../src/components/EditRole.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';\n\nimport EditIcon from '@mui/icons-material/Edit';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\nimport { useNavigate } from 'react-router-dom';\n\ntype EditRoleProps = {\n  roleName: string;\n  canEdit: boolean;\n  dataTestId?: string;\n  tooltip?: string;\n  to?: string;\n};\n\nconst EditRole = ({\n  roleName,\n  canEdit,\n  dataTestId,\n  tooltip,\n  to,\n}: EditRoleProps) => {\n  const navigate = useNavigate();\n  const { name, namespace, kind } = parseEntityRef(roleName);\n\n  const editPermissionResult = usePermission({\n    permission: policyEntityUpdatePermission,\n    resourceRef: roleName,\n  });\n\n  const disable = !(editPermissionResult.allowed && canEdit);\n  const dataTestIdText = disable\n    ? `disable-update-role-${roleName}`\n    : `update-role-${roleName}`;\n  const tooltipText = disable ? 'Unauthorized to edit' : '';\n\n  return (\n    <Tooltip title={tooltip ?? tooltipText}>\n      <Typography component=\"span\" data-testid={dataTestId ?? dataTestIdText}>\n        <IconButton\n          onClick={() => {\n            navigate(to ?? `../role/${kind}/${namespace}/${name}`);\n          }}\n          aria-label=\"Update\"\n          disabled={disable}\n          title={tooltip ?? 'Edit Role'}\n          sx={{\n            p: 1,\n            borderRadius: '50%',\n            '&:hover': { borderRadius: '50%' },\n          }}\n        >\n          <EditIcon />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\n\nexport default EditRole;\n"],"names":[],"mappings":";;;;;;;;;;AAiCA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,IAAK,EAAA,GAAI,eAAe,QAAQ,CAAA;AAEzD,EAAA,MAAM,uBAAuB,aAAc,CAAA;AAAA,IACzC,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACd,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,EAAE,oBAAA,CAAqB,OAAW,IAAA,OAAA,CAAA;AAClD,EAAA,MAAM,iBAAiB,OACnB,GAAA,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAC/B,eAAe,QAAQ,CAAA,CAAA;AAC3B,EAAM,MAAA,WAAA,GAAc,UAAU,sBAAyB,GAAA,EAAA;AAEvD,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,aAAa,EAAA,UAAA,IAAc,cACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAA,QAAA,CAAS,MAAM,CAAW,QAAA,EAAA,IAAI,IAAI,SAAS,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;AAAA,OACvD;AAAA,MACA,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,WAAA;AAAA,MAClB,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,YAAc,EAAA,KAAA;AAAA,QACd,SAAA,EAAW,EAAE,YAAA,EAAc,KAAM;AAAA,OACnC;AAAA,MAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -8,6 +8,7 @@ import { filterTableData } from '../../utils/filter-table-data.esm.js';
 import { getMembers } from '../../utils/rbac-utils.esm.js';
 import EditRole from '../EditRole.esm.js';
 import { columns } from './MembersListColumns.esm.js';
+import { StyledTableWrapper } from './StyledTableWrapper.esm.js';
 
 const getRefreshIcon = () => /* @__PURE__ */ jsx(CachedIcon, {});
 const getEditIcon = (isAllowed, roleName) => {
@@ -56,10 +57,10 @@ const MembersCard = ({ roleName, membersInfo }) => {
         severity: "error"
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(StyledTableWrapper, { children: /* @__PURE__ */ jsx(
       Table,
       {
-        title: !loading && data?.length ? `Users and groups (${getMembers(filteredData)})` : "Users and groups",
+        title: !loading && data?.length ? `${getMembers(filteredData)}` : "Users and groups",
         actions,
         options: { padding: "default", search: true, paging: true },
         data: data ?? [],
@@ -75,7 +76,7 @@ const MembersCard = ({ roleName, membersInfo }) => {
         ),
         onSearchChange: setSearchText
       }
-    )
+    ) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"MembersCard.esm.js","sources":["../../../src/components/RoleOverview/MembersCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useMemo } from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Table, WarningPanel } from '@backstage/core-components';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { MembersInfo } from '../../hooks/useMembers';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport { getMembers } from '../../utils/rbac-utils';\nimport EditRole from '../EditRole';\nimport { columns } from './MembersListColumns';\n\ntype MembersCardProps = {\n  roleName: string;\n  membersInfo: MembersInfo;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-members' : 'disable-update-members'}\n      canEdit={isAllowed}\n      roleName={roleName}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${1}`}\n    />\n  );\n};\n\nexport const MembersCard = ({ roleName, membersInfo }: MembersCardProps) => {\n  const { data, loading, retry, error, canReadUsersAndGroups } = membersInfo;\n  const [searchText, setSearchText] = useState<string>();\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.roleRetry();\n        retry.membersRetry();\n      },\n    },\n    {\n      icon: () => getEditIcon(canReadUsersAndGroups, roleName),\n      tooltip: canReadUsersAndGroups ? 'Edit' : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  const filteredData = useMemo(\n    () => filterTableData({ data, columns, searchText }),\n    [data, searchText],\n  );\n\n  return (\n    <Box>\n      {!loading && error && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={(error as Error)?.message || (error as Error)?.name}\n            title=\"Something went wrong while fetching the users and groups\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <Table\n        title={\n          !loading && data?.length\n            ? `Users and groups (${getMembers(filteredData)})`\n            : 'Users and groups'\n        }\n        actions={actions}\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data ?? []}\n        isLoading={loading}\n        columns={columns}\n        emptyContent={\n          <Box\n            data-testid=\"members-table-empty\"\n            sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n          >\n            No records found\n          </Box>\n        }\n        onSearchChange={setSearchText}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAkCA,MAAM,cAAA,GAAiB,sBAAM,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AACzC,MAAM,WAAA,GAAc,CAAC,SAAA,EAAoB,QAAqB,KAAA;AAC5D,EAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAM,SAAU,EAAA,GAAI,eAAe,QAAQ,CAAA;AAEzD,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,YAAY,gBAAmB,GAAA,wBAAA;AAAA,MAC3C,OAAS,EAAA,SAAA;AAAA,MACT,QAAA;AAAA,MACA,EAAA,EAAI,cAAc,IAAI,CAAA,CAAA,EAAI,SAAS,CAAI,CAAA,EAAA,IAAI,eAAe,CAAC,CAAA;AAAA;AAAA,GAC7D;AAEJ,CAAA;AAEO,MAAM,WAAc,GAAA,CAAC,EAAE,QAAA,EAAU,aAAoC,KAAA;AAC1E,EAAA,MAAM,EAAE,IAAM,EAAA,OAAA,EAAS,KAAO,EAAA,KAAA,EAAO,uBAA0B,GAAA,WAAA;AAC/D,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAiB,EAAA;AAErD,EAAA,MAAM,OAAU,GAAA;AAAA,IACd;AAAA,MACE,IAAM,EAAA,cAAA;AAAA,MACN,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,IAAA;AAAA,MACd,SAAS,MAAM;AACb,QAAA,KAAA,CAAM,SAAU,EAAA;AAChB,QAAA,KAAA,CAAM,YAAa,EAAA;AAAA;AACrB,KACF;AAAA,IACA;AAAA,MACE,IAAM,EAAA,MAAM,WAAY,CAAA,qBAAA,EAAuB,QAAQ,CAAA;AAAA,MACvD,OAAA,EAAS,wBAAwB,MAAS,GAAA,sBAAA;AAAA,MAC1C,YAAc,EAAA,IAAA;AAAA,MACd,SAAS,MAAM;AAAA;AAAC;AAClB,GACF;AAEA,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,MAAM,eAAgB,CAAA,EAAE,IAAM,EAAA,OAAA,EAAS,YAAY,CAAA;AAAA,IACnD,CAAC,MAAM,UAAU;AAAA,GACnB;AAEA,EAAA,4BACG,GACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAC,CAAA,OAAA,IAAW,yBACV,GAAA,CAAA,GAAA,EAAA,EAAI,OAAO,EAAE,aAAA,EAAe,QAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAU,KAAiB,EAAA,OAAA,IAAY,KAAiB,EAAA,IAAA;AAAA,QACxD,KAAM,EAAA,0DAAA;AAAA,QACN,QAAS,EAAA;AAAA;AAAA,KAEb,EAAA,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,CAAC,OAAW,IAAA,IAAA,EAAM,SACd,CAAqB,kBAAA,EAAA,UAAA,CAAW,YAAY,CAAC,CAC7C,CAAA,CAAA,GAAA,kBAAA;AAAA,QAEN,OAAA;AAAA,QACA,SAAS,EAAE,OAAA,EAAS,WAAW,MAAQ,EAAA,IAAA,EAAM,QAAQ,IAAK,EAAA;AAAA,QAC1D,IAAA,EAAM,QAAQ,EAAC;AAAA,QACf,SAAW,EAAA,OAAA;AAAA,QACX,OAAA;AAAA,QACA,YACE,kBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,qBAAA;AAAA,YACZ,IAAI,EAAE,OAAA,EAAS,QAAQ,cAAgB,EAAA,QAAA,EAAU,GAAG,CAAE,EAAA;AAAA,YACvD,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAEF,cAAgB,EAAA;AAAA;AAAA;AAClB,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MembersCard.esm.js","sources":["../../../src/components/RoleOverview/MembersCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useMemo } from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Table, WarningPanel } from '@backstage/core-components';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { MembersInfo } from '../../hooks/useMembers';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport { getMembers } from '../../utils/rbac-utils';\nimport EditRole from '../EditRole';\nimport { columns } from './MembersListColumns';\nimport { StyledTableWrapper } from './StyledTableWrapper';\n\ntype MembersCardProps = {\n  roleName: string;\n  membersInfo: MembersInfo;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-members' : 'disable-update-members'}\n      canEdit={isAllowed}\n      roleName={roleName}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${1}`}\n    />\n  );\n};\n\nexport const MembersCard = ({ roleName, membersInfo }: MembersCardProps) => {\n  const { data, loading, retry, error, canReadUsersAndGroups } = membersInfo;\n  const [searchText, setSearchText] = useState<string>();\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.roleRetry();\n        retry.membersRetry();\n      },\n    },\n    {\n      icon: () => getEditIcon(canReadUsersAndGroups, roleName),\n      tooltip: canReadUsersAndGroups ? 'Edit' : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  const filteredData = useMemo(\n    () => filterTableData({ data, columns, searchText }),\n    [data, searchText],\n  );\n\n  return (\n    <Box>\n      {!loading && error && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={(error as Error)?.message || (error as Error)?.name}\n            title=\"Something went wrong while fetching the users and groups\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <StyledTableWrapper>\n        <Table\n          title={\n            !loading && data?.length\n              ? `${getMembers(filteredData)}`\n              : 'Users and groups'\n          }\n          actions={actions}\n          options={{ padding: 'default', search: true, paging: true }}\n          data={data ?? []}\n          isLoading={loading}\n          columns={columns}\n          emptyContent={\n            <Box\n              data-testid=\"members-table-empty\"\n              sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n            >\n              No records found\n            </Box>\n          }\n          onSearchChange={setSearchText}\n        />\n      </StyledTableWrapper>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -8,6 +8,7 @@ import { usePermissionPolicies } from '../../hooks/usePermissionPolicies.esm.js'
 import { filterTableData } from '../../utils/filter-table-data.esm.js';
 import EditRole from '../EditRole.esm.js';
 import { columns } from './PermissionsListColumns.esm.js';
+import { StyledTableWrapper } from './StyledTableWrapper.esm.js';
 
 const getRefreshIcon = () => /* @__PURE__ */ jsx(CachedIcon, {});
 const getEditIcon = (isAllowed, roleName) => {
@@ -59,6 +60,10 @@ const PermissionsCard = ({
       }
     }
   ];
+  let title = "Permission Policies";
+  if (!loading && data.length > 0) {
+    title = `${numberOfPolicies} permission${numberOfPolicies !== 1 ? "s" : ""}`;
+  }
   return /* @__PURE__ */ jsxs(Box, { children: [
     error?.name && error.name !== 404 && /* @__PURE__ */ jsx(Box, { style: { paddingBottom: "16px" }, children: /* @__PURE__ */ jsx(
       WarningPanel,
@@ -68,10 +73,10 @@ const PermissionsCard = ({
         severity: "error"
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(StyledTableWrapper, { children: /* @__PURE__ */ jsx(
       Table,
       {
-        title: !loading && data.length > 0 ? `Permission Policies (${numberOfPolicies})` : "Permission Policies",
+        title,
         actions,
         options: { padding: "default", search: true, paging: true },
         data,
@@ -87,7 +92,7 @@ const PermissionsCard = ({
         ),
         onSearchChange: setSearchText
       }
-    )
+    ) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionsCard.esm.js","sources":["../../../src/components/RoleOverview/PermissionsCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useMemo } from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Table, WarningPanel } from '@backstage/core-components';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport EditRole from '../EditRole';\nimport { columns } from './PermissionsListColumns';\n\ntype PermissionsCardProps = {\n  entityReference: string;\n  canReadUsersAndGroups: boolean;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-policies' : 'disable-update-policies'}\n      canEdit={isAllowed}\n      roleName={roleName}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${2}`}\n    />\n  );\n};\n\nexport const PermissionsCard = ({\n  entityReference,\n  canReadUsersAndGroups,\n}: PermissionsCardProps) => {\n  const { data, loading, retry, error } =\n    usePermissionPolicies(entityReference);\n  const [searchText, setSearchText] = useState<string>();\n\n  const numberOfPolicies = useMemo(() => {\n    const filteredPermissions = filterTableData({ data, columns, searchText });\n    let policies = 0;\n    filteredPermissions.forEach(p => {\n      if (p.conditions) {\n        policies++;\n        return;\n      }\n      policies += p.policies.filter(pol => pol.effect === 'allow').length;\n    });\n    return policies;\n  }, [data, searchText]);\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.permissionPoliciesRetry();\n        retry.policiesRetry();\n        retry.conditionalPoliciesRetry();\n      },\n    },\n    {\n      icon: () => getEditIcon(canReadUsersAndGroups, entityReference),\n      tooltip: canReadUsersAndGroups ? 'Edit' : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  return (\n    <Box>\n      {error?.name && error.name !== 404 && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={error?.message}\n            title=\"Something went wrong while fetching the permission policies\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <Table\n        title={\n          !loading && data.length > 0\n            ? `Permission Policies (${numberOfPolicies})`\n            : 'Permission Policies'\n        }\n        actions={actions}\n        options={{ padding: 'default', search: true, paging: true }}\n        data={data}\n        columns={columns}\n        isLoading={loading}\n        emptyContent={\n          <Box\n            data-testid=\"permission-table-empty\"\n            sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n          >\n            No records found\n          </Box>\n        }\n        onSearchChange={setSearchText}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAiCA,MAAM,cAAA,GAAiB,sBAAM,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AACzC,MAAM,WAAA,GAAc,CAAC,SAAA,EAAoB,QAAqB,KAAA;AAC5D,EAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAM,SAAU,EAAA,GAAI,eAAe,QAAQ,CAAA;AAEzD,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,YAAY,iBAAoB,GAAA,yBAAA;AAAA,MAC5C,OAAS,EAAA,SAAA;AAAA,MACT,QAAA;AAAA,MACA,EAAA,EAAI,cAAc,IAAI,CAAA,CAAA,EAAI,SAAS,CAAI,CAAA,EAAA,IAAI,eAAe,CAAC,CAAA;AAAA;AAAA,GAC7D;AAEJ,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,eAAA;AAAA,EACA;AACF,CAA4B,KAAA;AAC1B,EAAA,MAAM,EAAE,IAAM,EAAA,OAAA,EAAS,OAAO,KAAM,EAAA,GAClC,sBAAsB,eAAe,CAAA;AACvC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAiB,EAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,MAAM,sBAAsB,eAAgB,CAAA,EAAE,IAAM,EAAA,OAAA,EAAS,YAAY,CAAA;AACzE,IAAA,IAAI,QAAW,GAAA,CAAA;AACf,IAAA,mBAAA,CAAoB,QAAQ,CAAK,CAAA,KAAA;AAC/B,MAAA,IAAI,EAAE,UAAY,EAAA;AAChB,QAAA,QAAA,EAAA;AACA,QAAA;AAAA;AAEF,MAAA,QAAA,IAAY,EAAE,QAAS,CAAA,MAAA,CAAO,SAAO,GAAI,CAAA,MAAA,KAAW,OAAO,CAAE,CAAA,MAAA;AAAA,KAC9D,CAAA;AACD,IAAO,OAAA,QAAA;AAAA,GACN,EAAA,CAAC,IAAM,EAAA,UAAU,CAAC,CAAA;AAErB,EAAA,MAAM,OAAU,GAAA;AAAA,IACd;AAAA,MACE,IAAM,EAAA,cAAA;AAAA,MACN,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,IAAA;AAAA,MACd,SAAS,MAAM;AACb,QAAA,KAAA,CAAM,uBAAwB,EAAA;AAC9B,QAAA,KAAA,CAAM,aAAc,EAAA;AACpB,QAAA,KAAA,CAAM,wBAAyB,EAAA;AAAA;AACjC,KACF;AAAA,IACA;AAAA,MACE,IAAM,EAAA,MAAM,WAAY,CAAA,qBAAA,EAAuB,eAAe,CAAA;AAAA,MAC9D,OAAA,EAAS,wBAAwB,MAAS,GAAA,sBAAA;AAAA,MAC1C,YAAc,EAAA,IAAA;AAAA,MACd,SAAS,MAAM;AAAA;AAAC;AAClB,GACF;AAEA,EAAA,4BACG,GACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAO,KAAA,EAAA,IAAA,IAAQ,KAAM,CAAA,IAAA,KAAS,GAC7B,oBAAA,GAAA,CAAC,OAAI,KAAO,EAAA,EAAE,aAAe,EAAA,MAAA,EAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAS,KAAO,EAAA,OAAA;AAAA,QAChB,KAAM,EAAA,6DAAA;AAAA,QACN,QAAS,EAAA;AAAA;AAAA,KAEb,EAAA,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,CAAC,OAAW,IAAA,IAAA,CAAK,SAAS,CACtB,GAAA,CAAA,qBAAA,EAAwB,gBAAgB,CACxC,CAAA,CAAA,GAAA,qBAAA;AAAA,QAEN,OAAA;AAAA,QACA,SAAS,EAAE,OAAA,EAAS,WAAW,MAAQ,EAAA,IAAA,EAAM,QAAQ,IAAK,EAAA;AAAA,QAC1D,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAW,EAAA,OAAA;AAAA,QACX,YACE,kBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,wBAAA;AAAA,YACZ,IAAI,EAAE,OAAA,EAAS,QAAQ,cAAgB,EAAA,QAAA,EAAU,GAAG,CAAE,EAAA;AAAA,YACvD,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAEF,cAAgB,EAAA;AAAA;AAAA;AAClB,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PermissionsCard.esm.js","sources":["../../../src/components/RoleOverview/PermissionsCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useMemo } from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Table, WarningPanel } from '@backstage/core-components';\n\nimport CachedIcon from '@mui/icons-material/Cached';\nimport Box from '@mui/material/Box';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { filterTableData } from '../../utils/filter-table-data';\nimport EditRole from '../EditRole';\nimport { columns } from './PermissionsListColumns';\nimport { StyledTableWrapper } from './StyledTableWrapper';\n\ntype PermissionsCardProps = {\n  entityReference: string;\n  canReadUsersAndGroups: boolean;\n};\n\nconst getRefreshIcon = () => <CachedIcon />;\nconst getEditIcon = (isAllowed: boolean, roleName: string) => {\n  const { kind, name, namespace } = parseEntityRef(roleName);\n\n  return (\n    <EditRole\n      dataTestId={isAllowed ? 'update-policies' : 'disable-update-policies'}\n      canEdit={isAllowed}\n      roleName={roleName}\n      to={`../../role/${kind}/${namespace}/${name}?activeStep=${2}`}\n    />\n  );\n};\n\nexport const PermissionsCard = ({\n  entityReference,\n  canReadUsersAndGroups,\n}: PermissionsCardProps) => {\n  const { data, loading, retry, error } =\n    usePermissionPolicies(entityReference);\n  const [searchText, setSearchText] = useState<string>();\n\n  const numberOfPolicies = useMemo(() => {\n    const filteredPermissions = filterTableData({ data, columns, searchText });\n    let policies = 0;\n    filteredPermissions.forEach(p => {\n      if (p.conditions) {\n        policies++;\n        return;\n      }\n      policies += p.policies.filter(pol => pol.effect === 'allow').length;\n    });\n    return policies;\n  }, [data, searchText]);\n\n  const actions = [\n    {\n      icon: getRefreshIcon,\n      tooltip: 'Refresh',\n      isFreeAction: true,\n      onClick: () => {\n        retry.permissionPoliciesRetry();\n        retry.policiesRetry();\n        retry.conditionalPoliciesRetry();\n      },\n    },\n    {\n      icon: () => getEditIcon(canReadUsersAndGroups, entityReference),\n      tooltip: canReadUsersAndGroups ? 'Edit' : 'Unauthorized to edit',\n      isFreeAction: true,\n      onClick: () => {},\n    },\n  ];\n\n  let title = 'Permission Policies';\n  if (!loading && data.length > 0) {\n    title = `${numberOfPolicies} permission${numberOfPolicies !== 1 ? 's' : ''}`;\n  }\n\n  return (\n    <Box>\n      {error?.name && error.name !== 404 && (\n        <Box style={{ paddingBottom: '16px' }}>\n          <WarningPanel\n            message={error?.message}\n            title=\"Something went wrong while fetching the permission policies\"\n            severity=\"error\"\n          />\n        </Box>\n      )}\n      <StyledTableWrapper>\n        <Table\n          title={title}\n          actions={actions}\n          options={{ padding: 'default', search: true, paging: true }}\n          data={data}\n          columns={columns}\n          isLoading={loading}\n          emptyContent={\n            <Box\n              data-testid=\"permission-table-empty\"\n              sx={{ display: 'flex', justifyContent: 'center', p: 2 }}\n            >\n              No records found\n            </Box>\n          }\n          onSearchChange={setSearchText}\n        />\n      </StyledTableWrapper>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+
+const StyledTableWrapper = styled(Box)(() => ({
+  '& [class*="-spacer"]': {
+    display: "none !important"
+  },
+  '& [class*="BackstageTableToolbar-searchField"]': {
+    marginLeft: "auto !important"
+  }
+}));
+
+export { StyledTableWrapper };
+//# sourceMappingURL=StyledTableWrapper.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTableWrapper.esm.js","sources":["../../../src/components/RoleOverview/StyledTableWrapper.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 */\n\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledTableWrapper = styled(Box)(() => ({\n  '& [class*=\"-spacer\"]': {\n    display: 'none !important',\n  },\n  '& [class*=\"BackstageTableToolbar-searchField\"]': {\n    marginLeft: 'auto !important',\n  },\n}));\n"],"names":[],"mappings":";;;AAmBO,MAAM,kBAAqB,GAAA,MAAA,CAAO,GAAG,CAAA,CAAE,OAAO;AAAA,EACnD,sBAAwB,EAAA;AAAA,IACtB,OAAS,EAAA;AAAA,GACX;AAAA,EACA,gDAAkD,EAAA;AAAA,IAChD,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA;;;;"}

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

@@ -32,8 +32,11 @@ const DeleteRole = ({
       "aria-label": "Delete",
       disabled: disable,
       title: tooltip ?? "Delete Role",
-      style: { padding: "0.5rem", borderRadius: "50%" },
-      sx: { "&:hover": { borderRadius: "50%" } },
+      sx: {
+        p: 1,
+        borderRadius: "50%",
+        "&:hover": { borderRadius: "50%" }
+      },
       children: /* @__PURE__ */ jsx(Delete, {})
     }
   ) }) });

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteRole.esm.js","sources":["../../../src/components/RolesList/DeleteRole.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useDeleteDialog } from '@janus-idp/shared-react';\nimport Delete from '@mui/icons-material/Delete';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { policyEntityDeletePermission } from '@backstage-community/plugin-rbac-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\ntype DeleteRoleProps = {\n  roleName: string;\n  canEdit: boolean;\n  dataTestId?: string;\n  tooltip?: string;\n};\n\nconst DeleteRole = ({\n  roleName,\n  canEdit,\n  dataTestId,\n  tooltip,\n}: DeleteRoleProps) => {\n  const { setDeleteComponent, setOpenDialog } = useDeleteDialog();\n\n  const openDialog = (name: string) => {\n    setDeleteComponent({ roleName: name });\n    setOpenDialog(true);\n  };\n\n  const deletePermissionResult = usePermission({\n    permission: policyEntityDeletePermission,\n    resourceRef: roleName,\n  });\n\n  const disable = !(deletePermissionResult.allowed && canEdit);\n  const dataTestIdText = disable\n    ? `disable-delete-role-${roleName}`\n    : `delete-role-${roleName}`;\n  const tooltipText = disable ? 'Role cannot be deleted' : '';\n\n  return (\n    <Tooltip title={tooltip ?? tooltipText}>\n      <Typography component=\"span\" data-testid={dataTestId ?? dataTestIdText}>\n        <IconButton\n          onClick={() => openDialog(roleName)}\n          aria-label=\"Delete\"\n          disabled={disable}\n          title={tooltip ?? 'Delete Role'}\n          style={{ padding: '0.5rem', borderRadius: '50%' }}\n          sx={{ '&:hover': { borderRadius: '50%' } }}\n        >\n          <Delete />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\nexport default DeleteRole;\n"],"names":[],"mappings":";;;;;;;;;AA8BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,yBAAyB,aAAc,CAAA;AAAA,IAC3C,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACd,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,EAAE,sBAAA,CAAuB,OAAW,IAAA,OAAA,CAAA;AACpD,EAAA,MAAM,iBAAiB,OACnB,GAAA,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAC/B,eAAe,QAAQ,CAAA,CAAA;AAC3B,EAAM,MAAA,WAAA,GAAc,UAAU,wBAA2B,GAAA,EAAA;AAEzD,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,aAAa,EAAA,UAAA,IAAc,cACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,MAClB,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,MAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ,EAAA;AAAA,MAEzC,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,KAEZ,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DeleteRole.esm.js","sources":["../../../src/components/RolesList/DeleteRole.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useDeleteDialog } from '@janus-idp/shared-react';\nimport Delete from '@mui/icons-material/Delete';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { policyEntityDeletePermission } from '@backstage-community/plugin-rbac-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\ntype DeleteRoleProps = {\n  roleName: string;\n  canEdit: boolean;\n  dataTestId?: string;\n  tooltip?: string;\n};\n\nconst DeleteRole = ({\n  roleName,\n  canEdit,\n  dataTestId,\n  tooltip,\n}: DeleteRoleProps) => {\n  const { setDeleteComponent, setOpenDialog } = useDeleteDialog();\n\n  const openDialog = (name: string) => {\n    setDeleteComponent({ roleName: name });\n    setOpenDialog(true);\n  };\n\n  const deletePermissionResult = usePermission({\n    permission: policyEntityDeletePermission,\n    resourceRef: roleName,\n  });\n\n  const disable = !(deletePermissionResult.allowed && canEdit);\n  const dataTestIdText = disable\n    ? `disable-delete-role-${roleName}`\n    : `delete-role-${roleName}`;\n  const tooltipText = disable ? 'Role cannot be deleted' : '';\n\n  return (\n    <Tooltip title={tooltip ?? tooltipText}>\n      <Typography component=\"span\" data-testid={dataTestId ?? dataTestIdText}>\n        <IconButton\n          onClick={() => openDialog(roleName)}\n          aria-label=\"Delete\"\n          disabled={disable}\n          title={tooltip ?? 'Delete Role'}\n          sx={{\n            p: 1,\n            borderRadius: '50%',\n            '&:hover': { borderRadius: '50%' },\n          }}\n        >\n          <Delete />\n        </IconButton>\n      </Typography>\n    </Tooltip>\n  );\n};\nexport default DeleteRole;\n"],"names":[],"mappings":";;;;;;;;;AA8BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,yBAAyB,aAAc,CAAA;AAAA,IAC3C,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACd,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,EAAE,sBAAA,CAAuB,OAAW,IAAA,OAAA,CAAA;AACpD,EAAA,MAAM,iBAAiB,OACnB,GAAA,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAC/B,eAAe,QAAQ,CAAA,CAAA;AAC3B,EAAM,MAAA,WAAA,GAAc,UAAU,wBAA2B,GAAA,EAAA;AAEzD,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,aAAa,EAAA,UAAA,IAAc,cACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,MAClB,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,YAAc,EAAA,KAAA;AAAA,QACd,SAAA,EAAW,EAAE,YAAA,EAAc,KAAM;AAAA,OACnC;AAAA,MAEA,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,KAEZ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-rbac",
-  "version": "1.41.2",
+  "version": "1.41.4",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -36,7 +36,7 @@
     "ui-test": "start-server-and-test start localhost:3000 'playwright test'"
   },
   "dependencies": {
-    "@backstage-community/plugin-rbac-common": "^1.16.0",
+    "@backstage-community/plugin-rbac-common": "^1.16.1",
     "@backstage/catalog-model": "^1.7.3",
     "@backstage/core-components": "^0.17.1",
     "@backstage/core-plugin-api": "^1.10.6",
@@ -69,7 +69,6 @@
     "@backstage/test-utils": "^1.7.7",
     "@playwright/test": "^1.52.0",
     "@redhat-developer/red-hat-developer-hub-theme": "0.4.0",
-    "@spotify/prettier-config": "^15.0.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -104,7 +103,7 @@
     "@PatAKnight"
   ],
   "author": "Red Hat",
-  "prettier": "@spotify/prettier-config",
+  "prettier": "@backstage/cli/config/prettier",
   "lint-staged": {
     "*.{js,jsx,ts,tsx,mjs,cjs}": [
       "eslint --fix",