@deix/rossini-identity-management 0.1.0 → 0.2.0

package/lib/app/[locale]/users/page.js

@@ -4,6 +4,6 @@ import { useConfig } from '../../../config';
 import Users from '../../../components/users/Users';
 const UsersPage = () => {
     const config = useConfig();
-    return React.createElement(Users, { apiUrl: config.generalProperties.apiURL });
+    return React.createElement(Users, { apiUrl: config.generalProperties.apiURL, editUsername: true });
 };
 export default UsersPage;

package/lib/app/layout.js

@@ -6,7 +6,7 @@ import '@fontsource/raleway/600.css';
 import '@fontsource/raleway/700.css';
 import { ConfigProvider } from '../config';
 export const metadata = {
-    title: 'Rossini Authentication',
+    title: 'Rossini Identity Management',
 };
 export default function RootLayout({ children, }) {
     const publicRuntimeEnv = {

package/lib/components/groups/CreateGroupDialog.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { Group } from '../../types/groups';
 export interface CreateGroupDialogProps {
     open: boolean;
     onClose: () => void;
+    onGroupCreate?: (newGroup: Group) => void;
 }
-declare const CreateGroupDialog: ({ open, onClose }: CreateGroupDialogProps) => React.JSX.Element;
+declare const CreateGroupDialog: ({ open, onClose, onGroupCreate, }: CreateGroupDialogProps) => React.JSX.Element;
 export default CreateGroupDialog;
 //# sourceMappingURL=CreateGroupDialog.d.ts.map

package/lib/components/groups/CreateGroupDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateGroupDialog.d.ts","sourceRoot":"","sources":["../../../src/components/groups/CreateGroupDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,sBAAuB,sBAAsB,sBAqBnE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CreateGroupDialog.d.ts","sourceRoot":"","sources":["../../../src/components/groups/CreateGroupDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,iBAAiB,sCAIpB,sBAAsB,sBAuBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/groups/CreateGroupDialog.js

@@ -1,19 +1,21 @@
 import React from 'react';
-import { useAPI, useLocale } from '@deix/rossini-core';
+import { useLocale } from '@deix/rossini-core';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import { useQueryClient } from '@tanstack/react-query';
-import { useConfig } from '../../config';
 import groupsTranslations from '../../lang/groups';
 import { useAddGroup } from '../../utils/hooks/groups';
 import GroupForm from './GroupForm';
-const CreateGroupDialog = ({ open, onClose }) => {
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
+const CreateGroupDialog = ({ open, onClose, onGroupCreate, }) => {
     const locale = useLocale();
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: addGroup } = useAddGroup(queryClient, apiClient);
     const handleSave = (group) => {
         addGroup(group);
+        if (typeof onGroupCreate === 'function') {
+            onGroupCreate(group);
+        }
         onClose();
     };
     return (React.createElement(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose },

package/lib/components/groups/GroupDetails.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 import { Group } from '../../types/groups';
 export interface GroupDetailsProps {
     group: Group;
+    onGroupUpdate?: (newGroup: Group, oldGroup: Group) => void;
+    editName?: boolean;
 }
-declare const GroupDetails: ({ group }: GroupDetailsProps) => React.JSX.Element;
+declare const GroupDetails: ({ group, onGroupUpdate, editName, }: GroupDetailsProps) => React.JSX.Element;
 export default GroupDetails;
 //# sourceMappingURL=GroupDetails.d.ts.map

package/lib/components/groups/GroupDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupDetails.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,YAAY,cAAe,iBAAiB,sBAoBjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GroupDetails.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,wCAIf,iBAAiB,sBAuBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/groups/GroupDetails.js

@@ -1,18 +1,19 @@
 import React from 'react';
-import { useAPI } from '@deix/rossini-core';
 import { useQueryClient } from '@tanstack/react-query';
-import { useConfig } from '../../config';
 import { useUpdateGroup } from '../../utils/hooks/groups';
 import GroupForm from './GroupForm';
-const GroupDetails = ({ group }) => {
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
+const GroupDetails = ({ group, onGroupUpdate, editName, }) => {
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: updateGroup } = useUpdateGroup(queryClient, apiClient);
-    const handleUpdate = (group) => {
-        updateGroup(group);
+    const handleUpdate = (updatedGroup) => {
+        updateGroup(updatedGroup);
+        if (typeof onGroupUpdate === 'function') {
+            onGroupUpdate(updatedGroup, group);
+        }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(GroupForm, { mode: 'modify', group: group, onSave: handleUpdate, onCancel: () => { } })));
+        React.createElement(GroupForm, { mode: 'modify', group: group, onSave: handleUpdate, onCancel: () => { }, editName: editName })));
 };
 export default GroupDetails;

package/lib/components/groups/GroupForm.d.ts

@@ -5,7 +5,8 @@ export interface GroupFormProps {
     onSave: (group: Group) => void;
     group?: Group;
     mode: 'create' | 'modify';
+    editName?: boolean;
 }
-declare const GroupForm: ({ group, onCancel, onSave, mode }: GroupFormProps) => React.JSX.Element;
+declare const GroupForm: ({ group, onCancel, onSave, mode, editName, }: GroupFormProps) => React.JSX.Element;
 export default GroupForm;
 //# sourceMappingURL=GroupForm.d.ts.map

package/lib/components/groups/GroupForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupForm.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B;AAED,QAAA,MAAM,SAAS,sCAAuC,cAAc,sBAkEnE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"GroupForm.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,iDAMZ,cAAc,sBAmEhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/groups/GroupForm.js

@@ -4,12 +4,12 @@ import { Button, Grid, TextField } from '@mui/material';
 import { Controller, useForm } from 'react-hook-form';
 import { useEffect } from 'react';
 import groupsTranslations from '../../lang/groups';
-const GroupForm = ({ group, onCancel, onSave, mode }) => {
+const GroupForm = ({ group, onCancel, onSave, mode, editName, }) => {
     const locale = useLocale();
     const { control, handleSubmit, setValue } = useForm({
         defaultValues: {
             id: group?.id,
-            name: group?.name,
+            name: group?.name || '',
         },
     });
     useEffect(() => {
@@ -24,7 +24,7 @@ const GroupForm = ({ group, onCancel, onSave, mode }) => {
     return (React.createElement("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event) },
         React.createElement(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm' }, justifyContent: 'stretch' },
             React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(Controller, { name: 'name', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: groupsTranslations.name[locale], sx: { flexShrink: 0 }, ...field })) })),
+                React.createElement(Controller, { name: 'name', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: groupsTranslations.name[locale], disabled: mode === 'modify' && !editName, sx: { flexShrink: 0 }, ...field })) })),
             React.createElement(Grid, { item: true, sx: {
                     mt: 2,
                     display: 'flex',

package/lib/components/groups/GroupTabs.d.ts

@@ -10,7 +10,9 @@ export interface GroupTab {
 export interface GroupTabsProps {
     group: Group;
     additionalTabs?: GroupTab[];
+    onGroupUpdate?: (newGroup: Group, oldGroup: Group) => void;
+    editName?: boolean;
 }
-declare const GroupTabs: ({ group, additionalTabs }: GroupTabsProps) => React.JSX.Element;
+declare const GroupTabs: ({ group, additionalTabs, onGroupUpdate, editName, }: GroupTabsProps) => React.JSX.Element;
 export default GroupTabs;
 //# sourceMappingURL=GroupTabs.d.ts.map

package/lib/components/groups/GroupTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupTabs.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,8BAAoC,cAAc,sBAwChE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"GroupTabs.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,wDAKZ,cAAc,sBAkDhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/groups/GroupTabs.js

@@ -5,7 +5,7 @@ import { useLocale } from '@deix/rossini-core';
 import GroupDetails from './GroupDetails';
 import groupsTranslations from '../../lang/groups';
 import GroupUsers from './GroupUsers';
-const GroupTabs = ({ group, additionalTabs = [] }) => {
+const GroupTabs = ({ group, additionalTabs = [], onGroupUpdate, editName, }) => {
     const locale = useLocale();
     const [selectedTab, setSelectedTab] = useState('DETAILS');
     return (React.createElement(Box, { sx: {
@@ -20,10 +20,10 @@ const GroupTabs = ({ group, additionalTabs = [] }) => {
                 }, "aria-label": 'basic tabs example' },
                 React.createElement(Tab, { label: groupsTranslations.details[locale], value: 'DETAILS' }),
                 React.createElement(Tab, { label: groupsTranslations.users[locale], value: 'USERS' }),
-                additionalTabs.map((tab, index) => (React.createElement(Tab, { label: tab.title[locale], value: `ADDITIONAL_TAB_${index}` }))))),
+                additionalTabs.map((tab, index) => (React.createElement(Tab, { key: `tab${index}`, label: tab.title[locale], value: `ADDITIONAL_TAB_${index}` }))))),
         React.createElement(Box, { sx: { p: 1 } },
-            selectedTab === 'DETAILS' && React.createElement(GroupDetails, { group: group }),
+            selectedTab === 'DETAILS' && (React.createElement(GroupDetails, { group: group, onGroupUpdate: onGroupUpdate, editName: editName })),
             selectedTab === 'USERS' && React.createElement(GroupUsers, { group: group }),
-            additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (React.createElement(tab.component, { group: group }))))));
+            additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (React.createElement(tab.component, { key: `tab${index}`, group: group }))))));
 };
 export default GroupTabs;

package/lib/components/groups/GroupUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupUsers.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupUsers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AA+B3C,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,UAAU,cAAe,eAAe,sBA+F7C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"GroupUsers.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupUsers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AA8B3C,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,UAAU,cAAe,eAAe,sBA8F7C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/groups/GroupUsers.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { Box, Button, IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, } from '@mui/material';
 import AddIcon from '@mui/icons-material/Add';
 import DeleteIcon from '@mui/icons-material/Delete';
-import { isStringTranslation, useAPI, useLocale } from '@deix/rossini-core';
-import { useConfig } from '../../config';
+import { isStringTranslation, useLocale } from '@deix/rossini-core';
 import { useAddUserToGroup, useRemoveUserFromGroup, useUsers, } from '../../utils/hooks/users';
 import { useState } from 'react';
 import DeleteConfirmationDialog from '../DeleteConfirmationDialog';
@@ -11,6 +10,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import AddItemDialog from '../AddItemDialog';
 import { useGroupUsers } from '../../utils/hooks/groups';
 import groupsTranslations from '../../lang/groups';
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
 const groupUsersTableColumns = [
     {
         id: 'username',
@@ -27,8 +27,7 @@ const groupUsersTableColumns = [
 ];
 const GroupUsers = ({ group }) => {
     const locale = useLocale();
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { data: users } = useUsers(apiClient);
     const { data: groupUsers } = useGroupUsers(group?.id, apiClient);

package/lib/components/groups/Groups.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
+import { Group } from '../../types/groups';
 import { GroupTab } from './GroupTabs';
 interface GroupsProps {
     apiUrl: string;
     additionalTabs?: GroupTab[];
+    onGroupUpdate?: (newGroup: Group, oldGroup: Group) => void;
+    onGroupCreate?: (newGroup: Group) => void;
+    onGroupDelete?: (group: Group) => void;
+    editName?: boolean;
 }
-declare const Groups: ({ apiUrl, additionalTabs }: GroupsProps) => React.JSX.Element;
+declare const Groups: ({ apiUrl, additionalTabs, onGroupUpdate, onGroupCreate, onGroupDelete, editName, }: GroupsProps) => React.JSX.Element;
 export default Groups;
 //# sourceMappingURL=Groups.d.ts.map

package/lib/components/groups/Groups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Groups.d.ts","sourceRoot":"","sources":["../../../src/components/groups/Groups.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,OAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGlD,UAAU,WAAW;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,+BAAqC,WAAW,sBAqH3D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Groups.d.ts","sourceRoot":"","sources":["../../../src/components/groups/Groups.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIlD,UAAU,WAAW;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;IAE5B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAE3D,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAE1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,uFAOT,WAAW,sBAgIb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/groups/Groups.js

@@ -12,7 +12,8 @@ import groupsTranslations from '../../lang/groups';
 import { useDeleteGroup, useGroups } from '../../utils/hooks/groups';
 import GroupTabs from './GroupTabs';
 import { useQueryClient } from '@tanstack/react-query';
-const Groups = ({ apiUrl, additionalTabs = [] }) => {
+import { APIClientProvider } from '../../utils/hooks/useAPIClient';
+const Groups = ({ apiUrl, additionalTabs = [], onGroupUpdate, onGroupCreate, onGroupDelete, editName, }) => {
     const locale = useLocale();
     const apiClient = useAPI(apiUrl);
     const queryClient = useQueryClient();
@@ -30,49 +31,53 @@ const Groups = ({ apiUrl, additionalTabs = [] }) => {
             setFilteredGroups(groups.filter((group) => group.name.includes(searchString)));
         }
     }, [searchString, groups, setFilteredGroups]);
-    const handleDelete = (id) => {
-        deleteGroup(id);
+    const handleDelete = (group) => {
+        deleteGroup(group.id);
+        if (typeof onGroupDelete === 'function') {
+            onGroupDelete(group);
+        }
         setSelectedGroup(undefined);
     };
-    return (React.createElement(Box, { sx: {
-            flexGrow: 1,
-            maxWidth: '100%',
-            overflowX: 'hidden',
-            paddingTop: 3,
-            paddingLeft: 3,
-            paddingRight: 3,
-        } },
-        !selectedGroup && (React.createElement(React.Fragment, null,
-            React.createElement(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 } },
-                React.createElement(Grid, { item: true },
-                    React.createElement(SearchField, { placeholder: groupsTranslations.search[locale], onSearch: (value) => setSearchString(value) })),
-                React.createElement(Grid, { item: true },
-                    React.createElement(Button, { variant: 'contained', startIcon: React.createElement(GroupAddIcon, null), onClick: () => {
-                            setOpenGroupDialog(true);
-                            setSelectedGroup(undefined);
-                        } }, groupsTranslations.new[locale]))),
-            React.createElement(GroupsTable, { groups: filteredGroups, selectedGroup: selectedGroup, setSelectedGroup: (group) => {
-                    setSelectedGroup(group);
-                }, onDelete: handleDelete }))),
-        selectedGroup && (React.createElement(Box, { sx: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'flex-start',
-                width: '100%',
+    return (React.createElement(APIClientProvider, { baseURL: apiUrl },
+        React.createElement(Box, { sx: {
+                flexGrow: 1,
+                maxWidth: '100%',
+                overflowX: 'hidden',
+                paddingTop: 3,
+                paddingLeft: 3,
+                paddingRight: 3,
             } },
-            React.createElement(Box, { sx: {
+            !selectedGroup && (React.createElement(React.Fragment, null,
+                React.createElement(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 } },
+                    React.createElement(Grid, { item: true },
+                        React.createElement(SearchField, { placeholder: groupsTranslations.search[locale], onSearch: (value) => setSearchString(value) })),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(Button, { variant: 'contained', startIcon: React.createElement(GroupAddIcon, null), onClick: () => {
+                                setOpenGroupDialog(true);
+                                setSelectedGroup(undefined);
+                            } }, groupsTranslations.new[locale]))),
+                React.createElement(GroupsTable, { groups: filteredGroups, selectedGroup: selectedGroup, setSelectedGroup: (group) => {
+                        setSelectedGroup(group);
+                    }, onDelete: handleDelete }))),
+            selectedGroup && (React.createElement(Box, { sx: {
                     display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                    width: '100%',
                 } },
-                React.createElement(IconButton, { "aria-label": 'delete', color: 'primary', onClick: () => setSelectedGroup(undefined), sx: { mr: 2 } },
-                    React.createElement(ArrowBackIcon, null)),
-                React.createElement(Link, { underline: 'none', href: '#', onClick: () => setSelectedGroup(undefined) }, groupsTranslations.title[locale]),
-                React.createElement(KeyboardArrowRightIcon, null),
-                selectedGroup.name),
-            React.createElement(GroupTabs, { group: selectedGroup, additionalTabs: additionalTabs }))),
-        React.createElement(CreateGroupDialog, { open: openGroupDialog, onClose: () => {
-                setOpenGroupDialog(false);
-            } })));
+                React.createElement(Box, { sx: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                    } },
+                    React.createElement(IconButton, { "aria-label": 'delete', color: 'primary', onClick: () => setSelectedGroup(undefined), sx: { mr: 2 } },
+                        React.createElement(ArrowBackIcon, null)),
+                    React.createElement(Link, { underline: 'none', href: '#', onClick: () => setSelectedGroup(undefined) }, groupsTranslations.title[locale]),
+                    React.createElement(KeyboardArrowRightIcon, null),
+                    selectedGroup.name),
+                React.createElement(GroupTabs, { group: selectedGroup, additionalTabs: additionalTabs, onGroupUpdate: onGroupUpdate, editName: editName }))),
+            React.createElement(CreateGroupDialog, { open: openGroupDialog, onClose: () => {
+                    setOpenGroupDialog(false);
+                }, onGroupCreate: onGroupCreate }))));
 };
 export default Groups;

package/lib/components/groups/GroupsTable.d.ts

@@ -4,7 +4,7 @@ export interface TableProps {
     groups?: Group[];
     selectedGroup?: Group;
     setSelectedGroup: (group: Group) => void;
-    onDelete: (id: string) => void;
+    onDelete: (group: Group) => void;
 }
 declare const GroupsTable: ({ groups, selectedGroup, setSelectedGroup, onDelete, }: TableProps) => React.JSX.Element;
 export default GroupsTable;

package/lib/components/groups/GroupsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupsTable.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAW3C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,WAAW,2DAKd,UAAU,sBA8DZ,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"GroupsTable.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAW3C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,WAAW,2DAKd,UAAU,sBA8DZ,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/groups/GroupsTable.js

@@ -14,7 +14,7 @@ const GroupsTable = ({ groups = [], selectedGroup, setSelectedGroup, onDelete, }
     const locale = useLocale();
     const muiTheme = useTheme();
     const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
-    const [deleteId, setDeleteId] = useState();
+    const [deleteGroup, setDeleteGroup] = useState();
     return (React.createElement(React.Fragment, null,
         React.createElement(TableContainer, null,
             React.createElement(Table, { size: 'small' },
@@ -35,9 +35,9 @@ const GroupsTable = ({ groups = [], selectedGroup, setSelectedGroup, onDelete, }
                         React.createElement(IconButton, { size: 'small', onClick: (evt) => {
                                 evt.stopPropagation();
                                 setOpenConfirmationDialog(true);
-                                setDeleteId(group.id);
+                                setDeleteGroup(group);
                             } },
                             React.createElement(DeleteIcon, null))))))))),
-        React.createElement(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => (deleteId ? onDelete(deleteId) : {}) })));
+        React.createElement(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => (deleteGroup ? onDelete(deleteGroup) : {}) })));
 };
 export default GroupsTable;

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

@@ -1,8 +1,10 @@
 import React from 'react';
+import { User } from '../../types/users';
 export interface CreateUserDialogProps {
     open: boolean;
     onClose: () => void;
+    onUserCreate?: (newUser: User) => void;
 }
-declare const CreateUserDialog: ({ open, onClose }: CreateUserDialogProps) => React.JSX.Element;
+declare const CreateUserDialog: ({ open, onClose, onUserCreate, }: CreateUserDialogProps) => React.JSX.Element;
 export default CreateUserDialog;
 //# sourceMappingURL=CreateUserDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateUserDialog.d.ts","sourceRoot":"","sources":["../../../src/components/users/CreateUserDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,sBAAuB,qBAAqB,sBAqBjE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CreateUserDialog.d.ts","sourceRoot":"","sources":["../../../src/components/users/CreateUserDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,gBAAgB,qCAInB,qBAAqB,sBAuBvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/users/CreateUserDialog.js

@@ -1,19 +1,21 @@
 import React from 'react';
-import { useAPI, useLocale } from '@deix/rossini-core';
+import { useLocale } from '@deix/rossini-core';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import { useQueryClient } from '@tanstack/react-query';
-import { useConfig } from '../../config';
 import { useAddUser } from '../../utils/hooks/users';
 import UserForm from './UserForm';
 import usersTranslations from '../../lang/users';
-const CreateUserDialog = ({ open, onClose }) => {
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
+const CreateUserDialog = ({ open, onClose, onUserCreate, }) => {
     const locale = useLocale();
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: addUser } = useAddUser(queryClient, apiClient);
     const handleSave = (userFormData) => {
         addUser(userFormData);
+        if (typeof onUserCreate === 'function') {
+            onUserCreate(userFormData);
+        }
         onClose();
     };
     return (React.createElement(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose },

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

@@ -1 +1 @@
-{"version":3,"file":"UserCredentials.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserCredentials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAOzC,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,eAAe,aAAc,oBAAoB,sBAmBtD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"UserCredentials.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserCredentials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAOzC,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,eAAe,aAAc,oBAAoB,sBAkBtD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/users/UserCredentials.js

@@ -1,14 +1,13 @@
 import React from 'react';
-import { useAPI, useLocale } from '@deix/rossini-core';
+import { useLocale } from '@deix/rossini-core';
 import { Box, Button } from '@mui/material';
 import usersTranslations from '../../lang/users';
 import { useSendUpdatePasswordEmail } from '../../utils/hooks/users';
-import { useConfig } from '../../config';
 import { useQueryClient } from '@tanstack/react-query';
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
 const UserCredentials = ({ user }) => {
     const locale = useLocale();
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: sendResetPasswordEmail } = useSendUpdatePasswordEmail(queryClient, apiClient);
     return (React.createElement(Box, { sx: { mt: 2 } },

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

@@ -2,7 +2,9 @@ import React from 'react';
 import { User } from '../../types/users';
 export interface UserDetailsProps {
     user: User;
+    onUserUpdate?: (newUser: User, oldUser: User) => void;
+    editUsername?: boolean;
 }
-declare const UserDetails: ({ user }: UserDetailsProps) => React.JSX.Element;
+declare const UserDetails: ({ user, onUserUpdate, editUsername, }: UserDetailsProps) => React.JSX.Element;
 export default UserDetails;
 //# sourceMappingURL=UserDetails.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserDetails.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIzC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,WAAW,aAAc,gBAAgB,sBAoB9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"UserDetails.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAKzC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,WAAW,0CAId,gBAAgB,sBA0BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/users/UserDetails.js

@@ -1,18 +1,22 @@
 import React from 'react';
-import { useAPI } from '@deix/rossini-core';
 import { useQueryClient } from '@tanstack/react-query';
-import { useConfig } from '../../config';
 import { useUpdateUser } from '../../utils/hooks/users';
 import UserForm from './UserForm';
-const UserDetails = ({ user }) => {
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
+const UserDetails = ({ user, onUserUpdate, editUsername, }) => {
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: updateUser } = useUpdateUser(queryClient, apiClient);
-    const handleUpdate = (user) => {
+    const handleUpdate = (updatedUser) => {
+        // We need to remove sendEmailOnCreation or keycloak will complain
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { sendEmailOnCreation, ...user } = updatedUser;
         updateUser(user);
+        if (typeof onUserUpdate === 'function') {
+            onUserUpdate(updatedUser, user);
+        }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(UserForm, { mode: 'modify', user: user, onSave: handleUpdate, onCancel: () => { } })));
+        React.createElement(UserForm, { mode: 'modify', user: user, onSave: handleUpdate, onCancel: () => { }, editUsername: editUsername })));
 };
 export default UserDetails;

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

@@ -8,7 +8,8 @@ export interface UserFormProps {
     onCancel?: () => void;
     user?: User;
     mode?: 'create' | 'modify';
+    editUsername?: boolean;
 }
-declare const UserForm: ({ user, onSave, onCancel, mode, }: UserFormProps) => React.JSX.Element;
+declare const UserForm: ({ user, onSave, onCancel, mode, editUsername, }: UserFormProps) => React.JSX.Element;
 export default UserForm;
 //# sourceMappingURL=UserForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserForm.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,IAAI;IAC1C,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,sCAKX,aAAa,sBA8Jf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"UserForm.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,IAAI;IAC1C,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,oDAMX,aAAa,sBA0Kf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/users/UserForm.js

@@ -4,11 +4,11 @@ import { Button, FormControlLabel, Grid, Switch, TextField, } from '@mui/materia
 import { Controller, useForm } from 'react-hook-form';
 import { useEffect } from 'react';
 import usersTranslations from '../../lang/users';
-const UserForm = ({ user, onSave, onCancel, mode = 'create', }) => {
+const UserForm = ({ user, onSave, onCancel, mode = 'create', editUsername, }) => {
     const locale = useLocale();
-    const { control, handleSubmit, setValue } = useForm({
+    const { control, formState: { errors }, handleSubmit, setValue, } = useForm({
         defaultValues: {
-            id: user?.id || '',
+            id: user?.id,
             username: user?.username || '',
             firstName: user?.firstName || '',
             lastName: user?.lastName || '',
@@ -38,13 +38,15 @@ const UserForm = ({ user, onSave, onCancel, mode = 'create', }) => {
     return (React.createElement("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event) },
         React.createElement(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm' }, justifyContent: 'stretch' },
             React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(Controller, { name: 'username', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: usersTranslations.username[locale], disabled: mode === 'modify', sx: { flexShrink: 0 }, ...field })) })),
+                React.createElement(Controller, { name: 'username', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: usersTranslations.username[locale], disabled: mode === 'modify' && !editUsername, sx: { flexShrink: 0 }, ...field })) })),
             React.createElement(Grid, { item: true, xs: 12 },
                 React.createElement(Controller, { name: 'firstName', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: usersTranslations.firstName[locale], sx: { flexShrink: 0 }, ...field })) })),
             React.createElement(Grid, { item: true, xs: 12 },
                 React.createElement(Controller, { name: 'lastName', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: usersTranslations.lastName[locale], sx: { flexShrink: 0 }, ...field })) })),
             React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(Controller, { name: 'email', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: usersTranslations.email[locale], sx: { flexShrink: 0 }, ...field })) })),
+                React.createElement(Controller, { name: 'email', control: control, rules: { required: true }, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, error: !!errors.email, helperText: errors.email
+                            ? usersTranslations.requiredField[locale]
+                            : undefined, label: usersTranslations.email[locale], sx: { flexShrink: 0 }, ...field })) })),
             React.createElement(Grid, { item: true, xs: 12 },
                 React.createElement(Controller, { name: 'enabled', control: control, render: ({ field }) => (React.createElement(FormControlLabel, { sx: { ml: 1 }, control: React.createElement(Switch, { checked: field.value, size: 'small', ...field }), label: usersTranslations.enabled[locale] })) })),
             mode === 'create' && (React.createElement(Grid, { item: true, xs: 12 },

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

@@ -1 +1 @@
-{"version":3,"file":"UserGroups.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserGroups.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAsBzC,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,UAAU,aAAc,eAAe,sBA6F5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UserGroups.d.ts","sourceRoot":"","sources":["../../../src/components/users/UserGroups.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAsBzC,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,UAAU,aAAc,eAAe,sBA4F5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/users/UserGroups.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { Box, Button, IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, } from '@mui/material';
 import AddIcon from '@mui/icons-material/Add';
 import DeleteIcon from '@mui/icons-material/Delete';
-import { isStringTranslation, useAPI, useLocale } from '@deix/rossini-core';
-import { useConfig } from '../../config';
+import { isStringTranslation, useLocale } from '@deix/rossini-core';
 import { useAddUserToGroup, useRemoveUserFromGroup, useUserGroups, } from '../../utils/hooks/users';
 import { useState } from 'react';
 import DeleteConfirmationDialog from '../DeleteConfirmationDialog';
@@ -11,6 +10,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import usersTranslations from '../../lang/users';
 import AddItemDialog from '../AddItemDialog';
 import { useGroups } from '../../utils/hooks/groups';
+import { useAPIClient } from '../../utils/hooks/useAPIClient';
 const userGroupsTableColumns = [
     {
         id: 'name',
@@ -19,8 +19,7 @@ const userGroupsTableColumns = [
 ];
 const UserGroups = ({ user }) => {
     const locale = useLocale();
-    const config = useConfig();
-    const apiClient = useAPI(config.generalProperties.apiURL);
+    const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { data: groups } = useGroups(apiClient);
     const { data: userGroups } = useUserGroups(user?.id, apiClient);