@backstage-community/plugin-rbac 1.32.5 → 1.33.0

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

@@ -1,33 +1,13 @@
 import React from 'react';
-import { makeStyles, Box, Button } from '@material-ui/core';
-import { Alert, AlertTitle } from '@material-ui/lab';
 import WarningIcon from '@mui/icons-material/Warning';
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
 import { initializeErrors, resetErrors, isSimpleRule, hasSimpleConditionOrNotErrors, hasNestedNotErrors, hasAllOfOrAnyOfErrors } from '../../utils/conditional-access-utils.esm.js';
 import { ConditionsFormRow } from './ConditionsFormRow.esm.js';
 import { criterias } from './const.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  form: {
-    padding: theme.spacing(2.5),
-    paddingTop: 0,
-    flexGrow: 1,
-    overflow: "auto"
-  },
-  addConditionButton: {
-    color: theme.palette.primary.light
-  },
-  footer: {
-    display: "flex",
-    flexDirection: "row",
-    gap: "15px",
-    alignItems: "baseline",
-    borderTop: `2px solid ${theme.palette.border}`,
-    padding: theme.spacing(2.5),
-    "& button": {
-      textTransform: "none"
-    }
-  }
-}));
 const ConditionsForm = ({
   conditionRulesData,
   selPluginResourceType,
@@ -35,7 +15,6 @@ const ConditionsForm = ({
   onClose,
   onSave
 }) => {
-  const classes = useStyles();
   const [conditions, setConditions] = React.useState(
     conditionsFormVal ?? {
       condition: {
@@ -131,73 +110,103 @@ const ConditionsForm = ({
       ).includes("rule");
     });
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { className: classes.form }, /* @__PURE__ */ React.createElement(
-    ConditionsFormRow,
-    {
-      conditionRulesData,
-      conditionRow: conditions,
-      criteria,
-      selPluginResourceType,
-      onRuleChange: (newCondition) => setConditions(newCondition),
-      setCriteria,
-      setErrors,
-      setRemoveAllClicked
-    }
-  ), hasMultiLevelNestedConditions() && /* @__PURE__ */ React.createElement(
-    Alert,
-    {
-      icon: /* @__PURE__ */ React.createElement(WarningIcon, null),
-      style: { margin: "1.5rem 0 1rem 0" },
-      severity: "warning",
-      "data-testid": "multi-level-nested-conditions-warning"
-    },
-    /* @__PURE__ */ React.createElement(AlertTitle, { "data-testid": "multi-level-nested-conditions-warning-title" }, "Multiple levels of nested conditions are not supported"),
-    "Only one level is displayed. Please use the CLI to view all nested conditions."
-  )), /* @__PURE__ */ React.createElement(Box, { className: classes.footer }, /* @__PURE__ */ React.createElement(
-    Button,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
     {
-      variant: "contained",
-      color: "primary",
-      "data-testid": "save-conditions",
-      disabled: isSaveDisabled(),
-      onClick: () => {
-        if (removeAllClicked) {
-          onSave(void 0);
-        } else onSave(conditions);
+      sx: {
+        padding: (theme) => theme.spacing(2.5),
+        paddingTop: 0,
+        flexGrow: 1,
+        overflow: "auto"
       }
     },
-    "Save"
+    /* @__PURE__ */ React.createElement(
+      ConditionsFormRow,
+      {
+        conditionRulesData,
+        conditionRow: conditions,
+        criteria,
+        selPluginResourceType,
+        onRuleChange: (newCondition) => setConditions(newCondition),
+        setCriteria,
+        setErrors,
+        setRemoveAllClicked
+      }
+    ),
+    hasMultiLevelNestedConditions() && /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        icon: /* @__PURE__ */ React.createElement(WarningIcon, null),
+        style: { margin: "1.5rem 0 1rem 0" },
+        severity: "warning",
+        "data-testid": "multi-level-nested-conditions-warning"
+      },
+      /* @__PURE__ */ React.createElement(AlertTitle, { "data-testid": "multi-level-nested-conditions-warning-title" }, "Multiple levels of nested conditions are not supported"),
+      "Only one level is displayed. Please use the CLI to view all nested conditions."
+    )
   ), /* @__PURE__ */ React.createElement(
-    Button,
+    Box,
     {
-      variant: "outlined",
-      color: "primary",
-      onClick: onClose,
-      "data-testid": "cancel-conditions"
+      sx: {
+        display: "flex",
+        flexDirection: "row",
+        gap: "15px",
+        alignItems: "baseline",
+        borderTop: (theme) => `2px solid ${theme.palette.border}`,
+        padding: (theme) => theme.spacing(2.5),
+        "& button": {
+          textTransform: "none"
+        }
+      }
     },
-    "Cancel"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "text",
-      color: "primary",
-      disabled: removeAllClicked || isNoRuleSelected(),
-      onClick: () => {
-        setRemoveAllClicked(true);
-        setCriteria(criterias.condition);
-        setConditions({
-          condition: {
-            rule: "",
-            resourceType: selPluginResourceType,
-            params: {}
-          }
-        });
-        setErrors(resetErrors(criterias.condition));
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        "data-testid": "save-conditions",
+        disabled: isSaveDisabled(),
+        onClick: () => {
+          if (removeAllClicked) {
+            onSave(void 0);
+          } else onSave(conditions);
+        }
       },
-      "data-testid": "remove-conditions"
-    },
-    "Remove all"
-  )));
+      "Save"
+    ),
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "outlined",
+        color: "primary",
+        onClick: onClose,
+        "data-testid": "cancel-conditions"
+      },
+      "Cancel"
+    ),
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "text",
+        color: "primary",
+        disabled: removeAllClicked || isNoRuleSelected(),
+        onClick: () => {
+          setRemoveAllClicked(true);
+          setCriteria(criterias.condition);
+          setConditions({
+            condition: {
+              rule: "",
+              resourceType: selPluginResourceType,
+              params: {}
+            }
+          });
+          setErrors(resetErrors(criterias.condition));
+        },
+        "data-testid": "remove-conditions"
+      },
+      "Remove all"
+    )
+  ));
 };
 
 export { ConditionsForm };

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionsForm.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionsForm.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 { Box, Button, makeStyles } from '@material-ui/core';\nimport { Alert, AlertTitle } from '@material-ui/lab';\nimport WarningIcon from '@mui/icons-material/Warning';\n\nimport {\n  hasAllOfOrAnyOfErrors,\n  hasNestedNotErrors,\n  hasSimpleConditionOrNotErrors,\n  initializeErrors,\n  isSimpleRule,\n  resetErrors,\n} from '../../utils/conditional-access-utils';\nimport { ConditionsFormRow } from './ConditionsFormRow';\nimport { criterias } from './const';\nimport {\n  AccessConditionsErrors,\n  Condition,\n  ConditionsData,\n  RulesData,\n} from './types';\n\nconst useStyles = makeStyles(theme => ({\n  form: {\n    padding: theme.spacing(2.5),\n    paddingTop: 0,\n    flexGrow: 1,\n    overflow: 'auto',\n  },\n  addConditionButton: {\n    color: theme.palette.primary.light,\n  },\n  footer: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: '15px',\n    alignItems: 'baseline',\n    borderTop: `2px solid ${theme.palette.border}`,\n    padding: theme.spacing(2.5),\n    '& button': {\n      textTransform: 'none',\n    },\n  },\n}));\n\ntype ConditionFormProps = {\n  conditionRulesData?: RulesData;\n  conditionsFormVal?: ConditionsData;\n  selPluginResourceType: string;\n  onClose: () => void;\n  onSave: (conditions?: ConditionsData) => void;\n};\n\nexport const ConditionsForm = ({\n  conditionRulesData,\n  selPluginResourceType,\n  conditionsFormVal,\n  onClose,\n  onSave,\n}: ConditionFormProps) => {\n  const classes = useStyles();\n  const [conditions, setConditions] = React.useState<ConditionsData>(\n    conditionsFormVal ?? {\n      condition: {\n        rule: '',\n        resourceType: selPluginResourceType,\n        params: {},\n      },\n    },\n  );\n  const [criteria, setCriteria] = React.useState<keyof ConditionsData>(\n    (Object.keys(conditions)[0] as keyof ConditionsData) ?? criterias.condition,\n  );\n  const [errors, setErrors] = React.useState<\n    AccessConditionsErrors | undefined\n  >(initializeErrors(criteria, conditions));\n\n  const [removeAllClicked, setRemoveAllClicked] =\n    React.useState<boolean>(false);\n\n  const flattenConditions = (\n    conditionData: Condition[],\n  ): PermissionCondition[] => {\n    const flatConditions: PermissionCondition[] = [];\n\n    const processCondition = (condition: Condition) => {\n      if ('rule' in condition) {\n        flatConditions.push(condition);\n      } else {\n        if (condition.allOf) {\n          condition.allOf.forEach(processCondition);\n        }\n        if (condition.anyOf) {\n          condition.anyOf.forEach(processCondition);\n        }\n        if (condition.not) {\n          if ('rule' in condition.not) {\n            flatConditions.push(condition.not);\n          } else {\n            processCondition(condition.not);\n          }\n        }\n      }\n    };\n    conditionData.forEach(processCondition);\n    return flatConditions;\n  };\n\n  const isNoRuleSelected = () => {\n    switch (criteria) {\n      case criterias.condition:\n        return !conditions.condition?.rule;\n      case criterias.not: {\n        const flatConditions = flattenConditions([\n          conditions.not as PermissionCondition,\n        ]);\n        return flatConditions.some(c => !c.rule);\n      }\n      case criterias.allOf: {\n        const flatConditions = flattenConditions(conditions.allOf || []);\n        return flatConditions.some(c => !c.rule);\n      }\n      case criterias.anyOf: {\n        const flatConditions = flattenConditions(conditions.anyOf || []);\n        return flatConditions.some(c => !c.rule);\n      }\n      default:\n        return true;\n    }\n  };\n\n  const hasAnyErrors = (): boolean => {\n    if (!errors) return false;\n\n    if (\n      criteria === criterias.condition ||\n      (criteria === criterias.not &&\n        isSimpleRule(conditions[criteria] as Condition))\n    ) {\n      return hasSimpleConditionOrNotErrors(errors, criteria);\n    }\n\n    if (\n      criteria === criterias.not &&\n      !isSimpleRule(conditions[criteria] as Condition)\n    ) {\n      return hasNestedNotErrors(errors, conditions, criteria);\n    }\n\n    if (criteria === criterias.allOf || criteria === criterias.anyOf) {\n      return hasAllOfOrAnyOfErrors(errors, criteria);\n    }\n\n    return false;\n  };\n\n  const isSaveDisabled = () => {\n    if (removeAllClicked) return false;\n\n    return (\n      hasAnyErrors() ||\n      isNoRuleSelected() ||\n      Object.is(conditionsFormVal, conditions)\n    );\n  };\n\n  const hasMultiLevelNestedConditions = (): boolean => {\n    if (!Array.isArray(conditions[criteria])) {\n      return false;\n    }\n\n    return (conditions[criteria] as Condition[])\n      .filter(condition => !('rule' in condition))\n      .some((firstLevelNestedCondition: Condition) => {\n        const nestedConditionCriteria = Object.keys(\n          firstLevelNestedCondition,\n        )[0];\n        if (\n          Array.isArray(\n            firstLevelNestedCondition[\n              nestedConditionCriteria as keyof Condition\n            ],\n          )\n        ) {\n          return (\n            firstLevelNestedCondition[\n              nestedConditionCriteria as keyof Condition\n            ] as Condition[]\n          ).some((con: Condition) => !('rule' in con));\n        }\n\n        return !Object.keys(\n          firstLevelNestedCondition[\n            nestedConditionCriteria as keyof Condition\n          ] as Condition[],\n        ).includes('rule');\n      });\n  };\n\n  return (\n    <>\n      <Box className={classes.form}>\n        <ConditionsFormRow\n          conditionRulesData={conditionRulesData}\n          conditionRow={conditions}\n          criteria={criteria}\n          selPluginResourceType={selPluginResourceType}\n          onRuleChange={newCondition => setConditions(newCondition)}\n          setCriteria={setCriteria}\n          setErrors={setErrors}\n          setRemoveAllClicked={setRemoveAllClicked}\n        />\n        {hasMultiLevelNestedConditions() && (\n          <Alert\n            icon={<WarningIcon />}\n            style={{ margin: '1.5rem 0 1rem 0' }}\n            severity=\"warning\"\n            data-testid=\"multi-level-nested-conditions-warning\"\n          >\n            <AlertTitle data-testid=\"multi-level-nested-conditions-warning-title\">\n              Multiple levels of nested conditions are not supported\n            </AlertTitle>\n            Only one level is displayed. Please use the CLI to view all nested\n            conditions.\n          </Alert>\n        )}\n      </Box>\n      <Box className={classes.footer}>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          data-testid=\"save-conditions\"\n          disabled={isSaveDisabled()}\n          onClick={() => {\n            if (removeAllClicked) {\n              onSave(undefined);\n            } else onSave(conditions);\n          }}\n        >\n          Save\n        </Button>\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={onClose}\n          data-testid=\"cancel-conditions\"\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"text\"\n          color=\"primary\"\n          disabled={removeAllClicked || isNoRuleSelected()}\n          onClick={() => {\n            setRemoveAllClicked(true);\n            setCriteria(criterias.condition);\n            setConditions({\n              condition: {\n                rule: '',\n                resourceType: selPluginResourceType,\n                params: {},\n              },\n            });\n            setErrors(resetErrors(criterias.condition));\n          }}\n          data-testid=\"remove-conditions\"\n        >\n          Remove all\n        </Button>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC1B,UAAY,EAAA,CAAA;AAAA,IACZ,QAAU,EAAA,CAAA;AAAA,IACV,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,GAC/B;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,GAAK,EAAA,MAAA;AAAA,IACL,UAAY,EAAA,UAAA;AAAA,IACZ,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAAA,IAC5C,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC1B,UAAY,EAAA;AAAA,MACV,aAAe,EAAA;AAAA;AACjB;AAEJ,CAAE,CAAA,CAAA;AAUK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,iBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACxC,iBAAqB,IAAA;AAAA,MACnB,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,EAAA;AAAA,QACN,YAAc,EAAA,qBAAA;AAAA,QACd,QAAQ;AAAC;AACX;AACF,GACF;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACnC,OAAO,IAAK,CAAA,UAAU,CAAE,CAAA,CAAC,KAA8B,SAAU,CAAA;AAAA,GACpE;AACA,EAAM,MAAA,CAAC,QAAQ,SAAS,CAAA,GAAI,MAAM,QAEhC,CAAA,gBAAA,CAAiB,QAAU,EAAA,UAAU,CAAC,CAAA;AAExC,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,CAC1C,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA;AAE/B,EAAM,MAAA,iBAAA,GAAoB,CACxB,aAC0B,KAAA;AAC1B,IAAA,MAAM,iBAAwC,EAAC;AAE/C,IAAM,MAAA,gBAAA,GAAmB,CAAC,SAAyB,KAAA;AACjD,MAAA,IAAI,UAAU,SAAW,EAAA;AACvB,QAAA,cAAA,CAAe,KAAK,SAAS,CAAA;AAAA,OACxB,MAAA;AACL,QAAA,IAAI,UAAU,KAAO,EAAA;AACnB,UAAU,SAAA,CAAA,KAAA,CAAM,QAAQ,gBAAgB,CAAA;AAAA;AAE1C,QAAA,IAAI,UAAU,KAAO,EAAA;AACnB,UAAU,SAAA,CAAA,KAAA,CAAM,QAAQ,gBAAgB,CAAA;AAAA;AAE1C,QAAA,IAAI,UAAU,GAAK,EAAA;AACjB,UAAI,IAAA,MAAA,IAAU,UAAU,GAAK,EAAA;AAC3B,YAAe,cAAA,CAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA,WAC5B,MAAA;AACL,YAAA,gBAAA,CAAiB,UAAU,GAAG,CAAA;AAAA;AAChC;AACF;AACF,KACF;AACA,IAAA,aAAA,CAAc,QAAQ,gBAAgB,CAAA;AACtC,IAAO,OAAA,cAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,QAAQ,QAAU;AAAA,MAChB,KAAK,SAAU,CAAA,SAAA;AACb,QAAO,OAAA,CAAC,WAAW,SAAW,EAAA,IAAA;AAAA,MAChC,KAAK,UAAU,GAAK,EAAA;AAClB,QAAA,MAAM,iBAAiB,iBAAkB,CAAA;AAAA,UACvC,UAAW,CAAA;AAAA,SACZ,CAAA;AACD,QAAA,OAAO,cAAe,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAC,EAAE,IAAI,CAAA;AAAA;AACzC,MACA,KAAK,UAAU,KAAO,EAAA;AACpB,QAAA,MAAM,cAAiB,GAAA,iBAAA,CAAkB,UAAW,CAAA,KAAA,IAAS,EAAE,CAAA;AAC/D,QAAA,OAAO,cAAe,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAC,EAAE,IAAI,CAAA;AAAA;AACzC,MACA,KAAK,UAAU,KAAO,EAAA;AACpB,QAAA,MAAM,cAAiB,GAAA,iBAAA,CAAkB,UAAW,CAAA,KAAA,IAAS,EAAE,CAAA;AAC/D,QAAA,OAAO,cAAe,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAC,EAAE,IAAI,CAAA;AAAA;AACzC,MACA;AACE,QAAO,OAAA,IAAA;AAAA;AACX,GACF;AAEA,EAAA,MAAM,eAAe,MAAe;AAClC,IAAI,IAAA,CAAC,QAAe,OAAA,KAAA;AAEpB,IACE,IAAA,QAAA,KAAa,SAAU,CAAA,SAAA,IACtB,QAAa,KAAA,SAAA,CAAU,OACtB,YAAa,CAAA,UAAA,CAAW,QAAQ,CAAc,CAChD,EAAA;AACA,MAAO,OAAA,6BAAA,CAA8B,QAAQ,QAAQ,CAAA;AAAA;AAGvD,IACE,IAAA,QAAA,KAAa,UAAU,GACvB,IAAA,CAAC,aAAa,UAAW,CAAA,QAAQ,CAAc,CAC/C,EAAA;AACA,MAAO,OAAA,kBAAA,CAAmB,MAAQ,EAAA,UAAA,EAAY,QAAQ,CAAA;AAAA;AAGxD,IAAA,IAAI,QAAa,KAAA,SAAA,CAAU,KAAS,IAAA,QAAA,KAAa,UAAU,KAAO,EAAA;AAChE,MAAO,OAAA,qBAAA,CAAsB,QAAQ,QAAQ,CAAA;AAAA;AAG/C,IAAO,OAAA,KAAA;AAAA,GACT;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,kBAAyB,OAAA,KAAA;AAE7B,IAAA,OACE,cACA,IAAA,gBAAA,MACA,MAAO,CAAA,EAAA,CAAG,mBAAmB,UAAU,CAAA;AAAA,GAE3C;AAEA,EAAA,MAAM,gCAAgC,MAAe;AACnD,IAAA,IAAI,CAAC,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,QAAQ,CAAC,CAAG,EAAA;AACxC,MAAO,OAAA,KAAA;AAAA;AAGT,IAAQ,OAAA,UAAA,CAAW,QAAQ,CAAA,CACxB,MAAO,CAAA,CAAA,SAAA,KAAa,EAAE,MAAA,IAAU,SAAU,CAAA,CAAA,CAC1C,IAAK,CAAA,CAAC,yBAAyC,KAAA;AAC9C,MAAA,MAAM,0BAA0B,MAAO,CAAA,IAAA;AAAA,QACrC;AAAA,QACA,CAAC,CAAA;AACH,MAAA,IACE,KAAM,CAAA,OAAA;AAAA,QACJ,0BACE,uBACF;AAAA,OAEF,EAAA;AACA,QACE,OAAA,yBAAA,CACE,uBACF,CACA,CAAA,IAAA,CAAK,CAAC,GAAmB,KAAA,EAAE,UAAU,GAAI,CAAA,CAAA;AAAA;AAG7C,MAAA,OAAO,CAAC,MAAO,CAAA,IAAA;AAAA,QACb,0BACE,uBACF;AAAA,OACF,CAAE,SAAS,MAAM,CAAA;AAAA,KAClB,CAAA;AAAA,GACL;AAEA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,IACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,YAAc,EAAA,UAAA;AAAA,MACd,QAAA;AAAA,MACA,qBAAA;AAAA,MACA,YAAA,EAAc,CAAgB,YAAA,KAAA,aAAA,CAAc,YAAY,CAAA;AAAA,MACxD,WAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACF,EACC,+BACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,sCAAO,WAAY,EAAA,IAAA,CAAA;AAAA,MACnB,KAAA,EAAO,EAAE,MAAA,EAAQ,iBAAkB,EAAA;AAAA,MACnC,QAAS,EAAA,SAAA;AAAA,MACT,aAAY,EAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,aAAY,EAAA,6CAAA,EAAA,EAA8C,wDAEtE,CAAA;AAAA,IAAa;AAAA,GAKnB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,MACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,aAAY,EAAA,iBAAA;AAAA,MACZ,UAAU,cAAe,EAAA;AAAA,MACzB,SAAS,MAAM;AACb,QAAA,IAAI,gBAAkB,EAAA;AACpB,UAAA,MAAA,CAAO,KAAS,CAAA,CAAA;AAAA,SAClB,aAAc,UAAU,CAAA;AAAA;AAC1B,KAAA;AAAA,IACD;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAS,EAAA,OAAA;AAAA,MACT,aAAY,EAAA;AAAA,KAAA;AAAA,IACb;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,QAAA,EAAU,oBAAoB,gBAAiB,EAAA;AAAA,MAC/C,SAAS,MAAM;AACb,QAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,QAAA,WAAA,CAAY,UAAU,SAAS,CAAA;AAC/B,QAAc,aAAA,CAAA;AAAA,UACZ,SAAW,EAAA;AAAA,YACT,IAAM,EAAA,EAAA;AAAA,YACN,YAAc,EAAA,qBAAA;AAAA,YACd,QAAQ;AAAC;AACX,SACD,CAAA;AACD,QAAU,SAAA,CAAA,WAAA,CAAY,SAAU,CAAA,SAAS,CAAC,CAAA;AAAA,OAC5C;AAAA,MACA,aAAY,EAAA;AAAA,KAAA;AAAA,IACb;AAAA,GAGH,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConditionsForm.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionsForm.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 WarningIcon from '@mui/icons-material/Warning';\nimport Alert from '@mui/material/Alert';\nimport AlertTitle from '@mui/material/AlertTitle';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\n\nimport {\n  hasAllOfOrAnyOfErrors,\n  hasNestedNotErrors,\n  hasSimpleConditionOrNotErrors,\n  initializeErrors,\n  isSimpleRule,\n  resetErrors,\n} from '../../utils/conditional-access-utils';\nimport { ConditionsFormRow } from './ConditionsFormRow';\nimport { criterias } from './const';\nimport {\n  AccessConditionsErrors,\n  Condition,\n  ConditionsData,\n  RulesData,\n} from './types';\n\ntype ConditionFormProps = {\n  conditionRulesData?: RulesData;\n  conditionsFormVal?: ConditionsData;\n  selPluginResourceType: string;\n  onClose: () => void;\n  onSave: (conditions?: ConditionsData) => void;\n};\n\nexport const ConditionsForm = ({\n  conditionRulesData,\n  selPluginResourceType,\n  conditionsFormVal,\n  onClose,\n  onSave,\n}: ConditionFormProps) => {\n  const [conditions, setConditions] = React.useState<ConditionsData>(\n    conditionsFormVal ?? {\n      condition: {\n        rule: '',\n        resourceType: selPluginResourceType,\n        params: {},\n      },\n    },\n  );\n  const [criteria, setCriteria] = React.useState<keyof ConditionsData>(\n    (Object.keys(conditions)[0] as keyof ConditionsData) ?? criterias.condition,\n  );\n  const [errors, setErrors] = React.useState<\n    AccessConditionsErrors | undefined\n  >(initializeErrors(criteria, conditions));\n\n  const [removeAllClicked, setRemoveAllClicked] =\n    React.useState<boolean>(false);\n\n  const flattenConditions = (\n    conditionData: Condition[],\n  ): PermissionCondition[] => {\n    const flatConditions: PermissionCondition[] = [];\n\n    const processCondition = (condition: Condition) => {\n      if ('rule' in condition) {\n        flatConditions.push(condition);\n      } else {\n        if (condition.allOf) {\n          condition.allOf.forEach(processCondition);\n        }\n        if (condition.anyOf) {\n          condition.anyOf.forEach(processCondition);\n        }\n        if (condition.not) {\n          if ('rule' in condition.not) {\n            flatConditions.push(condition.not);\n          } else {\n            processCondition(condition.not);\n          }\n        }\n      }\n    };\n    conditionData.forEach(processCondition);\n    return flatConditions;\n  };\n\n  const isNoRuleSelected = () => {\n    switch (criteria) {\n      case criterias.condition:\n        return !conditions.condition?.rule;\n      case criterias.not: {\n        const flatConditions = flattenConditions([\n          conditions.not as PermissionCondition,\n        ]);\n        return flatConditions.some(c => !c.rule);\n      }\n      case criterias.allOf: {\n        const flatConditions = flattenConditions(conditions.allOf || []);\n        return flatConditions.some(c => !c.rule);\n      }\n      case criterias.anyOf: {\n        const flatConditions = flattenConditions(conditions.anyOf || []);\n        return flatConditions.some(c => !c.rule);\n      }\n      default:\n        return true;\n    }\n  };\n\n  const hasAnyErrors = (): boolean => {\n    if (!errors) return false;\n\n    if (\n      criteria === criterias.condition ||\n      (criteria === criterias.not &&\n        isSimpleRule(conditions[criteria] as Condition))\n    ) {\n      return hasSimpleConditionOrNotErrors(errors, criteria);\n    }\n\n    if (\n      criteria === criterias.not &&\n      !isSimpleRule(conditions[criteria] as Condition)\n    ) {\n      return hasNestedNotErrors(errors, conditions, criteria);\n    }\n\n    if (criteria === criterias.allOf || criteria === criterias.anyOf) {\n      return hasAllOfOrAnyOfErrors(errors, criteria);\n    }\n\n    return false;\n  };\n\n  const isSaveDisabled = () => {\n    if (removeAllClicked) return false;\n\n    return (\n      hasAnyErrors() ||\n      isNoRuleSelected() ||\n      Object.is(conditionsFormVal, conditions)\n    );\n  };\n\n  const hasMultiLevelNestedConditions = (): boolean => {\n    if (!Array.isArray(conditions[criteria])) {\n      return false;\n    }\n\n    return (conditions[criteria] as Condition[])\n      .filter(condition => !('rule' in condition))\n      .some((firstLevelNestedCondition: Condition) => {\n        const nestedConditionCriteria = Object.keys(\n          firstLevelNestedCondition,\n        )[0];\n        if (\n          Array.isArray(\n            firstLevelNestedCondition[\n              nestedConditionCriteria as keyof Condition\n            ],\n          )\n        ) {\n          return (\n            firstLevelNestedCondition[\n              nestedConditionCriteria as keyof Condition\n            ] as Condition[]\n          ).some((con: Condition) => !('rule' in con));\n        }\n\n        return !Object.keys(\n          firstLevelNestedCondition[\n            nestedConditionCriteria as keyof Condition\n          ] as Condition[],\n        ).includes('rule');\n      });\n  };\n\n  return (\n    <>\n      <Box\n        sx={{\n          padding: theme => theme.spacing(2.5),\n          paddingTop: 0,\n          flexGrow: 1,\n          overflow: 'auto',\n        }}\n      >\n        <ConditionsFormRow\n          conditionRulesData={conditionRulesData}\n          conditionRow={conditions}\n          criteria={criteria}\n          selPluginResourceType={selPluginResourceType}\n          onRuleChange={newCondition => setConditions(newCondition)}\n          setCriteria={setCriteria}\n          setErrors={setErrors}\n          setRemoveAllClicked={setRemoveAllClicked}\n        />\n        {hasMultiLevelNestedConditions() && (\n          <Alert\n            icon={<WarningIcon />}\n            style={{ margin: '1.5rem 0 1rem 0' }}\n            severity=\"warning\"\n            data-testid=\"multi-level-nested-conditions-warning\"\n          >\n            <AlertTitle data-testid=\"multi-level-nested-conditions-warning-title\">\n              Multiple levels of nested conditions are not supported\n            </AlertTitle>\n            Only one level is displayed. Please use the CLI to view all nested\n            conditions.\n          </Alert>\n        )}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '15px',\n          alignItems: 'baseline',\n          borderTop: theme => `2px solid ${theme.palette.border}`,\n          padding: theme => theme.spacing(2.5),\n          '& button': {\n            textTransform: 'none',\n          },\n        }}\n      >\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          data-testid=\"save-conditions\"\n          disabled={isSaveDisabled()}\n          onClick={() => {\n            if (removeAllClicked) {\n              onSave(undefined);\n            } else onSave(conditions);\n          }}\n        >\n          Save\n        </Button>\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={onClose}\n          data-testid=\"cancel-conditions\"\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"text\"\n          color=\"primary\"\n          disabled={removeAllClicked || isNoRuleSelected()}\n          onClick={() => {\n            setRemoveAllClicked(true);\n            setCriteria(criterias.condition);\n            setConditions({\n              condition: {\n                rule: '',\n                resourceType: selPluginResourceType,\n                params: {},\n              },\n            });\n            setErrors(resetErrors(criterias.condition));\n          }}\n          data-testid=\"remove-conditions\"\n        >\n          Remove all\n        </Button>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAkDO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,iBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACxC,iBAAqB,IAAA;AAAA,MACnB,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,EAAA;AAAA,QACN,YAAc,EAAA,qBAAA;AAAA,QACd,QAAQ;AAAC;AACX;AACF,GACF;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACnC,OAAO,IAAK,CAAA,UAAU,CAAE,CAAA,CAAC,KAA8B,SAAU,CAAA;AAAA,GACpE;AACA,EAAM,MAAA,CAAC,QAAQ,SAAS,CAAA,GAAI,MAAM,QAEhC,CAAA,gBAAA,CAAiB,QAAU,EAAA,UAAU,CAAC,CAAA;AAExC,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,CAC1C,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA;AAE/B,EAAM,MAAA,iBAAA,GAAoB,CACxB,aAC0B,KAAA;AAC1B,IAAA,MAAM,iBAAwC,EAAC;AAE/C,IAAM,MAAA,gBAAA,GAAmB,CAAC,SAAyB,KAAA;AACjD,MAAA,IAAI,UAAU,SAAW,EAAA;AACvB,QAAA,cAAA,CAAe,KAAK,SAAS,CAAA;AAAA,OACxB,MAAA;AACL,QAAA,IAAI,UAAU,KAAO,EAAA;AACnB,UAAU,SAAA,CAAA,KAAA,CAAM,QAAQ,gBAAgB,CAAA;AAAA;AAE1C,QAAA,IAAI,UAAU,KAAO,EAAA;AACnB,UAAU,SAAA,CAAA,KAAA,CAAM,QAAQ,gBAAgB,CAAA;AAAA;AAE1C,QAAA,IAAI,UAAU,GAAK,EAAA;AACjB,UAAI,IAAA,MAAA,IAAU,UAAU,GAAK,EAAA;AAC3B,YAAe,cAAA,CAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA,WAC5B,MAAA;AACL,YAAA,gBAAA,CAAiB,UAAU,GAAG,CAAA;AAAA;AAChC;AACF;AACF,KACF;AACA,IAAA,aAAA,CAAc,QAAQ,gBAAgB,CAAA;AACtC,IAAO,OAAA,cAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,QAAQ,QAAU;AAAA,MAChB,KAAK,SAAU,CAAA,SAAA;AACb,QAAO,OAAA,CAAC,WAAW,SAAW,EAAA,IAAA;AAAA,MAChC,KAAK,UAAU,GAAK,EAAA;AAClB,QAAA,MAAM,iBAAiB,iBAAkB,CAAA;AAAA,UACvC,UAAW,CAAA;AAAA,SACZ,CAAA;AACD,QAAA,OAAO,cAAe,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAC,EAAE,IAAI,CAAA;AAAA;AACzC,MACA,KAAK,UAAU,KAAO,EAAA;AACpB,QAAA,MAAM,cAAiB,GAAA,iBAAA,CAAkB,UAAW,CAAA,KAAA,IAAS,EAAE,CAAA;AAC/D,QAAA,OAAO,cAAe,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAC,EAAE,IAAI,CAAA;AAAA;AACzC,MACA,KAAK,UAAU,KAAO,EAAA;AACpB,QAAA,MAAM,cAAiB,GAAA,iBAAA,CAAkB,UAAW,CAAA,KAAA,IAAS,EAAE,CAAA;AAC/D,QAAA,OAAO,cAAe,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAC,EAAE,IAAI,CAAA;AAAA;AACzC,MACA;AACE,QAAO,OAAA,IAAA;AAAA;AACX,GACF;AAEA,EAAA,MAAM,eAAe,MAAe;AAClC,IAAI,IAAA,CAAC,QAAe,OAAA,KAAA;AAEpB,IACE,IAAA,QAAA,KAAa,SAAU,CAAA,SAAA,IACtB,QAAa,KAAA,SAAA,CAAU,OACtB,YAAa,CAAA,UAAA,CAAW,QAAQ,CAAc,CAChD,EAAA;AACA,MAAO,OAAA,6BAAA,CAA8B,QAAQ,QAAQ,CAAA;AAAA;AAGvD,IACE,IAAA,QAAA,KAAa,UAAU,GACvB,IAAA,CAAC,aAAa,UAAW,CAAA,QAAQ,CAAc,CAC/C,EAAA;AACA,MAAO,OAAA,kBAAA,CAAmB,MAAQ,EAAA,UAAA,EAAY,QAAQ,CAAA;AAAA;AAGxD,IAAA,IAAI,QAAa,KAAA,SAAA,CAAU,KAAS,IAAA,QAAA,KAAa,UAAU,KAAO,EAAA;AAChE,MAAO,OAAA,qBAAA,CAAsB,QAAQ,QAAQ,CAAA;AAAA;AAG/C,IAAO,OAAA,KAAA;AAAA,GACT;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,kBAAyB,OAAA,KAAA;AAE7B,IAAA,OACE,cACA,IAAA,gBAAA,MACA,MAAO,CAAA,EAAA,CAAG,mBAAmB,UAAU,CAAA;AAAA,GAE3C;AAEA,EAAA,MAAM,gCAAgC,MAAe;AACnD,IAAA,IAAI,CAAC,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,QAAQ,CAAC,CAAG,EAAA;AACxC,MAAO,OAAA,KAAA;AAAA;AAGT,IAAQ,OAAA,UAAA,CAAW,QAAQ,CAAA,CACxB,MAAO,CAAA,CAAA,SAAA,KAAa,EAAE,MAAA,IAAU,SAAU,CAAA,CAAA,CAC1C,IAAK,CAAA,CAAC,yBAAyC,KAAA;AAC9C,MAAA,MAAM,0BAA0B,MAAO,CAAA,IAAA;AAAA,QACrC;AAAA,QACA,CAAC,CAAA;AACH,MAAA,IACE,KAAM,CAAA,OAAA;AAAA,QACJ,0BACE,uBACF;AAAA,OAEF,EAAA;AACA,QACE,OAAA,yBAAA,CACE,uBACF,CACA,CAAA,IAAA,CAAK,CAAC,GAAmB,KAAA,EAAE,UAAU,GAAI,CAAA,CAAA;AAAA;AAG7C,MAAA,OAAO,CAAC,MAAO,CAAA,IAAA;AAAA,QACb,0BACE,uBACF;AAAA,OACF,CAAE,SAAS,MAAM,CAAA;AAAA,KAClB,CAAA;AAAA,GACL;AAEA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,QACnC,UAAY,EAAA,CAAA;AAAA,QACZ,QAAU,EAAA,CAAA;AAAA,QACV,QAAU,EAAA;AAAA;AACZ,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,kBAAA;AAAA,QACA,YAAc,EAAA,UAAA;AAAA,QACd,QAAA;AAAA,QACA,qBAAA;AAAA,QACA,YAAA,EAAc,CAAgB,YAAA,KAAA,aAAA,CAAc,YAAY,CAAA;AAAA,QACxD,WAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IACC,+BACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,sCAAO,WAAY,EAAA,IAAA,CAAA;AAAA,QACnB,KAAA,EAAO,EAAE,MAAA,EAAQ,iBAAkB,EAAA;AAAA,QACnC,QAAS,EAAA,SAAA;AAAA,QACT,aAAY,EAAA;AAAA,OAAA;AAAA,sBAEX,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,aAAY,EAAA,6CAAA,EAAA,EAA8C,wDAEtE,CAAA;AAAA,MAAa;AAAA;AAGf,GAGJ,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,GAAK,EAAA,MAAA;AAAA,QACL,UAAY,EAAA,UAAA;AAAA,QACZ,SAAW,EAAA,CAAA,KAAA,KAAS,CAAa,UAAA,EAAA,KAAA,CAAM,QAAQ,MAAM,CAAA,CAAA;AAAA,QACrD,OAAS,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,QACnC,UAAY,EAAA;AAAA,UACV,aAAe,EAAA;AAAA;AACjB;AACF,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,aAAY,EAAA,iBAAA;AAAA,QACZ,UAAU,cAAe,EAAA;AAAA,QACzB,SAAS,MAAM;AACb,UAAA,IAAI,gBAAkB,EAAA;AACpB,YAAA,MAAA,CAAO,KAAS,CAAA,CAAA;AAAA,WAClB,aAAc,UAAU,CAAA;AAAA;AAC1B,OAAA;AAAA,MACD;AAAA,KAED;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,aAAY,EAAA;AAAA,OAAA;AAAA,MACb;AAAA,KAED;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,QAAA,EAAU,oBAAoB,gBAAiB,EAAA;AAAA,QAC/C,SAAS,MAAM;AACb,UAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,UAAA,WAAA,CAAY,UAAU,SAAS,CAAA;AAC/B,UAAc,aAAA,CAAA;AAAA,YACZ,SAAW,EAAA;AAAA,cACT,IAAM,EAAA,EAAA;AAAA,cACN,YAAc,EAAA,qBAAA;AAAA,cACd,QAAQ;AAAC;AACX,WACD,CAAA;AACD,UAAU,SAAA,CAAA,WAAA,CAAY,SAAU,CAAA,SAAS,CAAC,CAAA;AAAA,SAC5C;AAAA,QACA,aAAY,EAAA;AAAA,OAAA;AAAA,MACb;AAAA;AAED,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -1,11 +1,15 @@
 import React from 'react';
-import { useTheme, RadioGroup, FormControlLabel, Radio, IconButton } from '@material-ui/core';
 import AddIcon from '@mui/icons-material/Add';
 import RemoveIcon from '@mui/icons-material/Remove';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import IconButton from '@mui/material/IconButton';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
+import { useTheme } from '@mui/material/styles';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-import { makeConditionsFormRowStyles, extractNestedConditions, getDefaultRule, ruleOptionDisabled, isNestedConditionRule, resetErrors, isSimpleRule, getSimpleRulesCount, getNestedConditionSimpleRulesCount, nestedConditionButtons } from '../../utils/conditional-access-utils.esm.js';
+import { extractNestedConditions, getDefaultRule, ruleOptionDisabled, isNestedConditionRule, resetErrors, isSimpleRule, getSimpleRulesCount, getNestedConditionSimpleRulesCount, nestedConditionButtons } from '../../utils/conditional-access-utils.esm.js';
 import { AddNestedConditionButton } from './AddNestedConditionButton.esm.js';
 import { ComplexConditionRow } from './ComplexConditionRow.esm.js';
 import { ComplexConditionRowButtons } from './ComplexConditionRowButtons.esm.js';
@@ -25,7 +29,6 @@ const ConditionsFormRow = ({
   setErrors,
   setRemoveAllClicked
 }) => {
-  const classes = makeConditionsFormRowStyles();
   const theme = useTheme();
   const [nestedConditionRow, setNestedConditionRow] = React.useState([]);
   const [notConditionType, setNotConditionType] = React.useState(NotConditionType.SimpleCondition);
@@ -260,8 +263,17 @@ const ConditionsFormRow = ({
       Box,
       {
         mt: 2,
-        className: classes.nestedConditionRow,
-        key: `nestedCondition-${nestedConditionIndex}`
+        key: `nestedCondition-${nestedConditionIndex}`,
+        sx: {
+          padding: "20px",
+          marginLeft: theme.spacing(3),
+          border: `1px solid ${theme.palette.border}`,
+          borderRadius: "4px",
+          backgroundColor: theme.palette.background.default,
+          "& input": {
+            backgroundColor: `${theme.palette.background.paper}!important`
+          }
+        }
       },
       /* @__PURE__ */ React.createElement("div", { style: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ React.createElement(
         ToggleButtonGroup,
@@ -272,7 +284,11 @@ const ConditionsFormRow = ({
             newNestedCriteria,
             nestedConditionIndex
           ),
-          className: classes.nestedConditioncriteriaButtonGroup
+          sx: {
+            backgroundColor: theme.palette.background.paper,
+            width: "60%",
+            height: "100%"
+          }
         },
         nestedConditionButtons.map(({ val, label }) => /* @__PURE__ */ React.createElement(
           CriteriaToggleButton,
@@ -288,7 +304,11 @@ const ConditionsFormRow = ({
         IconButton,
         {
           title: "Remove nested condition",
-          className: classes.removeNestedRuleButton,
+          sx: {
+            color: theme.palette.grey[500],
+            flexGrow: 0,
+            alignSelf: "baseline"
+          },
           disabled: simpleRulesCount === 0 && nestedConditionsCount === 1,
           onClick: () => handleRemoveNestedCondition(nestedConditionIndex)
         },
@@ -307,7 +327,6 @@ const ConditionsFormRow = ({
           setRemoveAllClicked,
           conditionRulesData,
           notConditionType,
-          classes,
           currentCondition: c,
           ruleIndex: ncrIndex,
           isNestedCondition: true,
@@ -336,123 +355,158 @@ const ConditionsFormRow = ({
       ), selectedNestedConditionCriteria !== criterias.not && /* @__PURE__ */ React.createElement(
         Button,
         {
-          className: classes.addRuleButton,
+          sx: {
+            mt: 1,
+            color: theme.palette.primary.light
+          },
           size: "small",
           onClick: () => handleAddRuleInNestedCondition(
             selectedNestedConditionCriteria,
             nestedConditionIndex
-          )
+          ),
+          startIcon: /* @__PURE__ */ React.createElement(AddIcon, { fontSize: "small" })
         },
-        /* @__PURE__ */ React.createElement(AddIcon, { fontSize: "small" }),
         "Add rule"
       ))
     );
   };
-  return /* @__PURE__ */ React.createElement(Box, { className: classes.conditionRow, "data-testid": "conditions-row" }, /* @__PURE__ */ React.createElement(
-    ToggleButtonGroup,
-    {
-      exclusive: true,
-      value: criteria,
-      onChange: (_event, newCriteria) => handleCriteriaChange(newCriteria),
-      className: classes.criteriaButtonGroup
-    },
-    conditionButtons.map(({ val, label }) => /* @__PURE__ */ React.createElement(
-      CriteriaToggleButton,
-      {
-        key: `criteria-${val}`,
-        val,
-        label,
-        selectedCriteria: criteria,
-        theme
-      }
-    ))
-  ), /* @__PURE__ */ React.createElement(
-    ConditionRule,
-    {
-      conditionRow,
-      selPluginResourceType,
-      onRuleChange,
-      criteria,
-      conditionRulesData,
-      setErrors,
-      setRemoveAllClicked
-    }
-  ), criteria !== criterias.condition && /* @__PURE__ */ React.createElement(Box, null, criteria !== criterias.not && conditionRow[criteria]?.map(
-    (c, srIndex) => /* @__PURE__ */ React.createElement(
-      ComplexConditionRow,
-      {
-        key: `${criteria}-simple-condition-${srIndex}`,
-        conditionRow,
-        nestedConditionRow,
-        criteria,
-        onRuleChange,
-        updateRules,
-        setErrors,
-        setRemoveAllClicked,
-        conditionRulesData,
-        notConditionType,
-        classes,
-        currentCondition: c,
-        ruleIndex: srIndex,
-        activeCriteria: criteria
-      }
-    )
-  ), criteria === criterias.not && /* @__PURE__ */ React.createElement(
-    RadioGroup,
+  return /* @__PURE__ */ React.createElement(
+    Box,
     {
-      className: classes.radioGroup,
-      value: notConditionType,
-      onChange: (_event, value) => handleNotConditionTypeChange(value)
+      sx: {
+        padding: "20px",
+        border: `1px solid ${theme.palette.border}`,
+        borderRadius: "4px",
+        backgroundColor: theme.palette.background.default,
+        "& input": {
+          color: `${theme.palette.textContrast}!important`,
+          "&:-internal-autofill-selected, &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active": {
+            WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.background.paper} inset`,
+            WebkitTextFillColor: `${theme.palette.textContrast}!important`,
+            caretColor: `${theme.palette.textContrast}!important`
+          }
+        },
+        "& button": {
+          textTransform: "none"
+        }
+      },
+      "data-testid": "conditions-row"
     },
     /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+      ToggleButtonGroup,
       {
-        value: NotConditionType.SimpleCondition,
-        control: /* @__PURE__ */ React.createElement(Radio, { color: "primary" }),
-        label: "Add rule",
-        className: classes.radioLabel
-      }
+        exclusive: true,
+        value: criteria,
+        onChange: (_event, newCriteria) => handleCriteriaChange(newCriteria),
+        sx: {
+          backgroundColor: theme.palette.background.paper,
+          width: "80%"
+        }
+      },
+      conditionButtons.map(({ val, label }) => /* @__PURE__ */ React.createElement(
+        CriteriaToggleButton,
+        {
+          key: `criteria-${val}`,
+          val,
+          label,
+          selectedCriteria: criteria,
+          theme
+        }
+      ))
     ),
-    notConditionType === NotConditionType.SimpleCondition && /* @__PURE__ */ React.createElement(
-      ConditionsFormRowFields,
+    /* @__PURE__ */ React.createElement(
+      ConditionRule,
       {
-        oldCondition: conditionRow.not ?? getDefaultRule(selPluginResourceType),
-        onRuleChange,
         conditionRow,
+        selPluginResourceType,
+        onRuleChange,
         criteria,
         conditionRulesData,
         setErrors,
-        optionDisabled: (ruleOption) => ruleOptionDisabled(
-          ruleOption,
-          conditionRow.not ? [conditionRow.not] : void 0
-        ),
         setRemoveAllClicked
       }
     ),
-    /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+    criteria !== criterias.condition && /* @__PURE__ */ React.createElement(Box, null, criteria !== criterias.not && conditionRow[criteria]?.map(
+      (c, srIndex) => /* @__PURE__ */ React.createElement(
+        ComplexConditionRow,
+        {
+          key: `${criteria}-simple-condition-${srIndex}`,
+          conditionRow,
+          nestedConditionRow,
+          criteria,
+          onRuleChange,
+          updateRules,
+          setErrors,
+          setRemoveAllClicked,
+          conditionRulesData,
+          notConditionType,
+          currentCondition: c,
+          ruleIndex: srIndex,
+          activeCriteria: criteria
+        }
+      )
+    ), criteria === criterias.not && /* @__PURE__ */ React.createElement(
+      RadioGroup,
       {
-        value: NotConditionType.NestedCondition,
-        control: /* @__PURE__ */ React.createElement(Radio, { color: "primary" }),
-        label: /* @__PURE__ */ React.createElement(AddNestedConditionButton, null),
-        className: classes.radioLabel
+        sx: {
+          margin: theme.spacing(1)
+        },
+        value: notConditionType,
+        onChange: (_event, value) => handleNotConditionTypeChange(value)
+      },
+      /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          value: NotConditionType.SimpleCondition,
+          control: /* @__PURE__ */ React.createElement(Radio, { color: "primary" }),
+          label: "Add rule",
+          sx: {
+            marginTop: theme.spacing(1)
+          }
+        }
+      ),
+      notConditionType === NotConditionType.SimpleCondition && /* @__PURE__ */ React.createElement(
+        ConditionsFormRowFields,
+        {
+          oldCondition: conditionRow.not ?? getDefaultRule(selPluginResourceType),
+          onRuleChange,
+          conditionRow,
+          criteria,
+          conditionRulesData,
+          setErrors,
+          optionDisabled: (ruleOption) => ruleOptionDisabled(
+            ruleOption,
+            conditionRow.not ? [conditionRow.not] : void 0
+          ),
+          setRemoveAllClicked
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          value: NotConditionType.NestedCondition,
+          control: /* @__PURE__ */ React.createElement(Radio, { color: "primary" }),
+          label: /* @__PURE__ */ React.createElement(AddNestedConditionButton, null),
+          sx: {
+            marginTop: theme.spacing(1)
+          }
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      ComplexConditionRowButtons,
+      {
+        conditionRow,
+        onRuleChange,
+        criteria,
+        selPluginResourceType,
+        updateErrors,
+        isNestedConditionRule,
+        handleAddNestedCondition
       }
-    )
-  ), /* @__PURE__ */ React.createElement(
-    ComplexConditionRowButtons,
-    {
-      conditionRow,
-      onRuleChange,
-      criteria,
-      classes,
-      selPluginResourceType,
-      updateErrors,
-      isNestedConditionRule,
-      handleAddNestedCondition
-    }
-  ), nestedConditionRow?.length > 0 && nestedConditionRow.map(
-    (nc, nestedConditionIndex) => renderNestedConditionRow(nc, nestedConditionIndex)
-  )));
+    ), nestedConditionRow?.length > 0 && nestedConditionRow.map(
+      (nc, nestedConditionIndex) => renderNestedConditionRow(nc, nestedConditionIndex)
+    ))
+  );
 };
 
 export { ConditionsFormRow };