npm - @backstage-community/plugin-rbac - Versions diffs - 1.40.0 → 1.41.0 - Mend

@backstage-community/plugin-rbac 1.40.0 → 1.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/components/ConditionalAccess/RulesDropdownOption.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RulesDropdownOption.esm.js","sources":["../../../src/components/ConditionalAccess/RulesDropdownOption.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 Typography from '@mui/material/Typography';\n\nimport { RulesData } from './types';\n\ntype RulesDropdownOptionProps = {\n label: string;\n rulesData?: RulesData;\n props: ~~React.~~HTMLAttributes<HTMLLIElement>;\n};\n\nexport const RulesDropdownOption = ({\n label,\n rulesData,\n props,\n}: RulesDropdownOptionProps) => {\n const description = rulesData?.[label]?.description ?? '';\n return (\n <li\n {...props}\n style={{ display: 'flex', flexFlow: 'column', alignItems: 'flex-start' }}\n key={label}\n >\n <Typography\n sx={{\n color: theme => theme.palette.text.primary,\n }}\n >\n {label}\n </Typography>\n <Typography\n sx={{\n color: theme => theme.palette.text.secondary,\n fontSize: '14px',\n }}\n >\n {description}\n </Typography>\n </li>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;~~AA2BO,MAAM,sBAAsB,CAAC;AAAA,EAClC,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,WAAc,GAAA,SAAA,GAAY,KAAK,CAAA,EAAG,WAAe,IAAA,EAAA;AACvD,EACE,~~uBAAAA~~,~~cAAA,CAAA,~~aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,OAAO,EAAE,OAAA,EAAS,QAAQ,QAAU,EAAA,QAAA,EAAU,YAAY,YAAa,EAAA;AAAA,MACvE,GAAK,EAAA;AAAA,KAAA;AAAA,~~oBAELA~~,~~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;AAAA~~;AACrC~~,~~OAAA~~;AAAA,~~MAEC~~;AAAA,KACH;AAAA,~~oBACAA~~,~~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,QAAU,EAAA;AAAA~~;AACZ~~,~~OAAA~~;AAAA,~~MAEC~~;AAAA;AACH,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"RulesDropdownOption.esm.js","sources":["../../../src/components/ConditionalAccess/RulesDropdownOption.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 Typography from '@mui/material/Typography';\n\nimport { RulesData } from './types';\n\ntype RulesDropdownOptionProps = {\n label: string;\n rulesData?: RulesData;\n props: HTMLAttributes<HTMLLIElement>;\n};\n\nexport const RulesDropdownOption = ({\n label,\n rulesData,\n props,\n}: RulesDropdownOptionProps) => {\n const description = rulesData?.[label]?.description ?? '';\n return (\n <li\n {...props}\n style={{ display: 'flex', flexFlow: 'column', alignItems: 'flex-start' }}\n key={label}\n >\n <Typography\n sx={{\n color: theme => theme.palette.text.primary,\n }}\n >\n {label}\n </Typography>\n <Typography\n sx={{\n color: theme => theme.palette.text.secondary,\n fontSize: '14px',\n }}\n >\n {description}\n </Typography>\n </li>\n );\n};\n"],"names":[],"mappings":";;;;AA2BO,MAAM,sBAAsB,CAAC;AAAA,EAClC,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,WAAc,GAAA,SAAA,GAAY,KAAK,CAAA,EAAG,WAAe,IAAA,EAAA;AACvD,EACE,uBAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,OAAO,EAAE,OAAA,EAAS,QAAQ,QAAU,EAAA,QAAA,EAAU,YAAY,YAAa,EAAA;AAAA,MACvE,GAAK,EAAA;AAAA,KAAA;AAAA,oBAEL,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,SACrC;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;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,QAAU,EAAA;AAAA,SACZ;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GACF;AAEJ;;;;"}

package/dist/components/CreateRole/AddMembersForm.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import Autocomplete from '@mui/material/Autocomplete';
 import FormHelperText from '@mui/material/FormHelperText';
@@ -15,9 +16,9 @@ const AddMembersForm = ({
   setFieldValue,
   membersData
 }) => {
-  const [search, setSearch] = React__default.useState("");
-  const [selectedMember, setSelectedMember] = React__default.useState(selectedMembers);
-  React__default.useEffect(() => {
+  const [search, setSearch] = useState("");
+  const [selectedMember, setSelectedMember] = useState(selectedMembers);
+  useEffect(() => {
     setSelectedMember(selectedMembers);
   }, [selectedMembers]);
   const getDescription = (member) => {
@@ -30,7 +31,7 @@ const AddMembersForm = ({
       childCount > 0 ? `${childCount} child groups` : ""
     ].filter(Boolean).join(", ") : undefined;
   };
-  const membersOptions = React__default.useMemo(() => {
+  const membersOptions = useMemo(() => {
     return membersData.members ? membersData.members.map((member, index) => {
       const tag = member.metadata.etag ?? `${member.metadata.name}-${member.kind}-${index}`;
       return {
@@ -45,7 +46,7 @@ const AddMembersForm = ({
       };
     }) : [];
   }, [membersData.members]);
-  const filteredMembers = React__default.useMemo(() => {
+  const filteredMembers = useMemo(() => {
     if (search) {
       return membersOptions.filter(
         (m) => m.label.toLocaleLowerCase("en-US").includes(search.toLocaleLowerCase("en-US"))
@@ -54,60 +55,69 @@ const AddMembersForm = ({
     return membersOptions.slice(0, 99);
   }, [membersOptions, search]);
   const handleIsOptionEqualToValue = (option, value) => value.etag ? option.etag === value.etag : selectedMember?.[0].etag === value.etag;
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FormHelperText, null, "Search and select users and groups to be added. Selected users and groups will appear in the table below."), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(
-    Autocomplete,
-    {
-      disableCloseOnSelect: true,
-      "data-testid": "users-and-groups-autocomplete",
-      sx: { width: "30%" },
-      multiple: true,
-      options: filteredMembers || [],
-      getOptionLabel: (option) => option.label ?? "",
-      isOptionEqualToValue: handleIsOptionEqualToValue,
-      loading: membersData.loading,
-      loadingText: /* @__PURE__ */ React__default.createElement(LinearProgress, null),
-      disableClearable: true,
-      value: selectedMember,
-      onChange: (_e, value) => {
-        setSelectedMember(value);
-        setFieldValue("selectedMembers", value);
-        setSearch("");
-      },
-      renderTags: () => "",
-      inputValue: search,
-      onInputChange: (_e, newSearch, reason) => reason === "input" && setSearch(newSearch),
-      renderOption: (props, option, state) => /* @__PURE__ */ React__default.createElement(MembersDropdownOption, { props, option, state }),
-      noOptionsText: "No users and groups found.",
-      clearOnEscape: true,
-      renderInput: (params) => /* @__PURE__ */ React__default.createElement(
-        TextField,
-        {
-          "data-testid": "users-and-groups-text-field",
-          ...params,
-          name: "add-users-and-groups",
-          variant: "outlined",
-          label: "Select users and groups",
-          error: !!selectedMembersError,
-          helperText: selectedMembersError ?? "",
-          required: true,
-          InputProps: {
-            ...params.InputProps,
-            endAdornment: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, search && /* @__PURE__ */ React__default.createElement(
-              IconButton,
-              {
-                size: "small",
-                onClick: () => {
-                  setSearch("");
-                },
-                "aria-label": "clear search"
-              },
-              /* @__PURE__ */ React__default.createElement(HighlightOffIcon, { fontSize: "small" })
-            ), params.InputProps.endAdornment)
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FormHelperText, { children: "Search and select users and groups to be added. Selected users and groups will appear in the table below." }),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        disableCloseOnSelect: true,
+        "data-testid": "users-and-groups-autocomplete",
+        sx: { width: "30%" },
+        multiple: true,
+        options: filteredMembers || [],
+        getOptionLabel: (option) => option.label ?? "",
+        isOptionEqualToValue: handleIsOptionEqualToValue,
+        loading: membersData.loading,
+        loadingText: /* @__PURE__ */ jsx(LinearProgress, {}),
+        disableClearable: true,
+        value: selectedMember,
+        onChange: (_e, value) => {
+          setSelectedMember(value);
+          setFieldValue("selectedMembers", value);
+          setSearch("");
+        },
+        renderTags: () => "",
+        inputValue: search,
+        onInputChange: (_e, newSearch, reason) => reason === "input" && setSearch(newSearch),
+        renderOption: (props, option, state) => /* @__PURE__ */ jsx(MembersDropdownOption, { props, option, state }),
+        noOptionsText: "No users and groups found.",
+        clearOnEscape: true,
+        renderInput: (params) => /* @__PURE__ */ jsx(
+          TextField,
+          {
+            "data-testid": "users-and-groups-text-field",
+            ...params,
+            name: "add-users-and-groups",
+            variant: "outlined",
+            label: "Select users and groups",
+            error: !!selectedMembersError,
+            helperText: selectedMembersError ?? "",
+            required: true,
+            InputProps: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                search && /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    onClick: () => {
+                      setSearch("");
+                    },
+                    "aria-label": "clear search",
+                    children: /* @__PURE__ */ jsx(HighlightOffIcon, { fontSize: "small" })
+                  }
+                ),
+                params.InputProps.endAdornment
+              ] })
+            }
           }
-        }
-      )
-    }
-  ), /* @__PURE__ */ React__default.createElement("br", null), membersData.error?.message && /* @__PURE__ */ React__default.createElement(FormHelperText, { error: !!membersData.error }, `Error fetching user and groups: ${membersData.error.message}`));
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("br", {}),
+    membersData.error?.message && /* @__PURE__ */ jsx(FormHelperText, { error: !!membersData.error, children: `Error fetching user and groups: ${membersData.error.message}` })
+  ] });
 };
 export { AddMembersForm };

package/dist/components/CreateRole/AddMembersForm.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddMembersForm.esm.js","sources":["../../../src/components/CreateRole/AddMembersForm.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 { stringifyEntityRef } from '@backstage/catalog-model';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport TextField from '@mui/material/TextField';\nimport HighlightOffIcon from '@mui/icons-material/HighlightOff';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { MemberEntity } from '../../types';\nimport {\n getChildGroupsCount,\n getMembersCount,\n getParentGroupsCount,\n} from '../../utils/create-role-utils';\nimport { MembersDropdownOption } from './MembersDropdownOption';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddMembersFormProps = {\n selectedMembers: SelectedMember[];\n selectedMembersError?: string;\n membersData: { members: MemberEntity[]; loading: boolean; error: Error };\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> \| Promise<void>;\n};\n\nexport const AddMembersForm = ({\n selectedMembers,\n selectedMembersError,\n setFieldValue,\n membersData,\n}: AddMembersFormProps) => {\n const [search, setSearch] = React.useState<string>('');\n const [selectedMember, setSelectedMember] =\n React.useState<SelectedMember[]>(selectedMembers);\n React.useEffect(() => {\n setSelectedMember(selectedMembers);\n }, [selectedMembers]);\n\n const getDescription = (member: MemberEntity) => {\n const memberCount = getMembersCount(member);\n const parentCount = getParentGroupsCount(member);\n const childCount = getChildGroupsCount(member);\n\n return member.kind === 'Group'\n ? [\n memberCount > 0 ? `${memberCount} members` : '',\n parentCount > 0 ? `${parentCount} parent group` : '',\n childCount > 0 ? `${childCount} child groups` : '',\n ]\n .filter(Boolean) // Remove any empty strings\n .join(', ')\n : undefined;\n };\n\n const membersOptions: SelectedMember[] = React.useMemo(() => {\n return membersData.members\n ? membersData.members.map((member: MemberEntity, index: number) => {\n const tag =\n member.metadata.etag ??\n `${member.metadata.name}-${member.kind}-${index}`;\n return {\n id: tag,\n label: member.spec?.profile?.displayName ?? member.metadata.name,\n description: getDescription(member),\n etag: tag,\n type: member.kind,\n namespace: member.metadata.namespace,\n members: getMembersCount(member),\n ref: stringifyEntityRef(member),\n };\n })\n : ([] as SelectedMember[]);\n }, [membersData.members]);\n\n const filteredMembers = React.useMemo(() => {\n if (search) {\n return membersOptions\n .filter(m =>\n m.label\n .toLocaleLowerCase('en-US')\n .includes(search.toLocaleLowerCase('en-US')),\n )\n .slice(0, 99);\n }\n\n return membersOptions.slice(0, 99);\n }, [membersOptions, search]);\n\n const handleIsOptionEqualToValue = (\n option: SelectedMember,\n value: SelectedMember,\n ) =>\n value.etag\n ? option.etag === value.etag\n : selectedMember?.[0].etag === value.etag;\n\n return (\n <>\n <FormHelperText>\n Search and select users and groups to be added. Selected users and\n groups will appear in the table below.\n </FormHelperText>\n <br />\n <Autocomplete\n disableCloseOnSelect\n data-testid=\"users-and-groups-autocomplete\"\n sx={{ width: '30%' }}\n multiple\n options={filteredMembers \|\| []}\n getOptionLabel={(option: SelectedMember) => option.label ?? ''}\n isOptionEqualToValue={handleIsOptionEqualToValue}\n loading={membersData.loading}\n loadingText={<LinearProgress />}\n disableClearable\n value={selectedMember}\n onChange={(_e, value: SelectedMember[]) => {\n setSelectedMember(value);\n setFieldValue('selectedMembers', value);\n setSearch('');\n }}\n renderTags={() => ''}\n inputValue={search}\n onInputChange={(_e, newSearch: string, reason) =>\n reason === 'input' && setSearch(newSearch)\n }\n renderOption={(props, option: SelectedMember, state) => (\n <MembersDropdownOption props={props} option={option} state={state} />\n )}\n noOptionsText=\"No users and groups found.\"\n clearOnEscape\n renderInput={params => (\n <TextField\n data-testid=\"users-and-groups-text-field\"\n {...params}\n name=\"add-users-and-groups\"\n variant=\"outlined\"\n label=\"Select users and groups\"\n error={!!selectedMembersError}\n helperText={selectedMembersError ?? ''}\n required\n InputProps={{\n ...params.InputProps,\n endAdornment: (\n <>\n {search && (\n <IconButton\n size=\"small\"\n onClick={() => {\n setSearch('');\n }}\n aria-label=\"clear search\"\n >\n <HighlightOffIcon fontSize=\"small\" />\n </IconButton>\n )}\n {params.InputProps.endAdornment}\n </>\n ),\n }}\n />\n )}\n />\n <br />\n {membersData.error?.message && (\n <FormHelperText error={!!membersData.error}>\n {`Error fetching user and groups: ${membersData.error.message}`}\n </FormHelperText>\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"AddMembersForm.esm.js","sources":["../../../src/components/CreateRole/AddMembersForm.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 { useState, useEffect, useMemo } from 'react';\n\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport TextField from '@mui/material/TextField';\nimport HighlightOffIcon from '@mui/icons-material/HighlightOff';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { MemberEntity } from '../../types';\nimport {\n getChildGroupsCount,\n getMembersCount,\n getParentGroupsCount,\n} from '../../utils/create-role-utils';\nimport { MembersDropdownOption } from './MembersDropdownOption';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddMembersFormProps = {\n selectedMembers: SelectedMember[];\n selectedMembersError?: string;\n membersData: { members: MemberEntity[]; loading: boolean; error: Error };\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> \| Promise<void>;\n};\n\nexport const AddMembersForm = ({\n selectedMembers,\n selectedMembersError,\n setFieldValue,\n membersData,\n}: AddMembersFormProps) => {\n const [search, setSearch] = useState<string>('');\n const [selectedMember, setSelectedMember] =\n useState<SelectedMember[]>(selectedMembers);\n useEffect(() => {\n setSelectedMember(selectedMembers);\n }, [selectedMembers]);\n\n const getDescription = (member: MemberEntity) => {\n const memberCount = getMembersCount(member);\n const parentCount = getParentGroupsCount(member);\n const childCount = getChildGroupsCount(member);\n\n return member.kind === 'Group'\n ? [\n memberCount > 0 ? `${memberCount} members` : '',\n parentCount > 0 ? `${parentCount} parent group` : '',\n childCount > 0 ? `${childCount} child groups` : '',\n ]\n .filter(Boolean) // Remove any empty strings\n .join(', ')\n : undefined;\n };\n\n const membersOptions: SelectedMember[] = useMemo(() => {\n return membersData.members\n ? membersData.members.map((member: MemberEntity, index: number) => {\n const tag =\n member.metadata.etag ??\n `${member.metadata.name}-${member.kind}-${index}`;\n return {\n id: tag,\n label: member.spec?.profile?.displayName ?? member.metadata.name,\n description: getDescription(member),\n etag: tag,\n type: member.kind,\n namespace: member.metadata.namespace,\n members: getMembersCount(member),\n ref: stringifyEntityRef(member),\n };\n })\n : ([] as SelectedMember[]);\n }, [membersData.members]);\n\n const filteredMembers = useMemo(() => {\n if (search) {\n return membersOptions\n .filter(m =>\n m.label\n .toLocaleLowerCase('en-US')\n .includes(search.toLocaleLowerCase('en-US')),\n )\n .slice(0, 99);\n }\n\n return membersOptions.slice(0, 99);\n }, [membersOptions, search]);\n\n const handleIsOptionEqualToValue = (\n option: SelectedMember,\n value: SelectedMember,\n ) =>\n value.etag\n ? option.etag === value.etag\n : selectedMember?.[0].etag === value.etag;\n\n return (\n <>\n <FormHelperText>\n Search and select users and groups to be added. Selected users and\n groups will appear in the table below.\n </FormHelperText>\n <br />\n <Autocomplete\n disableCloseOnSelect\n data-testid=\"users-and-groups-autocomplete\"\n sx={{ width: '30%' }}\n multiple\n options={filteredMembers \|\| []}\n getOptionLabel={(option: SelectedMember) => option.label ?? ''}\n isOptionEqualToValue={handleIsOptionEqualToValue}\n loading={membersData.loading}\n loadingText={<LinearProgress />}\n disableClearable\n value={selectedMember}\n onChange={(_e, value: SelectedMember[]) => {\n setSelectedMember(value);\n setFieldValue('selectedMembers', value);\n setSearch('');\n }}\n renderTags={() => ''}\n inputValue={search}\n onInputChange={(_e, newSearch: string, reason) =>\n reason === 'input' && setSearch(newSearch)\n }\n renderOption={(props, option: SelectedMember, state) => (\n <MembersDropdownOption props={props} option={option} state={state} />\n )}\n noOptionsText=\"No users and groups found.\"\n clearOnEscape\n renderInput={params => (\n <TextField\n data-testid=\"users-and-groups-text-field\"\n {...params}\n name=\"add-users-and-groups\"\n variant=\"outlined\"\n label=\"Select users and groups\"\n error={!!selectedMembersError}\n helperText={selectedMembersError ?? ''}\n required\n InputProps={{\n ...params.InputProps,\n endAdornment: (\n <>\n {search && (\n <IconButton\n size=\"small\"\n onClick={() => {\n setSearch('');\n }}\n aria-label=\"clear search\"\n >\n <HighlightOffIcon fontSize=\"small\" />\n </IconButton>\n )}\n {params.InputProps.endAdornment}\n </>\n ),\n }}\n />\n )}\n />\n <br />\n {membersData.error?.message && (\n <FormHelperText error={!!membersData.error}>\n {`Error fetching user and groups: ${membersData.error.message}`}\n </FormHelperText>\n )}\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CreateRole/AddedMembersTable.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Table } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import { getMembers } from '../../utils/rbac-utils.esm.js';
@@ -8,13 +8,13 @@ const AddedMembersTable = ({
   selectedMembers,
   setFieldValue
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       title: selectedMembers.length > 0 ? `${getMembers(selectedMembers)}` : "No users and groups selected",
       data: selectedMembers,
       columns: selectedMembersColumns(selectedMembers, setFieldValue),
-      emptyContent: /* @__PURE__ */ React__default.createElement(Box, { sx: { display: "flex", justifyContent: "center", p: 2 } }, "Selected users and groups appear here.")
+      emptyContent: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: "Selected users and groups appear here." })
     }
   );
 };

package/dist/components/CreateRole/AddedMembersTable.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddedMembersTable.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTable.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~~ { Table } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport { FormikErrors } from 'formik';\n\nimport { getMembers } from '../../utils/rbac-utils';\nimport { selectedMembersColumns } from './AddedMembersTableColumn';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddedMembersTableProps = {\n selectedMembers: SelectedMember[];\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> \| Promise<void>;\n};\n\nexport const AddedMembersTable = ({\n selectedMembers,\n setFieldValue,\n}: AddedMembersTableProps) => {\n return (\n <Table\n title={\n selectedMembers.length > 0\n ? `${getMembers(selectedMembers)}`\n : 'No users and groups selected'\n }\n data={selectedMembers}\n columns={selectedMembersColumns(selectedMembers, setFieldValue)}\n emptyContent={\n <Box sx={{ display: 'flex', justifyContent: 'center', p: 2 }}>\n Selected users and groups appear here.\n </Box>\n }\n />\n );\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;~~AAmCO~~,MAAM,oBAAoB,CAAC;AAAA,EAChC,eAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,gBAAgB,MAAS,GAAA,CAAA,GACrB,GAAG,UAAW,CAAA,eAAe,CAAC,CAC9B,CAAA,GAAA,8BAAA;AAAA,MAEN,IAAM,EAAA,eAAA;AAAA,MACN,OAAA,EAAS,sBAAuB,CAAA,eAAA,EAAiB,aAAa,CAAA;AAAA,MAC9D,YACE,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,MAAQ,EAAA,cAAA,EAAgB,QAAU,EAAA,CAAA,EAAG,CAAE,EAAA,EAAA,~~EAAG~~,~~wCAE9D~~;AAAA;AAAA,GAEJ;AAEJ;;;;"}
1	+ {"version":3,"file":"AddedMembersTable.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTable.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 { Table } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport { FormikErrors } from 'formik';\n\nimport { getMembers } from '../../utils/rbac-utils';\nimport { selectedMembersColumns } from './AddedMembersTableColumn';\nimport { RoleFormValues, SelectedMember } from './types';\n\ntype AddedMembersTableProps = {\n selectedMembers: SelectedMember[];\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> \| Promise<void>;\n};\n\nexport const AddedMembersTable = ({\n selectedMembers,\n setFieldValue,\n}: AddedMembersTableProps) => {\n return (\n <Table\n title={\n selectedMembers.length > 0\n ? `${getMembers(selectedMembers)}`\n : 'No users and groups selected'\n }\n data={selectedMembers}\n columns={selectedMembersColumns(selectedMembers, setFieldValue)}\n emptyContent={\n <Box sx={{ display: 'flex', justifyContent: 'center', p: 2 }}>\n Selected users and groups appear here.\n </Box>\n }\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,oBAAoB,CAAC;AAAA,EAChC,eAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,gBAAgB,MAAS,GAAA,CAAA,GACrB,GAAG,UAAW,CAAA,eAAe,CAAC,CAC9B,CAAA,GAAA,8BAAA;AAAA,MAEN,IAAM,EAAA,eAAA;AAAA,MACN,OAAA,EAAS,sBAAuB,CAAA,eAAA,EAAiB,aAAa,CAAA;AAAA,MAC9D,YACE,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,MAAQ,EAAA,cAAA,EAAgB,QAAU,EAAA,CAAA,EAAG,CAAE,EAAA,EAAG,QAE9D,EAAA,wCAAA,EAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/CreateRole/AddedMembersTableColumn.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { parseEntityRef } from '@backstage/catalog-model';
 import { Link } from '@backstage/core-components';
 import Delete from '@mui/icons-material/Delete';
@@ -41,7 +41,7 @@ const selectedMembersColumns = (selectedMembers, setFieldValue) => {
       type: "string",
       render: (props) => {
         const { kind, namespace, name } = parseEntityRef(props.ref);
-        return /* @__PURE__ */ React__default.createElement(Link, { to: `/catalog/${namespace}/${kind}/${name}`, target: "blank" }, props.label);
+        return /* @__PURE__ */ jsx(Link, { to: `/catalog/${namespace}/${kind}/${name}`, target: "blank", children: props.label });
       }
     },
     {
@@ -60,17 +60,17 @@ const selectedMembersColumns = (selectedMembers, setFieldValue) => {
       title: "Actions",
       sorting: false,
       render: (mem) => {
-        return /* @__PURE__ */ React__default.createElement(Box, { key: mem.etag }, /* @__PURE__ */ React__default.createElement(
+        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
           IconButton,
           {
             onClick: () => onRemove(mem.etag),
             "aria-label": "Remove",
             title: "Remove member",
             style: { padding: "0.5rem", borderRadius: "50%" },
-            sx: { "&:hover": { borderRadius: "50%" } }
-          },
-          /* @__PURE__ */ React__default.createElement(Delete, null)
-        ));
+            sx: { "&:hover": { borderRadius: "50%" } },
+            children: /* @__PURE__ */ jsx(Delete, {})
+          }
+        ) }, mem.etag);
       }
     }
   ];

package/dist/components/CreateRole/AddedMembersTableColumn.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddedMembersTableColumn.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTableColumn.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~~ { parseEntityRef } from '@backstage/catalog-model';\nimport { Link, TableColumn } from '@backstage/core-components';\n\nimport Delete from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { RoleFormValues, SelectedMember } from './types';\n\nexport const reviewStepMemebersTableColumns = () => [\n {\n title: 'Name',\n field: 'label',\n type: 'string',\n },\n {\n title: 'Type',\n field: 'type',\n type: 'string',\n },\n {\n title: 'Members',\n field: 'members',\n type: 'numeric',\n align: 'left',\n render: (mem: number) => {\n if (mem \|\| mem === 0) return mem;\n return '-';\n },\n },\n];\n\nexport const selectedMembersColumns = (\n selectedMembers: SelectedMember[],\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> \| Promise<void>,\n): TableColumn<SelectedMember>[] => {\n const onRemove = (etag: string) => {\n const updatedMembers = selectedMembers.filter(\n (mem: SelectedMember) => mem.etag !== etag,\n );\n setFieldValue('selectedMembers', updatedMembers);\n };\n\n return [\n {\n title: 'Name',\n field: 'label',\n type: 'string',\n render: props => {\n const { kind, namespace, name } = parseEntityRef(props.ref);\n return (\n <Link to={`/catalog/${namespace}/${kind}/${name}`} target=\"blank\">\n {props.label}\n </Link>\n );\n },\n },\n {\n title: 'Type',\n field: 'type',\n type: 'string',\n },\n {\n title: 'Members',\n field: 'members',\n type: 'numeric',\n align: 'left',\n emptyValue: '-',\n },\n {\n title: 'Actions',\n sorting: false,\n render: (mem: SelectedMember) => {\n return (\n <Box key={mem.etag}>\n <IconButton\n onClick={() => onRemove(mem.etag)}\n aria-label=\"Remove\"\n title=\"Remove member\"\n style={{ padding: '0.5rem', borderRadius: '50%' }}\n sx={{ '&:hover': { borderRadius: '50%' } }}\n >\n <Delete />\n </IconButton>\n </Box>\n );\n },\n },\n ];\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;;~~AA2BO~~,MAAM,iCAAiC,MAAM;AAAA,EAClD;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,MAAA;AAAA,IACP,MAAA,EAAQ,CAAC,GAAgB,KAAA;AACvB,MAAI,IAAA,GAAA,IAAO,GAAQ,KAAA,CAAA,EAAU,OAAA,GAAA;AAC7B,MAAO,OAAA,GAAA;AAAA;AACT;AAEJ;AAEa,MAAA,sBAAA,GAAyB,CACpC,eAAA,EACA,aAKkC,KAAA;AAClC,EAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,IAAA,MAAM,iBAAiB,eAAgB,CAAA,MAAA;AAAA,MACrC,CAAC,GAAwB,KAAA,GAAA,CAAI,IAAS,KAAA;AAAA,KACxC;AACA,IAAA,aAAA,CAAc,mBAAmB,cAAc,CAAA;AAAA,GACjD;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,QAAQ,CAAS,KAAA,KAAA;AACf,QAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,MAAS,GAAA,cAAA,CAAe,MAAM,GAAG,CAAA;AAC1D,QAAA,~~uBACGA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~IAAA,EAAA,EAAK,EAAI,EAAA,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,MAAO,EAAA,OAAA,~~EAAA,~~EACvD,~~MAAM~~,KACT,CAAA;AAAA;AAEJ,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA;AAAA,KACd;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,MACT,MAAA,EAAQ,CAAC,GAAwB,KAAA;AAC/B,QAAA,~~uBACGA~~,~~cAAA~~,~~CAAA~~,~~aAAA,CAAA,GAAA,~~EAAA,~~EAAI~~,~~GAAK~~,~~EAAA,~~GAAA~~,CAAI,IACZ,EAAA,kBAAAA,cAAA,CAAA,aAAA~~;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,MAAM,QAAS,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YAChC,YAAW,EAAA,QAAA;AAAA,YACX,KAAM,EAAA,eAAA;AAAA,YACN,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,YAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ~~;AAAA~~,~~WAAA~~;AAAA,~~uDAExC~~,MAAO,EAAA,~~IAAA~~;AAAA,~~SAEZ~~,CAAA;AAAA;AAEJ;AACF,GACF;AACF;;;;"}
1	+ {"version":3,"file":"AddedMembersTableColumn.esm.js","sources":["../../../src/components/CreateRole/AddedMembersTableColumn.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 { parseEntityRef } from '@backstage/catalog-model';\nimport { Link, TableColumn } from '@backstage/core-components';\n\nimport Delete from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { FormikErrors } from 'formik';\n\nimport { RoleFormValues, SelectedMember } from './types';\n\nexport const reviewStepMemebersTableColumns = () => [\n {\n title: 'Name',\n field: 'label',\n type: 'string',\n },\n {\n title: 'Type',\n field: 'type',\n type: 'string',\n },\n {\n title: 'Members',\n field: 'members',\n type: 'numeric',\n align: 'left',\n render: (mem: number) => {\n if (mem \|\| mem === 0) return mem;\n return '-';\n },\n },\n];\n\nexport const selectedMembersColumns = (\n selectedMembers: SelectedMember[],\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> \| Promise<void>,\n): TableColumn<SelectedMember>[] => {\n const onRemove = (etag: string) => {\n const updatedMembers = selectedMembers.filter(\n (mem: SelectedMember) => mem.etag !== etag,\n );\n setFieldValue('selectedMembers', updatedMembers);\n };\n\n return [\n {\n title: 'Name',\n field: 'label',\n type: 'string',\n render: props => {\n const { kind, namespace, name } = parseEntityRef(props.ref);\n return (\n <Link to={`/catalog/${namespace}/${kind}/${name}`} target=\"blank\">\n {props.label}\n </Link>\n );\n },\n },\n {\n title: 'Type',\n field: 'type',\n type: 'string',\n },\n {\n title: 'Members',\n field: 'members',\n type: 'numeric',\n align: 'left',\n emptyValue: '-',\n },\n {\n title: 'Actions',\n sorting: false,\n render: (mem: SelectedMember) => {\n return (\n <Box key={mem.etag}>\n <IconButton\n onClick={() => onRemove(mem.etag)}\n aria-label=\"Remove\"\n title=\"Remove member\"\n style={{ padding: '0.5rem', borderRadius: '50%' }}\n sx={{ '&:hover': { borderRadius: '50%' } }}\n >\n <Delete />\n </IconButton>\n </Box>\n );\n },\n },\n ];\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,iCAAiC,MAAM;AAAA,EAClD;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,MAAA;AAAA,IACP,MAAA,EAAQ,CAAC,GAAgB,KAAA;AACvB,MAAI,IAAA,GAAA,IAAO,GAAQ,KAAA,CAAA,EAAU,OAAA,GAAA;AAC7B,MAAO,OAAA,GAAA;AAAA;AACT;AAEJ;AAEa,MAAA,sBAAA,GAAyB,CACpC,eAAA,EACA,aAKkC,KAAA;AAClC,EAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,IAAA,MAAM,iBAAiB,eAAgB,CAAA,MAAA;AAAA,MACrC,CAAC,GAAwB,KAAA,GAAA,CAAI,IAAS,KAAA;AAAA,KACxC;AACA,IAAA,aAAA,CAAc,mBAAmB,cAAc,CAAA;AAAA,GACjD;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,QAAQ,CAAS,KAAA,KAAA;AACf,QAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,MAAS,GAAA,cAAA,CAAe,MAAM,GAAG,CAAA;AAC1D,QAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,MAAO,EAAA,OAAA,EACvD,gBAAM,KACT,EAAA,CAAA;AAAA;AAEJ,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA;AAAA,KACd;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,MACT,MAAA,EAAQ,CAAC,GAAwB,KAAA;AAC/B,QAAA,2BACG,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,MAAM,QAAS,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YAChC,YAAW,EAAA,QAAA;AAAA,YACX,KAAM,EAAA,eAAA;AAAA,YACN,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,YAChD,IAAI,EAAE,SAAA,EAAW,EAAE,YAAA,EAAc,OAAQ,EAAA;AAAA,YAEzC,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,SACV,EAAA,EATQ,IAAI,IAUd,CAAA;AAAA;AAEJ;AACF,GACF;AACF;;;;"}

package/dist/components/CreateRole/CancelDialog.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import CloseIcon from '@mui/icons-material/Close';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
@@ -17,73 +17,87 @@ const CancelDialog = ({
   navigateTo
 }) => {
   const dialogBackgroundColor = (theme) => theme.palette.mode === "dark" ? "#1b1d21" : "#fff";
-  return /* @__PURE__ */ React__default.createElement(Dialog, { maxWidth: "md", open, onClose: closeDialog }, /* @__PURE__ */ React__default.createElement(Box, { sx: { backgroundColor: dialogBackgroundColor } }, /* @__PURE__ */ React__default.createElement(
-    DialogTitle,
-    {
-      id: "cancel-dialog",
-      title: "Cancel role creation",
-      sx: {
-        marginBottom: "0 !important",
-        p: 2
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Box,
+  return /* @__PURE__ */ jsx(Dialog, { maxWidth: "md", open, onClose: closeDialog, children: /* @__PURE__ */ jsxs(Box, { sx: { backgroundColor: dialogBackgroundColor }, children: [
+    /* @__PURE__ */ jsx(
+      DialogTitle,
       {
+        id: "cancel-dialog",
+        title: "Cancel role creation",
         sx: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          component: "span",
-          sx: {
-            fontWeight: (theme) => theme.typography.fontWeightBold,
-            display: "flex",
-            alignItems: "center",
-            gap: (theme) => theme.spacing(1)
-          }
+          marginBottom: "0 !important",
+          p: 2
         },
-        /* @__PURE__ */ React__default.createElement(
-          WarningOutlinedIcon,
+        children: /* @__PURE__ */ jsxs(
+          Box,
           {
             sx: {
-              color: "#F0AB00"
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between"
             },
-            fontSize: "small"
+            children: [
+              /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  component: "span",
+                  sx: {
+                    fontWeight: (theme) => theme.typography.fontWeightBold,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: (theme) => theme.spacing(1)
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      WarningOutlinedIcon,
+                      {
+                        sx: {
+                          color: "#F0AB00"
+                        },
+                        fontSize: "small"
+                      }
+                    ),
+                    " ",
+                    `Exit role ${editForm ? "editing" : "creation"}?`
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": "close",
+                  sx: {
+                    color: (theme) => theme.palette.grey[500],
+                    borderRadius: "50%",
+                    p: 0
+                  },
+                  onClick: closeDialog,
+                  children: /* @__PURE__ */ jsx(CloseIcon, {})
+                }
+              )
+            ]
           }
-        ),
-        " ",
-        `Exit role ${editForm ? "editing" : "creation"}?`
-      ),
-      /* @__PURE__ */ React__default.createElement(
-        IconButton,
-        {
-          "aria-label": "close",
-          sx: {
-            color: (theme) => theme.palette.grey[500],
-            borderRadius: "50%",
-            p: 0
-          },
-          onClick: closeDialog
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 2 }, children: [
+      "Exiting this page will permanently discard the information you entered.",
+      /* @__PURE__ */ jsx("br", {}),
+      "Are you sure you want to exit?"
+    ] }),
+    /* @__PURE__ */ jsxs(
+      DialogActions,
+      {
+        sx: {
+          justifyContent: "left",
+          p: 2
         },
-        /* @__PURE__ */ React__default.createElement(CloseIcon, null)
-      )
-    )
-  ), /* @__PURE__ */ React__default.createElement(DialogContent, { sx: { p: 2 } }, "Exiting this page will permanently discard the information you entered.", /* @__PURE__ */ React__default.createElement("br", null), "Are you sure you want to exit?"), /* @__PURE__ */ React__default.createElement(
-    DialogActions,
-    {
-      sx: {
-        justifyContent: "left",
-        p: 2
+        children: [
+          /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: navigateTo, children: "Discard" }),
+          /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: closeDialog, children: "Cancel" })
+        ]
       }
-    },
-    /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", onClick: navigateTo }, "Discard"),
-    /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: closeDialog }, "Cancel")
-  )));
+    )
+  ] }) });
 };
 export { CancelDialog as default };

package/dist/components/CreateRole/CancelDialog.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CancelDialog.esm.js","sources":["../../../src/components/CreateRole/CancelDialog.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~~ CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport WarningOutlinedIcon from '@mui/icons-material/WarningOutlined';\n\ntype CancelDialogProps = {\n open: boolean;\n editForm: boolean;\n closeDialog: () => void;\n navigateTo: () => void;\n};\n\nconst CancelDialog = ({\n open,\n editForm,\n closeDialog,\n navigateTo,\n}: CancelDialogProps) => {\n const dialogBackgroundColor = (theme: { palette: { mode: string } }) =>\n theme.palette.mode === 'dark' ? '#1b1d21' : '#fff';\n\n return (\n <Dialog maxWidth=\"md\" open={open} onClose={closeDialog}>\n <Box sx={{ backgroundColor: dialogBackgroundColor }}>\n <DialogTitle\n id=\"cancel-dialog\"\n title=\"Cancel role creation\"\n sx={{\n marginBottom: '0 !important',\n p: 2,\n }}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }}\n >\n <Typography\n component=\"span\"\n sx={{\n fontWeight: theme => theme.typography.fontWeightBold,\n display: 'flex',\n alignItems: 'center',\n gap: theme => theme.spacing(1),\n }}\n >\n <WarningOutlinedIcon\n sx={{\n color: '#F0AB00',\n }}\n fontSize=\"small\"\n />{' '}\n {`Exit role ${editForm ? 'editing' : 'creation'}?`}\n </Typography>\n\n <IconButton\n aria-label=\"close\"\n sx={{\n color: theme => theme.palette.grey[500],\n borderRadius: '50%',\n p: 0,\n }}\n onClick={closeDialog}\n >\n <CloseIcon />\n </IconButton>\n </Box>\n </DialogTitle>\n <DialogContent sx={{ p: 2 }}>\n Exiting this page will permanently discard the information you\n entered.\n <br />\n Are you sure you want to exit?\n </DialogContent>\n <DialogActions\n sx={{\n justifyContent: 'left',\n p: 2,\n }}\n >\n <Button variant=\"contained\" onClick={navigateTo}>\n Discard\n </Button>\n <Button variant=\"outlined\" onClick={closeDialog}>\n Cancel\n </Button>\n </DialogActions>\n </Box>\n </Dialog>\n );\n};\n\nexport default CancelDialog;\n"],"names":[~~"React"~~],"mappings":";;;;;;;;;;;;~~AAmCA~~,MAAM,eAAe,CAAC;AAAA,EACpB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,wBAAwB,CAAC,KAAA,KAC7B,MAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,SAAY,GAAA,MAAA;AAE9C,EAAA,~~uBACGA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~MAAA,EAAA,EAAO,QAAS,EAAA,IAAA,EAAK,IAAY,EAAA,OAAA,EAAS,WACzC,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,eAAA,EAAiB,uBAC1B,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,WAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,EAAG,EAAA,eAAA;AAAA,~~MACH~~,KAAM,EAAA,sBAAA;AAAA,~~MACN~~,EAAI,EAAA;AAAA,~~QACF~~,YAAc,EAAA,cAAA;AAAA,~~QACd~~,CAAG,EAAA;AAAA~~;AACL~~,~~KAAA~~;AAAA,~~oBAEAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~MAAC~~,GAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,EAAI,EAAA;AAAA,~~UACF~~,OAAS,EAAA,MAAA;AAAA,~~UACT~~,UAAY,EAAA,QAAA;AAAA,~~UACZ~~,cAAgB,EAAA;AAAA~~;AAClB~~,~~OAAA~~;AAAA,~~sBAEAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~QAAC~~,UAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,SAAU,EAAA,MAAA;AAAA,~~UACV~~,EAAI,EAAA;AAAA,~~YACF~~,UAAA,EAAY,CAAS,KAAA,KAAA,KAAA,CAAM,UAAW,CAAA,cAAA;AAAA,~~YACtC~~,OAAS,EAAA,MAAA;AAAA,~~YACT~~,UAAY,EAAA,QAAA;AAAA,~~YACZ~~,GAAK,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA~~;AAC~~/B~~,SAAA~~;AAAA,~~wBAEAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~UAAC~~,mBAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,EAAI,EAAA;AAAA,~~cACF~~,KAAO,EAAA;AAAA,~~aACT~~;AAAA,~~YACA~~,QAAS,EAAA;AAAA;AAAA,~~SACX~~;AAAA,~~QAAG~~,GAAA;AAAA,~~QACF~~,CAAA,UAAA,EAAa,QAAW,GAAA,SAAA,GAAY,UAAU,CAAA,CAAA;AAAA,~~OACjD~~;AAAA,~~sBAEAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~QAAC~~,UAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,YAAW,EAAA,OAAA;AAAA,~~UACX~~,EAAI,EAAA;AAAA,~~YACF~~,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,~~YACtC~~,YAAc,EAAA,KAAA;AAAA,~~YACd~~,CAAG,EAAA;AAAA,~~WACL~~;AAAA,~~UACA~~,OAAS,EAAA~~;AAAA~~,~~SAAA~~;AAAA,~~qDAER~~,SAAU,EAAA,~~IAAA~~;AAAA;AACb;AACF,~~GAEF~~,~~kBAAAA~~,~~cAAA,CAAA,aAAA,CAAC,~~aAAc,EAAA,EAAA,EAAA,EAAI,EAAE,CAAA,EAAG,~~CAAE~~,EAAA,EAAA,~~EAAG~~,~~yEAG3B~~,~~kBAAAA~~,~~cAAA,CAAA,aAAA,CAAC,~~IAAG,EAAA,~~IAAA~~,CAAA,~~EAAE~~,~~gCAER~~,~~CACA~~,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,aAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,EAAI,EAAA;AAAA,~~QACF~~,cAAgB,EAAA,MAAA;AAAA,~~QAChB~~,CAAG,EAAA;AAAA;~~AACL~~,~~KAAA~~;AAAA,~~iDAEC~~,MAAO,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,OAAA,EAAS,~~cAAY~~,~~SAEjD~~,CAAA;AAAA,~~iDACC~~,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,OAAA,EAAS,~~eAAa~~,QAEjD;AAAA,~~GAEJ~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CancelDialog.esm.js","sources":["../../../src/components/CreateRole/CancelDialog.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 CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport WarningOutlinedIcon from '@mui/icons-material/WarningOutlined';\n\ntype CancelDialogProps = {\n open: boolean;\n editForm: boolean;\n closeDialog: () => void;\n navigateTo: () => void;\n};\n\nconst CancelDialog = ({\n open,\n editForm,\n closeDialog,\n navigateTo,\n}: CancelDialogProps) => {\n const dialogBackgroundColor = (theme: { palette: { mode: string } }) =>\n theme.palette.mode === 'dark' ? '#1b1d21' : '#fff';\n\n return (\n <Dialog maxWidth=\"md\" open={open} onClose={closeDialog}>\n <Box sx={{ backgroundColor: dialogBackgroundColor }}>\n <DialogTitle\n id=\"cancel-dialog\"\n title=\"Cancel role creation\"\n sx={{\n marginBottom: '0 !important',\n p: 2,\n }}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }}\n >\n <Typography\n component=\"span\"\n sx={{\n fontWeight: theme => theme.typography.fontWeightBold,\n display: 'flex',\n alignItems: 'center',\n gap: theme => theme.spacing(1),\n }}\n >\n <WarningOutlinedIcon\n sx={{\n color: '#F0AB00',\n }}\n fontSize=\"small\"\n />{' '}\n {`Exit role ${editForm ? 'editing' : 'creation'}?`}\n </Typography>\n\n <IconButton\n aria-label=\"close\"\n sx={{\n color: theme => theme.palette.grey[500],\n borderRadius: '50%',\n p: 0,\n }}\n onClick={closeDialog}\n >\n <CloseIcon />\n </IconButton>\n </Box>\n </DialogTitle>\n <DialogContent sx={{ p: 2 }}>\n Exiting this page will permanently discard the information you\n entered.\n <br />\n Are you sure you want to exit?\n </DialogContent>\n <DialogActions\n sx={{\n justifyContent: 'left',\n p: 2,\n }}\n >\n <Button variant=\"contained\" onClick={navigateTo}>\n Discard\n </Button>\n <Button variant=\"outlined\" onClick={closeDialog}>\n Cancel\n </Button>\n </DialogActions>\n </Box>\n </Dialog>\n );\n};\n\nexport default CancelDialog;\n"],"names":[],"mappings":"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"}

package/dist/components/CreateRole/CreateRolePage.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useAsync } from 'react-use';
 import { Progress, Page, Header, Content, ErrorPage } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
@@ -25,28 +25,31 @@ const CreateRolePage = () => {
     permissionPoliciesRows: []
   };
   if (membersLoading) {
-    return /* @__PURE__ */ React__default.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
-  return canReadUsersAndGroups ? /* @__PURE__ */ React__default.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React__default.createElement(Header, { title: "Create role", type: "RBAC", typeLink: ".." }), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(
-    RoleForm,
-    {
-      initialValues,
-      titles: {
-        formTitle: "Create Role",
-        nameAndDescriptionTitle: "Enter name and description of role ",
-        usersAndGroupsTitle: "Add users and groups",
-        permissionPoliciesTitle: "Add permission policies"
-      },
-      membersData: {
-        members: Array.isArray(members) ? members : [],
-        loading: membersLoading,
-        error: membersError || {
-          name: members?.status,
-          message: members?.statusText
+  return canReadUsersAndGroups ? /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Create role", type: "RBAC", typeLink: ".." }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+      RoleForm,
+      {
+        initialValues,
+        titles: {
+          formTitle: "Create Role",
+          nameAndDescriptionTitle: "Enter name and description of role ",
+          usersAndGroupsTitle: "Add users and groups",
+          permissionPoliciesTitle: "Add permission policies"
+        },
+        membersData: {
+          members: Array.isArray(members) ? members : [],
+          loading: membersLoading,
+          error: membersError || {
+            name: members?.status,
+            message: members?.statusText
+          }
         }
       }
-    }
-  ))) : /* @__PURE__ */ React__default.createElement(ErrorPage, { statusMessage: "Unauthorized to create role" });
+    ) })
+  ] }) : /* @__PURE__ */ jsx(ErrorPage, { statusMessage: "Unauthorized to create role" });
 };
 export { CreateRolePage };

package/dist/components/CreateRole/CreateRolePage.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateRolePage.esm.js","sources":["../../../src/components/CreateRole/CreateRolePage.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 {\n Content,\n ErrorPage,\n Header,\n Page,\n Progress,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { MemberEntity } from '../../types';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\n\nexport const CreateRolePage = () => {\n const rbacApi = useApi(rbacApiRef);\n const {\n loading: membersLoading,\n value: members,\n error: membersError,\n } = useAsync(async () => {\n return await rbacApi.getMembers();\n });\n\n const canReadUsersAndGroups =\n !membersLoading &&\n !membersError &&\n Array.isArray(members) &&\n members.length > 0;\n\n const initialValues: RoleFormValues = {\n name: '',\n namespace: 'default',\n kind: 'role',\n description: '',\n selectedMembers: [],\n selectedPlugins: [],\n permissionPoliciesRows: [],\n };\n\n if (membersLoading) {\n return <Progress />;\n }\n\n return canReadUsersAndGroups ? (\n <Page themeId=\"tool\">\n <Header title=\"Create role\" type=\"RBAC\" typeLink=\"..\" />\n <Content>\n <RoleForm\n initialValues={initialValues}\n titles={{\n formTitle: 'Create Role',\n nameAndDescriptionTitle: 'Enter name and description of role ',\n usersAndGroupsTitle: 'Add users and groups',\n permissionPoliciesTitle: 'Add permission policies',\n }}\n membersData={{\n members: Array.isArray(members) ? members : ([] as MemberEntity[]),\n loading: membersLoading,\n error: (membersError as unknown as Error) \|\| {\n name: (members as unknown as Response)?.status,\n message: (members as unknown as Response)?.statusText,\n },\n }}\n />\n </Content>\n </Page>\n ) : (\n <ErrorPage statusMessage=\"Unauthorized to create role\" />\n );\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;;~~AAgCO~~,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,cAAA;AAAA,IACT,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAO,OAAA,MAAM,QAAQ,UAAW,EAAA;AAAA,GACjC,CAAA;AAED,EAAM,MAAA,qBAAA,GACJ,CAAC,cAAA,IACD,CAAC,YAAA,IACD,MAAM,OAAQ,CAAA,OAAO,CACrB,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA;AAEnB,EAAA,MAAM,aAAgC,GAAA;AAAA,IACpC,IAAM,EAAA,EAAA;AAAA,IACN,SAAW,EAAA,SAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,iBAAiB,EAAC;AAAA,IAClB,iBAAiB,EAAC;AAAA,IAClB,wBAAwB;AAAC,GAC3B;AAEA,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,~~oDAAQ~~,QAAS,EAAA,~~IAAA~~,CAAA;AAAA;AAGnB,EAAA,OAAO,qBACL,~~mBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,~~0BACXA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~,~~EAAO~~,KAAM,EAAA,aAAA,EAAc,~~MAAK~~,~~MAAO,~~EAAA,~~QAAA~~,~~EAAS~~,IAAK,EAAA,CAAA~~,+CACrD~~,OACC,EAAA,~~IAAA~~,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,QAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,aAAA;AAAA,~~MACA~~,MAAQ,EAAA;AAAA,~~QACN~~,SAAW,EAAA,aAAA;AAAA,~~QACX~~,uBAAyB,EAAA,qCAAA;AAAA,~~QACzB~~,mBAAqB,EAAA,sBAAA;AAAA,~~QACrB~~,uBAAyB,EAAA;AAAA,~~OAC3B~~;AAAA,~~MACA~~,WAAa,EAAA;AAAA,~~QACX~~,SAAS,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAI,UAAW,EAAC;AAAA,~~QAC9C~~,OAAS,EAAA,cAAA;AAAA,~~QACT~~,OAAQ,YAAqC,IAAA;AAAA,~~UAC3C~~,MAAO,OAAiC,EAAA,MAAA;AAAA,~~UACxC~~,SAAU,OAAiC,EAAA;AAAA;AAC7C;AACF;AAAA,~~GAEJ~~,~~CACF~~,~~CAAA~~,~~mBAECA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~SAAA~~,EAAA,~~EAAU~~,~~eAAc~~,6BAA8B,EAAA,CAAA;AAE3D;;;;"}
1	+ {"version":3,"file":"CreateRolePage.esm.js","sources":["../../../src/components/CreateRole/CreateRolePage.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 { useAsync } from 'react-use';\n\nimport {\n Content,\n ErrorPage,\n Header,\n Page,\n Progress,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { MemberEntity } from '../../types';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\n\nexport const CreateRolePage = () => {\n const rbacApi = useApi(rbacApiRef);\n const {\n loading: membersLoading,\n value: members,\n error: membersError,\n } = useAsync(async () => {\n return await rbacApi.getMembers();\n });\n\n const canReadUsersAndGroups =\n !membersLoading &&\n !membersError &&\n Array.isArray(members) &&\n members.length > 0;\n\n const initialValues: RoleFormValues = {\n name: '',\n namespace: 'default',\n kind: 'role',\n description: '',\n selectedMembers: [],\n selectedPlugins: [],\n permissionPoliciesRows: [],\n };\n\n if (membersLoading) {\n return <Progress />;\n }\n\n return canReadUsersAndGroups ? (\n <Page themeId=\"tool\">\n <Header title=\"Create role\" type=\"RBAC\" typeLink=\"..\" />\n <Content>\n <RoleForm\n initialValues={initialValues}\n titles={{\n formTitle: 'Create Role',\n nameAndDescriptionTitle: 'Enter name and description of role ',\n usersAndGroupsTitle: 'Add users and groups',\n permissionPoliciesTitle: 'Add permission policies',\n }}\n membersData={{\n members: Array.isArray(members) ? members : ([] as MemberEntity[]),\n loading: membersLoading,\n error: (membersError as unknown as Error) \|\| {\n name: (members as unknown as Response)?.status,\n message: (members as unknown as Response)?.statusText,\n },\n }}\n />\n </Content>\n </Page>\n ) : (\n <ErrorPage statusMessage=\"Unauthorized to create role\" />\n );\n};\n"],"names":[],"mappings":";;;;;;;AA+BO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,cAAA;AAAA,IACT,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAO,OAAA,MAAM,QAAQ,UAAW,EAAA;AAAA,GACjC,CAAA;AAED,EAAM,MAAA,qBAAA,GACJ,CAAC,cAAA,IACD,CAAC,YAAA,IACD,MAAM,OAAQ,CAAA,OAAO,CACrB,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA;AAEnB,EAAA,MAAM,aAAgC,GAAA;AAAA,IACpC,IAAM,EAAA,EAAA;AAAA,IACN,SAAW,EAAA,SAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,iBAAiB,EAAC;AAAA,IAClB,iBAAiB,EAAC;AAAA,IAClB,wBAAwB;AAAC,GAC3B;AAEA,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAA,OAAO,qBACL,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAO,KAAM,EAAA,aAAA,EAAc,IAAK,EAAA,MAAA,EAAO,UAAS,IAAK,EAAA,CAAA;AAAA,wBACrD,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA,aAAA;AAAA,UACX,uBAAyB,EAAA,qCAAA;AAAA,UACzB,mBAAqB,EAAA,sBAAA;AAAA,UACrB,uBAAyB,EAAA;AAAA,SAC3B;AAAA,QACA,WAAa,EAAA;AAAA,UACX,SAAS,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAI,UAAW,EAAC;AAAA,UAC9C,OAAS,EAAA,cAAA;AAAA,UACT,OAAQ,YAAqC,IAAA;AAAA,YAC3C,MAAO,OAAiC,EAAA,MAAA;AAAA,YACxC,SAAU,OAAiC,EAAA;AAAA;AAC7C;AACF;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,CAEA,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,aAAA,EAAc,6BAA8B,EAAA,CAAA;AAE3D;;;;"}