@backstage-community/plugin-rbac 1.32.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionPoliciesFormRow.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesFormRow.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 { FormLabel, makeStyles } from '@material-ui/core';\nimport IconButton from '@material-ui/core/IconButton';\nimport TextField from '@material-ui/core/TextField';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport ChecklistRtlIcon from '@mui/icons-material/ChecklistRtl';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { FormikErrors } from 'formik';\n\nimport { PermissionsData } from '../../types';\nimport { getRulesNumber } from '../../utils/create-role-utils';\nimport { ConditionalAccessSidebar } from '../ConditionalAccess/ConditionalAccessSidebar';\nimport { ConditionRules, ConditionsData } from '../ConditionalAccess/types';\nimport { PoliciesCheckboxGroup } from './PoliciesCheckboxGroup';\nimport { PluginsPermissionPoliciesData } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  removeButton: {\n    color: theme.palette.grey[500],\n    flexGrow: 0,\n    alignSelf: 'center',\n  },\n  conditionalAccessButton: {\n    fontSize: theme.typography.fontSize,\n  },\n}));\n\ntype PermissionPoliciesFormRowProps = {\n  permissionPoliciesRowData: PermissionsData;\n  permissionPoliciesData?: PluginsPermissionPoliciesData;\n  permissionPoliciesRowError: FormikErrors<PermissionsData>;\n  rowCount: number;\n  rowName: string;\n  conditionRules: ConditionRules;\n  onRemove: () => void;\n  onChangePlugin: (plugin: string) => void;\n  onChangePermission: (\n    permission: string,\n    isResourced: boolean,\n    policies?: string[],\n  ) => void;\n  onChangePolicy: (isChecked: boolean, policyIndex: number) => void;\n  handleBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  getPermissionDisabled: (permission: string) => boolean;\n  onAddConditions: (conditions?: ConditionsData) => void;\n};\n\nexport const PermissionPoliciesFormRow = ({\n  permissionPoliciesRowData,\n  permissionPoliciesData,\n  permissionPoliciesRowError,\n  rowCount,\n  rowName,\n  conditionRules,\n  onRemove,\n  onChangePermission,\n  onChangePolicy,\n  onChangePlugin,\n  handleBlur,\n  getPermissionDisabled,\n  onAddConditions,\n}: PermissionPoliciesFormRowProps) => {\n  const classes = useStyles();\n  const { plugin: pluginError, permission: permissionError } =\n    permissionPoliciesRowError;\n  const { data: conditionRulesData, error: conditionRulesError } =\n    conditionRules;\n  const totalRules = getRulesNumber(permissionPoliciesRowData.conditions);\n\n  const [sidebarOpen, setSidebarOpen] = React.useState<boolean>(false);\n\n  const tooltipTitle = () => (\n    <div>\n      <Typography component=\"p\" align=\"center\">\n        Define access conditions for the selected resource type using Rules.\n        Rules vary by resource type.{' '}\n        <b>Users have access to the resource type content by default</b> unless\n        configured otherwise.\n      </Typography>\n    </div>\n  );\n\n  const getTotalRules = (): string => {\n    let accessMessage = 'Configure access';\n\n    if (totalRules > 0) {\n      accessMessage += ` (${totalRules} ${totalRules > 1 ? 'rules' : 'rule'})`;\n    }\n    return accessMessage;\n  };\n\n  return (\n    <div>\n      <div style={{ display: 'flex', flexFlow: 'column', gap: '15px' }}>\n        <FormLabel\n          style={{\n            fontWeight: 800,\n            fontSize: '0.8rem',\n          }}\n        >\n          What can users/groups access?\n        </FormLabel>\n        <div\n          style={{\n            display: 'flex',\n            gap: '20px',\n            marginBottom: '15px',\n          }}\n        >\n          <Autocomplete\n            options={permissionPoliciesData?.plugins ?? []}\n            style={{ width: '35%', flexGrow: '1' }}\n            value={permissionPoliciesRowData.plugin || null}\n            onChange={(_e, value) => {\n              onChangePlugin(value ?? '');\n            }}\n            renderInput={(params: any) => (\n              <TextField\n                {...params}\n                label=\"Plugin\"\n                name={`${rowName}.plugin`}\n                variant=\"outlined\"\n                placeholder=\"Select a plugin\"\n                error={!!pluginError}\n                helperText={pluginError ?? ''}\n                onBlur={handleBlur}\n                required\n              />\n            )}\n          />\n          <Autocomplete\n            disabled={!permissionPoliciesRowData.plugin}\n            options={\n              permissionPoliciesData?.pluginsPermissions?.[\n                permissionPoliciesRowData.plugin\n              ]?.permissions ?? []\n            }\n            style={{ width: '35%', flexGrow: '1' }}\n            value={permissionPoliciesRowData.permission || null}\n            onChange={(_e, value) =>\n              onChangePermission(\n                value ?? '',\n                permissionPoliciesData?.pluginsPermissions?.[\n                  permissionPoliciesRowData.plugin\n                ]?.policies[value ?? '']?.isResourced ?? false,\n                value\n                  ? permissionPoliciesData?.pluginsPermissions?.[\n                      permissionPoliciesRowData.plugin\n                    ]?.policies?.[value].policies\n                  : undefined,\n              )\n            }\n            getOptionDisabled={getPermissionDisabled}\n            getOptionLabel={option => option || ''}\n            renderInput={(params: any) => (\n              <TextField\n                {...params}\n                label=\"Resource type\"\n                name={`${rowName}.permission`}\n                variant=\"outlined\"\n                placeholder=\"Select a resource type\"\n                error={!!permissionError}\n                helperText={permissionError ?? ''}\n                onBlur={handleBlur}\n                required\n              />\n            )}\n          />\n          <div style={{ width: '23%', alignSelf: 'center', flexGrow: 1 }}>\n            {permissionPoliciesRowData.isResourced &&\n              !!conditionRulesData?.[`${permissionPoliciesRowData.plugin}`]?.[\n                `${permissionPoliciesRowData.permission}`\n              ]?.rules.length && (\n                <IconButton\n                  title=\"\"\n                  color=\"primary\"\n                  hidden={\n                    !permissionPoliciesData?.pluginsPermissions[\n                      permissionPoliciesRowData.plugin\n                    ]?.policies[permissionPoliciesRowData.permission]\n                      ?.isResourced\n                  }\n                  aria-label=\"configure-access\"\n                  className={classes.conditionalAccessButton}\n                  onClick={() => setSidebarOpen(true)}\n                  disabled={!!conditionRulesError}\n                >\n                  <ChecklistRtlIcon fontSize=\"small\" />\n                  {getTotalRules()}\n                  &nbsp;\n                  <Tooltip title={tooltipTitle()} placement=\"top\">\n                    <HelpOutlineIcon fontSize=\"inherit\" />\n                  </Tooltip>\n                </IconButton>\n              )}\n          </div>\n          <IconButton\n            title=\"Remove\"\n            className={classes.removeButton}\n            onClick={() => onRemove()}\n            disabled={rowCount === 1}\n            data-testid={`${rowName}-remove`}\n          >\n            <RemoveIcon id={`${rowName}-remove`} />\n          </IconButton>\n        </div>\n      </div>\n      <PoliciesCheckboxGroup\n        permissionPoliciesRowData={permissionPoliciesRowData}\n        onChangePolicy={onChangePolicy}\n        rowName={rowName}\n      />\n      <ConditionalAccessSidebar\n        open={sidebarOpen}\n        onClose={() => {\n          setSidebarOpen(false);\n        }}\n        onSave={(conditions?: ConditionsData) => {\n          onAddConditions(conditions);\n          setSidebarOpen(false);\n        }}\n        conditionsFormVal={permissionPoliciesRowData.conditions}\n        selPluginResourceType={permissionPoliciesRowData.permission}\n        conditionRulesData={\n          conditionRulesData?.[`${permissionPoliciesRowData.plugin}`]?.[\n            `${permissionPoliciesRowData.permission}`\n          ]\n        }\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+import React from 'react';
+import Checkbox from '@material-ui/core/Checkbox';
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormGroup from '@material-ui/core/FormGroup';
+import FormLabel from '@material-ui/core/FormLabel';
+
+const PoliciesCheckboxGroup = ({
+  permissionPoliciesRowData,
+  rowName,
+  onChangePolicy
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      required: true,
+      style: {
+        justifyContent: "flex-start",
+        gap: "1px",
+        width: "402px",
+        flexGrow: "1",
+        marginBottom: "25px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      FormLabel,
+      {
+        style: {
+          fontWeight: 800,
+          fontSize: "0.8rem"
+        }
+      },
+      "What actions they can do?"
+    ),
+    /* @__PURE__ */ React.createElement(
+      FormGroup,
+      {
+        style: {
+          display: "flex",
+          gap: "7px",
+          flexDirection: "row",
+          paddingLeft: "9px"
+        }
+      },
+      permissionPoliciesRowData.policies.map(
+        (p, index, self) => {
+          const labelCheckedArray = self.filter(
+            (val) => val.effect === "allow"
+          );
+          const labelCheckedCount = labelCheckedArray.length;
+          return /* @__PURE__ */ React.createElement(
+            FormControlLabel,
+            {
+              key: p.policy,
+              disabled: !(permissionPoliciesRowData.plugin && permissionPoliciesRowData.permission) || permissionPoliciesRowData.policies.length === 1 || labelCheckedCount === 1 && labelCheckedArray[0].policy === p.policy,
+              label: p.policy,
+              name: `${rowName}.policies[${index}].policy`,
+              control: /* @__PURE__ */ React.createElement(
+                Checkbox,
+                {
+                  checked: p.effect === "allow",
+                  name: `${rowName}.policies[${index}].policy-${p.policy}`,
+                  onChange: (e) => onChangePolicy(e.target.checked, index),
+                  color: "primary"
+                }
+              )
+            }
+          );
+        }
+      )
+    )
+  );
+};
+
+export { PoliciesCheckboxGroup };
+//# sourceMappingURL=PoliciesCheckboxGroup.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PoliciesCheckboxGroup.esm.js","sources":["../../../src/components/CreateRole/PoliciesCheckboxGroup.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 Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormLabel from '@material-ui/core/FormLabel';\n\nimport { PermissionsData } from '../../types';\nimport { RowPolicy } from './types';\n\nexport const PoliciesCheckboxGroup = ({\n  permissionPoliciesRowData,\n  rowName,\n  onChangePolicy,\n}: {\n  permissionPoliciesRowData: PermissionsData;\n  rowName: string;\n\n  onChangePolicy: (isChecked: boolean, policyIndex: number) => void;\n}) => {\n  return (\n    <FormControl\n      required\n      style={{\n        justifyContent: 'flex-start',\n        gap: '1px',\n        width: '402px',\n        flexGrow: '1',\n        marginBottom: '25px',\n      }}\n    >\n      <FormLabel\n        style={{\n          fontWeight: 800,\n          fontSize: '0.8rem',\n        }}\n      >\n        What actions they can do?\n      </FormLabel>\n      <FormGroup\n        style={{\n          display: 'flex',\n          gap: '7px',\n          flexDirection: 'row',\n          paddingLeft: '9px',\n        }}\n      >\n        {permissionPoliciesRowData.policies.map(\n          (p: RowPolicy, index: number, self) => {\n            const labelCheckedArray = self.filter(\n              val => val.effect === 'allow',\n            );\n            const labelCheckedCount = labelCheckedArray.length;\n            return (\n              <FormControlLabel\n                key={p.policy}\n                disabled={\n                  !(\n                    permissionPoliciesRowData.plugin &&\n                    permissionPoliciesRowData.permission\n                  ) ||\n                  permissionPoliciesRowData.policies.length === 1 ||\n                  (labelCheckedCount === 1 &&\n                    labelCheckedArray[0].policy === p.policy)\n                }\n                label={p.policy}\n                name={`${rowName}.policies[${index}].policy`}\n                control={\n                  <Checkbox\n                    checked={p.effect === 'allow'}\n                    name={`${rowName}.policies[${index}].policy-${p.policy}`}\n                    onChange={e => onChangePolicy(e.target.checked, index)}\n                    color=\"primary\"\n                  />\n                }\n              />\n            );\n          },\n        )}\n      </FormGroup>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,wBAAwB,CAAC;AAAA,EACpC,yBAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AACF,CAKM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,KAAO,EAAA;AAAA,QACL,cAAgB,EAAA,YAAA;AAAA,QAChB,GAAK,EAAA,KAAA;AAAA,QACL,KAAO,EAAA,OAAA;AAAA,QACP,QAAU,EAAA,GAAA;AAAA,QACV,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,UAAY,EAAA,GAAA;AAAA,UACZ,QAAU,EAAA,QAAA;AAAA,SACZ;AAAA,OAAA;AAAA,MACD,2BAAA;AAAA,KAED;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,GAAK,EAAA,KAAA;AAAA,UACL,aAAe,EAAA,KAAA;AAAA,UACf,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OAAA;AAAA,MAEC,0BAA0B,QAAS,CAAA,GAAA;AAAA,QAClC,CAAC,CAAc,EAAA,KAAA,EAAe,IAAS,KAAA;AACrC,UAAA,MAAM,oBAAoB,IAAK,CAAA,MAAA;AAAA,YAC7B,CAAA,GAAA,KAAO,IAAI,MAAW,KAAA,OAAA;AAAA,WACxB,CAAA;AACA,UAAA,MAAM,oBAAoB,iBAAkB,CAAA,MAAA,CAAA;AAC5C,UACE,uBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,KAAK,CAAE,CAAA,MAAA;AAAA,cACP,UACE,EACE,yBAAA,CAA0B,MAC1B,IAAA,yBAAA,CAA0B,eAE5B,yBAA0B,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAC7C,sBAAsB,CACrB,IAAA,iBAAA,CAAkB,CAAC,CAAA,CAAE,WAAW,CAAE,CAAA,MAAA;AAAA,cAEtC,OAAO,CAAE,CAAA,MAAA;AAAA,cACT,IAAM,EAAA,CAAA,EAAG,OAAO,CAAA,UAAA,EAAa,KAAK,CAAA,QAAA,CAAA;AAAA,cAClC,OACE,kBAAA,KAAA,CAAA,aAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,EAAE,MAAW,KAAA,OAAA;AAAA,kBACtB,MAAM,CAAG,EAAA,OAAO,aAAa,KAAK,CAAA,SAAA,EAAY,EAAE,MAAM,CAAA,CAAA;AAAA,kBACtD,UAAU,CAAK,CAAA,KAAA,cAAA,CAAe,CAAE,CAAA,MAAA,CAAO,SAAS,KAAK,CAAA;AAAA,kBACrD,KAAM,EAAA,SAAA;AAAA,iBAAA;AAAA,eACR;AAAA,aAAA;AAAA,WAEJ,CAAA;AAAA,SAEJ;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import { StructuredMetadataTable } from '@backstage/core-components';
+import Typography from '@mui/material/Typography';
+import { getPermissionsNumber } from '../../utils/create-role-utils.esm.js';
+import { getMembers } from '../../utils/rbac-utils.esm.js';
+import { reviewStepMemebersTableColumns } from './AddedMembersTableColumn.esm.js';
+import { ReviewStepTable } from './ReviewStepTable.esm.js';
+import { selectedPermissionPoliciesColumn } from './SelectedPermissionPoliciesColumn.esm.js';
+
+const tableMetadata = (values) => {
+  const membersKey = values.selectedMembers.length > 0 ? `Users and groups (${getMembers(values.selectedMembers)})` : "Users and groups";
+  const permissionPoliciesKey = `Permission policies (${getPermissionsNumber(
+    values
+  )})`;
+  return {
+    "Name and description of role": /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { sx: { margin: "0px" } }, values.name), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(Typography, { sx: { margin: "0px" } }, values.description)),
+    [membersKey]: /* @__PURE__ */ React.createElement(
+      ReviewStepTable,
+      {
+        rows: values.selectedMembers,
+        columns: reviewStepMemebersTableColumns(),
+        tableWrapperWidth: 550
+      }
+    ),
+    [permissionPoliciesKey]: /* @__PURE__ */ React.createElement(
+      ReviewStepTable,
+      {
+        rows: values.permissionPoliciesRows,
+        columns: selectedPermissionPoliciesColumn(),
+        tableWrapperWidth: 700
+      }
+    )
+  };
+};
+const ReviewStep = ({
+  values,
+  isEditing
+}) => {
+  return /* @__PURE__ */ React.createElement("div", { style: { overflow: "auto" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, isEditing ? "Review and save" : "Review and create"), /* @__PURE__ */ React.createElement(
+    StructuredMetadataTable,
+    {
+      dense: true,
+      metadata: tableMetadata(values),
+      options: { titleFormat: (key) => key }
+    }
+  ));
+};
+
+export { ReviewStep };
+//# sourceMappingURL=ReviewStep.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewStep.esm.js","sources":["../../../src/components/CreateRole/ReviewStep.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 { StructuredMetadataTable } from '@backstage/core-components';\n\nimport Typography from '@mui/material/Typography';\n\nimport { getPermissionsNumber } from '../../utils/create-role-utils';\nimport { getMembers } from '../../utils/rbac-utils';\nimport { reviewStepMemebersTableColumns } from './AddedMembersTableColumn';\nimport { ReviewStepTable } from './ReviewStepTable';\nimport { selectedPermissionPoliciesColumn } from './SelectedPermissionPoliciesColumn';\nimport { RoleFormValues } from './types';\n\nconst tableMetadata = (values: RoleFormValues) => {\n  const membersKey =\n    values.selectedMembers.length > 0\n      ? `Users and groups (${getMembers(values.selectedMembers)})`\n      : 'Users and groups';\n  const permissionPoliciesKey = `Permission policies (${getPermissionsNumber(\n    values,\n  )})`;\n  return {\n    'Name and description of role': (\n      <>\n        <Typography sx={{ margin: '0px' }}>{values.name}</Typography>\n        <br />\n        <Typography sx={{ margin: '0px' }}>{values.description}</Typography>\n      </>\n    ),\n    [membersKey]: (\n      <ReviewStepTable\n        rows={values.selectedMembers}\n        columns={reviewStepMemebersTableColumns()}\n        tableWrapperWidth={550}\n      />\n    ),\n    [permissionPoliciesKey]: (\n      <ReviewStepTable\n        rows={values.permissionPoliciesRows}\n        columns={selectedPermissionPoliciesColumn()}\n        tableWrapperWidth={700}\n      />\n    ),\n  };\n};\n\nexport const ReviewStep = ({\n  values,\n  isEditing,\n}: {\n  values: RoleFormValues;\n  isEditing: boolean;\n}) => {\n  return (\n    <div style={{ overflow: 'auto' }}>\n      <Typography variant=\"h6\">\n        {isEditing ? 'Review and save' : 'Review and create'}\n      </Typography>\n      <StructuredMetadataTable\n        dense\n        metadata={tableMetadata(values)}\n        options={{ titleFormat: (key: string) => key }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA4BA,MAAM,aAAA,GAAgB,CAAC,MAA2B,KAAA;AAChD,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,eAAA,CAAgB,MAAS,GAAA,CAAA,GAC5B,qBAAqB,UAAW,CAAA,MAAA,CAAO,eAAe,CAAC,CACvD,CAAA,CAAA,GAAA,kBAAA,CAAA;AACN,EAAA,MAAM,wBAAwB,CAAwB,qBAAA,EAAA,oBAAA;AAAA,IACpD,MAAA;AAAA,GACD,CAAA,CAAA,CAAA,CAAA;AACD,EAAO,OAAA;AAAA,IACL,8BAAA,kBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,EAAE,MAAQ,EAAA,KAAA,EAAU,EAAA,EAAA,MAAA,CAAO,IAAK,CAAA,sCAC/C,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,EAAE,QAAQ,KAAM,EAAA,EAAA,EAAI,MAAO,CAAA,WAAY,CACzD,CAAA;AAAA,IAEF,CAAC,UAAU,mBACT,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAM,MAAO,CAAA,eAAA;AAAA,QACb,SAAS,8BAA+B,EAAA;AAAA,QACxC,iBAAmB,EAAA,GAAA;AAAA,OAAA;AAAA,KACrB;AAAA,IAEF,CAAC,qBAAqB,mBACpB,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAM,MAAO,CAAA,sBAAA;AAAA,QACb,SAAS,gCAAiC,EAAA;AAAA,QAC1C,iBAAmB,EAAA,GAAA;AAAA,OAAA;AAAA,KACrB;AAAA,GAEJ,CAAA;AACF,CAAA,CAAA;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB,MAAA;AAAA,EACA,SAAA;AACF,CAGM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,UAAU,MAAO,EAAA,EAAA,kBAC5B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EACjB,SAAY,GAAA,iBAAA,GAAoB,mBACnC,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,QAAA,EAAU,cAAc,MAAM,CAAA;AAAA,MAC9B,OAAS,EAAA,EAAE,WAAa,EAAA,CAAC,QAAgB,GAAI,EAAA;AAAA,KAAA;AAAA,GAEjD,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+
+const ReviewStepTable = ({
+  columns,
+  rows,
+  tableWrapperWidth
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        maxHeight: "230px",
+        overflow: "auto",
+        width: `${tableWrapperWidth}px`
+      }
+    },
+    /* @__PURE__ */ React.createElement("table", { style: { width: `${tableWrapperWidth - 50}px` } }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, columns.map((col) => /* @__PURE__ */ React.createElement("th", { style: { width: "150px" }, key: col.title }, col.title)))), /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ React.createElement(React.Fragment, { key: rowIndex }, /* @__PURE__ */ React.createElement("tr", null, columns.map((rowCol) => /* @__PURE__ */ React.createElement(
+      "td",
+      {
+        style: { width: "150px" },
+        key: `${rowCol.title}-${rowCol.field}`
+      },
+      rowCol.render ? rowCol.render(row[rowCol.field]) : row[rowCol.field] || (rowCol.emptyValue ?? "")
+    ))), /* @__PURE__ */ React.createElement("tr", null)))))
+  );
+};
+
+export { ReviewStepTable };
+//# sourceMappingURL=ReviewStepTable.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewStepTable.esm.js","sources":["../../../src/components/CreateRole/ReviewStepTable.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\nexport const ReviewStepTable = ({\n  columns,\n  rows,\n  tableWrapperWidth,\n}: {\n  columns: any[];\n  rows: any[];\n  tableWrapperWidth: number;\n}) => {\n  return (\n    <div\n      style={{\n        maxHeight: '230px',\n        overflow: 'auto',\n        width: `${tableWrapperWidth}px`,\n      }}\n    >\n      <table style={{ width: `${tableWrapperWidth - 50}px` }}>\n        <thead>\n          <tr>\n            {columns.map(col => (\n              <th style={{ width: '150px' }} key={col.title}>\n                {col.title}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row, rowIndex) => (\n            <React.Fragment key={rowIndex}>\n              <tr>\n                {columns.map(rowCol => (\n                  <td\n                    style={{ width: '150px' }}\n                    key={`${rowCol.title}-${rowCol.field}`}\n                  >\n                    {rowCol.render\n                      ? rowCol.render(row[rowCol.field])\n                      : row[rowCol.field] || (rowCol.emptyValue ?? '')}\n                  </td>\n                ))}\n              </tr>\n              <tr />\n            </React.Fragment>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,OAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAA;AACF,CAIM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,SAAW,EAAA,OAAA;AAAA,QACX,QAAU,EAAA,MAAA;AAAA,QACV,KAAA,EAAO,GAAG,iBAAiB,CAAA,EAAA,CAAA;AAAA,OAC7B;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,WAAM,KAAO,EAAA,EAAE,OAAO,CAAG,EAAA,iBAAA,GAAoB,EAAE,CAAA,EAAA,CAAA,EAC9C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,+BACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EACE,OAAQ,CAAA,GAAA,CAAI,CACX,GAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAG,KAAO,EAAA,EAAE,KAAO,EAAA,OAAA,EAAW,EAAA,GAAA,EAAK,IAAI,KACrC,EAAA,EAAA,GAAA,CAAI,KACP,CACD,CACH,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,OACE,EAAA,IAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,KAAK,QACd,qBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,EAAe,GAAA,EAAK,4BAClB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EACE,OAAQ,CAAA,GAAA,CAAI,CACX,MAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,KAAA,EAAO,OAAQ,EAAA;AAAA,QACxB,KAAK,CAAG,EAAA,MAAA,CAAO,KAAK,CAAA,CAAA,EAAI,OAAO,KAAK,CAAA,CAAA;AAAA,OAAA;AAAA,MAEnC,MAAO,CAAA,MAAA,GACJ,MAAO,CAAA,MAAA,CAAO,IAAI,MAAO,CAAA,KAAK,CAAC,CAAA,GAC/B,GAAI,CAAA,MAAA,CAAO,KAAK,CAAA,KAAM,OAAO,UAAc,IAAA,EAAA,CAAA;AAAA,KAElD,CACH,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAG,CACN,CACD,CACH,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import { TextField } from '@material-ui/core';
+
+const RoleDetailsForm = ({
+  name,
+  description,
+  nameError,
+  handleBlur,
+  handleChange
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "20px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        required: true,
+        label: "Name",
+        variant: "outlined",
+        id: "role-name",
+        "data-testid": "role-name",
+        "aria-labelledby": "name",
+        helperText: nameError ?? "Enter name of the role",
+        value: name,
+        name: "name",
+        onChange: handleChange,
+        onBlur: handleBlur,
+        error: !!nameError
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        label: "Description",
+        variant: "outlined",
+        helperText: "Enter a brief description about the role (The purpose of the role)",
+        value: description,
+        "data-testid": "role-description",
+        id: "role-description",
+        name: "description",
+        "aria-labelledby": "description",
+        onChange: handleChange,
+        onBlur: handleBlur,
+        multiline: true
+      }
+    )
+  );
+};
+
+export { RoleDetailsForm };
+//# sourceMappingURL=RoleDetailsForm.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoleDetailsForm.esm.js","sources":["../../../src/components/CreateRole/RoleDetailsForm.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 { TextField } from '@material-ui/core';\n\ntype RoleDetailsFormProps = {\n  name: string;\n  description?: string;\n  nameError?: string;\n  handleBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  handleChange: React.ChangeEventHandler<\n    HTMLTextAreaElement | HTMLInputElement\n  >;\n};\n\nexport const RoleDetailsForm = ({\n  name,\n  description,\n  nameError,\n  handleBlur,\n  handleChange,\n}: RoleDetailsFormProps) => {\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '20px',\n      }}\n    >\n      <TextField\n        required\n        label=\"Name\"\n        variant=\"outlined\"\n        id=\"role-name\"\n        data-testid=\"role-name\"\n        aria-labelledby=\"name\"\n        helperText={nameError ?? 'Enter name of the role'}\n        value={name}\n        name=\"name\"\n        onChange={handleChange}\n        onBlur={handleBlur}\n        error={!!nameError}\n      />\n      <TextField\n        label=\"Description\"\n        variant=\"outlined\"\n        helperText=\"Enter a brief description about the role (The purpose of the role)\"\n        value={description}\n        data-testid=\"role-description\"\n        id=\"role-description\"\n        name=\"description\"\n        aria-labelledby=\"description\"\n        onChange={handleChange}\n        onBlur={handleBlur}\n        multiline\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AA6BO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AACF,CAA4B,KAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,GAAK,EAAA,MAAA;AAAA,OACP;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,KAAM,EAAA,MAAA;AAAA,QACN,OAAQ,EAAA,UAAA;AAAA,QACR,EAAG,EAAA,WAAA;AAAA,QACH,aAAY,EAAA,WAAA;AAAA,QACZ,iBAAgB,EAAA,MAAA;AAAA,QAChB,YAAY,SAAa,IAAA,wBAAA;AAAA,QACzB,KAAO,EAAA,IAAA;AAAA,QACP,IAAK,EAAA,MAAA;AAAA,QACL,QAAU,EAAA,YAAA;AAAA,QACV,MAAQ,EAAA,UAAA;AAAA,QACR,KAAA,EAAO,CAAC,CAAC,SAAA;AAAA,OAAA;AAAA,KACX;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,aAAA;AAAA,QACN,OAAQ,EAAA,UAAA;AAAA,QACR,UAAW,EAAA,oEAAA;AAAA,QACX,KAAO,EAAA,WAAA;AAAA,QACP,aAAY,EAAA,kBAAA;AAAA,QACZ,EAAG,EAAA,kBAAA;AAAA,QACH,IAAK,EAAA,aAAA;AAAA,QACL,iBAAgB,EAAA,aAAA;AAAA,QAChB,QAAU,EAAA,YAAA;AAAA,QACV,MAAQ,EAAA,UAAA;AAAA,QACR,SAAS,EAAA,IAAA;AAAA,OAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,271 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { SimpleStepper, SimpleStepperStep } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { Card, CardHeader, Divider, CardContent, Box, Paper, Button } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import { useFormik } from 'formik';
+import { rbacApiRef } from '../../api/RBACBackendClient.esm.js';
+import { validationSchema, getRoleData, getPermissionPoliciesData, getNewConditionalPolicies, getRemovedConditionalPoliciesIds, getUpdatedConditionalPolicies, getConditionalPermissionPoliciesData } from '../../utils/create-role-utils.esm.js';
+import { onlyInLeft, isSamePermissionPolicy } from '../../utils/rbac-utils.esm.js';
+import { removePermissions, createPermissions, removeConditions, modifyConditions, createConditions } from '../../utils/role-form-utils.esm.js';
+import { AddedMembersTable } from './AddedMembersTable.esm.js';
+import { AddMembersForm } from './AddMembersForm.esm.js';
+import { PermissionPoliciesForm } from './PermissionPoliciesForm.esm.js';
+import { ReviewStep } from './ReviewStep.esm.js';
+import { RoleDetailsForm } from './RoleDetailsForm.esm.js';
+
+const RoleForm = ({
+  roleName,
+  step,
+  titles,
+  membersData,
+  submitLabel,
+  initialValues
+}) => {
+  const [activeStep, setActiveStep] = React.useState(step || 0);
+  const navigate = useNavigate();
+  const rbacApi = useApi(rbacApiRef);
+  const navigateTo = (rName, action) => {
+    const currentRoleName = rName || roleName;
+    const stateProp = currentRoleName && action ? {
+      state: {
+        toastMessage: `Role ${currentRoleName} ${action} successfully`
+      }
+    } : void 0;
+    if (step && currentRoleName) {
+      const { kind, namespace, name } = parseEntityRef(currentRoleName);
+      navigate(`../roles/${kind}/${namespace}/${name}`, stateProp);
+    } else {
+      navigate("..", stateProp);
+    }
+  };
+  const updateRole = async (name, values, formikHelpers) => {
+    try {
+      const newData = getRoleData(values);
+      const newName = newData.name;
+      const newPermissionsData = getPermissionPoliciesData(values);
+      const newConditions = getNewConditionalPolicies(values);
+      const deleteConditions = getRemovedConditionalPoliciesIds(
+        values,
+        initialValues
+      );
+      const updateConditions = getUpdatedConditionalPolicies(
+        values,
+        initialValues
+      );
+      const oldData = getRoleData(initialValues);
+      const res = await rbacApi.updateRole(oldData, newData);
+      if (res.error) {
+        throw new Error(
+          `${"Unable to edit the role. "}${res.error.message}`
+        );
+      } else {
+        const oldPermissionsData = getPermissionPoliciesData(initialValues);
+        const newPermissions = onlyInLeft(
+          newPermissionsData,
+          oldPermissionsData,
+          isSamePermissionPolicy
+        );
+        const deletePermissions = onlyInLeft(
+          oldPermissionsData,
+          newPermissionsData,
+          isSamePermissionPolicy
+        );
+        await removePermissions(name, deletePermissions, rbacApi);
+        await createPermissions(newPermissions, rbacApi);
+        await removeConditions(deleteConditions, rbacApi);
+        await modifyConditions(updateConditions, rbacApi);
+        await createConditions(newConditions, rbacApi);
+        navigateTo(newName, "updated");
+      }
+    } catch (e) {
+      formikHelpers.setStatus({ submitError: e });
+    }
+  };
+  const newRole = async (values, formikHelpers) => {
+    try {
+      const newData = getRoleData(values);
+      const newPermissionsData = getPermissionPoliciesData(values);
+      const newConditionalPermissionPoliciesData = getConditionalPermissionPoliciesData(values);
+      const res = await rbacApi.createRole(newData);
+      if (res.error) {
+        throw new Error(
+          `${"Unable to create role. "}${res.error.message}`
+        );
+      }
+      await createPermissions(
+        newPermissionsData,
+        rbacApi,
+        "Role was created successfully but unable to add permission policies to the role."
+      );
+      await createConditions(
+        newConditionalPermissionPoliciesData,
+        rbacApi,
+        "Role created successfully but unable to add conditions to the role."
+      );
+      navigateTo(newData.name, "created");
+    } catch (e) {
+      formikHelpers.setStatus({ submitError: e });
+    }
+  };
+  const formik = useFormik({
+    enableReinitialize: true,
+    initialValues,
+    validationSchema,
+    onSubmit: async (values, formikHelpers) => {
+      if (roleName) {
+        updateRole(roleName, values, formikHelpers);
+      } else {
+        newRole(values, formikHelpers);
+      }
+    }
+  });
+  const validateStepField = (fieldName) => {
+    switch (fieldName) {
+      case "name": {
+        formik.validateField(fieldName);
+        return formik.errors.name;
+      }
+      case "selectedMembers": {
+        formik.validateField(fieldName);
+        return formik.errors.selectedMembers;
+      }
+      case "permissionPoliciesRows": {
+        formik.values.permissionPoliciesRows.forEach((_pp, index) => {
+          formik.validateField(`permissionPoliciesRows[${index}].plugin`);
+          formik.validateField(`permissionPoliciesRows[${index}].permission`);
+        });
+        return formik.errors.permissionPoliciesRows;
+      }
+      default:
+        return void 0;
+    }
+  };
+  const handleNext = (fieldName) => {
+    const error = fieldName && validateStepField(fieldName);
+    if (!fieldName || !error) {
+      formik.setErrors({});
+      const stepNum = Math.min(activeStep + 1, 3);
+      setActiveStep(stepNum);
+    }
+  };
+  const canNextPermissionPoliciesStep = () => {
+    return formik.values.permissionPoliciesRows.filter((pp) => !!pp.plugin).length === formik.values.permissionPoliciesRows.length && (!formik.errors.permissionPoliciesRows || formik.errors.permissionPoliciesRows?.filter((err) => !!err)?.length === 0);
+  };
+  const handleBack = () => setActiveStep(Math.max(activeStep - 1, 0));
+  const handleCancel = () => {
+    navigateTo();
+  };
+  const handleReset = (e) => {
+    setActiveStep(0);
+    formik.handleReset(e);
+  };
+  return /* @__PURE__ */ React.createElement(Card, { style: { overflow: "auto" } }, /* @__PURE__ */ React.createElement(CardHeader, { title: titles.formTitle }), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
+    CardContent,
+    {
+      component: "form",
+      onSubmit: formik.handleSubmit,
+      style: { position: "relative" }
+    },
+    /* @__PURE__ */ React.createElement(SimpleStepper, { activeStep }, /* @__PURE__ */ React.createElement(
+      SimpleStepperStep,
+      {
+        title: titles.nameAndDescriptionTitle,
+        actions: {
+          showBack: false,
+          showNext: true,
+          nextText: "Next",
+          canNext: () => !!formik.values.name && !formik.errors.name,
+          onNext: () => handleNext("name")
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        RoleDetailsForm,
+        {
+          name: formik.values.name,
+          description: formik.values.description,
+          handleBlur: formik.handleBlur,
+          handleChange: formik.handleChange,
+          nameError: formik.errors.name
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      SimpleStepperStep,
+      {
+        title: titles.usersAndGroupsTitle,
+        actions: {
+          showNext: true,
+          nextText: "Next",
+          canNext: () => formik.values.selectedMembers?.length > 0 && !formik.errors.selectedMembers,
+          onNext: () => handleNext("selectedMembers"),
+          showBack: true,
+          backText: "Back",
+          onBack: handleBack
+        }
+      },
+      /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+        AddMembersForm,
+        {
+          selectedMembers: formik.values.selectedMembers,
+          selectedMembersError: formik.errors.selectedMembers,
+          setFieldValue: formik.setFieldValue,
+          membersData
+        }
+      ), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(
+        AddedMembersTable,
+        {
+          selectedMembers: formik.values.selectedMembers,
+          setFieldValue: formik.setFieldValue
+        }
+      ))
+    ), /* @__PURE__ */ React.createElement(
+      SimpleStepperStep,
+      {
+        title: titles.permissionPoliciesTitle,
+        actions: {
+          showNext: true,
+          nextText: "Next",
+          canNext: () => canNextPermissionPoliciesStep(),
+          onNext: () => handleNext("permissionPoliciesRows"),
+          showBack: true,
+          backText: "Back",
+          onBack: handleBack
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        PermissionPoliciesForm,
+        {
+          permissionPoliciesRows: formik.values.permissionPoliciesRows,
+          permissionPoliciesRowsError: formik.errors.permissionPoliciesRows,
+          setFieldValue: formik.setFieldValue,
+          setFieldError: formik.setFieldError,
+          handleBlur: formik.handleBlur
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(SimpleStepperStep, { title: "", end: true }, /* @__PURE__ */ React.createElement(Paper, { square: true, elevation: 0 }, /* @__PURE__ */ React.createElement(ReviewStep, { values: formik.values, isEditing: !!roleName }), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(Button, { onClick: handleBack }, "Back"), /* @__PURE__ */ React.createElement(Button, { onClick: (e) => handleReset(e) }, "Reset"), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        type: "submit",
+        disabled: !!formik.errors.name || !!formik.errors.selectedMembers || !formik.dirty
+      },
+      submitLabel || "Create"
+    )))),
+    formik.status?.submitError && /* @__PURE__ */ React.createElement(Box, { style: { paddingBottom: "16px" } }, /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, `${formik.status.submitError}`)),
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        style: { position: "absolute", right: "0", bottom: "0" },
+        onClick: handleCancel,
+        color: "primary"
+      },
+      "Cancel"
+    )
+  ));
+};
+
+export { RoleForm };
+//# sourceMappingURL=RoleForm.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoleForm.esm.js","sources":["../../../src/components/CreateRole/RoleForm.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 { useNavigate } from 'react-router-dom';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { SimpleStepper, SimpleStepperStep } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Divider,\n  Paper,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { FormikErrors, FormikHelpers, useFormik } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { MemberEntity, PermissionsData, RoleError } from '../../types';\nimport {\n  getConditionalPermissionPoliciesData,\n  getNewConditionalPolicies,\n  getPermissionPoliciesData,\n  getRemovedConditionalPoliciesIds,\n  getRoleData,\n  getUpdatedConditionalPolicies,\n  validationSchema,\n} from '../../utils/create-role-utils';\nimport { isSamePermissionPolicy, onlyInLeft } from '../../utils/rbac-utils';\nimport {\n  createConditions,\n  createPermissions,\n  modifyConditions,\n  removeConditions,\n  removePermissions,\n} from '../../utils/role-form-utils';\nimport { AddedMembersTable } from './AddedMembersTable';\nimport { AddMembersForm } from './AddMembersForm';\nimport { PermissionPoliciesForm } from './PermissionPoliciesForm';\nimport { ReviewStep } from './ReviewStep';\nimport { RoleDetailsForm } from './RoleDetailsForm';\nimport { RoleFormValues } from './types';\n\ntype RoleFormProps = {\n  membersData: { members: MemberEntity[]; loading: boolean; error: Error };\n  titles: {\n    formTitle: string;\n    nameAndDescriptionTitle: string;\n    usersAndGroupsTitle: string;\n    permissionPoliciesTitle: string;\n  };\n  submitLabel?: string;\n  roleName?: string;\n  step?: number;\n  initialValues: RoleFormValues;\n};\n\nexport const RoleForm = ({\n  roleName,\n  step,\n  titles,\n  membersData,\n  submitLabel,\n  initialValues,\n}: RoleFormProps) => {\n  const [activeStep, setActiveStep] = React.useState<number>(step || 0);\n  const navigate = useNavigate();\n  const rbacApi = useApi(rbacApiRef);\n\n  const navigateTo = (rName?: string, action?: string) => {\n    const currentRoleName = rName || roleName;\n    const stateProp =\n      currentRoleName && action\n        ? {\n            state: {\n              toastMessage: `Role ${currentRoleName} ${action} successfully`,\n            },\n          }\n        : undefined;\n    if (step && currentRoleName) {\n      const { kind, namespace, name } = parseEntityRef(currentRoleName);\n      navigate(`../roles/${kind}/${namespace}/${name}`, stateProp);\n    } else {\n      navigate('..', stateProp);\n    }\n  };\n\n  const updateRole = async (\n    name: string,\n    values: RoleFormValues,\n    formikHelpers: FormikHelpers<RoleFormValues>,\n  ) => {\n    try {\n      const newData = getRoleData(values);\n      const newName = newData.name;\n      const newPermissionsData = getPermissionPoliciesData(values);\n      const newConditions = getNewConditionalPolicies(values);\n      const deleteConditions = getRemovedConditionalPoliciesIds(\n        values,\n        initialValues,\n      );\n      const updateConditions = getUpdatedConditionalPolicies(\n        values,\n        initialValues,\n      );\n\n      const oldData = getRoleData(initialValues);\n      const res = await rbacApi.updateRole(oldData, newData);\n      if ((res as RoleError).error) {\n        throw new Error(\n          `${'Unable to edit the role. '}${(res as RoleError).error.message}`,\n        );\n      } else {\n        const oldPermissionsData = getPermissionPoliciesData(initialValues);\n        const newPermissions = onlyInLeft(\n          newPermissionsData,\n          oldPermissionsData,\n          isSamePermissionPolicy,\n        );\n        const deletePermissions = onlyInLeft(\n          oldPermissionsData,\n          newPermissionsData,\n          isSamePermissionPolicy,\n        );\n\n        await removePermissions(name, deletePermissions, rbacApi);\n        await createPermissions(newPermissions, rbacApi);\n\n        await removeConditions(deleteConditions, rbacApi);\n        await modifyConditions(updateConditions, rbacApi);\n        await createConditions(newConditions, rbacApi);\n\n        navigateTo(newName, 'updated');\n      }\n    } catch (e) {\n      formikHelpers.setStatus({ submitError: e });\n    }\n  };\n\n  const newRole = async (\n    values: RoleFormValues,\n    formikHelpers: FormikHelpers<RoleFormValues>,\n  ) => {\n    try {\n      const newData = getRoleData(values);\n      const newPermissionsData = getPermissionPoliciesData(values);\n      const newConditionalPermissionPoliciesData =\n        getConditionalPermissionPoliciesData(values);\n\n      const res = await rbacApi.createRole(newData);\n      if ((res as RoleError).error) {\n        throw new Error(\n          `${'Unable to create role. '}${(res as RoleError).error.message}`,\n        );\n      }\n\n      await createPermissions(\n        newPermissionsData,\n        rbacApi,\n        'Role was created successfully but unable to add permission policies to the role.',\n      );\n\n      await createConditions(\n        newConditionalPermissionPoliciesData,\n        rbacApi,\n        'Role created successfully but unable to add conditions to the role.',\n      );\n\n      navigateTo(newData.name, 'created');\n    } catch (e) {\n      formikHelpers.setStatus({ submitError: e });\n    }\n  };\n\n  const formik = useFormik<RoleFormValues>({\n    enableReinitialize: true,\n    initialValues,\n    validationSchema: validationSchema,\n    onSubmit: async (\n      values: RoleFormValues,\n      formikHelpers: FormikHelpers<RoleFormValues>,\n    ) => {\n      if (roleName) {\n        updateRole(roleName, values, formikHelpers);\n      } else {\n        newRole(values, formikHelpers);\n      }\n    },\n  });\n\n  const validateStepField = (fieldName: string) => {\n    switch (fieldName) {\n      case 'name': {\n        formik.validateField(fieldName);\n        return formik.errors.name;\n      }\n      case 'selectedMembers': {\n        formik.validateField(fieldName);\n        return formik.errors.selectedMembers;\n      }\n      case 'permissionPoliciesRows': {\n        formik.values.permissionPoliciesRows.forEach((_pp, index) => {\n          formik.validateField(`permissionPoliciesRows[${index}].plugin`);\n          formik.validateField(`permissionPoliciesRows[${index}].permission`);\n        });\n        return formik.errors.permissionPoliciesRows;\n      }\n      default:\n        return undefined;\n    }\n  };\n\n  const handleNext = (fieldName?: string) => {\n    const error = fieldName && validateStepField(fieldName);\n    if (!fieldName || !error) {\n      formik.setErrors({});\n      const stepNum = Math.min(activeStep + 1, 3);\n      setActiveStep(stepNum);\n    }\n  };\n\n  const canNextPermissionPoliciesStep = () => {\n    return (\n      formik.values.permissionPoliciesRows.filter(pp => !!pp.plugin).length ===\n        formik.values.permissionPoliciesRows.length &&\n      (!formik.errors.permissionPoliciesRows ||\n        (\n          formik.errors.permissionPoliciesRows as unknown as FormikErrors<\n            PermissionsData[]\n          >[]\n        )?.filter(err => !!err)?.length === 0)\n    );\n  };\n\n  const handleBack = () => setActiveStep(Math.max(activeStep - 1, 0));\n  const handleCancel = () => {\n    navigateTo();\n  };\n\n  const handleReset = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    setActiveStep(0);\n    formik.handleReset(e);\n  };\n\n  return (\n    <Card style={{ overflow: 'auto' }}>\n      <CardHeader title={titles.formTitle} />\n      <Divider />\n      <CardContent\n        component=\"form\"\n        onSubmit={formik.handleSubmit}\n        style={{ position: 'relative' }}\n      >\n        <SimpleStepper activeStep={activeStep}>\n          <SimpleStepperStep\n            title={titles.nameAndDescriptionTitle}\n            actions={{\n              showBack: false,\n              showNext: true,\n              nextText: 'Next',\n              canNext: () => !!formik.values.name && !formik.errors.name,\n              onNext: () => handleNext('name'),\n            }}\n          >\n            <RoleDetailsForm\n              name={formik.values.name}\n              description={formik.values.description}\n              handleBlur={formik.handleBlur}\n              handleChange={formik.handleChange}\n              nameError={formik.errors.name}\n            />\n          </SimpleStepperStep>\n          <SimpleStepperStep\n            title={titles.usersAndGroupsTitle}\n            actions={{\n              showNext: true,\n              nextText: 'Next',\n              canNext: () =>\n                formik.values.selectedMembers?.length > 0 &&\n                !formik.errors.selectedMembers,\n              onNext: () => handleNext('selectedMembers'),\n              showBack: true,\n              backText: 'Back',\n              onBack: handleBack,\n            }}\n          >\n            <Box>\n              <AddMembersForm\n                selectedMembers={formik.values.selectedMembers}\n                selectedMembersError={formik.errors.selectedMembers as string}\n                setFieldValue={formik.setFieldValue}\n                membersData={membersData}\n              />\n              <br />\n              <AddedMembersTable\n                selectedMembers={formik.values.selectedMembers}\n                setFieldValue={formik.setFieldValue}\n              />\n            </Box>\n          </SimpleStepperStep>\n          <SimpleStepperStep\n            title={titles.permissionPoliciesTitle}\n            actions={{\n              showNext: true,\n              nextText: 'Next',\n              canNext: () => canNextPermissionPoliciesStep(),\n              onNext: () => handleNext('permissionPoliciesRows'),\n              showBack: true,\n              backText: 'Back',\n              onBack: handleBack,\n            }}\n          >\n            <PermissionPoliciesForm\n              permissionPoliciesRows={formik.values.permissionPoliciesRows}\n              permissionPoliciesRowsError={\n                formik.errors\n                  .permissionPoliciesRows as FormikErrors<PermissionsData>[]\n              }\n              setFieldValue={formik.setFieldValue}\n              setFieldError={formik.setFieldError}\n              handleBlur={formik.handleBlur}\n            />\n          </SimpleStepperStep>\n          <SimpleStepperStep title=\"\" end>\n            <Paper square elevation={0}>\n              <ReviewStep values={formik.values} isEditing={!!roleName} />\n              <br />\n              <Button onClick={handleBack}>Back</Button>\n              <Button onClick={e => handleReset(e)}>Reset</Button>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                type=\"submit\"\n                disabled={\n                  !!formik.errors.name ||\n                  !!formik.errors.selectedMembers ||\n                  !formik.dirty\n                }\n              >\n                {submitLabel || 'Create'}\n              </Button>\n            </Paper>\n          </SimpleStepperStep>\n        </SimpleStepper>\n        {formik.status?.submitError && (\n          <Box style={{ paddingBottom: '16px' }}>\n            <Alert severity=\"error\">{`${formik.status.submitError}`}</Alert>\n          </Box>\n        )}\n        <Button\n          style={{ position: 'absolute', right: '0', bottom: '0' }}\n          onClick={handleCancel}\n          color=\"primary\"\n        >\n          Cancel\n        </Button>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { getRulesNumber } from '../../utils/create-role-utils.esm.js';
+
+const selectedPermissionPoliciesColumn = () => [
+  {
+    title: "Plugin",
+    field: "plugin"
+  },
+  {
+    title: "Permission",
+    field: "permission"
+  },
+  {
+    title: "Policies",
+    field: "policies",
+    render: (policies) => {
+      const policyStr = policies.reduce((acc, p) => {
+        if (p.effect === "allow") return acc.concat(`${p.policy}, `);
+        return acc;
+      }, "");
+      return policyStr.slice(0, policyStr.length - 2);
+    }
+  },
+  {
+    title: "Conditional",
+    field: "conditions",
+    render: (conditions) => {
+      const totalRules = getRulesNumber(conditions);
+      return totalRules ? `${totalRules} ${totalRules > 1 ? "rules" : "rule"}` : "-";
+    }
+  }
+];
+
+export { selectedPermissionPoliciesColumn };
+//# sourceMappingURL=SelectedPermissionPoliciesColumn.esm.js.map