@backstage-community/plugin-rbac 1.32.5 → 1.33.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 ### Dependencies
 
+## 1.33.1
+
+### Patch Changes
+
+- ba05b93: Fixed UI issues.
+
+## 1.33.0
+
+### Minor Changes
+
+- 757799e: Upgraded RBAC plugin from mui4 to mui5
+
 ## 1.32.5
 
 ### Patch Changes

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

@@ -1,14 +1,15 @@
 import React from 'react';
-import { Box, Typography } from '@material-ui/core';
-import Tooltip from '@material-ui/core/Tooltip';
-import HelpOutlineIcon from '@material-ui/icons/HelpOutline';
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
+import Box from '@mui/material/Box';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
 
+const tooltipTitle = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", component: "p", align: "center" }, "Nested conditions are ", /* @__PURE__ */ React.createElement("b", null, "1 layer rules within a main condition"), ". It lets you allow appropriate access by using detailed permissions based on various conditions. You can add multiple nested conditions."), /* @__PURE__ */ React.createElement(Typography, { variant: "body1", component: "p", align: "center" }, "For example, you can allow access to all entity types in the main condition and use a nested condition to limit the access to entities owned by the user."));
 const AddNestedConditionButton = () => {
-  const tooltipTitle = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", component: "p", align: "center" }, "Nested conditions are ", /* @__PURE__ */ React.createElement("b", null, "1 layer rules within a main condition"), ". It lets you allow appropriate access by using detailed permissions based on various conditions. You can add multiple nested conditions."), /* @__PURE__ */ React.createElement(Typography, { variant: "body1", component: "p", align: "center" }, "For example, you can allow access to all entity types in the main condition and use a nested condition to limit the access to entities owned by the user."));
   return /* @__PURE__ */ React.createElement(
     Box,
     {
-      style: {
+      sx: {
         display: "flex",
         justifyContent: "center",
         alignItems: "center"
@@ -19,5 +20,5 @@ const AddNestedConditionButton = () => {
   );
 };
 
-export { AddNestedConditionButton };
+export { AddNestedConditionButton, tooltipTitle };
 //# sourceMappingURL=AddNestedConditionButton.esm.js.map

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 React from 'react';\n\nimport { Box, Typography } from '@material-ui/core';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\n\nexport const AddNestedConditionButton = () => {\n  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\n        owned by the user.\n      </Typography>\n    </div>\n  );\n  return (\n    <Box\n      style={{\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":";;;;;AAqBO,MAAM,2BAA2B,MAAM;AAC5C,EAAA,MAAM,YAAe,GAAA,sBAClB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,SAAU,EAAA,GAAA,EAAI,KAAM,EAAA,QAAA,EAAA,EAAS,wBACjC,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,uCAAqC,CAAI,EAAA,2IAGpE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,GAAI,EAAA,KAAA,EAAM,QAAS,EAAA,EAAA,2JAIzD,CACF,CAAA;AAEF,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA;AACd,KAAA;AAAA,wCAEC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,UAAO,sBAE7C,CAAA;AAAA,wCACC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,WAAU,KAAO,EAAA,EAAE,UAAY,EAAA,SAAA,IAAa,CACxE;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 React from 'react';\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":";;;;;;AAsBO,MAAM,YAAe,GAAA,sBACzB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,SAAU,EAAA,GAAA,EAAI,KAAM,EAAA,QAAA,EAAA,EAAS,wBACjC,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,uCAAqC,CAAI,EAAA,2IAGpE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,GAAI,EAAA,KAAA,EAAM,QAAS,EAAA,EAAA,2JAIzD,CACF;AAGK,MAAM,2BAA2B,MAAM;AAC5C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA;AACd,KAAA;AAAA,wCAEC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,UAAO,sBAE7C,CAAA;AAAA,wCACC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,WAAU,KAAO,EAAA,EAAE,UAAY,EAAA,SAAA,IAAa,CACxE;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IconButton } from '@material-ui/core';
 import RemoveIcon from '@mui/icons-material/Remove';
+import IconButton from '@mui/material/IconButton';
 import { isSimpleRule, getRowStyle, getRowKey, getSimpleRuleErrors, getNestedRuleErrors } from '../../utils/conditional-access-utils.esm.js';
 import { ConditionsFormRowFields } from './ConditionsFormRowFields.esm.js';
 import { criterias } from './const.esm.js';
@@ -15,7 +15,6 @@ const ComplexConditionRow = ({
   setRemoveAllClicked,
   conditionRulesData,
   notConditionType,
-  classes,
   currentCondition,
   ruleIndex,
   activeCriteria,
@@ -134,7 +133,12 @@ const ComplexConditionRow = ({
       IconButton,
       {
         title: "Remove",
-        className: classes.removeRuleButton,
+        sx: {
+          color: (theme) => theme.palette.grey[500],
+          flexGrow: 0,
+          alignSelf: "baseline",
+          marginTop: (theme) => theme.spacing(3.3)
+        },
         disabled: isNestedCondition ? nestedDisabled : disabled,
         onClick: isNestedCondition && activeNestedCriteria && nestedConditionIndex !== void 0 ? () => handleRemoveNestedConditionRule(activeNestedCriteria) : () => {
           handleRemoveSimpleConditionRule(ruleIndex, ruleList);

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 React from 'react';\n\nimport { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport { IconButton } from '@material-ui/core';\nimport RemoveIcon from '@mui/icons-material/Remove';\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: React.Dispatch<\n    React.SetStateAction<AccessConditionsErrors | undefined>\n  >;\n  setRemoveAllClicked: React.Dispatch<React.SetStateAction<boolean>>;\n  conditionRulesData?: RulesData;\n  notConditionType?: NotConditionType;\n  classes: any;\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  classes,\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          className={classes.removeRuleButton}\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":";;;;;;;AA8DO,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,OAAA;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,KAAW,CAAA,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,KACzB,CAAA,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,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,WAAY,CAAA,gBAAA,EAAkB,iBAAiB,CAAA;AAAA,MACtD,GAAA,EAAK,SAAU,CAAA,iBAAA,EAAmB,SAAS;AAAA,KAAA;AAAA,oBAE3C,KAAA,CAAA,aAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,gBAAA;AAAA,QACd,KAAA,EAAO,oBAAoB,KAAY,CAAA,GAAA,SAAA;AAAA,QACvC,YAAA;AAAA,QACA,YAAA;AAAA,QACA,QAAA;AAAA,QACA,kBAAA;AAAA,QACA,SAAA;AAAA,QACA,mBAAA;AAAA,QACA,kBAAA,EACE,oBAAoB,kBAAqB,GAAA,KAAA,CAAA;AAAA,QAE3C,uBAAA,EACE,oBAAoB,oBAAuB,GAAA,KAAA,CAAA;AAAA,QAE7C,oBAAA,EACE,oBAAoB,oBAAuB,GAAA,KAAA,CAAA;AAAA,QAE7C,wBAAA,EAA0B,oBAAoB,SAAY,GAAA,KAAA,CAAA;AAAA,QAC1D,WAAA,EAAa,oBAAoB,WAAc,GAAA,KAAA;AAAA;AAAA,KACjD;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,QAAA;AAAA,QACN,WAAW,OAAQ,CAAA,gBAAA;AAAA,QACnB,QAAA,EAAU,oBAAoB,cAAiB,GAAA,QAAA;AAAA,QAC/C,OAAA,EACE,qBACA,oBACA,IAAA,oBAAA,KAAyB,SACrB,MAAM,+BAAA,CAAgC,oBAAoB,CAAA,GAC1D,MAAM;AACJ,UAAA,+BAAA,CAAgC,WAAW,QAAQ,CAAA;AAAA;AACrD,OAAA;AAAA,0CAGL,UAAW,EAAA,IAAA;AAAA;AACd,GACF;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 React 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: React.Dispatch<\n    React.SetStateAction<AccessConditionsErrors | undefined>\n  >;\n  setRemoveAllClicked: React.Dispatch<React.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":"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"}

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

@@ -1,16 +1,17 @@
 import React from 'react';
 import AddIcon from '@mui/icons-material/Add';
+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 { getDefaultRule } from '../../utils/conditional-access-utils.esm.js';
-import { AddNestedConditionButton } from './AddNestedConditionButton.esm.js';
+import { tooltipTitle } from './AddNestedConditionButton.esm.js';
 import { criterias } from './const.esm.js';
 
 const ComplexConditionRowButtons = ({
   conditionRow,
   onRuleChange,
   criteria,
-  classes,
   selPluginResourceType,
   updateErrors,
   isNestedConditionRule,
@@ -37,25 +38,49 @@ const ComplexConditionRowButtons = ({
     onRuleChange({ [criteria]: [...updatedRules] });
     updateErrors(firstNestedConditionIndex);
   };
-  return (criteria === criterias.allOf || criteria === criterias.anyOf) && /* @__PURE__ */ React.createElement(Box, { mt: 1, mb: 1 }, /* @__PURE__ */ React.createElement(
-    Button,
+  return (criteria === criterias.allOf || criteria === criterias.anyOf) && /* @__PURE__ */ React.createElement(
+    Box,
     {
-      className: classes.addRuleButton,
-      size: "small",
-      onClick: handleAddRule
+      mt: 1,
+      mb: 1,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start"
+      }
     },
-    /* @__PURE__ */ React.createElement(AddIcon, { fontSize: "small" }),
-    "Add rule"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      className: classes.addNestedConditionButton,
-      size: "small",
-      onClick: () => handleAddNestedCondition(criteria)
-    },
-    /* @__PURE__ */ React.createElement(AddIcon, { fontSize: "small" }),
-    /* @__PURE__ */ React.createElement(AddNestedConditionButton, null)
-  ));
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        sx: {
+          color: (theme) => theme.palette.primary.light
+        },
+        size: "small",
+        onClick: handleAddRule,
+        startIcon: /* @__PURE__ */ React.createElement(AddIcon, { fontSize: "small" })
+      },
+      "Add rule"
+    ),
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        sx: {
+          color: (theme) => theme.palette.primary.light
+        },
+        size: "small",
+        onClick: () => handleAddNestedCondition(criteria),
+        startIcon: /* @__PURE__ */ React.createElement(AddIcon, { fontSize: "small" }),
+        endIcon: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle(), placement: "top" }, /* @__PURE__ */ React.createElement(
+          HelpOutlineIcon,
+          {
+            fontSize: "small",
+            style: { marginLeft: "0.25rem" }
+          }
+        ))
+      },
+      "Add Nested Condition"
+    )
+  );
 };
 
 export { ComplexConditionRowButtons };

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 React from 'react';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\n\nimport { getDefaultRule } from '../../utils/conditional-access-utils';\nimport { AddNestedConditionButton } 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  classes: any;\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  classes,\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 mt={1} mb={1}>\n        <Button\n          className={classes.addRuleButton}\n          size=\"small\"\n          onClick={handleAddRule}\n        >\n          <AddIcon fontSize=\"small\" />\n          Add rule\n        </Button>\n        <Button\n          className={classes.addNestedConditionButton}\n          size=\"small\"\n          onClick={() => handleAddNestedCondition(criteria)}\n        >\n          <AddIcon fontSize=\"small\" />\n          <AddNestedConditionButton />\n        </Button>\n      </Box>\n    )\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAqCO,MAAM,6BAA6B,CAAC;AAAA,EACzC,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;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,CAAI,CAAA,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,EACG,OAAA,CAAA,QAAA,KAAa,SAAU,CAAA,KAAA,IAAS,QAAa,KAAA,SAAA,CAAU,KACtD,qBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,aAAA;AAAA,MACnB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,IAAE;AAAA,GAG9B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,wBAAA;AAAA,MACnB,IAAK,EAAA,OAAA;AAAA,MACL,OAAA,EAAS,MAAM,wBAAA,CAAyB,QAAQ;AAAA,KAAA;AAAA,oBAEhD,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,wCACzB,wBAAyB,EAAA,IAAA;AAAA,GAE9B,CAAA;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 React from 'react';\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":";;;;;;;;;;AAsCO,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,CAAI,CAAA,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,KAAA,CAAA,aAAA;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;AACd,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,SACxC;AAAA,QACA,IAAK,EAAA,OAAA;AAAA,QACL,OAAS,EAAA,aAAA;AAAA,QACT,SAAW,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA;AAAA,OAAA;AAAA,MACtC;AAAA,KAED;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,SACxC;AAAA,QACA,IAAK,EAAA,OAAA;AAAA,QACL,OAAA,EAAS,MAAM,wBAAA,CAAyB,QAAQ,CAAA;AAAA,QAChD,SAAW,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACrC,yBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,OAAA;AAAA,YACT,KAAA,EAAO,EAAE,UAAA,EAAY,SAAU;AAAA;AAAA,SAEnC;AAAA,OAAA;AAAA,MAEH;AAAA;AAED,GACF;AAGN;;;;"}

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

@@ -1,44 +1,11 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core';
-import Drawer from '@material-ui/core/Drawer';
 import CloseIcon from '@mui/icons-material/Close';
 import Box from '@mui/material/Box';
+import Drawer from '@mui/material/Drawer';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
 import { ConditionsForm } from './ConditionsForm.esm.js';
 
-const useDrawerStyles = makeStyles(() => ({
-  paper: {
-    ["@media (max-width: 960px)"]: {
-      width: "-webkit-fill-available"
-    },
-    width: "50vw",
-    height: "100vh",
-    gap: "3%",
-    display: "-webkit-inline-box"
-  }
-}));
-const useDrawerContentStyles = makeStyles((theme) => ({
-  sidebar: {
-    display: "flex",
-    flexFlow: "column",
-    justifyContent: "space-between",
-    backgroundColor: `${theme.palette.background.default} !important`
-  },
-  header: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "baseline",
-    padding: theme.spacing(2.5),
-    fontFamily: theme.typography.fontFamily
-  },
-  headerSubtitle: {
-    fontWeight: 400,
-    fontFamily: theme.typography.fontFamily,
-    paddingTop: theme.spacing(1)
-  }
-}));
 const ConditionalAccessSidebar = ({
   open,
   onClose,
@@ -47,45 +14,80 @@ const ConditionalAccessSidebar = ({
   conditionRulesData,
   conditionsFormVal
 }) => {
-  const classes = useDrawerStyles();
-  const contentClasses = useDrawerContentStyles();
   return /* @__PURE__ */ React.createElement(
     Drawer,
     {
       anchor: "right",
       open,
       "data-testid": "rules-sidebar",
-      classes: {
-        paper: classes.paper
+      PaperProps: {
+        sx: {
+          ["@media (max-width: 960px)"]: {
+            width: "100%"
+          },
+          width: "50%",
+          height: "100%"
+        }
       }
     },
-    /* @__PURE__ */ React.createElement(Box, { className: contentClasses.sidebar }, /* @__PURE__ */ React.createElement(Box, { className: contentClasses.header }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, /* @__PURE__ */ React.createElement(Typography, { component: "span", sx: { fontWeight: 500 } }, "Configure access for the"), " ", selPluginResourceType, /* @__PURE__ */ React.createElement(
-      Typography,
-      {
-        variant: "body2",
-        className: contentClasses.headerSubtitle,
-        align: "left"
-      },
-      "By default, the selected resource type will be visible to the chosen users in step two. If you want to restrict or grant permission to specific plugin resource type rule, select it and add the required parameters."
-    )), /* @__PURE__ */ React.createElement(
-      IconButton,
+    /* @__PURE__ */ React.createElement(
+      Box,
       {
-        key: "dismiss",
-        title: "Close the drawer",
-        onClick: onClose,
-        color: "inherit"
+        sx: {
+          display: "flex",
+          flexFlow: "column",
+          justifyContent: "space-between",
+          height: "100%",
+          backgroundColor: (theme) => `${theme.palette.background.paper}`
+        }
       },
-      /* @__PURE__ */ React.createElement(CloseIcon, { fontSize: "small" })
-    )), /* @__PURE__ */ React.createElement(
-      ConditionsForm,
-      {
-        conditionRulesData,
-        selPluginResourceType,
-        conditionsFormVal,
-        onClose,
-        onSave
-      }
-    ))
+      /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "baseline",
+            padding: (theme) => theme.spacing(2.5),
+            fontFamily: (theme) => theme.typography.fontFamily
+          }
+        },
+        /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex", gap: "5px" } }, /* @__PURE__ */ React.createElement(Typography, { sx: { fontWeight: 500 }, variant: "h5" }, "Configure access for the"), /* @__PURE__ */ React.createElement(Typography, { style: { fontWeight: 600 }, variant: "h5" }, selPluginResourceType)), /* @__PURE__ */ React.createElement(
+          Typography,
+          {
+            variant: "body2",
+            sx: {
+              fontWeight: 400,
+              fontFamily: (theme) => theme.typography.fontFamily,
+              paddingTop: (theme) => theme.spacing(1)
+            },
+            align: "left"
+          },
+          "By default, the selected resource type will be visible to the chosen users in step two. If you want to restrict or grant permission to specific plugin resource type rule, select it and add the required parameters."
+        )),
+        /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            key: "dismiss",
+            title: "Close the drawer",
+            onClick: onClose,
+            color: "inherit"
+          },
+          /* @__PURE__ */ React.createElement(CloseIcon, { fontSize: "small" })
+        )
+      ),
+      /* @__PURE__ */ React.createElement(
+        ConditionsForm,
+        {
+          conditionRulesData,
+          selPluginResourceType,
+          conditionsFormVal,
+          onClose,
+          onSave
+        }
+      )
+    )
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionalAccessSidebar.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionalAccessSidebar.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport Drawer from '@material-ui/core/Drawer';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { ConditionsForm } from './ConditionsForm';\nimport { ConditionsData, RulesData } from './types';\n\nconst useDrawerStyles = makeStyles(() => ({\n  paper: {\n    ['@media (max-width: 960px)']: {\n      width: '-webkit-fill-available',\n    },\n    width: '50vw',\n    height: '100vh',\n    gap: '3%',\n    display: '-webkit-inline-box',\n  },\n}));\n\nconst useDrawerContentStyles = makeStyles(theme => ({\n  sidebar: {\n    display: 'flex',\n    flexFlow: 'column',\n    justifyContent: 'space-between',\n    backgroundColor: `${theme.palette.background.default} !important`,\n  },\n  header: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'baseline',\n    padding: theme.spacing(2.5),\n    fontFamily: theme.typography.fontFamily,\n  },\n  headerSubtitle: {\n    fontWeight: 400,\n    fontFamily: theme.typography.fontFamily,\n    paddingTop: theme.spacing(1),\n  },\n}));\n\ntype ConditionalAccessSidebarProps = {\n  open: boolean;\n  onClose: () => void;\n  onSave: (conditions?: ConditionsData) => void;\n  selPluginResourceType: string;\n  conditionRulesData?: RulesData;\n  conditionsFormVal?: ConditionsData;\n};\n\nexport const ConditionalAccessSidebar = ({\n  open,\n  onClose,\n  onSave,\n  selPluginResourceType,\n  conditionRulesData,\n  conditionsFormVal,\n}: ConditionalAccessSidebarProps) => {\n  const classes = useDrawerStyles();\n  const contentClasses = useDrawerContentStyles();\n  return (\n    <Drawer\n      anchor=\"right\"\n      open={open}\n      data-testid=\"rules-sidebar\"\n      classes={{\n        paper: classes.paper,\n      }}\n    >\n      <Box className={contentClasses.sidebar}>\n        <Box className={contentClasses.header}>\n          <Typography variant=\"h5\">\n            <Typography component=\"span\" sx={{ fontWeight: 500 }}>\n              Configure access for the\n            </Typography>{' '}\n            {selPluginResourceType}\n            <Typography\n              variant=\"body2\"\n              className={contentClasses.headerSubtitle}\n              align=\"left\"\n            >\n              By default, the selected resource type will be visible to the\n              chosen users in step two. If you want to restrict or grant\n              permission to specific plugin resource type rule, select it and\n              add the required parameters.\n            </Typography>\n          </Typography>\n          <IconButton\n            key=\"dismiss\"\n            title=\"Close the drawer\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </Box>\n        <ConditionsForm\n          conditionRulesData={conditionRulesData}\n          selPluginResourceType={selPluginResourceType}\n          conditionsFormVal={conditionsFormVal}\n          onClose={onClose}\n          onSave={onSave}\n        />\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConditionalAccessSidebar.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionalAccessSidebar.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { ConditionsForm } from './ConditionsForm';\nimport { ConditionsData, RulesData } from './types';\n\ntype ConditionalAccessSidebarProps = {\n  open: boolean;\n  onClose: () => void;\n  onSave: (conditions?: ConditionsData) => void;\n  selPluginResourceType: string;\n  conditionRulesData?: RulesData;\n  conditionsFormVal?: ConditionsData;\n};\n\nexport const ConditionalAccessSidebar = ({\n  open,\n  onClose,\n  onSave,\n  selPluginResourceType,\n  conditionRulesData,\n  conditionsFormVal,\n}: ConditionalAccessSidebarProps) => {\n  return (\n    <Drawer\n      anchor=\"right\"\n      open={open}\n      data-testid=\"rules-sidebar\"\n      PaperProps={{\n        sx: {\n          ['@media (max-width: 960px)']: {\n            width: '100%',\n          },\n          width: '50%',\n          height: '100%',\n        },\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexFlow: 'column',\n          justifyContent: 'space-between',\n          height: '100%',\n          backgroundColor: theme => `${theme.palette.background.paper}`,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            alignItems: 'baseline',\n            padding: theme => theme.spacing(2.5),\n            fontFamily: theme => theme.typography.fontFamily,\n          }}\n        >\n          <Box>\n            <Box sx={{ display: 'flex', gap: '5px' }}>\n              <Typography sx={{ fontWeight: 500 }} variant=\"h5\">\n                Configure access for the\n              </Typography>\n              <Typography style={{ fontWeight: 600 }} variant=\"h5\">\n                {selPluginResourceType}\n              </Typography>\n            </Box>\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontWeight: 400,\n                fontFamily: theme => theme.typography.fontFamily,\n                paddingTop: theme => theme.spacing(1),\n              }}\n              align=\"left\"\n            >\n              By default, the selected resource type will be visible to the\n              chosen users in step two. If you want to restrict or grant\n              permission to specific plugin resource type rule, select it and\n              add the required parameters.\n            </Typography>\n          </Box>\n          <IconButton\n            key=\"dismiss\"\n            title=\"Close the drawer\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </Box>\n        <ConditionsForm\n          conditionRulesData={conditionRulesData}\n          selPluginResourceType={selPluginResourceType}\n          conditionsFormVal={conditionsFormVal}\n          onClose={onClose}\n          onSave={onSave}\n        />\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":"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"}