@backstage-community/plugin-rbac 1.35.0 → 1.36.0

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

@@ -1,38 +1,26 @@
-import React from 'react';
+import React__default from 'react';
 import { useAsync } from 'react-use';
 import { Progress } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
-import AddIcon from '@mui/icons-material/Add';
-import Button from '@mui/material/Button';
 import FormHelperText from '@mui/material/FormHelperText';
-import { styled } from '@mui/material/styles';
 import { rbacApiRef } from '../../api/RBACBackendClient.esm.js';
 import { useConditionRules } from '../../hooks/useConditionRules.esm.js';
 import { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils.esm.js';
-import { initialPermissionPolicyRowValue } from './const.esm.js';
-import { PermissionPoliciesFormRow } from './PermissionPoliciesFormRow.esm.js';
+import PermissionPoliciesFormTable from './PermissionPoliciesFormTable.esm.js';
+import PluginsDropdown from './PluginsDropdown.esm.js';
+import Box from '@mui/material/Box';
 
-const classes = {
-  permissionPoliciesForm: "permission-policies-form"
-};
-const PermissionPoliciesFormContainer = styled("div")(
-  ({ theme }) => ({
-    [`&.${classes.permissionPoliciesForm}`]: {
-      padding: "20px",
-      border: `2px solid ${theme.palette.border}`,
-      borderRadius: "5px"
-    }
-  })
-);
 const PermissionPoliciesForm = ({
   permissionPoliciesRows,
-  permissionPoliciesRowsError,
+  selectedPlugins,
   setFieldValue,
   setFieldError,
-  handleBlur
+  handleBlur,
+  selectedPluginsError
 }) => {
   const rbacApi = useApi(rbacApiRef);
   const conditionRules = useConditionRules();
+  const { data: conditionRulesData } = conditionRules;
   const {
     value: permissionPolicies,
     loading: permissionPoliciesLoading,
@@ -41,44 +29,28 @@ const PermissionPoliciesForm = ({
     return await rbacApi.listPermissions();
   });
   const permissionPoliciesData = !permissionPoliciesLoading && Array.isArray(permissionPolicies) ? getPluginsPermissionPoliciesData(permissionPolicies) : undefined;
-  const onChangePlugin = (plugin, index) => {
-    setFieldValue(`permissionPoliciesRows[${index}].plugin`, plugin, true);
-    setFieldValue(`permissionPoliciesRows[${index}].permission`, "", false);
-    setFieldValue(`permissionPoliciesRows[${index}].isResourced`, false, false);
-    setFieldValue(
-      `permissionPoliciesRows[${index}].conditions`,
-      undefined,
-      false
-    );
-    setFieldValue(
-      `permissionPoliciesRows[${index}].policies`,
-      initialPermissionPolicyRowValue.policies,
-      false
-    );
-  };
-  const onChangePermission = (permission, index, isResourced, policies) => {
-    setFieldValue(
-      `permissionPoliciesRows[${index}].permission`,
+  const onSelectPermission = (plugin, permission, isResourced, policies, resourceType) => {
+    const ppr = {
+      plugin,
       permission,
-      true
-    );
-    setFieldValue(
-      `permissionPoliciesRows[${index}].isResourced`,
       isResourced,
-      false
-    );
+      policies: policies.map((p) => ({ policy: p, effect: "allow" })),
+      resourceType
+    };
     setFieldValue(
-      `permissionPoliciesRows[${index}].conditions`,
-      undefined,
-      false
+      "permissionPoliciesRows",
+      [...permissionPoliciesRows, ppr],
+      true
     );
-    setFieldValue(
-      `permissionPoliciesRows[${index}].policies`,
-      policies ? policies.map((p) => ({ policy: p, effect: "allow" })) : initialPermissionPolicyRowValue.policies,
-      false
+  };
+  const onRemovePermission = (index) => {
+    const finalPps = permissionPoliciesRows.filter(
+      (_ppr, pIndex) => index !== pIndex
     );
+    setFieldValue("permissionPoliciesRows", finalPps, true);
+    setFieldError(`permissionPoliciesRows[${index}]`, undefined);
   };
-  const onChangePolicy = (isChecked, policyIndex, index) => {
+  const onSelectPolicy = (isChecked, policyIndex, index) => {
     setFieldValue(
       `permissionPoliciesRows[${index}].policies[${policyIndex}].effect`,
       isChecked ? "allow" : "deny",
@@ -90,64 +62,86 @@ const PermissionPoliciesForm = ({
     if (!conditions)
       setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);
   };
-  const onRowRemove = (index) => {
+  const onRemoveAllPlugins = () => {
+    setFieldValue(`selectedPlugins`, [], true);
+    setFieldValue("permissionPoliciesRows", [], true);
+  };
+  const onRemovePlugin = (plugin) => {
+    const selPlugins = selectedPlugins.filter(
+      (sp) => sp.value && sp.value !== plugin
+    );
     const finalPps = permissionPoliciesRows.filter(
-      (_pp, ppIndex) => index !== ppIndex
+      (ppr) => ppr.plugin !== plugin
     );
-    setFieldError(`permissionPoliciesRows[${index}]`, undefined);
-    setFieldValue("permissionPoliciesRows", finalPps, false);
+    setFieldValue(`selectedPlugins`, selPlugins, true);
+    setFieldValue("permissionPoliciesRows", finalPps, true);
   };
-  const onRowAdd = () => setFieldValue(
-    "permissionPoliciesRows",
-    [...permissionPoliciesRows, initialPermissionPolicyRowValue],
-    false
-  );
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FormHelperText, null, "Permission policies can be selected for each plugin. You can add multiple permission policies using +Add option."), /* @__PURE__ */ React.createElement("br", null), permissionPoliciesLoading ? /* @__PURE__ */ React.createElement(Progress, null) : /* @__PURE__ */ React.createElement(
-    PermissionPoliciesFormContainer,
-    {
-      className: classes.permissionPoliciesForm
-    },
-    permissionPoliciesRows.map((pp, index) => /* @__PURE__ */ React.createElement(
-      PermissionPoliciesFormRow,
+  const getAllPlugins = () => {
+    let allPlugins = [];
+    if (permissionPoliciesData?.plugins) {
+      allPlugins = permissionPoliciesData.plugins.map((p) => ({
+        label: p.charAt(0).toLocaleUpperCase("en-US") + p.substring(1),
+        value: p
+      }));
+    }
+    const allPluginsItem = allPlugins.length > 0 ? [
       {
-        key: index,
-        permissionPoliciesRowError: permissionPoliciesRowsError?.[index] ?? {},
-        rowName: `permissionPoliciesRows[${index}]`,
-        permissionPoliciesRowData: pp,
-        permissionPoliciesData,
-        rowCount: permissionPoliciesRows.length,
-        conditionRules,
-        onChangePlugin: (plugin) => onChangePlugin(plugin, index),
-        onChangePermission: (permission, isResourced, policies) => onChangePermission(permission, index, isResourced, policies),
-        onChangePolicy: (isChecked, policyIndex) => onChangePolicy(isChecked, policyIndex, index),
-        onAddConditions: (conditions) => onAddConditions(index, conditions),
-        onRemove: () => onRowRemove(index),
-        handleBlur,
-        getPermissionDisabled: (permission) => {
-          const pluginPermissionPolicies = permissionPoliciesRows.filter(
-            (ppr) => ppr.plugin === pp.plugin
-          );
-          const previouslySelectedPermission = !!pluginPermissionPolicies.find(
-            (ppp) => ppp.permission === permission
-          );
-          return previouslySelectedPermission && !permissionPoliciesData?.pluginsPermissions[pp.plugin]?.policies[permission ?? ""]?.isResourced;
+        label: `All plugins (${allPlugins.length})`,
+        value: ""
+      }
+    ] : [];
+    return [...allPluginsItem, ...allPlugins];
+  };
+  const getPermissionPoliciesTableData = () => {
+    return selectedPlugins.map(
+      (p) => p.value ? [
+        {
+          name: p.label,
+          plugin: p.value,
+          permissionPolicies: permissionPoliciesData?.pluginsPermissions[p.value].permissions.map((perm) => ({
+            permission: perm,
+            actions: permissionPoliciesData?.pluginsPermissions[p.value].policies[perm].policies,
+            isResourced: permissionPoliciesData?.pluginsPermissions[p.value].policies[perm].isResourced,
+            resourceType: permissionPoliciesData?.pluginsPermissions[p.value].policies[perm].resourceType
+          }))
         }
+      ] : []
+    ).flat();
+  };
+  const getSelectedPluginsCount = () => {
+    if (selectedPlugins?.length > 0) {
+      if (selectedPlugins.findIndex((sp) => sp.value === "") >= 0) {
+        return selectedPlugins.length - 1;
       }
-    )),
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        sx: {
-          color: (theme) => theme.palette.primary.light
-        },
-        size: "small",
-        onClick: onRowAdd,
-        name: "add-permission-policy"
-      },
-      /* @__PURE__ */ React.createElement(AddIcon, null),
-      "Add"
-    )
-  ), !permissionPoliciesLoading && (permissionPoliciesErr?.message || !Array.isArray(permissionPolicies)) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(FormHelperText, { error: true }, `Error fetching the permission policies: ${permissionPoliciesErr?.message || permissionPolicies?.statusText}`)));
+      return selectedPlugins.length;
+    }
+    return 0;
+  };
+  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(FormHelperText, null, "By default, users are not granted access to any plugins. To grant user access, select the plugins you want to enable. Then, select which actions you would like to give user permission to."), /* @__PURE__ */ React__default.createElement("br", null), permissionPoliciesLoading ? /* @__PURE__ */ React__default.createElement(Progress, null) : /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
+    PluginsDropdown,
+    {
+      allPlugins: getAllPlugins(),
+      selectedPlugins,
+      setFieldValue,
+      handleBlur,
+      onRemovePlugin,
+      onRemoveAllPlugins,
+      selectedPluginsError
+    }
+  ), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(
+    PermissionPoliciesFormTable,
+    {
+      selectedPluginsCount: getSelectedPluginsCount(),
+      data: getPermissionPoliciesTableData(),
+      permissionPoliciesRows: permissionPoliciesRows ?? [],
+      onSelectPermission,
+      onSelectPolicy,
+      conditionRulesData,
+      onRemovePermission,
+      onRemovePlugin,
+      onAddConditions
+    }
+  )), !permissionPoliciesLoading && (permissionPoliciesErr?.message || !Array.isArray(permissionPolicies)) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(FormHelperText, { error: true }, `Error fetching the permission policies: ${permissionPoliciesErr?.message || permissionPolicies?.statusText}`)));
 };
 
 export { PermissionPoliciesForm };

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionPoliciesForm.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesForm.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';\nimport { useAsync } from 'react-use';\n\nimport { Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport Button from '@mui/material/Button';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { styled, Theme } from '@mui/material/styles';\nimport { FormikErrors } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { useConditionRules } from '../../hooks/useConditionRules';\nimport { PermissionsData } from '../../types';\nimport { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils';\nimport { ConditionsData } from '../ConditionalAccess/types';\nimport { initialPermissionPolicyRowValue } from './const';\nimport { PermissionPoliciesFormRow } from './PermissionPoliciesFormRow';\nimport { RoleFormValues } from './types';\n\nconst classes = {\n  permissionPoliciesForm: 'permission-policies-form',\n};\n\nconst PermissionPoliciesFormContainer = styled('div')(\n  ({ theme }: { theme: Theme }) => ({\n    [`&.${classes.permissionPoliciesForm}`]: {\n      padding: '20px',\n      border: `2px solid ${theme.palette.border}`,\n      borderRadius: '5px',\n    },\n  }),\n);\n\ntype PermissionPoliciesFormProps = {\n  permissionPoliciesRows: PermissionsData[];\n  permissionPoliciesRowsError: FormikErrors<PermissionsData>[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n  setFieldError: (field: string, value: string | undefined) => void;\n  handleBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n};\n\nexport const PermissionPoliciesForm = ({\n  permissionPoliciesRows,\n  permissionPoliciesRowsError,\n  setFieldValue,\n  setFieldError,\n  handleBlur,\n}: PermissionPoliciesFormProps) => {\n  const rbacApi = useApi(rbacApiRef);\n  const conditionRules = useConditionRules();\n\n  const {\n    value: permissionPolicies,\n    loading: permissionPoliciesLoading,\n    error: permissionPoliciesErr,\n  } = useAsync(async () => {\n    return await rbacApi.listPermissions();\n  });\n\n  const permissionPoliciesData =\n    !permissionPoliciesLoading && Array.isArray(permissionPolicies)\n      ? getPluginsPermissionPoliciesData(permissionPolicies)\n      : undefined;\n\n  const onChangePlugin = (plugin: string, index: number) => {\n    setFieldValue(`permissionPoliciesRows[${index}].plugin`, plugin, true);\n    setFieldValue(`permissionPoliciesRows[${index}].permission`, '', false);\n    setFieldValue(`permissionPoliciesRows[${index}].isResourced`, false, false);\n    setFieldValue(\n      `permissionPoliciesRows[${index}].conditions`,\n      undefined,\n      false,\n    );\n    setFieldValue(\n      `permissionPoliciesRows[${index}].policies`,\n      initialPermissionPolicyRowValue.policies,\n      false,\n    );\n  };\n\n  const onChangePermission = (\n    permission: string,\n    index: number,\n    isResourced: boolean,\n    policies?: string[],\n  ) => {\n    setFieldValue(\n      `permissionPoliciesRows[${index}].permission`,\n      permission,\n      true,\n    );\n    setFieldValue(\n      `permissionPoliciesRows[${index}].isResourced`,\n      isResourced,\n      false,\n    );\n    setFieldValue(\n      `permissionPoliciesRows[${index}].conditions`,\n      undefined,\n      false,\n    );\n    setFieldValue(\n      `permissionPoliciesRows[${index}].policies`,\n      policies\n        ? policies.map(p => ({ policy: p, effect: 'allow' }))\n        : initialPermissionPolicyRowValue.policies,\n      false,\n    );\n  };\n\n  const onChangePolicy = (\n    isChecked: boolean,\n    policyIndex: number,\n    index: number,\n  ) => {\n    setFieldValue(\n      `permissionPoliciesRows[${index}].policies[${policyIndex}].effect`,\n      isChecked ? 'allow' : 'deny',\n      true,\n    );\n  };\n\n  const onAddConditions = (index: number, conditions?: ConditionsData) => {\n    setFieldValue(`permissionPoliciesRows[${index}].conditions`, conditions);\n    if (!conditions)\n      setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);\n  };\n\n  const onRowRemove = (index: number) => {\n    const finalPps = permissionPoliciesRows.filter(\n      (_pp, ppIndex) => index !== ppIndex,\n    );\n    setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n    setFieldValue('permissionPoliciesRows', finalPps, false);\n  };\n\n  const onRowAdd = () =>\n    setFieldValue(\n      'permissionPoliciesRows',\n      [...permissionPoliciesRows, initialPermissionPolicyRowValue],\n      false,\n    );\n\n  return (\n    <div>\n      <FormHelperText>\n        Permission policies can be selected for each plugin. You can add\n        multiple permission policies using +Add option.\n      </FormHelperText>\n      <br />\n      {permissionPoliciesLoading ? (\n        <Progress />\n      ) : (\n        <PermissionPoliciesFormContainer\n          className={classes.permissionPoliciesForm}\n        >\n          {permissionPoliciesRows.map((pp, index) => (\n            <PermissionPoliciesFormRow\n              key={index}\n              permissionPoliciesRowError={\n                permissionPoliciesRowsError?.[index] ?? {}\n              }\n              rowName={`permissionPoliciesRows[${index}]`}\n              permissionPoliciesRowData={pp}\n              permissionPoliciesData={permissionPoliciesData}\n              rowCount={permissionPoliciesRows.length}\n              conditionRules={conditionRules}\n              onChangePlugin={(plugin: string) => onChangePlugin(plugin, index)}\n              onChangePermission={(\n                permission: string,\n                isResourced: boolean,\n                policies?: string[],\n              ) => onChangePermission(permission, index, isResourced, policies)}\n              onChangePolicy={(isChecked: boolean, policyIndex: number) =>\n                onChangePolicy(isChecked, policyIndex, index)\n              }\n              onAddConditions={(conditions?: ConditionsData) =>\n                onAddConditions(index, conditions)\n              }\n              onRemove={() => onRowRemove(index)}\n              handleBlur={handleBlur}\n              getPermissionDisabled={(permission: string) => {\n                const pluginPermissionPolicies = permissionPoliciesRows.filter(\n                  ppr => ppr.plugin === pp.plugin,\n                );\n                const previouslySelectedPermission =\n                  !!pluginPermissionPolicies.find(\n                    ppp => ppp.permission === permission,\n                  );\n                return (\n                  previouslySelectedPermission &&\n                  !permissionPoliciesData?.pluginsPermissions[pp.plugin]\n                    ?.policies[permission ?? '']?.isResourced\n                );\n              }}\n            />\n          ))}\n          <Button\n            sx={{\n              color: theme => theme.palette.primary.light,\n            }}\n            size=\"small\"\n            onClick={onRowAdd}\n            name=\"add-permission-policy\"\n          >\n            <AddIcon />\n            Add\n          </Button>\n        </PermissionPoliciesFormContainer>\n      )}\n      {!permissionPoliciesLoading &&\n        (permissionPoliciesErr?.message ||\n          !Array.isArray(permissionPolicies)) && (\n          <>\n            <br />\n            <FormHelperText error>\n              {`Error fetching the permission policies: ${\n                permissionPoliciesErr?.message ||\n                (permissionPolicies as Response)?.statusText\n              }`}\n            </FormHelperText>\n          </>\n        )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAoCA,MAAM,OAAU,GAAA;AAAA,EACd,sBAAwB,EAAA;AAC1B,CAAA;AAEA,MAAM,+BAAA,GAAkC,OAAO,KAAK,CAAA;AAAA,EAClD,CAAC,EAAE,KAAA,EAA+B,MAAA;AAAA,IAChC,CAAC,CAAA,EAAA,EAAK,OAAQ,CAAA,sBAAsB,EAAE,GAAG;AAAA,MACvC,OAAS,EAAA,MAAA;AAAA,MACT,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAAA,MACzC,YAAc,EAAA;AAAA;AAChB,GACF;AACF,CAAA;AAcO,MAAM,yBAAyB,CAAC;AAAA,EACrC,sBAAA;AAAA,EACA,2BAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,iBAAiB,iBAAkB,EAAA;AAEzC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,kBAAA;AAAA,IACP,OAAS,EAAA,yBAAA;AAAA,IACT,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAO,OAAA,MAAM,QAAQ,eAAgB,EAAA;AAAA,GACtC,CAAA;AAED,EAAM,MAAA,sBAAA,GACJ,CAAC,yBAA6B,IAAA,KAAA,CAAM,QAAQ,kBAAkB,CAAA,GAC1D,gCAAiC,CAAA,kBAAkB,CACnD,GAAA,SAAA;AAEN,EAAM,MAAA,cAAA,GAAiB,CAAC,MAAA,EAAgB,KAAkB,KAAA;AACxD,IAAA,aAAA,CAAc,CAA0B,uBAAA,EAAA,KAAK,CAAY,QAAA,CAAA,EAAA,MAAA,EAAQ,IAAI,CAAA;AACrE,IAAA,aAAA,CAAc,CAA0B,uBAAA,EAAA,KAAK,CAAgB,YAAA,CAAA,EAAA,EAAA,EAAI,KAAK,CAAA;AACtE,IAAA,aAAA,CAAc,CAA0B,uBAAA,EAAA,KAAK,CAAiB,aAAA,CAAA,EAAA,KAAA,EAAO,KAAK,CAAA;AAC1E,IAAA,aAAA;AAAA,MACE,0BAA0B,KAAK,CAAA,YAAA,CAAA;AAAA,MAC/B,SAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,aAAA;AAAA,MACE,0BAA0B,KAAK,CAAA,UAAA,CAAA;AAAA,MAC/B,+BAAgC,CAAA,QAAA;AAAA,MAChC;AAAA,KACF;AAAA,GACF;AAEA,EAAA,MAAM,kBAAqB,GAAA,CACzB,UACA,EAAA,KAAA,EACA,aACA,QACG,KAAA;AACH,IAAA,aAAA;AAAA,MACE,0BAA0B,KAAK,CAAA,YAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,aAAA;AAAA,MACE,0BAA0B,KAAK,CAAA,aAAA,CAAA;AAAA,MAC/B,WAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,aAAA;AAAA,MACE,0BAA0B,KAAK,CAAA,YAAA,CAAA;AAAA,MAC/B,SAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,aAAA;AAAA,MACE,0BAA0B,KAAK,CAAA,UAAA,CAAA;AAAA,MAC/B,QAAA,GACI,QAAS,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA,EAAE,MAAQ,EAAA,CAAA,EAAG,MAAQ,EAAA,OAAA,EAAU,CAAA,CAAA,GAClD,+BAAgC,CAAA,QAAA;AAAA,MACpC;AAAA,KACF;AAAA,GACF;AAEA,EAAA,MAAM,cAAiB,GAAA,CACrB,SACA,EAAA,WAAA,EACA,KACG,KAAA;AACH,IAAA,aAAA;AAAA,MACE,CAAA,uBAAA,EAA0B,KAAK,CAAA,WAAA,EAAc,WAAW,CAAA,QAAA,CAAA;AAAA,MACxD,YAAY,OAAU,GAAA,MAAA;AAAA,MACtB;AAAA,KACF;AAAA,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,KAAA,EAAe,UAAgC,KAAA;AACtE,IAAc,aAAA,CAAA,CAAA,uBAAA,EAA0B,KAAK,CAAA,YAAA,CAAA,EAAgB,UAAU,CAAA;AACvE,IAAA,IAAI,CAAC,UAAA;AACH,MAAc,aAAA,CAAA,CAAA,uBAAA,EAA0B,KAAK,CAAA,IAAA,CAAA,EAAQ,SAAS,CAAA;AAAA,GAClE;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAkB,KAAA;AACrC,IAAA,MAAM,WAAW,sBAAuB,CAAA,MAAA;AAAA,MACtC,CAAC,GAAK,EAAA,OAAA,KAAY,KAAU,KAAA;AAAA,KAC9B;AACA,IAAc,aAAA,CAAA,CAAA,uBAAA,EAA0B,KAAK,CAAA,CAAA,CAAA,EAAK,SAAS,CAAA;AAC3D,IAAc,aAAA,CAAA,wBAAA,EAA0B,UAAU,KAAK,CAAA;AAAA,GACzD;AAEA,EAAA,MAAM,WAAW,MACf,aAAA;AAAA,IACE,wBAAA;AAAA,IACA,CAAC,GAAG,sBAAA,EAAwB,+BAA+B,CAAA;AAAA,IAC3D;AAAA,GACF;AAEF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,EAAe,kHAGhB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACH,EAAA,yBAAA,mBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,CAEV,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,+BAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA;AAAA,KAAA;AAAA,IAElB,sBAAuB,CAAA,GAAA,CAAI,CAAC,EAAA,EAAI,KAC/B,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,yBAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,0BACE,EAAA,2BAAA,GAA8B,KAAK,CAAA,IAAK,EAAC;AAAA,QAE3C,OAAA,EAAS,0BAA0B,KAAK,CAAA,CAAA,CAAA;AAAA,QACxC,yBAA2B,EAAA,EAAA;AAAA,QAC3B,sBAAA;AAAA,QACA,UAAU,sBAAuB,CAAA,MAAA;AAAA,QACjC,cAAA;AAAA,QACA,cAAgB,EAAA,CAAC,MAAmB,KAAA,cAAA,CAAe,QAAQ,KAAK,CAAA;AAAA,QAChE,kBAAA,EAAoB,CAClB,UACA,EAAA,WAAA,EACA,aACG,kBAAmB,CAAA,UAAA,EAAY,KAAO,EAAA,WAAA,EAAa,QAAQ,CAAA;AAAA,QAChE,gBAAgB,CAAC,SAAA,EAAoB,gBACnC,cAAe,CAAA,SAAA,EAAW,aAAa,KAAK,CAAA;AAAA,QAE9C,eAAiB,EAAA,CAAC,UAChB,KAAA,eAAA,CAAgB,OAAO,UAAU,CAAA;AAAA,QAEnC,QAAA,EAAU,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,QACjC,UAAA;AAAA,QACA,qBAAA,EAAuB,CAAC,UAAuB,KAAA;AAC7C,UAAA,MAAM,2BAA2B,sBAAuB,CAAA,MAAA;AAAA,YACtD,CAAA,GAAA,KAAO,GAAI,CAAA,MAAA,KAAW,EAAG,CAAA;AAAA,WAC3B;AACA,UAAM,MAAA,4BAAA,GACJ,CAAC,CAAC,wBAAyB,CAAA,IAAA;AAAA,YACzB,CAAA,GAAA,KAAO,IAAI,UAAe,KAAA;AAAA,WAC5B;AACF,UACE,OAAA,4BAAA,IACA,CAAC,sBAAA,EAAwB,kBAAmB,CAAA,EAAA,CAAG,MAAM,CACjD,EAAA,QAAA,CAAS,UAAc,IAAA,EAAE,CAAG,EAAA,WAAA;AAAA;AAEpC;AAAA,KAEH,CAAA;AAAA,oBACD,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,QAAA;AAAA,QACT,IAAK,EAAA;AAAA,OAAA;AAAA,0CAEJ,OAAQ,EAAA,IAAA,CAAA;AAAA,MAAE;AAAA;AAEb,GACF,EAED,CAAC,yBAAA,KACC,qBAAuB,EAAA,OAAA,IACtB,CAAC,KAAM,CAAA,OAAA,CAAQ,kBAAkB,CAAA,CAAA,oBAE/B,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAG,CACJ,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,KAAA,EAAK,IAClB,EAAA,EAAA,CAAA,wCAAA,EACC,qBAAuB,EAAA,OAAA,IACtB,kBAAiC,EAAA,UACpC,CACF,CAAA,CACF,CAEN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PermissionPoliciesForm.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesForm.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';\nimport { useAsync } from 'react-use';\n\nimport { Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { FormikErrors } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { useConditionRules } from '../../hooks/useConditionRules';\nimport { PermissionsData, SelectedPlugin } from '../../types';\nimport { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils';\nimport { ConditionsData } from '../ConditionalAccess/types';\nimport { RoleFormValues } from './types';\nimport PermissionPoliciesFormTable from './PermissionPoliciesFormTable';\nimport PluginsDropdown from './PluginsDropdown';\nimport Box from '@mui/material/Box';\n\ntype PermissionPoliciesFormProps = {\n  permissionPoliciesRows: PermissionsData[];\n  selectedPlugins: SelectedPlugin[];\n  setFieldValue: (\n    field: string,\n    value: any,\n    shouldValidate?: boolean,\n  ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n  setFieldError: (field: string, value: string | undefined) => void;\n  handleBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  selectedPluginsError: string;\n};\n\nexport const PermissionPoliciesForm = ({\n  permissionPoliciesRows,\n  selectedPlugins,\n  setFieldValue,\n  setFieldError,\n  handleBlur,\n  selectedPluginsError,\n}: PermissionPoliciesFormProps) => {\n  const rbacApi = useApi(rbacApiRef);\n  const conditionRules = useConditionRules();\n\n  const { data: conditionRulesData } = conditionRules;\n\n  const {\n    value: permissionPolicies,\n    loading: permissionPoliciesLoading,\n    error: permissionPoliciesErr,\n  } = useAsync(async () => {\n    return await rbacApi.listPermissions();\n  });\n\n  const permissionPoliciesData =\n    !permissionPoliciesLoading && Array.isArray(permissionPolicies)\n      ? getPluginsPermissionPoliciesData(permissionPolicies)\n      : undefined;\n\n  const onSelectPermission = (\n    plugin: string,\n    permission: string,\n    isResourced: boolean,\n    policies: string[],\n    resourceType?: string,\n  ) => {\n    const ppr = {\n      plugin,\n      permission,\n      isResourced,\n      policies: policies.map(p => ({ policy: p, effect: 'allow' })),\n      resourceType,\n    };\n    setFieldValue(\n      'permissionPoliciesRows',\n      [...permissionPoliciesRows, ppr],\n      true,\n    );\n  };\n\n  const onRemovePermission = (index: number) => {\n    const finalPps = permissionPoliciesRows.filter(\n      (_ppr, pIndex) => index !== pIndex,\n    );\n    setFieldValue('permissionPoliciesRows', finalPps, true);\n    setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n  };\n\n  const onSelectPolicy = (\n    isChecked: boolean,\n    policyIndex: number,\n    index: number,\n  ) => {\n    setFieldValue(\n      `permissionPoliciesRows[${index}].policies[${policyIndex}].effect`,\n      isChecked ? 'allow' : 'deny',\n      true,\n    );\n  };\n\n  const onAddConditions = (index: number, conditions?: ConditionsData) => {\n    setFieldValue(`permissionPoliciesRows[${index}].conditions`, conditions);\n    if (!conditions)\n      setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);\n  };\n\n  const onRemoveAllPlugins = () => {\n    setFieldValue(`selectedPlugins`, [], true);\n    setFieldValue('permissionPoliciesRows', [], true);\n  };\n\n  const onRemovePlugin = (plugin: string) => {\n    const selPlugins = selectedPlugins.filter(\n      sp => sp.value && sp.value !== plugin,\n    );\n    const finalPps = permissionPoliciesRows.filter(\n      ppr => ppr.plugin !== plugin,\n    );\n    setFieldValue(`selectedPlugins`, selPlugins, true);\n    setFieldValue('permissionPoliciesRows', finalPps, true);\n  };\n\n  const getAllPlugins = () => {\n    let allPlugins: SelectedPlugin[] = [];\n    if (permissionPoliciesData?.plugins) {\n      allPlugins = permissionPoliciesData.plugins.map(p => ({\n        label: p.charAt(0).toLocaleUpperCase('en-US') + p.substring(1),\n        value: p,\n      }));\n    }\n    const allPluginsItem =\n      allPlugins.length > 0\n        ? [\n            {\n              label: `All plugins (${allPlugins.length})`,\n              value: '',\n            },\n          ]\n        : [];\n    return [...allPluginsItem, ...allPlugins];\n  };\n\n  const getPermissionPoliciesTableData = () => {\n    return selectedPlugins\n      .map(p =>\n        p.value\n          ? [\n              {\n                name: p.label,\n                plugin: p.value,\n                permissionPolicies: permissionPoliciesData?.pluginsPermissions[\n                  p.value\n                ].permissions.map(perm => ({\n                  permission: perm,\n                  actions:\n                    permissionPoliciesData?.pluginsPermissions[p.value]\n                      .policies[perm].policies,\n                  isResourced:\n                    permissionPoliciesData?.pluginsPermissions[p.value]\n                      .policies[perm].isResourced,\n                  resourceType:\n                    permissionPoliciesData?.pluginsPermissions[p.value]\n                      .policies[perm].resourceType,\n                })),\n              },\n            ]\n          : [],\n      )\n      .flat();\n  };\n\n  const getSelectedPluginsCount = () => {\n    if (selectedPlugins?.length > 0) {\n      if (selectedPlugins.findIndex(sp => sp.value === '') >= 0) {\n        return selectedPlugins.length - 1;\n      }\n      return selectedPlugins.length;\n    }\n    return 0;\n  };\n\n  return (\n    <div>\n      <FormHelperText>\n        By default, users are not granted access to any plugins. To grant user\n        access, select the plugins you want to enable. Then, select which\n        actions you would like to give user permission to.\n      </FormHelperText>\n      <br />\n      {permissionPoliciesLoading ? (\n        <Progress />\n      ) : (\n        <Box>\n          <PluginsDropdown\n            allPlugins={getAllPlugins()}\n            selectedPlugins={selectedPlugins}\n            setFieldValue={setFieldValue}\n            handleBlur={handleBlur}\n            onRemovePlugin={onRemovePlugin}\n            onRemoveAllPlugins={onRemoveAllPlugins}\n            selectedPluginsError={selectedPluginsError}\n          />\n          <br />\n          <br />\n          <PermissionPoliciesFormTable\n            selectedPluginsCount={getSelectedPluginsCount()}\n            data={getPermissionPoliciesTableData()}\n            permissionPoliciesRows={permissionPoliciesRows ?? []}\n            onSelectPermission={onSelectPermission}\n            onSelectPolicy={onSelectPolicy}\n            conditionRulesData={conditionRulesData}\n            onRemovePermission={onRemovePermission}\n            onRemovePlugin={onRemovePlugin}\n            onAddConditions={onAddConditions}\n          />\n        </Box>\n      )}\n      {!permissionPoliciesLoading &&\n        (permissionPoliciesErr?.message ||\n          !Array.isArray(permissionPolicies)) && (\n          <>\n            <br />\n            <FormHelperText error>\n              {`Error fetching the permission policies: ${\n                permissionPoliciesErr?.message ||\n                (permissionPolicies as Response)?.statusText\n              }`}\n            </FormHelperText>\n          </>\n        )}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,125 @@
+import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
+import TableCell from '@mui/material/TableCell';
+import TableRow from '@mui/material/TableRow';
+import Typography from '@mui/material/Typography';
+import React__default from 'react';
+import Tooltip from '@mui/material/Tooltip';
+import IconButton from '@mui/material/IconButton';
+import ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';
+import Badge from '@mui/material/Badge';
+import { ConditionalAccessSidebar } from '../ConditionalAccess/ConditionalAccessSidebar.esm.js';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+
+const PermissionPoliciesFormNestedRow = ({
+  plugin,
+  permissionPolicy,
+  permissionPolicyRowIndex,
+  onSelectPermission,
+  policies,
+  onSelectPolicy,
+  conditionRulesLength,
+  totalRulesCount,
+  onRemovePermission,
+  conditionRulesData,
+  conditionsData,
+  onAddConditions
+}) => {
+  const [sidebarOpen, setSidebarOpen] = React__default.useState(false);
+  const tooltipTitle = () => /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Typography, { component: "p", align: "center" }, "Use advanced customized permissions to allow access to specific parts of the selected resource type."));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, { align: "left", sx: { borderBottom: "none", width: "30%" } }, /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        color: (theme) => theme.palette.grey[700]
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Checkbox,
+      {
+        onChange: (e) => {
+          if (e.target.checked) {
+            onSelectPermission(
+              plugin,
+              permissionPolicy.permission,
+              permissionPolicy.isResourced,
+              permissionPolicy.actions,
+              permissionPolicy.resourceType
+            );
+          } else {
+            onRemovePermission(permissionPolicyRowIndex);
+          }
+        },
+        checked: permissionPolicyRowIndex >= 0
+      }
+    ),
+    permissionPolicy.permission,
+    permissionPolicy.resourceType ? /* @__PURE__ */ React__default.createElement(
+      Tooltip,
+      {
+        title: `resource type: ${permissionPolicy.resourceType}`,
+        placement: "top"
+      },
+      /* @__PURE__ */ React__default.createElement(IconButton, { "aria-label": "info", size: "small" }, /* @__PURE__ */ React__default.createElement(InfoOutlinedIcon, { fontSize: "small" }), "\xA0")
+    ) : null
+  )), /* @__PURE__ */ React__default.createElement(
+    TableCell,
+    {
+      align: "left",
+      sx: {
+        display: "flex",
+        borderBottom: "none",
+        width: "100%"
+      }
+    },
+    policies.map((p, pIndex) => /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        sx: { display: "flex", alignItems: "center" },
+        key: `${permissionPolicy.permission}-${p.policy}`
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Checkbox,
+        {
+          onChange: (_e, checked) => onSelectPolicy(checked, pIndex, permissionPolicyRowIndex),
+          checked: p.effect === "allow",
+          disabled: permissionPolicyRowIndex < 0
+        }
+      ),
+      p.policy
+    ))
+  ), /* @__PURE__ */ React__default.createElement(TableCell, { align: "right", sx: { borderBottom: "none", width: "10%" } }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: tooltipTitle(), placement: "top" }, /* @__PURE__ */ React__default.createElement(Typography, { component: "span" }, /* @__PURE__ */ React__default.createElement(
+    IconButton,
+    {
+      "aria-label": "remove",
+      size: "small",
+      onClick: () => setSidebarOpen(true),
+      disabled: permissionPolicyRowIndex < 0 || !permissionPolicy.isResourced || !conditionRulesLength,
+      sx: {
+        ":disabled": { color: (theme) => theme.palette.grey[400] }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Badge, { badgeContent: totalRulesCount, color: "success" }, /* @__PURE__ */ React__default.createElement(ChecklistRtlIcon, null)),
+    "\xA0"
+  ))))), /* @__PURE__ */ React__default.createElement(
+    ConditionalAccessSidebar,
+    {
+      open: sidebarOpen,
+      onClose: () => {
+        setSidebarOpen(false);
+      },
+      onSave: (conditions) => {
+        onAddConditions(permissionPolicyRowIndex, conditions);
+        setSidebarOpen(false);
+      },
+      conditionsFormVal: conditionsData,
+      selPluginResourceType: permissionPolicy.resourceType,
+      conditionRulesData: conditionRulesData?.[`${plugin}`]?.[`${permissionPolicy.resourceType}`]
+    }
+  ));
+};
+
+export { PermissionPoliciesFormNestedRow as default };
+//# sourceMappingURL=PermissionPoliciesFormNestedRow.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionPoliciesFormNestedRow.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesFormNestedRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { RowPolicy } from './types';\nimport Tooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';\nimport Badge from '@mui/material/Badge';\nimport { ConditionRulesData, ConditionsData } from '../ConditionalAccess/types';\nimport { ConditionalAccessSidebar } from '../ConditionalAccess/ConditionalAccessSidebar';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\n\nconst PermissionPoliciesFormNestedRow = ({\n  plugin,\n  permissionPolicy,\n  permissionPolicyRowIndex,\n  onSelectPermission,\n  policies,\n  onSelectPolicy,\n  conditionRulesLength,\n  totalRulesCount,\n  onRemovePermission,\n  conditionRulesData,\n  conditionsData,\n  onAddConditions,\n}: {\n  plugin: string;\n  permissionPolicy: any;\n  permissionPolicyRowIndex: number;\n  policies: RowPolicy[];\n  conditionRulesLength?: number;\n  totalRulesCount: number;\n  conditionRulesData?: ConditionRulesData;\n  conditionsData?: ConditionsData;\n  onSelectPermission: (\n    plugin: string,\n    permission: string,\n    isResourced: boolean,\n    policies: string[],\n    resourceType?: string,\n  ) => void;\n  onSelectPolicy: (\n    isChecked: boolean,\n    policyIndex: number,\n    pIndex: number,\n  ) => void;\n  onRemovePermission: (index: number) => void;\n  onAddConditions: (index: number, conditions?: ConditionsData) => void;\n}) => {\n  const [sidebarOpen, setSidebarOpen] = React.useState(false);\n  const tooltipTitle = () => (\n    <div>\n      <Typography component=\"p\" align=\"center\">\n        Use advanced customized permissions to allow access to specific parts of\n        the selected resource type.\n      </Typography>\n    </div>\n  );\n  return (\n    <>\n      <TableRow>\n        <TableCell align=\"left\" sx={{ borderBottom: 'none', width: '30%' }}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              color: theme => theme.palette.grey[700],\n            }}\n          >\n            <Checkbox\n              onChange={e => {\n                if (e.target.checked) {\n                  onSelectPermission(\n                    plugin,\n                    permissionPolicy.permission,\n                    permissionPolicy.isResourced,\n                    permissionPolicy.actions,\n                    permissionPolicy.resourceType,\n                  );\n                } else {\n                  onRemovePermission(permissionPolicyRowIndex);\n                }\n              }}\n              checked={permissionPolicyRowIndex >= 0}\n            />\n            {permissionPolicy.permission}\n            {permissionPolicy.resourceType ? (\n              <Tooltip\n                title={`resource type: ${permissionPolicy.resourceType}`}\n                placement=\"top\"\n              >\n                <IconButton aria-label=\"info\" size=\"small\">\n                  <InfoOutlinedIcon fontSize=\"small\" />\n                  &nbsp;\n                </IconButton>\n              </Tooltip>\n            ) : null}\n          </Box>\n        </TableCell>\n        <TableCell\n          align=\"left\"\n          sx={{\n            display: 'flex',\n            borderBottom: 'none',\n            width: '100%',\n          }}\n        >\n          {policies.map((p: RowPolicy, pIndex: number) => (\n            <Box\n              sx={{ display: 'flex', alignItems: 'center' }}\n              key={`${permissionPolicy.permission}-${p.policy}`}\n            >\n              <Checkbox\n                onChange={(_e, checked) =>\n                  onSelectPolicy(checked, pIndex, permissionPolicyRowIndex)\n                }\n                checked={p.effect === 'allow'}\n                disabled={permissionPolicyRowIndex < 0}\n              />\n              {p.policy}\n            </Box>\n          ))}\n        </TableCell>\n        <TableCell align=\"right\" sx={{ borderBottom: 'none', width: '10%' }}>\n          <Tooltip title={tooltipTitle()} placement=\"top\">\n            <Typography component=\"span\">\n              <IconButton\n                aria-label=\"remove\"\n                size=\"small\"\n                onClick={() => setSidebarOpen(true)}\n                disabled={\n                  permissionPolicyRowIndex < 0 ||\n                  !permissionPolicy.isResourced ||\n                  !conditionRulesLength\n                }\n                sx={{\n                  ':disabled': { color: theme => theme.palette.grey[400] },\n                }}\n              >\n                <Badge badgeContent={totalRulesCount} color=\"success\">\n                  <ChecklistRtlIcon />\n                </Badge>\n                &nbsp;\n              </IconButton>\n            </Typography>\n          </Tooltip>\n        </TableCell>\n      </TableRow>\n      <ConditionalAccessSidebar\n        open={sidebarOpen}\n        onClose={() => {\n          setSidebarOpen(false);\n        }}\n        onSave={(conditions?: ConditionsData) => {\n          onAddConditions(permissionPolicyRowIndex, conditions);\n          setSidebarOpen(false);\n        }}\n        conditionsFormVal={conditionsData}\n        selPluginResourceType={permissionPolicy.resourceType}\n        conditionRulesData={\n          conditionRulesData?.[`${plugin}`]?.[\n            `${permissionPolicy.resourceType}`\n          ]\n        }\n      />\n    </>\n  );\n};\n\nexport default PermissionPoliciesFormNestedRow;\n"],"names":["React"],"mappings":"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"}