@backstage-community/plugin-rbac 1.41.4 → 1.41.5

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  ### Dependencies
2
2
 
3
+ ## 1.41.5
4
+
5
+ ### Patch Changes
6
+
7
+ - fcc57ec: Updated dependency `@types/node` to `22.14.1`.
8
+ - 4d8a8e9: Removed theme package "@redhat-developer/red-hat-developer-hub-theme" in dev.
9
+ - 79213e4: Fixed role actions tooltip delay issue.
10
+
3
11
  ## 1.41.4
4
12
 
5
13
  ### Patch Changes
@@ -4,6 +4,7 @@ import { useQueryParamState, Progress, ErrorPage, Page, Header, Content } from '
4
4
  import { usePermissionPolicies } from '../../hooks/usePermissionPolicies.esm.js';
5
5
  import { useSelectedMembers } from '../../hooks/useSelectedMembers.esm.js';
6
6
  import { RoleForm } from './RoleForm.esm.js';
7
+ import { capitalizeFirstLetter } from '../../utils/string-utils.esm.js';
7
8
 
8
9
  const EditRolePage = () => {
9
10
  const { roleName, roleNamespace, roleKind } = useParams();
@@ -30,7 +31,7 @@ const EditRolePage = () => {
30
31
  owner: role?.metadata?.owner ?? "",
31
32
  selectedMembers,
32
33
  selectedPlugins: data.map((pp) => pp.plugin).filter((p, i, ar) => ar.indexOf(p) === i).map((sp) => ({
33
- label: sp.charAt(0).toLocaleUpperCase("en-US") + sp.substring(1),
34
+ label: capitalizeFirstLetter(sp),
34
35
  value: sp
35
36
  })),
36
37
  permissionPoliciesRows: data
@@ -1 +1 @@
1
- {"version":3,"file":"EditRolePage.esm.js","sources":["../../../src/components/CreateRole/EditRolePage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useParams } from 'react-router-dom';\n\nimport {\n Content,\n ErrorPage,\n Header,\n Page,\n Progress,\n useQueryParamState,\n} from '@backstage/core-components';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { useSelectedMembers } from '../../hooks/useSelectedMembers';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\n\nexport const EditRolePage = () => {\n const { roleName, roleNamespace, roleKind } = useParams();\n const [queryParamState] = useQueryParamState<number>('activeStep');\n const {\n selectedMembers,\n members,\n role,\n loading: loadingMembers,\n roleError,\n membersError,\n canReadUsersAndGroups,\n } = useSelectedMembers(\n roleName ? `${roleKind}:${roleNamespace}/${roleName}` : '',\n );\n\n const { data, loading: loadingPolicies } = usePermissionPolicies(\n `${roleKind}:${roleNamespace}/${roleName}`,\n );\n\n const initialValues: RoleFormValues = {\n name: roleName || '',\n namespace: roleNamespace || 'default',\n kind: roleKind || 'role',\n description: role?.metadata?.description ?? '',\n owner: role?.metadata?.owner ?? '',\n selectedMembers,\n selectedPlugins: data\n .map(pp => pp.plugin)\n .filter((p, i, ar) => ar.indexOf(p) === i)\n .map(sp => ({\n label: sp.charAt(0).toLocaleUpperCase('en-US') + sp.substring(1),\n value: sp,\n })),\n permissionPoliciesRows: data,\n };\n\n if (loadingMembers || loadingPolicies) {\n return <Progress />;\n }\n if (roleError.name) {\n return (\n <ErrorPage status={roleError.name} statusMessage={roleError.message} />\n );\n }\n if (!canReadUsersAndGroups) {\n return <ErrorPage statusMessage=\"Unauthorized to edit role\" />;\n }\n\n return (\n <Page themeId=\"tool\">\n <Header title=\"Edit role\" type=\"RBAC\" typeLink=\"..\" />\n <Content>\n <RoleForm\n initialValues={initialValues}\n titles={{\n formTitle: 'Edit Role',\n nameAndDescriptionTitle: 'Edit name and description of role ',\n usersAndGroupsTitle: 'Edit users and groups',\n permissionPoliciesTitle: 'Edit permission policies',\n }}\n roleName={roleName ? `${roleKind}:${roleNamespace}/${roleName}` : ''}\n step={Number(queryParamState)}\n membersData={{\n members,\n loading: loadingMembers,\n error: membersError,\n }}\n submitLabel=\"Save\"\n />\n </Content>\n </Page>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"EditRolePage.esm.js","sources":["../../../src/components/CreateRole/EditRolePage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useParams } from 'react-router-dom';\n\nimport {\n Content,\n ErrorPage,\n Header,\n Page,\n Progress,\n useQueryParamState,\n} from '@backstage/core-components';\n\nimport { usePermissionPolicies } from '../../hooks/usePermissionPolicies';\nimport { useSelectedMembers } from '../../hooks/useSelectedMembers';\nimport { RoleForm } from './RoleForm';\nimport { RoleFormValues } from './types';\nimport { capitalizeFirstLetter } from '../../utils/string-utils';\n\nexport const EditRolePage = () => {\n const { roleName, roleNamespace, roleKind } = useParams();\n const [queryParamState] = useQueryParamState<number>('activeStep');\n const {\n selectedMembers,\n members,\n role,\n loading: loadingMembers,\n roleError,\n membersError,\n canReadUsersAndGroups,\n } = useSelectedMembers(\n roleName ? `${roleKind}:${roleNamespace}/${roleName}` : '',\n );\n\n const { data, loading: loadingPolicies } = usePermissionPolicies(\n `${roleKind}:${roleNamespace}/${roleName}`,\n );\n\n const initialValues: RoleFormValues = {\n name: roleName || '',\n namespace: roleNamespace || 'default',\n kind: roleKind || 'role',\n description: role?.metadata?.description ?? '',\n owner: role?.metadata?.owner ?? '',\n selectedMembers,\n selectedPlugins: data\n .map(pp => pp.plugin)\n .filter((p, i, ar) => ar.indexOf(p) === i)\n .map(sp => ({\n label: capitalizeFirstLetter(sp),\n value: sp,\n })),\n permissionPoliciesRows: data,\n };\n\n if (loadingMembers || loadingPolicies) {\n return <Progress />;\n }\n if (roleError.name) {\n return (\n <ErrorPage status={roleError.name} statusMessage={roleError.message} />\n );\n }\n if (!canReadUsersAndGroups) {\n return <ErrorPage statusMessage=\"Unauthorized to edit role\" />;\n }\n\n return (\n <Page themeId=\"tool\">\n <Header title=\"Edit role\" type=\"RBAC\" typeLink=\"..\" />\n <Content>\n <RoleForm\n initialValues={initialValues}\n titles={{\n formTitle: 'Edit Role',\n nameAndDescriptionTitle: 'Edit name and description of role ',\n usersAndGroupsTitle: 'Edit users and groups',\n permissionPoliciesTitle: 'Edit permission policies',\n }}\n roleName={roleName ? `${roleKind}:${roleNamespace}/${roleName}` : ''}\n step={Number(queryParamState)}\n membersData={{\n members,\n loading: loadingMembers,\n error: membersError,\n }}\n submitLabel=\"Save\"\n />\n </Content>\n </Page>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -9,6 +9,7 @@ import { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils.
9
9
  import PermissionPoliciesFormTable from './PermissionPoliciesFormTable.esm.js';
10
10
  import PluginsDropdown from './PluginsDropdown.esm.js';
11
11
  import Box from '@mui/material/Box';
12
+ import { capitalizeFirstLetter } from '../../utils/string-utils.esm.js';
12
13
 
13
14
  const PermissionPoliciesForm = ({
14
15
  permissionPoliciesRows,
@@ -80,7 +81,7 @@ const PermissionPoliciesForm = ({
80
81
  let allPlugins = [];
81
82
  if (permissionPoliciesData?.plugins) {
82
83
  allPlugins = permissionPoliciesData.plugins.map((p) => ({
83
- label: p.charAt(0).toLocaleUpperCase("en-US") + p.substring(1),
84
+ label: capitalizeFirstLetter(p),
84
85
  value: p
85
86
  }));
86
87
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PermissionPoliciesForm.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesForm.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FocusEventHandler } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { FormikErrors } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { useConditionRules } from '../../hooks/useConditionRules';\nimport { PermissionsData, SelectedPlugin } from '../../types';\nimport { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils';\nimport { ConditionsData } from '../ConditionalAccess/types';\nimport { RoleFormValues } from './types';\nimport PermissionPoliciesFormTable from './PermissionPoliciesFormTable';\nimport PluginsDropdown from './PluginsDropdown';\nimport Box from '@mui/material/Box';\n\ntype PermissionPoliciesFormProps = {\n permissionPoliciesRows: PermissionsData[];\n selectedPlugins: SelectedPlugin[];\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n setFieldError: (field: string, value: string | undefined) => void;\n handleBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n selectedPluginsError: string;\n};\n\nexport const PermissionPoliciesForm = ({\n permissionPoliciesRows,\n selectedPlugins,\n setFieldValue,\n setFieldError,\n handleBlur,\n selectedPluginsError,\n}: PermissionPoliciesFormProps) => {\n const rbacApi = useApi(rbacApiRef);\n const conditionRules = useConditionRules();\n\n const { data: conditionRulesData } = conditionRules;\n\n const {\n value: permissionPolicies,\n loading: permissionPoliciesLoading,\n error: permissionPoliciesErr,\n } = useAsync(async () => {\n return await rbacApi.listPermissions();\n });\n\n const permissionPoliciesData =\n !permissionPoliciesLoading && Array.isArray(permissionPolicies)\n ? getPluginsPermissionPoliciesData(permissionPolicies)\n : undefined;\n\n const onSelectPermission = (\n plugin: string,\n permission: string,\n isResourced: boolean,\n policies: string[],\n resourceType?: string,\n ) => {\n const ppr = {\n plugin,\n permission,\n isResourced,\n policies: policies.map(p => ({ policy: p, effect: 'allow' })),\n resourceType,\n };\n setFieldValue(\n 'permissionPoliciesRows',\n [...permissionPoliciesRows, ppr],\n true,\n );\n };\n\n const onRemovePermission = (index: number) => {\n const finalPps = permissionPoliciesRows.filter(\n (_ppr, pIndex) => index !== pIndex,\n );\n setFieldValue('permissionPoliciesRows', finalPps, true);\n setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n };\n\n const onSelectPolicy = (\n isChecked: boolean,\n policyIndex: number,\n index: number,\n ) => {\n setFieldValue(\n `permissionPoliciesRows[${index}].policies[${policyIndex}].effect`,\n isChecked ? 'allow' : 'deny',\n true,\n );\n };\n\n const onAddConditions = (index: number, conditions?: ConditionsData) => {\n setFieldValue(`permissionPoliciesRows[${index}].conditions`, conditions);\n if (!conditions)\n setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);\n };\n\n const onRemoveAllPlugins = () => {\n setFieldValue(`selectedPlugins`, [], true);\n setFieldValue('permissionPoliciesRows', [], true);\n };\n\n const onRemovePlugin = (plugin: string) => {\n const selPlugins = selectedPlugins.filter(\n sp => sp.value && sp.value !== plugin,\n );\n const finalPps = permissionPoliciesRows.filter(\n ppr => ppr.plugin !== plugin,\n );\n setFieldValue(`selectedPlugins`, selPlugins, true);\n setFieldValue('permissionPoliciesRows', finalPps, true);\n };\n\n const getAllPlugins = () => {\n let allPlugins: SelectedPlugin[] = [];\n if (permissionPoliciesData?.plugins) {\n allPlugins = permissionPoliciesData.plugins.map(p => ({\n label: p.charAt(0).toLocaleUpperCase('en-US') + p.substring(1),\n value: p,\n }));\n }\n const allPluginsItem =\n allPlugins.length > 0\n ? [\n {\n label: `All plugins (${allPlugins.length})`,\n value: '',\n },\n ]\n : [];\n return [...allPluginsItem, ...allPlugins];\n };\n\n const getPermissionPoliciesTableData = () => {\n return selectedPlugins\n .map(p =>\n p.value\n ? [\n {\n name: p.label,\n plugin: p.value,\n permissionPolicies:\n permissionPoliciesData?.pluginsPermissions[\n p.value\n ]?.permissions?.map(perm => ({\n permission: perm,\n actions:\n permissionPoliciesData?.pluginsPermissions[p.value]\n .policies[perm].policies,\n isResourced:\n permissionPoliciesData?.pluginsPermissions[p.value]\n .policies[perm].isResourced,\n resourceType:\n permissionPoliciesData?.pluginsPermissions[p.value]\n .policies[perm].resourceType,\n })) ?? [],\n },\n ]\n : [],\n )\n .flat();\n };\n\n const getSelectedPluginsCount = () => {\n if (selectedPlugins?.length > 0) {\n if (selectedPlugins.findIndex(sp => sp.value === '') >= 0) {\n return selectedPlugins.length - 1;\n }\n return selectedPlugins.length;\n }\n return 0;\n };\n\n return (\n <div>\n <FormHelperText>\n By default, users are not granted access to any plugins. To grant user\n access, select the plugins you want to enable. Then, select which\n actions you would like to give user permission to.\n </FormHelperText>\n <br />\n {permissionPoliciesLoading ? (\n <Progress />\n ) : (\n <Box>\n <PluginsDropdown\n allPlugins={getAllPlugins()}\n selectedPlugins={selectedPlugins}\n setFieldValue={setFieldValue}\n handleBlur={handleBlur}\n onRemovePlugin={onRemovePlugin}\n onRemoveAllPlugins={onRemoveAllPlugins}\n selectedPluginsError={selectedPluginsError}\n />\n <br />\n <br />\n <PermissionPoliciesFormTable\n selectedPluginsCount={getSelectedPluginsCount()}\n data={getPermissionPoliciesTableData()}\n permissionPoliciesRows={permissionPoliciesRows ?? []}\n onSelectPermission={onSelectPermission}\n onSelectPolicy={onSelectPolicy}\n conditionRulesData={conditionRulesData}\n onRemovePermission={onRemovePermission}\n onRemovePlugin={onRemovePlugin}\n onAddConditions={onAddConditions}\n />\n </Box>\n )}\n {!permissionPoliciesLoading &&\n (permissionPoliciesErr?.message ||\n !Array.isArray(permissionPolicies)) && (\n <>\n <br />\n <FormHelperText error>\n {`Error fetching the permission policies: ${\n permissionPoliciesErr?.message ||\n (permissionPolicies as Response)?.statusText\n }`}\n </FormHelperText>\n </>\n )}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PermissionPoliciesForm.esm.js","sources":["../../../src/components/CreateRole/PermissionPoliciesForm.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FocusEventHandler } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { FormikErrors } from 'formik';\n\nimport { rbacApiRef } from '../../api/RBACBackendClient';\nimport { useConditionRules } from '../../hooks/useConditionRules';\nimport { PermissionsData, SelectedPlugin } from '../../types';\nimport { getPluginsPermissionPoliciesData } from '../../utils/create-role-utils';\nimport { ConditionsData } from '../ConditionalAccess/types';\nimport { RoleFormValues } from './types';\nimport PermissionPoliciesFormTable from './PermissionPoliciesFormTable';\nimport PluginsDropdown from './PluginsDropdown';\nimport Box from '@mui/material/Box';\nimport { capitalizeFirstLetter } from '../../utils/string-utils';\n\ntype PermissionPoliciesFormProps = {\n permissionPoliciesRows: PermissionsData[];\n selectedPlugins: SelectedPlugin[];\n setFieldValue: (\n field: string,\n value: any,\n shouldValidate?: boolean,\n ) => Promise<FormikErrors<RoleFormValues>> | Promise<void>;\n setFieldError: (field: string, value: string | undefined) => void;\n handleBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n selectedPluginsError: string;\n};\n\nexport const PermissionPoliciesForm = ({\n permissionPoliciesRows,\n selectedPlugins,\n setFieldValue,\n setFieldError,\n handleBlur,\n selectedPluginsError,\n}: PermissionPoliciesFormProps) => {\n const rbacApi = useApi(rbacApiRef);\n const conditionRules = useConditionRules();\n\n const { data: conditionRulesData } = conditionRules;\n\n const {\n value: permissionPolicies,\n loading: permissionPoliciesLoading,\n error: permissionPoliciesErr,\n } = useAsync(async () => {\n return await rbacApi.listPermissions();\n });\n\n const permissionPoliciesData =\n !permissionPoliciesLoading && Array.isArray(permissionPolicies)\n ? getPluginsPermissionPoliciesData(permissionPolicies)\n : undefined;\n\n const onSelectPermission = (\n plugin: string,\n permission: string,\n isResourced: boolean,\n policies: string[],\n resourceType?: string,\n ) => {\n const ppr = {\n plugin,\n permission,\n isResourced,\n policies: policies.map(p => ({ policy: p, effect: 'allow' })),\n resourceType,\n };\n setFieldValue(\n 'permissionPoliciesRows',\n [...permissionPoliciesRows, ppr],\n true,\n );\n };\n\n const onRemovePermission = (index: number) => {\n const finalPps = permissionPoliciesRows.filter(\n (_ppr, pIndex) => index !== pIndex,\n );\n setFieldValue('permissionPoliciesRows', finalPps, true);\n setFieldError(`permissionPoliciesRows[${index}]`, undefined);\n };\n\n const onSelectPolicy = (\n isChecked: boolean,\n policyIndex: number,\n index: number,\n ) => {\n setFieldValue(\n `permissionPoliciesRows[${index}].policies[${policyIndex}].effect`,\n isChecked ? 'allow' : 'deny',\n true,\n );\n };\n\n const onAddConditions = (index: number, conditions?: ConditionsData) => {\n setFieldValue(`permissionPoliciesRows[${index}].conditions`, conditions);\n if (!conditions)\n setFieldValue(`permissionPoliciesRows[${index}].id`, undefined);\n };\n\n const onRemoveAllPlugins = () => {\n setFieldValue(`selectedPlugins`, [], true);\n setFieldValue('permissionPoliciesRows', [], true);\n };\n\n const onRemovePlugin = (plugin: string) => {\n const selPlugins = selectedPlugins.filter(\n sp => sp.value && sp.value !== plugin,\n );\n const finalPps = permissionPoliciesRows.filter(\n ppr => ppr.plugin !== plugin,\n );\n setFieldValue(`selectedPlugins`, selPlugins, true);\n setFieldValue('permissionPoliciesRows', finalPps, true);\n };\n\n const getAllPlugins = () => {\n let allPlugins: SelectedPlugin[] = [];\n if (permissionPoliciesData?.plugins) {\n allPlugins = permissionPoliciesData.plugins.map(p => ({\n label: capitalizeFirstLetter(p),\n value: p,\n }));\n }\n const allPluginsItem =\n allPlugins.length > 0\n ? [\n {\n label: `All plugins (${allPlugins.length})`,\n value: '',\n },\n ]\n : [];\n return [...allPluginsItem, ...allPlugins];\n };\n\n const getPermissionPoliciesTableData = () => {\n return selectedPlugins\n .map(p =>\n p.value\n ? [\n {\n name: p.label,\n plugin: p.value,\n permissionPolicies:\n permissionPoliciesData?.pluginsPermissions[\n p.value\n ]?.permissions?.map(perm => ({\n permission: perm,\n actions:\n permissionPoliciesData?.pluginsPermissions[p.value]\n .policies[perm].policies,\n isResourced:\n permissionPoliciesData?.pluginsPermissions[p.value]\n .policies[perm].isResourced,\n resourceType:\n permissionPoliciesData?.pluginsPermissions[p.value]\n .policies[perm].resourceType,\n })) ?? [],\n },\n ]\n : [],\n )\n .flat();\n };\n\n const getSelectedPluginsCount = () => {\n if (selectedPlugins?.length > 0) {\n if (selectedPlugins.findIndex(sp => sp.value === '') >= 0) {\n return selectedPlugins.length - 1;\n }\n return selectedPlugins.length;\n }\n return 0;\n };\n\n return (\n <div>\n <FormHelperText>\n By default, users are not granted access to any plugins. To grant user\n access, select the plugins you want to enable. Then, select which\n actions you would like to give user permission to.\n </FormHelperText>\n <br />\n {permissionPoliciesLoading ? (\n <Progress />\n ) : (\n <Box>\n <PluginsDropdown\n allPlugins={getAllPlugins()}\n selectedPlugins={selectedPlugins}\n setFieldValue={setFieldValue}\n handleBlur={handleBlur}\n onRemovePlugin={onRemovePlugin}\n onRemoveAllPlugins={onRemoveAllPlugins}\n selectedPluginsError={selectedPluginsError}\n />\n <br />\n <br />\n <PermissionPoliciesFormTable\n selectedPluginsCount={getSelectedPluginsCount()}\n data={getPermissionPoliciesTableData()}\n permissionPoliciesRows={permissionPoliciesRows ?? []}\n onSelectPermission={onSelectPermission}\n onSelectPolicy={onSelectPolicy}\n conditionRulesData={conditionRulesData}\n onRemovePermission={onRemovePermission}\n onRemovePlugin={onRemovePlugin}\n onAddConditions={onAddConditions}\n />\n </Box>\n )}\n {!permissionPoliciesLoading &&\n (permissionPoliciesErr?.message ||\n !Array.isArray(permissionPolicies)) && (\n <>\n <br />\n <FormHelperText error>\n {`Error fetching the permission policies: ${\n permissionPoliciesErr?.message ||\n (permissionPolicies as Response)?.statusText\n }`}\n </FormHelperText>\n </>\n )}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -3,10 +3,9 @@ import { parseEntityRef } from '@backstage/catalog-model';
3
3
  import EditIcon from '@mui/icons-material/Edit';
4
4
  import IconButton from '@mui/material/IconButton';
5
5
  import Tooltip from '@mui/material/Tooltip';
6
- import Typography from '@mui/material/Typography';
7
- import { usePermission } from '@backstage/plugin-permission-react';
8
6
  import { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';
9
7
  import { useNavigate } from 'react-router-dom';
8
+ import { useActionPermissionTooltip } from '../hooks/useActionPermissionTooltip.esm.js';
10
9
 
11
10
  const EditRole = ({
12
11
  roleName,
@@ -17,19 +16,21 @@ const EditRole = ({
17
16
  }) => {
18
17
  const navigate = useNavigate();
19
18
  const { name, namespace, kind } = parseEntityRef(roleName);
20
- const editPermissionResult = usePermission({
19
+ const { disable, tooltipText, testIdText } = useActionPermissionTooltip({
21
20
  permission: policyEntityUpdatePermission,
22
- resourceRef: roleName
21
+ resourceRef: roleName,
22
+ canAct: canEdit,
23
+ action: "edit",
24
+ dataTestId,
25
+ fallbackTooltip: tooltip
23
26
  });
24
- const disable = !(editPermissionResult.allowed && canEdit);
25
- const dataTestIdText = disable ? `disable-update-role-${roleName}` : `update-role-${roleName}`;
26
- const tooltipText = disable ? "Unauthorized to edit" : "";
27
- return /* @__PURE__ */ jsx(Tooltip, { title: tooltip ?? tooltipText, children: /* @__PURE__ */ jsx(Typography, { component: "span", "data-testid": dataTestId ?? dataTestIdText, children: /* @__PURE__ */ jsx(
27
+ return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, children: /* @__PURE__ */ jsx(
28
28
  IconButton,
29
29
  {
30
30
  onClick: () => {
31
31
  navigate(to ?? `../role/${kind}/${namespace}/${name}`);
32
32
  },
33
+ "data-testid": testIdText,
33
34
  "aria-label": "Update",
34
35
  disabled: disable,
35
36
  title: tooltip ?? "Edit Role",
@@ -40,7 +41,7 @@ const EditRole = ({
40
41
  },
41
42
  children: /* @__PURE__ */ jsx(EditIcon, {})
42
43
  }
43
- ) }) });
44
+ ) });
44
45
  };
45
46
 
46
47
  export { EditRole as default };
@@ -1 +1 @@
1
- {"version":3,"file":"EditRole.esm.js","sources":["../../src/components/EditRole.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';\n\nimport EditIcon from '@mui/icons-material/Edit';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\nimport { useNavigate } from 'react-router-dom';\n\ntype EditRoleProps = {\n roleName: string;\n canEdit: boolean;\n dataTestId?: string;\n tooltip?: string;\n to?: string;\n};\n\nconst EditRole = ({\n roleName,\n canEdit,\n dataTestId,\n tooltip,\n to,\n}: EditRoleProps) => {\n const navigate = useNavigate();\n const { name, namespace, kind } = parseEntityRef(roleName);\n\n const editPermissionResult = usePermission({\n permission: policyEntityUpdatePermission,\n resourceRef: roleName,\n });\n\n const disable = !(editPermissionResult.allowed && canEdit);\n const dataTestIdText = disable\n ? `disable-update-role-${roleName}`\n : `update-role-${roleName}`;\n const tooltipText = disable ? 'Unauthorized to edit' : '';\n\n return (\n <Tooltip title={tooltip ?? tooltipText}>\n <Typography component=\"span\" data-testid={dataTestId ?? dataTestIdText}>\n <IconButton\n onClick={() => {\n navigate(to ?? `../role/${kind}/${namespace}/${name}`);\n }}\n aria-label=\"Update\"\n disabled={disable}\n title={tooltip ?? 'Edit Role'}\n sx={{\n p: 1,\n borderRadius: '50%',\n '&:hover': { borderRadius: '50%' },\n }}\n >\n <EditIcon />\n </IconButton>\n </Typography>\n </Tooltip>\n );\n};\n\nexport default EditRole;\n"],"names":[],"mappings":";;;;;;;;;;AAiCA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,IAAK,EAAA,GAAI,eAAe,QAAQ,CAAA;AAEzD,EAAA,MAAM,uBAAuB,aAAc,CAAA;AAAA,IACzC,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACd,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,EAAE,oBAAA,CAAqB,OAAW,IAAA,OAAA,CAAA;AAClD,EAAA,MAAM,iBAAiB,OACnB,GAAA,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAC/B,eAAe,QAAQ,CAAA,CAAA;AAC3B,EAAM,MAAA,WAAA,GAAc,UAAU,sBAAyB,GAAA,EAAA;AAEvD,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,aAAa,EAAA,UAAA,IAAc,cACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAA,QAAA,CAAS,MAAM,CAAW,QAAA,EAAA,IAAI,IAAI,SAAS,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;AAAA,OACvD;AAAA,MACA,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,WAAA;AAAA,MAClB,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,YAAc,EAAA,KAAA;AAAA,QACd,SAAA,EAAW,EAAE,YAAA,EAAc,KAAM;AAAA,OACnC;AAAA,MAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CACF,EAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"EditRole.esm.js","sources":["../../src/components/EditRole.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';\n\nimport EditIcon from '@mui/icons-material/Edit';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { policyEntityUpdatePermission } from '@backstage-community/plugin-rbac-common';\nimport { useNavigate } from 'react-router-dom';\nimport { useActionPermissionTooltip } from '../hooks/useActionPermissionTooltip';\n\ntype EditRoleProps = {\n roleName: string;\n canEdit: boolean;\n dataTestId?: string;\n tooltip?: string;\n to?: string;\n};\n\nconst EditRole = ({\n roleName,\n canEdit,\n dataTestId,\n tooltip,\n to,\n}: EditRoleProps) => {\n const navigate = useNavigate();\n const { name, namespace, kind } = parseEntityRef(roleName);\n\n const { disable, tooltipText, testIdText } = useActionPermissionTooltip({\n permission: policyEntityUpdatePermission,\n resourceRef: roleName,\n canAct: canEdit,\n action: 'edit',\n dataTestId: dataTestId,\n fallbackTooltip: tooltip,\n });\n\n return (\n <Tooltip title={tooltipText}>\n <IconButton\n onClick={() => {\n navigate(to ?? `../role/${kind}/${namespace}/${name}`);\n }}\n data-testid={testIdText}\n aria-label=\"Update\"\n disabled={disable}\n title={tooltip ?? 'Edit Role'}\n sx={{\n p: 1,\n borderRadius: '50%',\n '&:hover': { borderRadius: '50%' },\n }}\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n );\n};\n\nexport default EditRole;\n"],"names":[],"mappings":";;;;;;;;;AAgCA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,SAAA,EAAW,IAAK,EAAA,GAAI,eAAe,QAAQ,CAAA;AAEzD,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,UAAA,KAAe,0BAA2B,CAAA;AAAA,IACtE,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA,QAAA;AAAA,IACb,MAAQ,EAAA,OAAA;AAAA,IACR,MAAQ,EAAA,MAAA;AAAA,IACR,UAAA;AAAA,IACA,eAAiB,EAAA;AAAA,GAClB,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,WACd,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAA,QAAA,CAAS,MAAM,CAAW,QAAA,EAAA,IAAI,IAAI,SAAS,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;AAAA,OACvD;AAAA,MACA,aAAa,EAAA,UAAA;AAAA,MACb,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,WAAA;AAAA,MAClB,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,YAAc,EAAA,KAAA;AAAA,QACd,SAAA,EAAW,EAAE,YAAA,EAAc,KAAM;AAAA,OACnC;AAAA,MAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,GAEd,EAAA,CAAA;AAEJ;;;;"}
@@ -3,9 +3,8 @@ import { useDeleteDialog } from '@janus-idp/shared-react';
3
3
  import Delete from '@mui/icons-material/Delete';
4
4
  import IconButton from '@mui/material/IconButton';
5
5
  import Tooltip from '@mui/material/Tooltip';
6
- import Typography from '@mui/material/Typography';
7
6
  import { policyEntityDeletePermission } from '@backstage-community/plugin-rbac-common';
8
- import { usePermission } from '@backstage/plugin-permission-react';
7
+ import { useActionPermissionTooltip } from '../../hooks/useActionPermissionTooltip.esm.js';
9
8
 
10
9
  const DeleteRole = ({
11
10
  roleName,
@@ -18,17 +17,19 @@ const DeleteRole = ({
18
17
  setDeleteComponent({ roleName: name });
19
18
  setOpenDialog(true);
20
19
  };
21
- const deletePermissionResult = usePermission({
20
+ const { disable, tooltipText, testIdText } = useActionPermissionTooltip({
22
21
  permission: policyEntityDeletePermission,
23
- resourceRef: roleName
22
+ resourceRef: roleName,
23
+ canAct: canEdit,
24
+ action: "delete",
25
+ dataTestId,
26
+ fallbackTooltip: tooltip
24
27
  });
25
- const disable = !(deletePermissionResult.allowed && canEdit);
26
- const dataTestIdText = disable ? `disable-delete-role-${roleName}` : `delete-role-${roleName}`;
27
- const tooltipText = disable ? "Role cannot be deleted" : "";
28
- return /* @__PURE__ */ jsx(Tooltip, { title: tooltip ?? tooltipText, children: /* @__PURE__ */ jsx(Typography, { component: "span", "data-testid": dataTestId ?? dataTestIdText, children: /* @__PURE__ */ jsx(
28
+ return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, children: /* @__PURE__ */ jsx(
29
29
  IconButton,
30
30
  {
31
31
  onClick: () => openDialog(roleName),
32
+ "data-testid": testIdText,
32
33
  "aria-label": "Delete",
33
34
  disabled: disable,
34
35
  title: tooltip ?? "Delete Role",
@@ -39,7 +40,7 @@ const DeleteRole = ({
39
40
  },
40
41
  children: /* @__PURE__ */ jsx(Delete, {})
41
42
  }
42
- ) }) });
43
+ ) });
43
44
  };
44
45
 
45
46
  export { DeleteRole as default };
@@ -1 +1 @@
1
- {"version":3,"file":"DeleteRole.esm.js","sources":["../../../src/components/RolesList/DeleteRole.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 { useDeleteDialog } from '@janus-idp/shared-react';\nimport Delete from '@mui/icons-material/Delete';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { policyEntityDeletePermission } from '@backstage-community/plugin-rbac-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\ntype DeleteRoleProps = {\n roleName: string;\n canEdit: boolean;\n dataTestId?: string;\n tooltip?: string;\n};\n\nconst DeleteRole = ({\n roleName,\n canEdit,\n dataTestId,\n tooltip,\n}: DeleteRoleProps) => {\n const { setDeleteComponent, setOpenDialog } = useDeleteDialog();\n\n const openDialog = (name: string) => {\n setDeleteComponent({ roleName: name });\n setOpenDialog(true);\n };\n\n const deletePermissionResult = usePermission({\n permission: policyEntityDeletePermission,\n resourceRef: roleName,\n });\n\n const disable = !(deletePermissionResult.allowed && canEdit);\n const dataTestIdText = disable\n ? `disable-delete-role-${roleName}`\n : `delete-role-${roleName}`;\n const tooltipText = disable ? 'Role cannot be deleted' : '';\n\n return (\n <Tooltip title={tooltip ?? tooltipText}>\n <Typography component=\"span\" data-testid={dataTestId ?? dataTestIdText}>\n <IconButton\n onClick={() => openDialog(roleName)}\n aria-label=\"Delete\"\n disabled={disable}\n title={tooltip ?? 'Delete Role'}\n sx={{\n p: 1,\n borderRadius: '50%',\n '&:hover': { borderRadius: '50%' },\n }}\n >\n <Delete />\n </IconButton>\n </Typography>\n </Tooltip>\n );\n};\nexport default DeleteRole;\n"],"names":[],"mappings":";;;;;;;;;AA8BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,yBAAyB,aAAc,CAAA;AAAA,IAC3C,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACd,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,EAAE,sBAAA,CAAuB,OAAW,IAAA,OAAA,CAAA;AACpD,EAAA,MAAM,iBAAiB,OACnB,GAAA,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAC/B,eAAe,QAAQ,CAAA,CAAA;AAC3B,EAAM,MAAA,WAAA,GAAc,UAAU,wBAA2B,GAAA,EAAA;AAEzD,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,OAAW,IAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,aAAa,EAAA,UAAA,IAAc,cACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,MAClB,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,YAAc,EAAA,KAAA;AAAA,QACd,SAAA,EAAW,EAAE,YAAA,EAAc,KAAM;AAAA,OACnC;AAAA,MAEA,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,KAEZ,CACF,EAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"DeleteRole.esm.js","sources":["../../../src/components/RolesList/DeleteRole.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 { useDeleteDialog } from '@janus-idp/shared-react';\nimport Delete from '@mui/icons-material/Delete';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { policyEntityDeletePermission } from '@backstage-community/plugin-rbac-common';\nimport { useActionPermissionTooltip } from '../../hooks/useActionPermissionTooltip';\n\ntype DeleteRoleProps = {\n roleName: string;\n canEdit: boolean;\n dataTestId?: string;\n tooltip?: string;\n};\n\nconst DeleteRole = ({\n roleName,\n canEdit,\n dataTestId,\n tooltip,\n}: DeleteRoleProps) => {\n const { setDeleteComponent, setOpenDialog } = useDeleteDialog();\n\n const openDialog = (name: string) => {\n setDeleteComponent({ roleName: name });\n setOpenDialog(true);\n };\n\n const { disable, tooltipText, testIdText } = useActionPermissionTooltip({\n permission: policyEntityDeletePermission,\n resourceRef: roleName,\n canAct: canEdit,\n action: 'delete',\n dataTestId: dataTestId,\n fallbackTooltip: tooltip,\n });\n\n return (\n <Tooltip title={tooltipText}>\n <IconButton\n onClick={() => openDialog(roleName)}\n data-testid={testIdText}\n aria-label=\"Delete\"\n disabled={disable}\n title={tooltip ?? 'Delete Role'}\n sx={{\n p: 1,\n borderRadius: '50%',\n '&:hover': { borderRadius: '50%' },\n }}\n >\n <Delete />\n </IconButton>\n </Tooltip>\n );\n};\nexport default DeleteRole;\n"],"names":[],"mappings":";;;;;;;;AA6BA,MAAM,aAAa,CAAC;AAAA,EAClB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,EAAE,kBAAA,EAAoB,aAAc,EAAA,GAAI,eAAgB,EAAA;AAE9D,EAAM,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AACnC,IAAmB,kBAAA,CAAA,EAAE,QAAU,EAAA,IAAA,EAAM,CAAA;AACrC,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,UAAA,KAAe,0BAA2B,CAAA;AAAA,IACtE,UAAY,EAAA,4BAAA;AAAA,IACZ,WAAa,EAAA,QAAA;AAAA,IACb,MAAQ,EAAA,OAAA;AAAA,IACR,MAAQ,EAAA,QAAA;AAAA,IACR,UAAA;AAAA,IACA,eAAiB,EAAA;AAAA,GAClB,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,WACd,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,UAAA,CAAW,QAAQ,CAAA;AAAA,MAClC,aAAa,EAAA,UAAA;AAAA,MACb,YAAW,EAAA,QAAA;AAAA,MACX,QAAU,EAAA,OAAA;AAAA,MACV,OAAO,OAAW,IAAA,aAAA;AAAA,MAClB,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,CAAA;AAAA,QACH,YAAc,EAAA,KAAA;AAAA,QACd,SAAA,EAAW,EAAE,YAAA,EAAc,KAAM;AAAA,OACnC;AAAA,MAEA,8BAAC,MAAO,EAAA,EAAA;AAAA;AAAA,GAEZ,EAAA,CAAA;AAEJ;;;;"}
@@ -0,0 +1,35 @@
1
+ import { usePermission } from '@backstage/plugin-permission-react';
2
+ import { capitalizeFirstLetter } from '../utils/string-utils.esm.js';
3
+
4
+ function useActionPermissionTooltip({
5
+ permission,
6
+ resourceRef,
7
+ canAct,
8
+ action = "perform this action",
9
+ dataTestId,
10
+ fallbackTooltip
11
+ }) {
12
+ const result = usePermission({ permission, resourceRef });
13
+ const isLoading = result.loading;
14
+ const isAllowed = result.allowed;
15
+ const disable = !(isAllowed && canAct);
16
+ let tooltipText;
17
+ if (isLoading) {
18
+ tooltipText = "Checking permissions\u2026";
19
+ } else if (disable) {
20
+ tooltipText = `Unauthorized to ${action}`;
21
+ } else {
22
+ tooltipText = fallbackTooltip ?? `${capitalizeFirstLetter(action)} role`;
23
+ }
24
+ const testIdText = disable ? `disable-${action}-role-${resourceRef}` : `${action}-role-${resourceRef}`;
25
+ return {
26
+ isLoading,
27
+ isAllowed,
28
+ disable,
29
+ tooltipText,
30
+ testIdText: dataTestId ?? testIdText
31
+ };
32
+ }
33
+
34
+ export { useActionPermissionTooltip };
35
+ //# sourceMappingURL=useActionPermissionTooltip.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useActionPermissionTooltip.esm.js","sources":["../../src/hooks/useActionPermissionTooltip.ts"],"sourcesContent":["/*\n * Copyright 2025 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 */\n\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { capitalizeFirstLetter } from '../utils/string-utils';\n\nexport function useActionPermissionTooltip({\n permission,\n resourceRef,\n canAct,\n action = 'perform this action',\n dataTestId,\n fallbackTooltip,\n}: {\n permission: any;\n resourceRef: string;\n canAct: boolean;\n action?: string;\n dataTestId?: string;\n fallbackTooltip?: string;\n}) {\n const result = usePermission({ permission, resourceRef });\n\n const isLoading = result.loading;\n const isAllowed = result.allowed;\n const disable = !(isAllowed && canAct);\n\n let tooltipText: string;\n\n if (isLoading) {\n tooltipText = 'Checking permissions…';\n } else if (disable) {\n tooltipText = `Unauthorized to ${action}`;\n } else {\n tooltipText = fallbackTooltip ?? `${capitalizeFirstLetter(action)} role`;\n }\n\n const testIdText = disable\n ? `disable-${action}-role-${resourceRef}`\n : `${action}-role-${resourceRef}`;\n\n return {\n isLoading,\n isAllowed,\n disable,\n tooltipText,\n testIdText: dataTestId ?? testIdText,\n };\n}\n"],"names":[],"mappings":";;;AAmBO,SAAS,0BAA2B,CAAA;AAAA,EACzC,UAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAS,GAAA,qBAAA;AAAA,EACT,UAAA;AAAA,EACA;AACF,CAOG,EAAA;AACD,EAAA,MAAM,MAAS,GAAA,aAAA,CAAc,EAAE,UAAA,EAAY,aAAa,CAAA;AAExD,EAAA,MAAM,YAAY,MAAO,CAAA,OAAA;AACzB,EAAA,MAAM,YAAY,MAAO,CAAA,OAAA;AACzB,EAAM,MAAA,OAAA,GAAU,EAAE,SAAa,IAAA,MAAA,CAAA;AAE/B,EAAI,IAAA,WAAA;AAEJ,EAAA,IAAI,SAAW,EAAA;AACb,IAAc,WAAA,GAAA,4BAAA;AAAA,aACL,OAAS,EAAA;AAClB,IAAA,WAAA,GAAc,mBAAmB,MAAM,CAAA,CAAA;AAAA,GAClC,MAAA;AACL,IAAA,WAAA,GAAc,eAAmB,IAAA,CAAA,EAAG,qBAAsB,CAAA,MAAM,CAAC,CAAA,KAAA,CAAA;AAAA;AAGnE,EAAM,MAAA,UAAA,GAAa,OACf,GAAA,CAAA,QAAA,EAAW,MAAM,CAAA,MAAA,EAAS,WAAW,CACrC,CAAA,GAAA,CAAA,EAAG,MAAM,CAAA,MAAA,EAAS,WAAW,CAAA,CAAA;AAEjC,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAY,UAAc,IAAA;AAAA,GAC5B;AACF;;;;"}
@@ -0,0 +1,6 @@
1
+ function capitalizeFirstLetter(word) {
2
+ return word.charAt(0).toLocaleUpperCase("en-US") + word.slice(1);
3
+ }
4
+
5
+ export { capitalizeFirstLetter };
6
+ //# sourceMappingURL=string-utils.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"string-utils.esm.js","sources":["../../src/utils/string-utils.ts"],"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 */\nfunction capitalizeFirstLetter(word: string) {\n return word.charAt(0).toLocaleUpperCase('en-US') + word.slice(1);\n}\n\nexport { capitalizeFirstLetter };\n"],"names":[],"mappings":"AAeA,SAAS,sBAAsB,IAAc,EAAA;AAC3C,EAAO,OAAA,IAAA,CAAK,OAAO,CAAC,CAAA,CAAE,kBAAkB,OAAO,CAAA,GAAI,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA;AACjE;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage-community/plugin-rbac",
3
- "version": "1.41.4",
3
+ "version": "1.41.5",
4
4
  "main": "dist/index.esm.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "license": "Apache-2.0",
@@ -68,14 +68,13 @@
68
68
  "@backstage/dev-utils": "^1.1.9",
69
69
  "@backstage/test-utils": "^1.7.7",
70
70
  "@playwright/test": "^1.52.0",
71
- "@redhat-developer/red-hat-developer-hub-theme": "0.4.0",
72
71
  "@testing-library/dom": "^10.0.0",
73
72
  "@testing-library/jest-dom": "^6.0.0",
74
73
  "@testing-library/react": "^15.0.0",
75
74
  "@testing-library/react-hooks": "8.0.1",
76
75
  "@testing-library/user-event": "14.6.1",
77
76
  "@types/autosuggest-highlight": "3.2.3",
78
- "@types/node": "18.19.68",
77
+ "@types/node": "22.14.1",
79
78
  "@types/react": "^18.2.58",
80
79
  "msw": "1.3.5",
81
80
  "react": "^16.13.1 || ^17.0.0 || ^18.0.0",