@deix/rossini-identity-management 5.2.0 → 5.3.0

package/lib/components/users/Users.d.ts

@@ -12,7 +12,9 @@ interface UsersProps {
     emailAsUsername?: boolean;
     hideGroupsSelection?: boolean;
     disableDelete?: boolean;
+    showGroupsColumn?: boolean;
+    showExport?: boolean;
 }
-declare const Users: ({ apiUrl, additionalTabs, onUserCreate, onUserUpdate, onUserDelete, editUsername, filteredGroup, emailAsUsername, hideGroupsSelection, disableDelete, }: UsersProps) => React.JSX.Element;
+declare const Users: ({ apiUrl, additionalTabs, onUserCreate, onUserUpdate, onUserDelete, editUsername, filteredGroup, emailAsUsername, hideGroupsSelection, disableDelete, showGroupsColumn, showExport, }: UsersProps) => React.JSX.Element;
 export default Users;
 //# sourceMappingURL=Users.d.ts.map

package/lib/components/users/Users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Users.d.ts","sourceRoot":"","sources":["../../../src/components/users/Users.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAiB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAKhD,UAAU,UAAU;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAE3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAEtD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAEvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEpC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,4JAWR,UAAU,sBAyKZ,CAAC;eAEa,KAAK"}
+{"version":3,"file":"Users.d.ts","sourceRoot":"","sources":["../../../src/components/users/Users.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAuB5D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAQzC,OAAiB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAShD,UAAU,UAAU;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAE3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAEtD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAEvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEpC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,0LAaR,UAAU,sBA+RZ,CAAC;eAEa,KAAK"}

package/lib/components/users/Users.js

@@ -1,27 +1,59 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import PersonAddIcon from '@mui/icons-material/PersonAdd';
-import { Box, Button, Grid, IconButton, Link } from '@mui/material';
+import FileDownloadIcon from '@mui/icons-material/FileDownload';
+import { Box, Button, Checkbox, Grid, IconButton, Link, ListItemText, MenuItem, TextField, } from '@mui/material';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 import { useAPI } from '@deix/rossini-core';
 import { useQueryClient } from '@tanstack/react-query';
+import { useGridApiRef } from '@mui/x-data-grid';
 import { SearchField } from '../../components';
 import CreateUserDialog from './CreateUserDialog';
 import UsersTable from './UsersTable';
 import usersTranslations from '../../lang/users';
-import { useDeleteUser, useUsers } from '../../utils/hooks/users';
+import { useDeleteUser, useGroupsByUser, useUsers, useUsersInGroups, } from '../../utils/hooks/users';
+import { useGroups } from '../../utils/hooks/groups';
 import UserTabs from './UsersTabs';
 import { APIClientProvider } from '../../utils/hooks/useAPIClient';
 import commonTranslations from '../../lang/common';
 import useTranslate from '../../utils/hooks/useTranslate';
-const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUserDelete, editUsername, filteredGroup, emailAsUsername = false, hideGroupsSelection = false, disableDelete = false, }) => {
+import { sortGroupsByName } from '../../utils/helpers';
+// Group filter value for the users that are not in any group
+const NO_GROUP = '__no-group__';
+const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUserDelete, editUsername, filteredGroup, emailAsUsername = false, hideGroupsSelection = false, disableDelete = false, showGroupsColumn = false, showExport = false, }) => {
     const t = useTranslate();
     const apiClient = useAPI(apiUrl);
     const queryClient = useQueryClient();
-    const { data: users } = useUsers(apiClient, filteredGroup);
+    // Values selected in the group filter: group ids and/or NO_GROUP.
+    // Empty means all users; otherwise a user is shown if it matches any of them.
+    const [groupFilter, setGroupFilter] = useState([]);
+    const withoutGroup = groupFilter.includes(NO_GROUP);
+    const { data: groups } = useGroups(apiClient);
+    // Group filter and groups column are hidden when there are no groups
+    const hasGroups = !!groups && groups.length > 0;
+    const groupsColumnVisible = showGroupsColumn && hasGroups;
+    // Passing id and name avoids looking the groups up by name
+    const selectedGroups = useMemo(() => groups?.filter((g) => groupFilter.includes(g.id)) ?? [], [groups, groupFilter]);
+    const { data: allUsers } = useUsers(apiClient, filteredGroup);
+    const { data: groupsUsers } = useUsersInGroups(apiClient, selectedGroups);
+    // Needed by the groups column and to find the users without group
+    const { data: groupsByUser } = useGroupsByUser(apiClient, groupsColumnVisible || withoutGroup);
+    const users = useMemo(() => {
+        if (groupFilter.length === 0)
+            return allUsers;
+        if (!groupsUsers || (withoutGroup && (!allUsers || !groupsByUser))) {
+            return undefined;
+        }
+        if (!withoutGroup)
+            return groupsUsers;
+        // The two lists are disjoint: users without group are in no group
+        const usersWithoutGroup = allUsers?.filter((u) => !groupsByUser?.[u.id]) ?? [];
+        return [...groupsUsers, ...usersWithoutGroup];
+    }, [groupFilter, allUsers, groupsUsers, withoutGroup, groupsByUser]);
     const { mutate: deleteUser } = useDeleteUser(queryClient, apiClient);
+    const apiRef = useGridApiRef();
     const [searchString, setSearchString] = useState('');
     const [filteredUsers, setFilteredUsers] = useState();
     const [selectedUser, setSelectedUser] = useState();
@@ -46,10 +78,12 @@ const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUser
                     .includes(searchString.toLowerCase())));
         }
     }, [searchString, users, setFilteredUsers]);
-    // If the user change updated the selected user to reflect the chages
+    // If the user change updated the selected user to reflect the chages.
+    // Uses allUsers so that removing the user from the filtered group
+    // does not close its details.
     useEffect(() => {
         if (selectedUser) {
-            const updatedSelectedUser = users?.find((user) => user.id === selectedUser.id);
+            const updatedSelectedUser = allUsers?.find((user) => user.id === selectedUser.id);
             if (updatedSelectedUser) {
                 setSelectedUser(updatedSelectedUser);
             }
@@ -58,7 +92,16 @@ const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUser
                 setSelectedUser(undefined);
             }
         }
-    }, [users, selectedUser, setSelectedUser]);
+    }, [allUsers, selectedUser, setSelectedUser]);
+    // Downloads the users in the table (all pages, with search and group
+    // filters applied) as e.g. "Utenti-2026-10-30.csv"
+    const handleExport = () => {
+        apiRef.current?.exportDataAsCsv({
+            fileName: `${t(usersTranslations.title)}-${new Date().toISOString().slice(0, 10)}`,
+            // The BOM lets Excel read accented characters correctly
+            utf8WithBom: true,
+        });
+    };
     const handleDelete = (user) => {
         deleteUser(user.id);
         if (typeof onUserDelete === 'function') {
@@ -76,12 +119,35 @@ const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUser
             }, children: [!selectedUser && (_jsxs(_Fragment, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 }, children: [_jsx(Grid, { children: _jsx(SearchField, { placeholder: t(usersTranslations.search), onSearch: (value) => {
                                             setSearchString(value);
                                             setPaginationModel((model) => ({ ...model, page: 0 }));
-                                        } }) }), _jsx(Grid, { children: _jsx(Button, { variant: 'contained', startIcon: _jsx(PersonAddIcon, {}), onClick: () => {
+                                        } }) }), !filteredGroup && hasGroups && (_jsx(Grid, { children: _jsxs(TextField, { select: true, size: 'small', label: t(usersTranslations.groupFilter), value: groupFilter, onChange: (evt) => {
+                                            const { value } = evt.target;
+                                            // On autofill the value is a comma separated string
+                                            setGroupFilter(typeof value === 'string' ? value.split(',') : value);
+                                            setPaginationModel((model) => ({ ...model, page: 0 }));
+                                        }, slotProps: {
+                                            select: {
+                                                multiple: true,
+                                                // Show "All groups" instead of an empty select
+                                                displayEmpty: true,
+                                                renderValue: (selected) => {
+                                                    const values = selected;
+                                                    if (values.length === 0) {
+                                                        return t(usersTranslations.allGroups);
+                                                    }
+                                                    return values
+                                                        .map((v) => v === NO_GROUP
+                                                        ? t(usersTranslations.noGroup)
+                                                        : groups.find((g) => g.id === v)?.name)
+                                                        .join(', ');
+                                                },
+                                            },
+                                            inputLabel: { shrink: true },
+                                        }, sx: { minWidth: 200, maxWidth: 400 }, children: [_jsxs(MenuItem, { value: NO_GROUP, children: [_jsx(Checkbox, { size: 'small', checked: groupFilter.includes(NO_GROUP) }), _jsx(ListItemText, { primary: t(usersTranslations.noGroup) })] }), sortGroupsByName(groups).map((group) => (_jsxs(MenuItem, { value: group.id, children: [_jsx(Checkbox, { size: 'small', checked: groupFilter.includes(group.id) }), _jsx(ListItemText, { primary: group.name })] }, group.id)))] }) })), _jsx(Grid, { children: _jsx(Button, { variant: 'contained', startIcon: _jsx(PersonAddIcon, {}), onClick: () => {
                                             setOpenCreateUserDialog(true);
                                             setSelectedUser(undefined);
-                                        }, children: t(usersTranslations.new) }) })] }), _jsx(UsersTable, { users: filteredUsers, selectedUser: selectedUser, setSelectedUser: (user) => {
+                                        }, children: t(usersTranslations.new) }) }), showExport && (_jsx(Grid, { sx: { marginLeft: 'auto' }, children: _jsx(Button, { variant: 'outlined', startIcon: _jsx(FileDownloadIcon, {}), onClick: handleExport, children: t(usersTranslations.download) }) }))] }), _jsx(UsersTable, { users: filteredUsers, selectedUser: selectedUser, setSelectedUser: (user) => {
                                 setSelectedUser(user);
-                            }, onDelete: handleDelete, emailAsUsername: emailAsUsername, disableDelete: disableDelete, paginationModel: paginationModel, onPaginationModelChange: setPaginationModel })] })), selectedUser && (_jsxs(Box, { sx: {
+                            }, onDelete: handleDelete, emailAsUsername: emailAsUsername, disableDelete: disableDelete, showGroupsColumn: groupsColumnVisible, groupsByUser: groupsByUser, apiRef: apiRef, paginationModel: paginationModel, onPaginationModelChange: setPaginationModel })] })), selectedUser && (_jsxs(Box, { sx: {
                         display: 'flex',
                         flexDirection: 'column',
                         alignItems: 'flex-start',

package/lib/components/users/UsersTable.d.ts

@@ -1,18 +1,20 @@
-import React from 'react';
-import { GridPaginationModel } from '@mui/x-data-grid';
+import { RefObject } from 'react';
+import { GridApi, GridPaginationModel } from '@mui/x-data-grid';
 import { Group } from '../../types/groups';
 import { User } from '../../types/users';
 export interface TableProps {
     users?: User[];
-    groups?: Group[];
     selectedUser?: User;
     setSelectedUser: (user: User) => void;
     onDelete: (user: User) => void;
     emailAsUsername?: boolean;
     disableDelete?: boolean;
+    showGroupsColumn?: boolean;
+    groupsByUser?: Record<string, Group[]>;
+    apiRef?: RefObject<GridApi | null>;
     paginationModel?: GridPaginationModel;
     onPaginationModelChange?: (model: GridPaginationModel) => void;
 }
-declare const UsersTable: ({ users, selectedUser, setSelectedUser, onDelete, emailAsUsername, disableDelete, paginationModel, onPaginationModelChange, }: TableProps) => React.JSX.Element;
+declare const UsersTable: ({ users, selectedUser, setSelectedUser, onDelete, emailAsUsername, disableDelete, showGroupsColumn, groupsByUser, apiRef, paginationModel, onPaginationModelChange, }: TableProps) => import("react").JSX.Element;
 export default UsersTable;
 //# sourceMappingURL=UsersTable.d.ts.map

package/lib/components/users/UsersTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UsersTable.d.ts","sourceRoot":"","sources":["../../../src/components/users/UsersTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAyBzC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,UAAU,kIASb,UAAU,sBAYZ,CAAC;eAEa,UAAU"}
+{"version":3,"file":"UsersTable.d.ts","sourceRoot":"","sources":["../../../src/components/users/UsersTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAgDzC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEvC,MAAM,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,UAAU,0KAYb,UAAU,gCAgCZ,CAAC;eAEa,UAAU"}

package/lib/components/users/UsersTable.js

@@ -1,6 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Chip, Tooltip } from '@mui/material';
 import usersTranslations from '../../lang/users';
+import { sortGroupsByName } from '../../utils/helpers';
 import Table from '../tables/Table';
+// Groups shown as chips in a cell; the others are summarized in a "+N" chip
+const MAX_GROUP_CHIPS = 2;
 const usersTableColumns = [
     {
         field: 'firstName',
@@ -21,5 +25,26 @@ const usersTableColumns = [
         type: 'boolean',
     },
 ];
-const UsersTable = ({ users = [], selectedUser, setSelectedUser, onDelete, emailAsUsername = false, disableDelete = false, paginationModel, onPaginationModelChange, }) => (_jsx(Table, { rows: users, columns: usersTableColumns.filter((c) => c.field !== 'username' || !emailAsUsername), selectedRowId: selectedUser?.id, onRowClick: setSelectedUser, onDelete: disableDelete ? undefined : onDelete, paginationModel: paginationModel, onPaginationModelChange: onPaginationModelChange }));
+const GroupChips = ({ groups = [] }) => {
+    const sortedGroups = sortGroupsByName(groups);
+    const hiddenGroups = sortedGroups.slice(MAX_GROUP_CHIPS);
+    return (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 0.5, height: '100%' }, children: [sortedGroups.slice(0, MAX_GROUP_CHIPS).map((group) => (_jsx(Chip, { label: group.name, size: 'small' }, group.id))), hiddenGroups.length > 0 && (_jsx(Tooltip, { title: hiddenGroups.map((g) => g.name).join(', '), children: _jsx(Chip, { label: `+${hiddenGroups.length}`, size: 'small' }) }))] }));
+};
+const UsersTable = ({ users = [], selectedUser, setSelectedUser, onDelete, emailAsUsername = false, disableDelete = false, showGroupsColumn = false, groupsByUser, apiRef, paginationModel, onPaginationModelChange, }) => (_jsx(Table, { rows: users, columns: [
+        ...usersTableColumns.filter((c) => c.field !== 'username' || !emailAsUsername),
+        ...(showGroupsColumn
+            ? [
+                {
+                    field: 'groups',
+                    label: usersTranslations.userGroups,
+                    sortable: false,
+                    // Used by the CSV export, where the chips are not rendered
+                    valueGetter: (user) => sortGroupsByName(groupsByUser?.[user.id] ?? [])
+                        .map((g) => g.name)
+                        .join('; '),
+                    renderCell: (user) => (_jsx(GroupChips, { groups: groupsByUser?.[user.id] })),
+                },
+            ]
+            : []),
+    ], selectedRowId: selectedUser?.id, onRowClick: setSelectedUser, onDelete: disableDelete ? undefined : onDelete, paginationModel: paginationModel, onPaginationModelChange: onPaginationModelChange, apiRef: apiRef }));
 export default UsersTable;

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Users } from './components/users/Users';
 export { default as Groups } from './components/groups/Groups';
-export type { User, KeycloakQueryParams, UserByIdResult, UseUsersByIdsOptions, } from './types/users';
-export type { Group } from './types/groups';
+export type { User, KeycloakQueryParams, UserByIdResult, UsersInGroupsResult, UseUsersByIdsOptions, } from './types/users';
+export type { Group, GroupFilter } from './types/groups';
 export { default as SearchField } from './components/SearchField';
 export { default as DeleteConfirmationDialog } from './components/DeleteConfirmationDialog';
 export { default as AddItemDialog } from './components/AddItemDialog';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EACV,IAAI,EACJ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EACV,IAAI,EACJ,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC"}

package/lib/lang/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../src/lang/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,iBAAiB,EA6IlB;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAA;CAAE,CAAC;eAE3B,iBAAiB"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../src/lang/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,iBAAiB,EA6JlB;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAA;CAAE,CAAC;eAE3B,iBAAiB"}

package/lib/lang/users.js

@@ -7,6 +7,22 @@ const usersTranslations = {
         en: 'Search...',
         it: 'Cerca...',
     },
+    groupFilter: {
+        en: 'Group',
+        it: 'Gruppo',
+    },
+    allGroups: {
+        en: 'All groups',
+        it: 'Tutti i gruppi',
+    },
+    noGroup: {
+        en: 'No group',
+        it: 'Nessun gruppo',
+    },
+    download: {
+        en: 'Download CSV',
+        it: 'Scarica CSV',
+    },
     new: {
         en: 'New User',
         it: 'Nuovo Utente',

package/lib/types/groups.d.ts

@@ -2,4 +2,8 @@ export interface Group {
     id: string;
     name: string;
 }
+export interface GroupFilter {
+    name: string;
+    id?: string;
+}
 //# sourceMappingURL=groups.d.ts.map

package/lib/types/groups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../src/types/groups.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd"}
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../src/types/groups.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAID,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

package/lib/types/users.d.ts

@@ -17,6 +17,11 @@ export interface UserByIdResult {
     isLoading: boolean;
     isError: boolean;
 }
+export interface UsersInGroupsResult {
+    data?: User[];
+    isLoading: boolean;
+    isError: boolean;
+}
 export interface UseUsersByIdsOptions {
     /** Milliseconds a cached user is considered fresh. Default: 60000. */
     staleTime?: number;

package/lib/types/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../src/types/users.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AASD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../src/types/users.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AASD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B"}

package/lib/utils/helpers/index.d.ts

@@ -1 +1,3 @@
+import { Group } from '../../types/groups';
+export declare const sortGroupsByName: (groups: Group[]) => Group[];
 //# sourceMappingURL=index.d.ts.map

package/lib/utils/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,eAAO,MAAM,gBAAgB,WAAY,KAAK,EAAE,YACa,CAAC"}

package/lib/utils/helpers/index.js

@@ -1 +1,2 @@
-"use strict";
+// Returns a copy of the groups sorted by name
+export const sortGroupsByName = (groups) => groups.slice().sort((a, b) => a.name.localeCompare(b.name));

package/lib/utils/hooks/groups.d.ts

@@ -2,6 +2,7 @@ import { QueryClient, UseMutationResult, UseQueryResult } from '@tanstack/react-
 import { AxiosInstance } from 'axios';
 import { Group } from '../../types/groups';
 import { User } from '../../types/users';
+export declare const getGroups: (apiClient: AxiosInstance) => Promise<Group[]>;
 export declare const useGroups: (apiClient: AxiosInstance) => UseQueryResult<Group[] | undefined, Error>;
 export declare const useAddGroup: (queryClient: QueryClient, apiClient: AxiosInstance) => UseMutationResult<Group, Error, Group, unknown>;
 export declare const useUpdateGroup: (queryClient: QueryClient, apiClient: AxiosInstance) => UseMutationResult<Group, Error, Group, unknown>;

package/lib/utils/hooks/groups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/groups.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,cAAc,EAGf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAWzC,eAAO,MAAM,SAAS,cACT,aAAa,KACvB,cAAc,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,KAAK,CAM3C,CAAC;AAcF,eAAO,MAAM,WAAW,gBACT,WAAW,aACb,aAAa,oDA6BzB,CAAC;AAiBF,eAAO,MAAM,cAAc,gBACZ,WAAW,aACb,aAAa,oDA8BzB,CAAC;AAgBF,eAAO,MAAM,cAAc,gBACZ,WAAW,aACb,aAAa,6EA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,cAAc,CAAC,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC"}
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/groups.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,cAAc,EAGf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIzC,eAAO,MAAM,SAAS,cAAqB,aAAa,qBAKvD,CAAC;AAEF,eAAO,MAAM,SAAS,cACT,aAAa,KACvB,cAAc,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,KAAK,CAM3C,CAAC;AAcF,eAAO,MAAM,WAAW,gBACT,WAAW,aACb,aAAa,oDA6BzB,CAAC;AAiBF,eAAO,MAAM,cAAc,gBACZ,WAAW,aACb,aAAa,oDA8BzB,CAAC;AAgBF,eAAO,MAAM,cAAc,gBACZ,WAAW,aACb,aAAa,6EA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,cAAc,CAAC,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC"}

package/lib/utils/hooks/groups.js

@@ -3,7 +3,7 @@ import { enqueueSnackbar } from 'notistack';
 import groupsTranslations from '../../lang/groups';
 import useTranslate from './useTranslate';
 // Get list of groups
-const getGroups = async (apiClient) => {
+export const getGroups = async (apiClient) => {
     const { data } = await apiClient.get(`/groups`, {
         params: { max: 1000 },
     });

package/lib/utils/hooks/users.d.ts

@@ -1,10 +1,13 @@
 import { QueryClient, UseQueryResult } from '@tanstack/react-query';
 import { AxiosInstance } from 'axios';
 import { UserFormFields } from '../../components/users/UserForm';
-import { Group } from '../../types/groups';
-import { KeycloakQueryParams, User, UserByIdResult, UseUsersByIdsOptions } from '../../types/users';
-export declare const getUsers: (apiClient: AxiosInstance, username?: string, group?: string, offset?: number, limit?: number, params?: KeycloakQueryParams) => Promise<User[]>;
-export declare const useUsers: (apiClient: AxiosInstance, group?: string, offset?: number, limit?: number, params?: KeycloakQueryParams) => UseQueryResult<User[] | undefined, Error>;
+import { Group, GroupFilter } from '../../types/groups';
+import { KeycloakQueryParams, User, UserByIdResult, UsersInGroupsResult, UseUsersByIdsOptions } from '../../types/users';
+export declare const getUsers: (apiClient: AxiosInstance, username?: string, group?: string | GroupFilter, offset?: number, limit?: number, params?: KeycloakQueryParams) => Promise<User[]>;
+export declare const useUsers: (apiClient: AxiosInstance, group?: string | GroupFilter, offset?: number, limit?: number, params?: KeycloakQueryParams) => UseQueryResult<User[] | undefined, Error>;
+export declare const useUsersInGroups: (apiClient: AxiosInstance, groups: (string | GroupFilter)[], params?: KeycloakQueryParams) => UsersInGroupsResult;
+export declare const getGroupsByUser: (apiClient: AxiosInstance) => Promise<Record<string, Group[]>>;
+export declare const useGroupsByUser: (apiClient: AxiosInstance, enabled?: boolean) => UseQueryResult<Record<string, Group[]> | undefined, Error>;
 export declare const getUser: (id: string, apiClient: AxiosInstance) => Promise<User>;
 export declare const useUser: (id: string, apiClient: AxiosInstance) => UseQueryResult<User | undefined, Error>;
 export declare const useUsersByIds: (apiClient: AxiosInstance, ids: (string | undefined)[], options?: UseUsersByIdsOptions) => UserByIdResult[];
@@ -38,6 +41,6 @@ export declare const useRemoveUserFromGroup: (queryClient: QueryClient, apiClien
 export declare const useSendUpdatePasswordEmail: (queryClient: QueryClient, apiClient: AxiosInstance) => import("@tanstack/react-query").UseMutationResult<{
     userId: string;
 }, Error, string, unknown>;
-export declare const getUsersCount: (apiClient: AxiosInstance, username?: string, group?: string) => Promise<number>;
-export declare const useUsersCount: (apiClient: AxiosInstance, group?: string) => UseQueryResult<number | undefined, Error>;
+export declare const getUsersCount: (apiClient: AxiosInstance, username?: string, group?: string | GroupFilter) => Promise<number>;
+export declare const useUsersCount: (apiClient: AxiosInstance, group?: string | GroupFilter) => UseQueryResult<number | undefined, Error>;
 //# sourceMappingURL=users.d.ts.map

package/lib/utils/hooks/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/users.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAKX,cAAc,EACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAO3B,eAAO,MAAM,QAAQ,cACR,aAAa,aACb,MAAM,UACT,MAAM,WACN,MAAM,UACP,MAAM,WACJ,mBAAmB,oBA2B7B,CAAC;AAEF,eAAO,MAAM,QAAQ,cACR,aAAa,UAChB,MAAM,WACN,MAAM,UACP,MAAM,WACJ,mBAAmB,KAC3B,cAAc,CAAC,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAc1C,CAAC;AAGF,eAAO,MAAM,OAAO,OAAc,MAAM,aAAa,aAAa,kBAGjE,CAAC;AAEF,eAAO,MAAM,OAAO,OACd,MAAM,aACC,aAAa,KACvB,cAAc,CAAC,IAAI,GAAG,SAAS,EAAE,KAAK,CAMxC,CAAC;AAoBF,eAAO,MAAM,aAAa,cACb,aAAa,OACnB,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,YACjB,oBAAoB,KAC7B,cAAc,EAUb,CAAC;AAGL,eAAO,MAAM,OAAO,yDAKjB;IACD,OAAO,EAAE,IAAI,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,kBAWA,CAAC;AAEF,eAAO,MAAM,UAAU,gBACR,WAAW,aACb,aAAa;UAQd,cAAc;YACZ,MAAM,EAAE,GAAG,SAAS;WA6BjC,CAAC;AAiBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,kFA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,4GA6BzB,CAAC;AAcF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,cAAc,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,KAAK,CAM3C,CAAC;AAmBF,eAAO,MAAM,iBAAiB,gBACf,WAAW,aACb,aAAa;;;;YAIsB,MAAM;aAAW,MAAM;WA8BtE,CAAC;AAmBF,eAAO,MAAM,sBAAsB,gBACpB,WAAW,aACb,aAAa;;;;YAIsB,MAAM;aAAW,MAAM;WA8BtE,CAAC;AAkBF,eAAO,MAAM,0BAA0B,gBACxB,WAAW,aACb,aAAa;;0BAoBzB,CAAC;AAEF,eAAO,MAAM,aAAa,cACb,aAAa,aACb,MAAM,UACT,MAAM,oBAmBf,CAAC;AAEF,eAAO,MAAM,aAAa,cACb,aAAa,UAChB,MAAM,KACb,cAAc,CAAC,MAAM,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/users.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAKX,cAAc,EACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AA8C3B,eAAO,MAAM,QAAQ,cACR,aAAa,aACb,MAAM,UACT,MAAM,GAAG,WAAW,WACpB,MAAM,UACP,MAAM,WACJ,mBAAmB,oBAkB7B,CAAC;AAkBF,eAAO,MAAM,QAAQ,cACR,aAAa,UAChB,MAAM,GAAG,WAAW,WACpB,MAAM,UACP,MAAM,WACJ,mBAAmB,KAC3B,cAAc,CAAC,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC;AAkBF,eAAO,MAAM,gBAAgB,cAChB,aAAa,UAChB,CAAC,MAAM,GAAG,WAAW,CAAC,EAAE,WACvB,mBAAmB,KAC3B,mBAQC,CAAC;AAOL,eAAO,MAAM,eAAe,cAAqB,aAAa,qCAc7D,CAAC;AAEF,eAAO,MAAM,eAAe,cACf,aAAa,YACf,OAAO,KACf,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,KAAK,CAO3D,CAAC;AAGF,eAAO,MAAM,OAAO,OAAc,MAAM,aAAa,aAAa,kBAGjE,CAAC;AAEF,eAAO,MAAM,OAAO,OACd,MAAM,aACC,aAAa,KACvB,cAAc,CAAC,IAAI,GAAG,SAAS,EAAE,KAAK,CAMxC,CAAC;AAoBF,eAAO,MAAM,aAAa,cACb,aAAa,OACnB,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,YACjB,oBAAoB,KAC7B,cAAc,EAUb,CAAC;AAGL,eAAO,MAAM,OAAO,yDAKjB;IACD,OAAO,EAAE,IAAI,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,kBAWA,CAAC;AAEF,eAAO,MAAM,UAAU,gBACR,WAAW,aACb,aAAa;UAQd,cAAc;YACZ,MAAM,EAAE,GAAG,SAAS;WA6BjC,CAAC;AAiBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,kFA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,4GA6BzB,CAAC;AAcF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,cAAc,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,KAAK,CAM3C,CAAC;AAmBF,eAAO,MAAM,iBAAiB,gBACf,WAAW,aACb,aAAa;;;;YAIsB,MAAM;aAAW,MAAM;WAmCtE,CAAC;AAmBF,eAAO,MAAM,sBAAsB,gBACpB,WAAW,aACb,aAAa;;;;YAIsB,MAAM;aAAW,MAAM;WAmCtE,CAAC;AAkBF,eAAO,MAAM,0BAA0B,gBACxB,WAAW,aACb,aAAa;;0BAoBzB,CAAC;AAEF,eAAO,MAAM,aAAa,cACb,aAAa,aACb,MAAM,UACT,MAAM,GAAG,WAAW,oBAiB7B,CAAC;AAEF,eAAO,MAAM,aAAa,cACb,aAAa,UAChB,MAAM,GAAG,WAAW,KAC3B,cAAc,CAAC,MAAM,GAAG,SAAS,EAAE,KAAK,CAS1C,CAAC"}

package/lib/utils/hooks/users.js

@@ -1,46 +1,110 @@
 import { useMutation, useQueries, useQuery, } from '@tanstack/react-query';
 import { enqueueSnackbar } from 'notistack';
 import usersTranslations from '../../lang/users';
+import { getGroups } from './groups';
 import useTranslate from './useTranslate';
 const isServiceAccount = (u) => !!u.serviceAccountClientId || !!u.username?.startsWith('service-account-');
+const getExtraParams = (params) => params?.briefRepresentation !== undefined
+    ? { briefRepresentation: params.briefRepresentation }
+    : {};
+// Returns the id of the group, looking it up by name only when it is missing
+const getGroupId = async (apiClient, group) => {
+    const { name, id } = typeof group === 'string' ? { name: group } : group;
+    if (id)
+        return id;
+    const { data: groupData } = await apiClient.get(`/groups`, {
+        params: { max: 1, search: name, exact: 'true' },
+    });
+    return groupData.length === 1 ? groupData[0].id : undefined;
+};
+// Value identifying the group in the query keys: the id when known, so that
+// the same group passed by name or by id does not change the key format
+const getGroupKey = (group) => typeof group === 'string' ? group : (group?.id ?? group?.name);
+// Get the members of a group by id, excluding service accounts
+const getGroupMembers = async (apiClient, groupId, offset = 0, limit = 1000, params) => {
+    const { data } = await apiClient.get(`/groups/${groupId}/members`, {
+        params: { max: limit, first: offset, ...getExtraParams(params) },
+    });
+    return data.filter((u) => !isServiceAccount(u));
+};
 // Get list of users
 export const getUsers = async (apiClient, username, group, offset = 0, limit = 1000, params) => {
-    const { briefRepresentation } = params ?? {};
-    const extraParams = briefRepresentation !== undefined ? { briefRepresentation } : {};
     if (group) {
-        const { data: groupData } = await apiClient.get(`/groups`, {
-            params: { max: 1, search: group, exact: 'true' },
-        });
-        if (groupData.length !== 1)
+        const groupId = await getGroupId(apiClient, group);
+        if (!groupId)
             return [];
-        const { data } = await apiClient.get(`/groups/${groupData[0].id}/members`, { params: { max: limit, first: offset, ...extraParams } });
-        return data.filter((u) => !isServiceAccount(u));
+        return getGroupMembers(apiClient, groupId, offset, limit, params);
     }
     const { data } = await apiClient.get(`/users`, {
         params: {
             max: limit,
             first: offset,
             ...(username ? { username, exact: 'true' } : {}),
-            ...extraParams,
+            ...getExtraParams(params),
         },
     });
     return data;
 };
+// Shared by useUsers and useUsersInGroups, so they use the same cache
+const getUsersQueryKey = (group, offset, limit, params) => [
+    'users',
+    `users-${JSON.stringify(getGroupKey(group))}`,
+    `${JSON.stringify(offset)}`,
+    `${JSON.stringify(limit)}`,
+    ...(params?.briefRepresentation !== undefined
+        ? [`brief-${params.briefRepresentation}`]
+        : []),
+];
 export const useUsers = (apiClient, group, offset = 0, limit = 1000, params) => {
     return useQuery({
-        queryKey: [
-            'users',
-            `users-${JSON.stringify(group)}`,
-            `${JSON.stringify(offset)}`,
-            `${JSON.stringify(limit)}`,
-            ...(params?.briefRepresentation !== undefined
-                ? [`brief-${params.briefRepresentation}`]
-                : []),
-        ],
+        queryKey: getUsersQueryKey(group, offset, limit, params),
         queryFn: () => getUsers(apiClient, undefined, group, offset, limit, params),
         staleTime: 0,
     });
 };
+// Defined OUTSIDE the hook to keep its identity stable (see combineUsers)
+const combineGroupsUsers = (results) => {
+    const isLoading = results.some((r) => r.isLoading);
+    const isError = results.some((r) => r.isError);
+    if (results.some((r) => !r.data))
+        return { isLoading, isError };
+    // A user in more than one of the groups is returned once
+    const usersById = new Map();
+    results.forEach((r) => r.data?.forEach((u) => usersById.set(u.id, u)));
+    return { data: Array.from(usersById.values()), isLoading, isError };
+};
+// Users that are members of at least one of the groups, without duplicates.
+// One request per group, sharing the cache with useUsers.
+export const useUsersInGroups = (apiClient, groups, params) => useQueries({
+    queries: groups.map((group) => ({
+        queryKey: getUsersQueryKey(group, 0, 1000, params),
+        queryFn: () => getUsers(apiClient, undefined, group, 0, 1000, params),
+        staleTime: 0,
+    })),
+    combine: combineGroupsUsers,
+});
+// Get the groups of every user, as a map from user id to groups.
+// Keycloak does not return the groups in the users list, so the members of
+// every group are loaded (one request per group). Only top-level groups are
+// checked; users that are in no group (or only in a subgroup) are not in
+// the map.
+export const getGroupsByUser = async (apiClient) => {
+    const groups = await getGroups(apiClient);
+    const members = await Promise.all(groups.map((g) => getGroupMembers(apiClient, g.id, 0, 1000, { briefRepresentation: true })));
+    const groupsByUser = {};
+    groups.forEach((group, idx) => members[idx].forEach((u) => {
+        groupsByUser[u.id] = [...(groupsByUser[u.id] ?? []), group];
+    }));
+    return groupsByUser;
+};
+export const useGroupsByUser = (apiClient, enabled = true) => {
+    return useQuery({
+        queryKey: ['users', 'groups-by-user'],
+        queryFn: () => getGroupsByUser(apiClient),
+        enabled,
+        staleTime: 0,
+    });
+};
 // Get single user
 export const getUser = async (id, apiClient) => {
     const { data } = await apiClient.get(`/users/${id}`);
@@ -234,6 +298,11 @@ export const useAddUserToGroup = (queryClient, apiClient) => {
                 queryKey: ['groups'],
                 type: 'all',
             });
+            // Group filters and groups column depend on the memberships
+            await queryClient.refetchQueries({
+                queryKey: ['users'],
+                type: 'all',
+            });
         },
     });
 };
@@ -272,6 +341,11 @@ export const useRemoveUserFromGroup = (queryClient, apiClient) => {
                 queryKey: ['groups'],
                 type: 'all',
             });
+            // Group filters and groups column depend on the memberships
+            await queryClient.refetchQueries({
+                queryKey: ['users'],
+                type: 'all',
+            });
         },
     });
 };
@@ -302,11 +376,9 @@ export const useSendUpdatePasswordEmail = (queryClient, apiClient) => {
 };
 export const getUsersCount = async (apiClient, username, group) => {
     if (group) {
-        const { data: groupData } = await apiClient.get(`/groups`, {
-            params: { max: 1, search: group, exact: 'true' },
-        });
-        if (groupData.length === 1) {
-            const { data } = await apiClient.get(`/groups/${groupData[0].id}/members`, { params: { max: -1 } });
+        const groupId = await getGroupId(apiClient, group);
+        if (groupId) {
+            const { data } = await apiClient.get(`/groups/${groupId}/members`, { params: { max: -1 } });
             return data.length;
         }
         else {
@@ -320,7 +392,10 @@ export const getUsersCount = async (apiClient, username, group) => {
 };
 export const useUsersCount = (apiClient, group) => {
     return useQuery({
-        queryKey: ['users-count', `users-count-${JSON.stringify(group)}`],
+        queryKey: [
+            'users-count',
+            `users-count-${JSON.stringify(getGroupKey(group))}`,
+        ],
         queryFn: () => getUsersCount(apiClient, undefined, group),
         staleTime: 0,
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deix/rossini-identity-management",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "main": "lib/index.js",
   "repository": {
     "type": "git",
@@ -44,11 +44,11 @@
     "@mdx-js/react": "^3.1.0",
     "@mui/icons-material": "^9.4.0",
     "@mui/material": "^9.4.0",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-links": "^10.6.0",
-    "@storybook/addon-onboarding": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.5",
+    "@storybook/addon-links": "^10.6.5",
+    "@storybook/addon-onboarding": "^10.6.5",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/nextjs-vite": "^10.6.1",
+    "@storybook/nextjs-vite": "^10.6.5",
     "@tanstack/react-query": "^5.104.0",
     "@tanstack/react-query-devtools": "^5.104.0",
     "@types/node": "^26.6.3",
@@ -60,12 +60,13 @@
     "eslint": "^10.11.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-prettier": "^5.5.6",
-    "eslint-plugin-storybook": "^10.6.0",
+    "eslint-plugin-storybook": "^10.6.5",
     "json-server": "^1.0.0-beta.15",
-    "next": "~16.3.8",
+    "next": "~16.4.3",
     "react": "^19.3.0",
     "react-dom": "19.3.0",
     "remark-mdx": "^3.0.0",
+    "storybook": "^10.6.5",
     "ts-loader": "^9.6.2",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "typescript-eslint": "^8.70.1",