@backstage-community/plugin-rbac 1.40.0 → 1.41.0

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
 import { useQueryParamState, Progress, ErrorPage, Page, Header, Content } from '@backstage/core-components';
 import { usePermissionPolicies } from '../../hooks/usePermissionPolicies.esm.js';
@@ -36,34 +36,37 @@ const EditRolePage = () => {
     permissionPoliciesRows: data
   };
   if (loadingMembers || loadingPolicies) {
-    return /* @__PURE__ */ React__default.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (roleError.name) {
-    return /* @__PURE__ */ React__default.createElement(ErrorPage, { status: roleError.name, statusMessage: roleError.message });
+    return /* @__PURE__ */ jsx(ErrorPage, { status: roleError.name, statusMessage: roleError.message });
   }
   if (!canReadUsersAndGroups) {
-    return /* @__PURE__ */ React__default.createElement(ErrorPage, { statusMessage: "Unauthorized to edit role" });
+    return /* @__PURE__ */ jsx(ErrorPage, { statusMessage: "Unauthorized to edit role" });
   }
-  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React__default.createElement(Header, { title: "Edit role", type: "RBAC", typeLink: ".." }), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(
-    RoleForm,
-    {
-      initialValues,
-      titles: {
-        formTitle: "Edit Role",
-        nameAndDescriptionTitle: "Edit name and description of role ",
-        usersAndGroupsTitle: "Edit users and groups",
-        permissionPoliciesTitle: "Edit permission policies"
-      },
-      roleName: roleName ? `${roleKind}:${roleNamespace}/${roleName}` : "",
-      step: Number(queryParamState),
-      membersData: {
-        members,
-        loading: loadingMembers,
-        error: membersError
-      },
-      submitLabel: "Save"
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Edit role", type: "RBAC", typeLink: ".." }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+      RoleForm,
+      {
+        initialValues,
+        titles: {
+          formTitle: "Edit Role",
+          nameAndDescriptionTitle: "Edit name and description of role ",
+          usersAndGroupsTitle: "Edit users and groups",
+          permissionPoliciesTitle: "Edit permission policies"
+        },
+        roleName: roleName ? `${roleKind}:${roleNamespace}/${roleName}` : "",
+        step: Number(queryParamState),
+        membersData: {
+          members,
+          loading: loadingMembers,
+          error: membersError
+        },
+        submitLabel: "Save"
+      }
+    ) })
+  ] });
 };
 
 export { EditRolePage };

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

@@ -1 +1 @@
-{"version":3,"file":"EditRolePage.esm.js","sources":["../../../src/components/CreateRole/EditRolePage.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 { useParams } from 'react-router-dom';\n\nimport {\n  Content,\n  ErrorPage,\n  Header,\n  Page,\n  Progress,\n  useQueryParamState,\n} from '@backstage/core-components';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { useSelectedMembers } from '../../hooks/useSelectedMembers';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\n\nexport const EditRolePage = () => {\n  const { roleName, roleNamespace, roleKind } = useParams();\n  const [queryParamState] = useQueryParamState<number>('activeStep');\n  const {\n    selectedMembers,\n    members,\n    role,\n    loading: loadingMembers,\n    roleError,\n    membersError,\n    canReadUsersAndGroups,\n  } = useSelectedMembers(\n    roleName ? `${roleKind}:${roleNamespace}/${roleName}` : '',\n  );\n\n  const { data, loading: loadingPolicies } = usePermissionPolicies(\n    `${roleKind}:${roleNamespace}/${roleName}`,\n  );\n\n  const initialValues: RoleFormValues = {\n    name: roleName || '',\n    namespace: roleNamespace || 'default',\n    kind: roleKind || 'role',\n    description: role?.metadata?.description ?? '',\n    owner: role?.metadata?.owner ?? '',\n    selectedMembers,\n    selectedPlugins: data\n      .map(pp => pp.plugin)\n      .filter((p, i, ar) => ar.indexOf(p) === i)\n      .map(sp => ({\n        label: sp.charAt(0).toLocaleUpperCase('en-US') + sp.substring(1),\n        value: sp,\n      })),\n    permissionPoliciesRows: data,\n  };\n\n  if (loadingMembers || loadingPolicies) {\n    return <Progress />;\n  }\n  if (roleError.name) {\n    return (\n      <ErrorPage status={roleError.name} statusMessage={roleError.message} />\n    );\n  }\n  if (!canReadUsersAndGroups) {\n    return <ErrorPage statusMessage=\"Unauthorized to edit role\" />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Edit role\" type=\"RBAC\" typeLink=\"..\" />\n      <Content>\n        <RoleForm\n          initialValues={initialValues}\n          titles={{\n            formTitle: 'Edit Role',\n            nameAndDescriptionTitle: 'Edit name and description of role ',\n            usersAndGroupsTitle: 'Edit users and groups',\n            permissionPoliciesTitle: 'Edit permission policies',\n          }}\n          roleName={roleName ? `${roleKind}:${roleNamespace}/${roleName}` : ''}\n          step={Number(queryParamState)}\n          membersData={{\n            members,\n            loading: loadingMembers,\n            error: membersError,\n          }}\n          submitLabel=\"Save\"\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"EditRolePage.esm.js","sources":["../../../src/components/CreateRole/EditRolePage.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 { useParams } from 'react-router-dom';\n\nimport {\n  Content,\n  ErrorPage,\n  Header,\n  Page,\n  Progress,\n  useQueryParamState,\n} from '@backstage/core-components';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { useSelectedMembers } from '../../hooks/useSelectedMembers';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\n\nexport const EditRolePage = () => {\n  const { roleName, roleNamespace, roleKind } = useParams();\n  const [queryParamState] = useQueryParamState<number>('activeStep');\n  const {\n    selectedMembers,\n    members,\n    role,\n    loading: loadingMembers,\n    roleError,\n    membersError,\n    canReadUsersAndGroups,\n  } = useSelectedMembers(\n    roleName ? `${roleKind}:${roleNamespace}/${roleName}` : '',\n  );\n\n  const { data, loading: loadingPolicies } = usePermissionPolicies(\n    `${roleKind}:${roleNamespace}/${roleName}`,\n  );\n\n  const initialValues: RoleFormValues = {\n    name: roleName || '',\n    namespace: roleNamespace || 'default',\n    kind: roleKind || 'role',\n    description: role?.metadata?.description ?? '',\n    owner: role?.metadata?.owner ?? '',\n    selectedMembers,\n    selectedPlugins: data\n      .map(pp => pp.plugin)\n      .filter((p, i, ar) => ar.indexOf(p) === i)\n      .map(sp => ({\n        label: sp.charAt(0).toLocaleUpperCase('en-US') + sp.substring(1),\n        value: sp,\n      })),\n    permissionPoliciesRows: data,\n  };\n\n  if (loadingMembers || loadingPolicies) {\n    return <Progress />;\n  }\n  if (roleError.name) {\n    return (\n      <ErrorPage status={roleError.name} statusMessage={roleError.message} />\n    );\n  }\n  if (!canReadUsersAndGroups) {\n    return <ErrorPage statusMessage=\"Unauthorized to edit role\" />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Edit role\" type=\"RBAC\" typeLink=\"..\" />\n      <Content>\n        <RoleForm\n          initialValues={initialValues}\n          titles={{\n            formTitle: 'Edit Role',\n            nameAndDescriptionTitle: 'Edit name and description of role ',\n            usersAndGroupsTitle: 'Edit users and groups',\n            permissionPoliciesTitle: 'Edit permission policies',\n          }}\n          roleName={roleName ? `${roleKind}:${roleNamespace}/${roleName}` : ''}\n          step={Number(queryParamState)}\n          membersData={{\n            members,\n            loading: loadingMembers,\n            error: membersError,\n          }}\n          submitLabel=\"Save\"\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import Typography from '@mui/material/Typography';
 import Checkbox from '@mui/material/Checkbox';
 import Box from '@mui/material/Box';
@@ -14,7 +15,7 @@ const MembersDropdownOption = ({
   const { label, etag } = option;
   const matches = match(label, inputValue, { insideWords: true });
   const parts = parse(label, matches);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ createElement(
     "li",
     {
       ...props,
@@ -26,28 +27,37 @@ const MembersDropdownOption = ({
         width: "auto"
       }
     },
-    /* @__PURE__ */ React__default.createElement(Box, { sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Checkbox, { style: { marginRight: 8 }, checked: state.selected })), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Typography, { component: "span", sx: { marginTop: "0.5rem" } }, parts.map((part) => /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        key: `${part.text}-${etag}`,
-        component: "span",
-        sx: {
-          fontWeight: !state.inputValue || part.highlight ? 400 : 700,
-          color: (theme) => theme.palette.text.primary
-        },
-        "data-testid": option.label
-      },
-      part.text
-    )))), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        sx: {
-          color: (theme) => theme.palette.text.secondary,
-          whiteSpace: "nowrap"
-        }
-      },
-      option.description
-    ), " ")))
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Checkbox, { style: { marginRight: 8 }, checked: state.selected }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { component: "span", sx: { marginTop: "0.5rem" }, children: parts.map((part) => /* @__PURE__ */ jsx(
+          Typography,
+          {
+            component: "span",
+            sx: {
+              fontWeight: !state.inputValue || part.highlight ? 400 : 700,
+              color: (theme) => theme.palette.text.primary
+            },
+            "data-testid": option.label,
+            children: part.text
+          },
+          `${part.text}-${etag}`
+        )) }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: {
+                color: (theme) => theme.palette.text.secondary,
+                whiteSpace: "nowrap"
+              },
+              children: option.description
+            }
+          ),
+          " "
+        ] })
+      ] })
+    ] })
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"MembersDropdownOption.esm.js","sources":["../../../src/components/CreateRole/MembersDropdownOption.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 { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport Box from '@mui/material/Box';\nimport match from 'autosuggest-highlight/match';\nimport parse from 'autosuggest-highlight/parse';\n\nimport { SelectedMember } from './types';\n\ntype MembersDropdownOptionProps = {\n  option: SelectedMember;\n  state: AutocompleteRenderOptionState;\n  props: React.HTMLAttributes<HTMLLIElement>;\n};\n\nexport const MembersDropdownOption = ({\n  props,\n  option,\n  state,\n}: MembersDropdownOptionProps) => {\n  const { inputValue } = state;\n  const { label, etag } = option;\n  const matches = match(label, inputValue, { insideWords: true });\n  const parts = parse(label, matches);\n\n  return (\n    <li\n      {...props}\n      key={`${etag}`}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        width: 'auto',\n      }}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        <div>\n          <Checkbox style={{ marginRight: 8 }} checked={state.selected} />\n        </div>\n        <div>\n          <div>\n            <Typography component=\"span\" sx={{ marginTop: '0.5rem' }}>\n              {parts.map(part => (\n                <Typography\n                  key={`${part.text}-${etag}`}\n                  component=\"span\"\n                  sx={{\n                    fontWeight: !state.inputValue || part.highlight ? 400 : 700,\n                    color: theme => theme.palette.text.primary,\n                  }}\n                  data-testid={option.label}\n                >\n                  {part.text}\n                </Typography>\n              ))}\n            </Typography>\n          </div>\n          <div>\n            <Typography\n              sx={{\n                color: theme => theme.palette.text.secondary,\n                whiteSpace: 'nowrap',\n              }}\n            >\n              {option.description}\n            </Typography>{' '}\n          </div>\n        </div>\n      </Box>\n    </li>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAgCO,MAAM,wBAAwB,CAAC;AAAA,EACpC,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA;AACvB,EAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,MAAA;AACxB,EAAA,MAAM,UAAU,KAAM,CAAA,KAAA,EAAO,YAAY,EAAE,WAAA,EAAa,MAAM,CAAA;AAC9D,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,EAAO,OAAO,CAAA;AAElC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,GAAG,IAAI,CAAA,CAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,UAAY,EAAA,YAAA;AAAA,QACZ,KAAO,EAAA;AAAA;AACT,KAAA;AAAA,iDAEC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,QAAQ,UAAY,EAAA,QAAA,EACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,6BACEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAO,EAAE,WAAA,EAAa,GAAK,EAAA,OAAA,EAAS,KAAM,CAAA,QAAA,EAAU,CAChE,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,KACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,6BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,IAAI,EAAE,SAAA,EAAW,UAC3C,EAAA,EAAA,KAAA,CAAM,IAAI,CACT,IAAA,qBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,CAAA,EAAG,IAAK,CAAA,IAAI,IAAI,IAAI,CAAA,CAAA;AAAA,QACzB,SAAU,EAAA,MAAA;AAAA,QACV,EAAI,EAAA;AAAA,UACF,YAAY,CAAC,KAAA,CAAM,UAAc,IAAA,IAAA,CAAK,YAAY,GAAM,GAAA,GAAA;AAAA,UACxD,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,SACrC;AAAA,QACA,eAAa,MAAO,CAAA;AAAA,OAAA;AAAA,MAEnB,IAAK,CAAA;AAAA,KAET,CACH,CACF,CAAA,+CACC,KACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,UACnC,UAAY,EAAA;AAAA;AACd,OAAA;AAAA,MAEC,MAAO,CAAA;AAAA,KACV,EAAc,GAChB,CACF,CACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"MembersDropdownOption.esm.js","sources":["../../../src/components/CreateRole/MembersDropdownOption.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { HTMLAttributes } from 'react';\n\nimport { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport Box from '@mui/material/Box';\nimport match from 'autosuggest-highlight/match';\nimport parse from 'autosuggest-highlight/parse';\n\nimport { SelectedMember } from './types';\n\ntype MembersDropdownOptionProps = {\n  option: SelectedMember;\n  state: AutocompleteRenderOptionState;\n  props: HTMLAttributes<HTMLLIElement>;\n};\n\nexport const MembersDropdownOption = ({\n  props,\n  option,\n  state,\n}: MembersDropdownOptionProps) => {\n  const { inputValue } = state;\n  const { label, etag } = option;\n  const matches = match(label, inputValue, { insideWords: true });\n  const parts = parse(label, matches);\n\n  return (\n    <li\n      {...props}\n      key={`${etag}`}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        width: 'auto',\n      }}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        <div>\n          <Checkbox style={{ marginRight: 8 }} checked={state.selected} />\n        </div>\n        <div>\n          <div>\n            <Typography component=\"span\" sx={{ marginTop: '0.5rem' }}>\n              {parts.map(part => (\n                <Typography\n                  key={`${part.text}-${etag}`}\n                  component=\"span\"\n                  sx={{\n                    fontWeight: !state.inputValue || part.highlight ? 400 : 700,\n                    color: theme => theme.palette.text.primary,\n                  }}\n                  data-testid={option.label}\n                >\n                  {part.text}\n                </Typography>\n              ))}\n            </Typography>\n          </div>\n          <div>\n            <Typography\n              sx={{\n                color: theme => theme.palette.text.secondary,\n                whiteSpace: 'nowrap',\n              }}\n            >\n              {option.description}\n            </Typography>{' '}\n          </div>\n        </div>\n      </Box>\n    </li>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgCO,MAAM,wBAAwB,CAAC;AAAA,EACpC,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA;AACvB,EAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,MAAA;AACxB,EAAA,MAAM,UAAU,KAAM,CAAA,KAAA,EAAO,YAAY,EAAE,WAAA,EAAa,MAAM,CAAA;AAC9D,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,EAAO,OAAO,CAAA;AAElC,EACE,uBAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,GAAG,IAAI,CAAA,CAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,UAAY,EAAA,YAAA;AAAA,QACZ,KAAO,EAAA;AAAA;AACT,KAAA;AAAA,oBAEA,IAAA,CAAC,OAAI,EAAI,EAAA,EAAE,SAAS,MAAQ,EAAA,UAAA,EAAY,UACtC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,WAAa,EAAA,CAAA,EAAK,EAAA,OAAA,EAAS,KAAM,CAAA,QAAA,EAAU,CAChE,EAAA,CAAA;AAAA,2BACC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,EAAA,EAAI,EAAE,SAAA,EAAW,QAAS,EAAA,EACpD,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CACT,IAAA,qBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YAEC,SAAU,EAAA,MAAA;AAAA,YACV,EAAI,EAAA;AAAA,cACF,YAAY,CAAC,KAAA,CAAM,UAAc,IAAA,IAAA,CAAK,YAAY,GAAM,GAAA,GAAA;AAAA,cACxD,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,aACrC;AAAA,YACA,eAAa,MAAO,CAAA,KAAA;AAAA,YAEnB,QAAK,EAAA,IAAA,CAAA;AAAA,WAAA;AAAA,UARD,CAAG,EAAA,IAAA,CAAK,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA;AAAA,SAU5B,GACH,CACF,EAAA,CAAA;AAAA,6BACC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,EAAI,EAAA;AAAA,gBACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,gBACnC,UAAY,EAAA;AAAA,eACd;AAAA,cAEC,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,WACV;AAAA,UAAc;AAAA,SAChB,EAAA;AAAA,OACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useAsync } from 'react-use';
 import { Progress } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
@@ -117,31 +117,44 @@ const PermissionPoliciesForm = ({
     }
     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}`)));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(FormHelperText, { children: "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__ */ jsx("br", {}),
+    permissionPoliciesLoading ? /* @__PURE__ */ jsx(Progress, {}) : /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(
+        PluginsDropdown,
+        {
+          allPlugins: getAllPlugins(),
+          selectedPlugins,
+          setFieldValue,
+          handleBlur,
+          onRemovePlugin,
+          onRemoveAllPlugins,
+          selectedPluginsError
+        }
+      ),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(
+        PermissionPoliciesFormTable,
+        {
+          selectedPluginsCount: getSelectedPluginsCount(),
+          data: getPermissionPoliciesTableData(),
+          permissionPoliciesRows: permissionPoliciesRows ?? [],
+          onSelectPermission,
+          onSelectPolicy,
+          conditionRulesData,
+          onRemovePermission,
+          onRemovePlugin,
+          onAddConditions
+        }
+      )
+    ] }),
+    !permissionPoliciesLoading && (permissionPoliciesErr?.message || !Array.isArray(permissionPolicies)) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(FormHelperText, { error: true, children: `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 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:\n                  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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"}
+{"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 type { FocusEventHandler } 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: 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:\n                  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":[],"mappings":";;;;;;;;;;;;AA+CO,MAAM,yBAAyB,CAAC;AAAA,EACrC,sBAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,iBAAiB,iBAAkB,EAAA;AAEzC,EAAM,MAAA,EAAE,IAAM,EAAA,kBAAA,EAAuB,GAAA,cAAA;AAErC,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,EAAA,MAAM,qBAAqB,CACzB,MAAA,EACA,UACA,EAAA,WAAA,EACA,UACA,YACG,KAAA;AACH,IAAA,MAAM,GAAM,GAAA;AAAA,MACV,MAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,SAAS,GAAI,CAAA,CAAA,CAAA,MAAM,EAAE,MAAQ,EAAA,CAAA,EAAG,MAAQ,EAAA,OAAA,EAAU,CAAA,CAAA;AAAA,MAC5D;AAAA,KACF;AACA,IAAA,aAAA;AAAA,MACE,wBAAA;AAAA,MACA,CAAC,GAAG,sBAAA,EAAwB,GAAG,CAAA;AAAA,MAC/B;AAAA,KACF;AAAA,GACF;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,IAAA,MAAM,WAAW,sBAAuB,CAAA,MAAA;AAAA,MACtC,CAAC,IAAM,EAAA,MAAA,KAAW,KAAU,KAAA;AAAA,KAC9B;AACA,IAAc,aAAA,CAAA,wBAAA,EAA0B,UAAU,IAAI,CAAA;AACtD,IAAc,aAAA,CAAA,CAAA,uBAAA,EAA0B,KAAK,CAAA,CAAA,CAAA,EAAK,SAAS,CAAA;AAAA,GAC7D;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,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAc,aAAA,CAAA,CAAA,eAAA,CAAA,EAAmB,EAAC,EAAG,IAAI,CAAA;AACzC,IAAc,aAAA,CAAA,wBAAA,EAA0B,EAAC,EAAG,IAAI,CAAA;AAAA,GAClD;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,MAAmB,KAAA;AACzC,IAAA,MAAM,aAAa,eAAgB,CAAA,MAAA;AAAA,MACjC,CAAM,EAAA,KAAA,EAAA,CAAG,KAAS,IAAA,EAAA,CAAG,KAAU,KAAA;AAAA,KACjC;AACA,IAAA,MAAM,WAAW,sBAAuB,CAAA,MAAA;AAAA,MACtC,CAAA,GAAA,KAAO,IAAI,MAAW,KAAA;AAAA,KACxB;AACA,IAAc,aAAA,CAAA,CAAA,eAAA,CAAA,EAAmB,YAAY,IAAI,CAAA;AACjD,IAAc,aAAA,CAAA,wBAAA,EAA0B,UAAU,IAAI,CAAA;AAAA,GACxD;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,aAA+B,EAAC;AACpC,IAAA,IAAI,wBAAwB,OAAS,EAAA;AACnC,MAAa,UAAA,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,QACpD,KAAA,EAAO,CAAE,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,kBAAkB,OAAO,CAAA,GAAI,CAAE,CAAA,SAAA,CAAU,CAAC,CAAA;AAAA,QAC7D,KAAO,EAAA;AAAA,OACP,CAAA,CAAA;AAAA;AAEJ,IAAM,MAAA,cAAA,GACJ,UAAW,CAAA,MAAA,GAAS,CAChB,GAAA;AAAA,MACE;AAAA,QACE,KAAA,EAAO,CAAgB,aAAA,EAAA,UAAA,CAAW,MAAM,CAAA,CAAA,CAAA;AAAA,QACxC,KAAO,EAAA;AAAA;AACT,QAEF,EAAC;AACP,IAAA,OAAO,CAAC,GAAG,cAAgB,EAAA,GAAG,UAAU,CAAA;AAAA,GAC1C;AAEA,EAAA,MAAM,iCAAiC,MAAM;AAC3C,IAAA,OAAO,eACJ,CAAA,GAAA;AAAA,MAAI,CAAA,CAAA,KACH,EAAE,KACE,GAAA;AAAA,QACE;AAAA,UACE,MAAM,CAAE,CAAA,KAAA;AAAA,UACR,QAAQ,CAAE,CAAA,KAAA;AAAA,UACV,kBAAA,EACE,wBAAwB,kBACtB,CAAA,CAAA,CAAE,KACJ,CAAG,EAAA,WAAA,EAAa,IAAI,CAAS,IAAA,MAAA;AAAA,YAC3B,UAAY,EAAA,IAAA;AAAA,YACZ,OAAA,EACE,wBAAwB,kBAAmB,CAAA,CAAA,CAAE,KAAK,CAC/C,CAAA,QAAA,CAAS,IAAI,CAAE,CAAA,QAAA;AAAA,YACpB,WAAA,EACE,wBAAwB,kBAAmB,CAAA,CAAA,CAAE,KAAK,CAC/C,CAAA,QAAA,CAAS,IAAI,CAAE,CAAA,WAAA;AAAA,YACpB,YAAA,EACE,wBAAwB,kBAAmB,CAAA,CAAA,CAAE,KAAK,CAC/C,CAAA,QAAA,CAAS,IAAI,CAAE,CAAA;AAAA,WACtB,CAAE,KAAK;AAAC;AACZ,UAEF;AAAC,MAEN,IAAK,EAAA;AAAA,GACV;AAEA,EAAA,MAAM,0BAA0B,MAAM;AACpC,IAAI,IAAA,eAAA,EAAiB,SAAS,CAAG,EAAA;AAC/B,MAAA,IAAI,gBAAgB,SAAU,CAAA,CAAA,EAAA,KAAM,GAAG,KAAU,KAAA,EAAE,KAAK,CAAG,EAAA;AACzD,QAAA,OAAO,gBAAgB,MAAS,GAAA,CAAA;AAAA;AAElC,MAAA,OAAO,eAAgB,CAAA,MAAA;AAAA;AAEzB,IAAO,OAAA,CAAA;AAAA,GACT;AAEA,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAe,QAIhB,EAAA,6LAAA,EAAA,CAAA;AAAA,wBACC,IAAG,EAAA,EAAA,CAAA;AAAA,IACH,yBACC,mBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA,wBAET,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,YAAY,aAAc,EAAA;AAAA,UAC1B,eAAA;AAAA,UACA,aAAA;AAAA,UACA,UAAA;AAAA,UACA,cAAA;AAAA,UACA,kBAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,0BACC,IAAG,EAAA,EAAA,CAAA;AAAA,0BACH,IAAG,EAAA,EAAA,CAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,2BAAA;AAAA,QAAA;AAAA,UACC,sBAAsB,uBAAwB,EAAA;AAAA,UAC9C,MAAM,8BAA+B,EAAA;AAAA,UACrC,sBAAA,EAAwB,0BAA0B,EAAC;AAAA,UACnD,kBAAA;AAAA,UACA,cAAA;AAAA,UACA,kBAAA;AAAA,UACA,kBAAA;AAAA,UACA,cAAA;AAAA,UACA;AAAA;AAAA;AACF,KACF,EAAA,CAAA;AAAA,IAED,CAAC,8BACC,qBAAuB,EAAA,OAAA,IACtB,CAAC,KAAM,CAAA,OAAA,CAAQ,kBAAkB,CAAA,CAAA,oBAE/B,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAG,EAAA,EAAA,CAAA;AAAA,sBACJ,GAAA,CAAC,kBAAe,KAAK,EAAA,IAAA,EAClB,qDACC,qBAAuB,EAAA,OAAA,IACtB,kBAAiC,EAAA,UACpC,CACF,CAAA,EAAA;AAAA,KACF,EAAA;AAAA,GAEN,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,9 +1,10 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 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 { useState } from 'react';
 import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
 import ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';
@@ -25,99 +26,115 @@ const PermissionPoliciesFormNestedRow = ({
   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"
-      }
-    },
-    /* @__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,
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+  const tooltipTitle = () => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { component: "p", align: "center", children: "Use advanced customized permissions to allow access to specific parts of the selected resource type." }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { align: "left", sx: { borderBottom: "none", width: "30%" }, children: /* @__PURE__ */ jsxs(
+        Box,
         {
-          onChange: (_e, checked) => onSelectPolicy(checked, pIndex, permissionPolicyRowIndex),
-          checked: p.effect === "allow",
-          disabled: permissionPolicyRowIndex < 0
+          sx: {
+            display: "flex",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              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__ */ jsx(
+              Tooltip,
+              {
+                title: `resource type: ${permissionPolicy.resourceType}`,
+                placement: "top",
+                children: /* @__PURE__ */ jsxs(IconButton, { "aria-label": "info", size: "small", children: [
+                  /* @__PURE__ */ jsx(InfoOutlinedIcon, { fontSize: "small" }),
+                  "\xA0"
+                ] })
+              }
+            ) : null
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        TableCell,
+        {
+          align: "left",
+          sx: {
+            display: "flex",
+            borderBottom: "none",
+            width: "100%"
+          },
+          children: policies.map((p, pIndex) => /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: { display: "flex", alignItems: "center" },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    onChange: (_e, checked) => onSelectPolicy(checked, pIndex, permissionPolicyRowIndex),
+                    checked: p.effect === "allow",
+                    disabled: permissionPolicyRowIndex < 0
+                  }
+                ),
+                p.policy
+              ]
+            },
+            `${permissionPolicy.permission}-${p.policy}`
+          ))
         }
       ),
-      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__ */ jsx(TableCell, { align: "right", sx: { borderBottom: "none", width: "10%" }, children: /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(), placement: "top", children: /* @__PURE__ */ jsx(Typography, { component: "span", children: /* @__PURE__ */ jsxs(
+        IconButton,
+        {
+          "aria-label": "remove",
+          size: "small",
+          onClick: () => setSidebarOpen(true),
+          disabled: permissionPolicyRowIndex < 0 || !permissionPolicy.isResourced || !conditionRulesLength,
+          sx: {
+            ":disabled": { color: (theme) => theme.palette.grey[400] }
+          },
+          children: [
+            /* @__PURE__ */ jsx(Badge, { badgeContent: totalRulesCount, color: "success", children: /* @__PURE__ */ jsx(ChecklistRtlIcon, {}) }),
+            "\xA0"
+          ]
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConditionalAccessSidebar,
+      {
+        open: sidebarOpen,
+        onClose: () => {
+          setSidebarOpen(false);
+        },
+        onSave: (conditions) => {
+          onAddConditions(permissionPolicyRowIndex, conditions);
+          setSidebarOpen(false);
+        },
+        conditionsFormVal: conditionsData,
+        selPluginResourceType: permissionPolicy.resourceType,
+        conditionRulesData: conditionRulesData?.[`${plugin}`]?.[`${permissionPolicy.resourceType}`]
       }
-    },
-    /* @__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 };

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

@@ -1 +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            }}\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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"}
+{"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 { useState } 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] = 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            }}\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":[],"mappings":"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"}