1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
/*
* SonarQube
* Copyright (C) 2009-2024 SonarSource SA
* mailto:info AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import { without } from 'lodash';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { translate } from '../../helpers/l10n';
import { isPermissionDefinitionGroup } from '../../helpers/permissions';
import {
PermissionDefinition,
PermissionDefinitions,
PermissionGroup,
PermissionUser,
} from '../../types/types';
import ConfirmModal from '../controls/ConfirmModal';
interface Props<T extends PermissionGroup | PermissionUser> {
holder: T;
onToggle: (holder: T, permission: string) => Promise<void>;
permissions: PermissionDefinitions;
removeOnly?: boolean;
}
export default function usePermissionChange<T extends PermissionGroup | PermissionUser>(
props: Props<T>,
) {
const { holder, removeOnly, permissions } = props;
const [loading, setLoading] = React.useState<string[]>([]);
const [confirmPermission, setConfirmPermission] = React.useState<PermissionDefinition | null>(
null,
);
const stopLoading = (permission: string) => {
setLoading((prevState) => without(prevState, permission));
};
const handleCheck = (_checked: boolean, permissionKey?: string) => {
if (permissionKey !== undefined) {
if (removeOnly) {
const flatPermissions = permissions.reduce<PermissionDefinition[]>(
(acc, p) => (isPermissionDefinitionGroup(p) ? [...acc, ...p.permissions] : [...acc, p]),
[],
);
setConfirmPermission(flatPermissions.find((p) => p.key === permissionKey) ?? null);
} else {
handleChangePermission(permissionKey);
}
}
};
const handleChangePermission = (permission: string) => {
setLoading((prevState) => [...prevState, permission]);
return props.onToggle(holder, permission).then(
() => stopLoading(permission),
() => stopLoading(permission),
);
};
const modal = (
<>
{confirmPermission && (
<ConfirmModal
confirmButtonText={translate('confirm')}
header={translate('project_permission.remove_only_confirmation_title')}
isDestructive
onClose={() => setConfirmPermission(null)}
onConfirm={() => handleChangePermission(confirmPermission.key)}
>
<FormattedMessage
defaultMessage={translate('project_permission.remove_only_confirmation')}
id="project_permission.remove_only_confirmation"
values={{
permission: <b>{confirmPermission.name}</b>,
holder: <b>{holder.name}</b>,
}}
/>
</ConfirmModal>
)}
</>
);
return { handleCheck, modal, loading };
}
|
