@backstage-community/plugin-rbac 1.40.1 → 1.41.0

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import AddIcon from '@mui/icons-material/Add';
 import RemoveIcon from '@mui/icons-material/Remove';
 import Box from '@mui/material/Box';
@@ -30,9 +31,11 @@ const ConditionsFormRow = ({
   setRemoveAllClicked
 }) => {
   const theme = useTheme();
-  const [nestedConditionRow, setNestedConditionRow] = React__default.useState([]);
-  const [notConditionType, setNotConditionType] = React__default.useState(NotConditionType.SimpleCondition);
-  React__default.useEffect(() => {
+  const [nestedConditionRow, setNestedConditionRow] = useState([]);
+  const [notConditionType, setNotConditionType] = useState(
+    NotConditionType.SimpleCondition
+  );
+  useEffect(() => {
     const nestedConditions = [];
     const criteriaTypes = [criterias.allOf, criterias.anyOf, criterias.not];
     switch (criteria) {
@@ -259,11 +262,10 @@ const ConditionsFormRow = ({
       nc,
       selectedNestedConditionCriteria
     );
-    return nestedConditionSimpleRulesCount > 0 && /* @__PURE__ */ React__default.createElement(
+    return nestedConditionSimpleRulesCount > 0 && /* @__PURE__ */ jsxs(
       Box,
       {
         mt: 2,
-        key: `nestedCondition-${nestedConditionIndex}`,
         sx: {
           padding: "20px",
           marginLeft: theme.spacing(3),
@@ -273,104 +275,114 @@ const ConditionsFormRow = ({
           "& input": {
             backgroundColor: `${theme.palette.background.paper}!important`
           }
-        }
-      },
-      /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ React__default.createElement(
-        ToggleButtonGroup,
-        {
-          exclusive: true,
-          value: selectedNestedConditionCriteria,
-          onChange: (_event, newNestedCriteria) => handleNestedConditionCriteriaChange(
-            newNestedCriteria,
-            nestedConditionIndex
-          ),
-          sx: {
-            backgroundColor: theme.palette.background.paper,
-            width: "60%",
-            height: "100%"
-          }
         },
-        nestedConditionButtons.map(({ val, label }) => /* @__PURE__ */ React__default.createElement(
-          CriteriaToggleButton,
-          {
-            key: `nested-criteria-${val}`,
-            val,
-            label,
-            selectedCriteria: selectedNestedConditionCriteria,
-            theme
-          }
-        ))
-      ), criteria !== criterias.not && /* @__PURE__ */ React__default.createElement(
-        IconButton,
-        {
-          title: "Remove nested condition",
-          sx: {
-            color: theme.palette.grey[500],
-            flexGrow: 0,
-            alignSelf: "baseline"
-          },
-          disabled: simpleRulesCount === 0 && nestedConditionsCount === 1,
-          onClick: () => handleRemoveNestedCondition(nestedConditionIndex)
-        },
-        /* @__PURE__ */ React__default.createElement(RemoveIcon, { "data-testid": "remove-nested-condition" })
-      )),
-      /* @__PURE__ */ React__default.createElement(Box, null, selectedNestedConditionCriteria !== criterias.not && nc[selectedNestedConditionCriteria].map((c, ncrIndex) => /* @__PURE__ */ React__default.createElement(
-        ComplexConditionRow,
-        {
-          key: `nested-condition-${nestedConditionIndex}-${ncrIndex}`,
-          conditionRow,
-          nestedConditionRow,
-          criteria,
-          onRuleChange,
-          updateRules,
-          setErrors,
-          setRemoveAllClicked,
-          conditionRulesData,
-          notConditionType,
-          currentCondition: c,
-          ruleIndex: ncrIndex,
-          isNestedCondition: true,
-          nestedConditionIndex,
-          activeNestedCriteria: selectedNestedConditionCriteria
-        }
-      )), selectedNestedConditionCriteria === criterias.not && nc.not.resourceType && /* @__PURE__ */ React__default.createElement(
-        ConditionsFormRowFields,
-        {
-          oldCondition: nc.not ?? getDefaultRule(selPluginResourceType),
-          onRuleChange,
-          conditionRow,
-          criteria,
-          conditionRulesData,
-          setErrors,
-          optionDisabled: (ruleOption) => ruleOptionDisabled(
-            ruleOption,
-            nc.not ? [nc.not] : undefined
-          ),
-          setRemoveAllClicked,
-          nestedConditionRow,
-          nestedConditionCriteria: selectedNestedConditionCriteria,
-          nestedConditionIndex,
-          updateRules
-        }
-      ), selectedNestedConditionCriteria !== criterias.not && /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          sx: {
-            mt: 1,
-            color: theme.palette.primary.light
-          },
-          size: "small",
-          onClick: () => handleAddRuleInNestedCondition(
-            selectedNestedConditionCriteria,
-            nestedConditionIndex
-          ),
-          startIcon: /* @__PURE__ */ React__default.createElement(AddIcon, { fontSize: "small" })
-        },
-        "Add rule"
-      ))
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsx(
+              ToggleButtonGroup,
+              {
+                exclusive: true,
+                value: selectedNestedConditionCriteria,
+                onChange: (_event, newNestedCriteria) => handleNestedConditionCriteriaChange(
+                  newNestedCriteria,
+                  nestedConditionIndex
+                ),
+                sx: {
+                  backgroundColor: theme.palette.background.paper,
+                  width: "60%",
+                  height: "100%"
+                },
+                children: nestedConditionButtons.map(({ val, label }) => /* @__PURE__ */ jsx(
+                  CriteriaToggleButton,
+                  {
+                    val,
+                    label,
+                    selectedCriteria: selectedNestedConditionCriteria,
+                    theme
+                  },
+                  `nested-criteria-${val}`
+                ))
+              }
+            ),
+            criteria !== criterias.not && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                title: "Remove nested condition",
+                sx: {
+                  color: theme.palette.grey[500],
+                  flexGrow: 0,
+                  alignSelf: "baseline"
+                },
+                disabled: simpleRulesCount === 0 && nestedConditionsCount === 1,
+                onClick: () => handleRemoveNestedCondition(nestedConditionIndex),
+                children: /* @__PURE__ */ jsx(RemoveIcon, { "data-testid": "remove-nested-condition" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            selectedNestedConditionCriteria !== criterias.not && nc[selectedNestedConditionCriteria].map((c, ncrIndex) => /* @__PURE__ */ jsx(
+              ComplexConditionRow,
+              {
+                conditionRow,
+                nestedConditionRow,
+                criteria,
+                onRuleChange,
+                updateRules,
+                setErrors,
+                setRemoveAllClicked,
+                conditionRulesData,
+                notConditionType,
+                currentCondition: c,
+                ruleIndex: ncrIndex,
+                isNestedCondition: true,
+                nestedConditionIndex,
+                activeNestedCriteria: selectedNestedConditionCriteria
+              },
+              `nested-condition-${nestedConditionIndex}-${ncrIndex}`
+            )),
+            selectedNestedConditionCriteria === criterias.not && nc.not.resourceType && /* @__PURE__ */ jsx(
+              ConditionsFormRowFields,
+              {
+                oldCondition: nc.not ?? getDefaultRule(selPluginResourceType),
+                onRuleChange,
+                conditionRow,
+                criteria,
+                conditionRulesData,
+                setErrors,
+                optionDisabled: (ruleOption) => ruleOptionDisabled(
+                  ruleOption,
+                  nc.not ? [nc.not] : undefined
+                ),
+                setRemoveAllClicked,
+                nestedConditionRow,
+                nestedConditionCriteria: selectedNestedConditionCriteria,
+                nestedConditionIndex,
+                updateRules
+              }
+            ),
+            selectedNestedConditionCriteria !== criterias.not && /* @__PURE__ */ jsx(
+              Button,
+              {
+                sx: {
+                  mt: 1,
+                  color: theme.palette.primary.light
+                },
+                size: "small",
+                onClick: () => handleAddRuleInNestedCondition(
+                  selectedNestedConditionCriteria,
+                  nestedConditionIndex
+                ),
+                startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
+                children: "Add rule"
+              }
+            )
+          ] })
+        ]
+      },
+      `nestedCondition-${nestedConditionIndex}`
     );
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     Box,
     {
       sx: {
@@ -390,122 +402,131 @@ const ConditionsFormRow = ({
           textTransform: "none"
         }
       },
-      "data-testid": "conditions-row"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      ToggleButtonGroup,
-      {
-        exclusive: true,
-        value: criteria,
-        onChange: (_event, newCriteria) => handleCriteriaChange(newCriteria),
-        sx: {
-          backgroundColor: theme.palette.background.paper,
-          width: "80%"
-        }
-      },
-      conditionButtons.map(({ val, label }) => /* @__PURE__ */ React__default.createElement(
-        CriteriaToggleButton,
-        {
-          key: `criteria-${val}`,
-          val,
-          label,
-          selectedCriteria: criteria,
-          theme
-        }
-      ))
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      ConditionRule,
-      {
-        conditionRow,
-        selPluginResourceType,
-        onRuleChange,
-        criteria,
-        conditionRulesData,
-        setErrors,
-        setRemoveAllClicked
-      }
-    ),
-    criteria !== criterias.condition && /* @__PURE__ */ React__default.createElement(Box, null, criteria !== criterias.not && conditionRow[criteria]?.map(
-      (c, srIndex) => /* @__PURE__ */ React__default.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__default.createElement(
-      RadioGroup,
-      {
-        sx: {
-          margin: theme.spacing(1)
-        },
-        value: notConditionType,
-        onChange: (_event, value) => handleNotConditionTypeChange(value)
-      },
-      /* @__PURE__ */ React__default.createElement(
-        FormControlLabel,
-        {
-          value: NotConditionType.SimpleCondition,
-          control: /* @__PURE__ */ React__default.createElement(Radio, { color: "primary" }),
-          label: "Add rule",
-          sx: {
-            marginTop: theme.spacing(1)
+      "data-testid": "conditions-row",
+      children: [
+        /* @__PURE__ */ jsx(
+          ToggleButtonGroup,
+          {
+            exclusive: true,
+            value: criteria,
+            onChange: (_event, newCriteria) => handleCriteriaChange(newCriteria),
+            sx: {
+              backgroundColor: theme.palette.background.paper,
+              width: "80%"
+            },
+            children: conditionButtons.map(({ val, label }) => /* @__PURE__ */ jsx(
+              CriteriaToggleButton,
+              {
+                val,
+                label,
+                selectedCriteria: criteria,
+                theme
+              },
+              `criteria-${val}`
+            ))
           }
-        }
-      ),
-      notConditionType === NotConditionType.SimpleCondition && /* @__PURE__ */ React__default.createElement(
-        ConditionsFormRowFields,
-        {
-          oldCondition: conditionRow.not ?? getDefaultRule(selPluginResourceType),
-          onRuleChange,
-          conditionRow,
-          criteria,
-          conditionRulesData,
-          setErrors,
-          optionDisabled: (ruleOption) => ruleOptionDisabled(
-            ruleOption,
-            conditionRow.not ? [conditionRow.not] : undefined
-          ),
-          setRemoveAllClicked
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(
-        FormControlLabel,
-        {
-          value: NotConditionType.NestedCondition,
-          control: /* @__PURE__ */ React__default.createElement(Radio, { color: "primary" }),
-          label: /* @__PURE__ */ React__default.createElement(AddNestedConditionButton, null),
-          sx: {
-            marginTop: theme.spacing(1)
+        ),
+        /* @__PURE__ */ jsx(
+          ConditionRule,
+          {
+            conditionRow,
+            selPluginResourceType,
+            onRuleChange,
+            criteria,
+            conditionRulesData,
+            setErrors,
+            setRemoveAllClicked
           }
-        }
-      )
-    ), /* @__PURE__ */ React__default.createElement(
-      ComplexConditionRowButtons,
-      {
-        conditionRow,
-        onRuleChange,
-        criteria,
-        selPluginResourceType,
-        updateErrors,
-        isNestedConditionRule,
-        handleAddNestedCondition
-      }
-    ), nestedConditionRow?.length > 0 && nestedConditionRow.map(
-      (nc, nestedConditionIndex) => renderNestedConditionRow(nc, nestedConditionIndex)
-    ))
+        ),
+        criteria !== criterias.condition && /* @__PURE__ */ jsxs(Box, { children: [
+          criteria !== criterias.not && conditionRow[criteria]?.map(
+            (c, srIndex) => /* @__PURE__ */ jsx(
+              ComplexConditionRow,
+              {
+                conditionRow,
+                nestedConditionRow,
+                criteria,
+                onRuleChange,
+                updateRules,
+                setErrors,
+                setRemoveAllClicked,
+                conditionRulesData,
+                notConditionType,
+                currentCondition: c,
+                ruleIndex: srIndex,
+                activeCriteria: criteria
+              },
+              `${criteria}-simple-condition-${srIndex}`
+            )
+          ),
+          criteria === criterias.not && /* @__PURE__ */ jsxs(
+            RadioGroup,
+            {
+              sx: {
+                margin: theme.spacing(1)
+              },
+              value: notConditionType,
+              onChange: (_event, value) => handleNotConditionTypeChange(value),
+              children: [
+                /* @__PURE__ */ jsx(
+                  FormControlLabel,
+                  {
+                    value: NotConditionType.SimpleCondition,
+                    control: /* @__PURE__ */ jsx(Radio, { color: "primary" }),
+                    label: "Add rule",
+                    sx: {
+                      marginTop: theme.spacing(1)
+                    }
+                  }
+                ),
+                notConditionType === NotConditionType.SimpleCondition && /* @__PURE__ */ jsx(
+                  ConditionsFormRowFields,
+                  {
+                    oldCondition: conditionRow.not ?? getDefaultRule(selPluginResourceType),
+                    onRuleChange,
+                    conditionRow,
+                    criteria,
+                    conditionRulesData,
+                    setErrors,
+                    optionDisabled: (ruleOption) => ruleOptionDisabled(
+                      ruleOption,
+                      conditionRow.not ? [conditionRow.not] : undefined
+                    ),
+                    setRemoveAllClicked
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  FormControlLabel,
+                  {
+                    value: NotConditionType.NestedCondition,
+                    control: /* @__PURE__ */ jsx(Radio, { color: "primary" }),
+                    label: /* @__PURE__ */ jsx(AddNestedConditionButton, {}),
+                    sx: {
+                      marginTop: theme.spacing(1)
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ComplexConditionRowButtons,
+            {
+              conditionRow,
+              onRuleChange,
+              criteria,
+              selPluginResourceType,
+              updateErrors,
+              isNestedConditionRule,
+              handleAddNestedCondition
+            }
+          ),
+          nestedConditionRow?.length > 0 && nestedConditionRow.map(
+            (nc, nestedConditionIndex) => renderNestedConditionRow(nc, nestedConditionIndex)
+          )
+        ] })
+      ]
+    }
   );
 };