@deix/rossini-identity-management 0.1.1 → 0.2.1

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;AAUzC,eAAO,MAAM,SAAS,cACT,aAAa,KACvB,eAAe,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;AAkBF,eAAO,MAAM,cAAc,gBACZ,WAAW,aACb,aAAa,6EA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,eAAe,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;AAUzC,eAAO,MAAM,SAAS,cACT,aAAa,KACvB,eAAe,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,eAAe,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC"}

package/lib/utils/hooks/groups.js

@@ -81,9 +81,7 @@ export const useUpdateGroup = (queryClient, apiClient) => {
 // Delete group
 const deleteGroup = async ({ id, apiClient, }) => {
     if (id) {
-        console.log('hey delete', id);
         const { data } = await apiClient.delete(`/groups/${id}`);
-        console.log(data);
         return data;
     }
 };

package/lib/utils/hooks/{useAPIClient.jsx → useAPIClient.js}

@@ -6,13 +6,11 @@ const APIContext = createContext(axios.create({
     },
 }));
 export const APIClientProvider = ({ baseURL, children, }) => {
-    return (<APIContext.Provider value={axios.create({
+    return (React.createElement(APIContext.Provider, { value: axios.create({
             baseURL,
             headers: {
                 Accept: 'application/json',
             },
-        })}>
-      {children}
-    </APIContext.Provider>);
+        }) }, children));
 };
 export const useAPIClient = () => useContext(APIContext);

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,EACX,iBAAiB,EACjB,cAAc,EAGf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAUjE,eAAO,MAAM,QAAQ,cACR,aAAa,KACvB,eAAe,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC;AAQF,eAAO,MAAM,OAAO,OACd,MAAM,aACC,aAAa,KACvB,eAAe,IAAI,GAAG,SAAS,EAAE,KAAK,CAMxC,CAAC;AAyBF,eAAO,MAAM,UAAU,gBACR,WAAW,aACb,aAAa,4DAgCzB,CAAC;AAiBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,kDA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,4EA6BzB,CAAC;AAcF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,eAAe,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"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/users.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,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAUjE,eAAO,MAAM,QAAQ,cACR,aAAa,KACvB,eAAe,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAM1C,CAAC;AAQF,eAAO,MAAM,OAAO,OACd,MAAM,aACC,aAAa,KACvB,eAAe,IAAI,GAAG,SAAS,EAAE,KAAK,CAMxC,CAAC;AAwBF,eAAO,MAAM,UAAU,gBACR,WAAW,aACb,aAAa,4DAgCzB,CAAC;AAiBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,kDA6BzB,CAAC;AAgBF,eAAO,MAAM,aAAa,gBACX,WAAW,aACb,aAAa,4EA6BzB,CAAC;AAcF,eAAO,MAAM,aAAa,OACpB,MAAM,GAAG,SAAS,aACX,aAAa,KACvB,eAAe,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"}

package/lib/utils/hooks/users.js

@@ -36,7 +36,6 @@ const addUser = async ({ newUser, sendEmailOnCreation, apiClient, }) => {
         // it in order to get its ID and send the email
         const users = await getUsers(apiClient, newUser.username);
         if (users.length > 0) {
-            console.log(users[0].id);
             await sendUpdatePasswordEmail({ userId: users[0].id, apiClient });
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deix/rossini-identity-management",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "main": "lib/index.js",
   "repository": {
     "type": "git",
@@ -87,12 +87,9 @@
     }
   },
   "dependencies": {
-    "@deix/rossini-form": "^2.0.0",
-    "@formatjs/intl-localematcher": "^0.5.2",
+    "@deix/rossini-core": "^2.1.5",
     "@mui/icons-material": "^5.11.0",
     "@mui/material": "^5.11.8",
-    "@types/negotiator": "^0.6.3",
-    "negotiator": "^0.6.3",
     "notistack": "^3.0.1",
     "react-hook-form": "^7.49.3"
   }

package/lib/components/AddItemDialog.jsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Autocomplete, Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField, } from '@mui/material';
-import { useLocale } from '@deix/rossini-core';
-import { useEffect, useState } from 'react';
-const translations = {
-    ok: {
-        en: 'Add',
-        it: 'Aggiungi',
-    },
-    cancel: {
-        en: 'Cancel',
-        it: 'Annulla',
-    },
-    search: {
-        en: 'Search...',
-        it: 'Cerca...',
-    },
-};
-const AddItemDialog = ({ title, options, open, onClose, onConfirm, }) => {
-    const locale = useLocale();
-    const [value, setValue] = useState(null);
-    // Reset the value when the dialog is closed
-    useEffect(() => {
-        if (!open) {
-            setValue(null);
-        }
-    }, [open]);
-    return (<Dialog open={open} fullWidth maxWidth='sm' onClose={onClose}>
-      <DialogTitle>{title[locale]}</DialogTitle>
-      <DialogContent>
-        <Autocomplete 
-    // multiple
-    options={options ?? []} getOptionLabel={(option) => option.label} getOptionKey={(option) => option.value} isOptionEqualToValue={(option, value) => option.value === value.value} renderInput={(params) => (<TextField {...params} label={translations.search[locale]} placeholder=''/>)} onChange={(event, newValue) => {
-            setValue(newValue);
-        }} value={value}/>
-      </DialogContent>
-      <DialogActions>
-        <Button size='small' variant='outlined' onClick={onClose}>
-          {translations.cancel[locale]}
-        </Button>
-        <Button variant='contained' onClick={() => {
-            onConfirm(value);
-            onClose();
-        }}>
-          {translations.ok[locale]}
-        </Button>
-      </DialogActions>
-    </Dialog>);
-};
-export default AddItemDialog;

package/lib/components/DeleteConfirmationDialog.jsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography, } from '@mui/material';
-import { useLocale } from '@deix/rossini-core';
-const translations = {
-    title: {
-        en: 'Delete item?',
-        it: 'Cancellare elemento?',
-    },
-    message: {
-        en: 'This is a permanent action',
-        it: "Questa è un'azione permanente",
-    },
-    yes: {
-        en: 'Yes',
-        it: 'Si',
-    },
-    no: {
-        en: 'No',
-        it: 'No',
-    },
-};
-const DeleteConfirmationDialog = ({ open, onClose, onConfirm, }) => {
-    const locale = useLocale();
-    return (<Dialog open={open} fullWidth maxWidth='sm' onClose={onClose}>
-      <DialogTitle>{translations.title[locale]}</DialogTitle>
-      <DialogContent>
-        <Typography variant='caption'>
-          {translations.message[locale]}
-        </Typography>
-      </DialogContent>
-      <DialogActions>
-        <Button size='small' variant='outlined' onClick={onClose}>
-          {translations.no[locale]}
-        </Button>
-        <Button size='small' variant='contained' onClick={() => {
-            onConfirm();
-            onClose();
-        }}>
-          {translations.yes[locale]}
-        </Button>
-      </DialogActions>
-    </Dialog>);
-};
-export default DeleteConfirmationDialog;

package/lib/components/SearchField.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import SearchIcon from '@mui/icons-material/Search';
-import { IconButton, TextField, } from '@mui/material';
-import { useState } from 'react';
-const SearchField = ({ placeholder = 'Search...', onSearch, ...props }) => {
-    const [value, setValue] = useState('');
-    return (<>
-      <TextField size='small' placeholder={placeholder} value={value} onChange={(evt) => {
-            setValue(evt.target.value);
-            onSearch(evt.target.value);
-        }} {...props} InputProps={{
-            endAdornment: (<IconButton size='small' onClick={() => onSearch(value)}>
-              <SearchIcon />
-            </IconButton>),
-        }}/>
-    </>);
-};
-export default SearchField;

package/lib/components/groups/GroupDetails.jsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { useUpdateGroup } from '../../utils/hooks/groups';
-import GroupForm from './GroupForm';
-import { useAPIClient } from '../../utils/hooks/useAPIClient';
-const GroupDetails = ({ group }) => {
-    const apiClient = useAPIClient();
-    const queryClient = useQueryClient();
-    const { mutate: updateGroup } = useUpdateGroup(queryClient, apiClient);
-    const handleUpdate = (group) => {
-        updateGroup(group);
-    };
-    return (<>
-      <GroupForm mode='modify' group={group} onSave={handleUpdate} onCancel={() => { }}/>
-    </>);
-};
-export default GroupDetails;

package/lib/components/groups/GroupForm.jsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { useLocale } from '@deix/rossini-core';
-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 locale = useLocale();
-    const { control, handleSubmit, setValue } = useForm({
-        defaultValues: {
-            id: group?.id,
-            name: group?.name,
-        },
-    });
-    useEffect(() => {
-        if (group) {
-            setValue('id', group?.id);
-            setValue('name', group?.name);
-        }
-    }, [group, setValue]);
-    const onSubmit = (data) => {
-        onSave(data);
-    };
-    return (<form onSubmit={(event) => void handleSubmit(onSubmit)(event)}>
-      <Grid container spacing={2} sx={{ mt: 2, maxWidth: 'sm' }} justifyContent='stretch'>
-        <Grid item xs={12}>
-          <Controller name='name' control={control} render={({ field }) => (<TextField size='small' fullWidth label={groupsTranslations.name[locale]} sx={{ flexShrink: 0 }} {...field}/>)}/>
-        </Grid>
-        <Grid item sx={{
-            mt: 2,
-            display: 'flex',
-            justifyContent: 'flex-end',
-            gap: 2,
-            width: '100%',
-        }}>
-          {mode === 'create' && (<Button variant='outlined' onClick={onCancel}>
-              {groupsTranslations.cancel[locale]}
-            </Button>)}
-          <Button variant='contained' type='submit'>
-            {groupsTranslations.save[locale]}
-          </Button>
-        </Grid>
-      </Grid>
-    </form>);
-};
-export default GroupForm;

package/lib/components/groups/GroupTabs.jsx

@@ -1,33 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-import { Box, Tab, Tabs } from '@mui/material';
-import { useLocale } from '@deix/rossini-core';
-import GroupDetails from './GroupDetails';
-import groupsTranslations from '../../lang/groups';
-import GroupUsers from './GroupUsers';
-const GroupTabs = ({ group, additionalTabs = [] }) => {
-    const locale = useLocale();
-    const [selectedTab, setSelectedTab] = useState('DETAILS');
-    return (<Box sx={{
-            flexGrow: 1,
-            maxWidth: '100%',
-            overflowX: 'hidden',
-            alignSelf: 'stretch',
-        }}>
-      <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-        <Tabs value={selectedTab} onChange={(_evt, newValue) => {
-            setSelectedTab(newValue);
-        }} aria-label='basic tabs example'>
-          <Tab label={groupsTranslations.details[locale]} value='DETAILS'/>
-          <Tab label={groupsTranslations.users[locale]} value='USERS'/>
-          {additionalTabs.map((tab, index) => (<Tab key={`tab${index}`} label={tab.title[locale]} value={`ADDITIONAL_TAB_${index}`}/>))}
-        </Tabs>
-      </Box>
-      <Box sx={{ p: 1 }}>
-        {selectedTab === 'DETAILS' && <GroupDetails group={group}/>}
-        {selectedTab === 'USERS' && <GroupUsers group={group}/>}
-        {additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (<tab.component key={`tab${index}`} group={group}/>))}
-      </Box>
-    </Box>);
-};
-export default GroupTabs;

package/lib/components/groups/GroupUsers.jsx

@@ -1,88 +0,0 @@
-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, useLocale } from '@deix/rossini-core';
-import { useAddUserToGroup, useRemoveUserFromGroup, useUsers, } from '../../utils/hooks/users';
-import { useState } from 'react';
-import DeleteConfirmationDialog from '../DeleteConfirmationDialog';
-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',
-        label: { en: 'Username', it: 'Username' },
-    },
-    {
-        id: 'firstName',
-        label: { en: 'First name', it: 'Nome' },
-    },
-    {
-        id: 'lastName',
-        label: { en: 'Last name', it: 'Cognome' },
-    },
-];
-const GroupUsers = ({ group }) => {
-    const locale = useLocale();
-    const apiClient = useAPIClient();
-    const queryClient = useQueryClient();
-    const { data: users } = useUsers(apiClient);
-    const { data: groupUsers } = useGroupUsers(group?.id, apiClient);
-    const { mutate: addUserToGroup } = useAddUserToGroup(queryClient, apiClient);
-    const { mutate: removeUserFromGroup } = useRemoveUserFromGroup(queryClient, apiClient);
-    const [openAddUserDialog, setOpenAddUserDialog] = useState(false);
-    const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
-    const [deleteId, setDeleteId] = useState();
-    return (<>
-      {groupUsers && groupUsers.length > 0 && (<Box maxWidth='md'>
-          <TableContainer>
-            <Table size='small'>
-              <TableHead>
-                <TableRow>
-                  {groupUsersTableColumns.map((col) => (<TableCell key={col.id} align={col.align || 'inherit'}>
-                      {isStringTranslation(col.label)
-                    ? col.label[locale]
-                    : col.label}
-                    </TableCell>))}
-                  <TableCell padding='none'>{''}</TableCell>
-                </TableRow>
-              </TableHead>
-              <TableBody>
-                {groupUsers?.map((user, rowIdx) => (<TableRow key={rowIdx}>
-                    <TableCell>{user.username}</TableCell>
-                    <TableCell>{user.firstName}</TableCell>
-                    <TableCell>{user.lastName}</TableCell>
-                    <TableCell padding='none' align='right'>
-                      <IconButton size='small' onClick={(evt) => {
-                    evt.stopPropagation();
-                    setOpenConfirmationDialog(true);
-                    setDeleteId(user.id);
-                }}>
-                        <DeleteIcon />
-                      </IconButton>
-                    </TableCell>
-                  </TableRow>))}
-              </TableBody>
-            </Table>
-          </TableContainer>
-        </Box>)}
-      <Button variant='outlined' startIcon={<AddIcon />} onClick={() => setOpenAddUserDialog(true)} sx={{ marginTop: 2 }}>
-        {groupsTranslations.addUser[locale]}
-      </Button>
-      <AddItemDialog open={openAddUserDialog} onClose={() => setOpenAddUserDialog(false)} onConfirm={(value) => {
-            if (value) {
-                addUserToGroup({ userId: value?.value, groupId: group.id });
-            }
-        }} title={groupsTranslations.addUser} options={users?.map((user) => ({
-            value: user.id,
-            label: user.username || '',
-        }))}/>
-      <DeleteConfirmationDialog open={openConfirmationDialog} onClose={() => setOpenConfirmationDialog(false)} onConfirm={() => deleteId
-            ? removeUserFromGroup({ userId: deleteId, groupId: group.id })
-            : {}}/>
-    </>);
-};
-export default GroupUsers;

package/lib/components/groups/Groups.jsx

@@ -1,93 +0,0 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import GroupAddIcon from '@mui/icons-material/GroupAdd';
-import { Box, Button, Grid, IconButton, Link } from '@mui/material';
-import ArrowBackIcon from '@mui/icons-material/ArrowBack';
-import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
-import { useAPI, useLocale } from '@deix/rossini-core';
-import { SearchField } from '..';
-import CreateGroupDialog from './CreateGroupDialog';
-import GroupsTable from './GroupsTable';
-import groupsTranslations from '../../lang/groups';
-import { useDeleteGroup, useGroups } from '../../utils/hooks/groups';
-import GroupTabs from './GroupTabs';
-import { useQueryClient } from '@tanstack/react-query';
-import { APIClientProvider } from '../../utils/hooks/useAPIClient';
-const Groups = ({ apiUrl, additionalTabs = [] }) => {
-    const locale = useLocale();
-    const apiClient = useAPI(apiUrl);
-    const queryClient = useQueryClient();
-    const { data: groups } = useGroups(apiClient);
-    const { mutate: deleteGroup } = useDeleteGroup(queryClient, apiClient);
-    const [searchString, setSearchString] = useState('');
-    const [filteredGroups, setFilteredGroups] = useState();
-    const [selectedGroup, setSelectedGroup] = useState();
-    const [openGroupDialog, setOpenGroupDialog] = useState(false);
-    useEffect(() => {
-        if (groups && searchString === '') {
-            setFilteredGroups(groups);
-        }
-        else if (groups && searchString !== '') {
-            setFilteredGroups(groups.filter((group) => group.name.includes(searchString)));
-        }
-    }, [searchString, groups, setFilteredGroups]);
-    const handleDelete = (id) => {
-        deleteGroup(id);
-        setSelectedGroup(undefined);
-    };
-    return (<APIClientProvider baseURL={apiUrl}>
-      <Box sx={{
-            flexGrow: 1,
-            maxWidth: '100%',
-            overflowX: 'hidden',
-            paddingTop: 3,
-            paddingLeft: 3,
-            paddingRight: 3,
-        }}>
-        {!selectedGroup && (<>
-            <Grid container spacing={2} sx={{ marginBottom: 2 }}>
-              <Grid item>
-                <SearchField placeholder={groupsTranslations.search[locale]} onSearch={(value) => setSearchString(value)}/>
-              </Grid>
-              <Grid item>
-                <Button variant='contained' startIcon={<GroupAddIcon />} onClick={() => {
-                setOpenGroupDialog(true);
-                setSelectedGroup(undefined);
-            }}>
-                  {groupsTranslations.new[locale]}
-                </Button>
-              </Grid>
-            </Grid>
-            <GroupsTable groups={filteredGroups} selectedGroup={selectedGroup} setSelectedGroup={(group) => {
-                setSelectedGroup(group);
-            }} onDelete={handleDelete}/>
-          </>)}
-        {selectedGroup && (<Box sx={{
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'flex-start',
-                width: '100%',
-            }}>
-            <Box sx={{
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-            }}>
-              <IconButton aria-label='delete' color='primary' onClick={() => setSelectedGroup(undefined)} sx={{ mr: 2 }}>
-                <ArrowBackIcon />
-              </IconButton>
-              <Link underline='none' href='#' onClick={() => setSelectedGroup(undefined)}>
-                {groupsTranslations.title[locale]}
-              </Link>
-              <KeyboardArrowRightIcon />
-              {selectedGroup.name}
-            </Box>
-            <GroupTabs group={selectedGroup} additionalTabs={additionalTabs}/>
-          </Box>)}
-        <CreateGroupDialog open={openGroupDialog} onClose={() => {
-            setOpenGroupDialog(false);
-        }}/>
-      </Box>
-    </APIClientProvider>);
-};
-export default Groups;

package/lib/components/groups/GroupsTable.jsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { isStringTranslation, useLocale } from '@deix/rossini-core';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, useTheme, } from '@mui/material';
-import { useState } from 'react';
-import DeleteConfirmationDialog from '../DeleteConfirmationDialog';
-const groupsTableColumns = [
-    {
-        id: 'name',
-        label: { en: 'Name', it: 'Nome' },
-    },
-];
-const GroupsTable = ({ groups = [], selectedGroup, setSelectedGroup, onDelete, }) => {
-    const locale = useLocale();
-    const muiTheme = useTheme();
-    const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
-    const [deleteId, setDeleteId] = useState();
-    return (<>
-      <TableContainer>
-        <Table size='small'>
-          <TableHead>
-            <TableRow>
-              {groupsTableColumns.map((col) => (<TableCell key={col.id} align={col.align || 'inherit'}>
-                  {isStringTranslation(col.label)
-                ? col.label[locale]
-                : col.label}
-                </TableCell>))}
-              <TableCell padding='none'>{''}</TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {groups.map((group, rowIdx) => (<TableRow key={rowIdx} onClick={() => setSelectedGroup(group)} sx={{
-                cursor: 'pointer',
-                background: selectedGroup && group.id === selectedGroup.id
-                    ? muiTheme.palette.primary.light
-                    : undefined,
-            }}>
-                <TableCell>{group.name}</TableCell>
-                <TableCell padding='none' align='right'>
-                  <IconButton size='small' onClick={(evt) => {
-                evt.stopPropagation();
-                setOpenConfirmationDialog(true);
-                setDeleteId(group.id);
-            }}>
-                    <DeleteIcon />
-                  </IconButton>
-                </TableCell>
-              </TableRow>))}
-          </TableBody>
-        </Table>
-      </TableContainer>
-      <DeleteConfirmationDialog open={openConfirmationDialog} onClose={() => setOpenConfirmationDialog(false)} onConfirm={() => (deleteId ? onDelete(deleteId) : {})}/>
-    </>);
-};
-export default GroupsTable;

package/lib/components/users/UserDetails.jsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { useUpdateUser } from '../../utils/hooks/users';
-import UserForm from './UserForm';
-import { useAPIClient } from '../../utils/hooks/useAPIClient';
-const UserDetails = ({ user }) => {
-    const apiClient = useAPIClient();
-    const queryClient = useQueryClient();
-    const { mutate: updateUser } = useUpdateUser(queryClient, apiClient);
-    const handleUpdate = (user) => {
-        updateUser(user);
-    };
-    return (<>
-      <UserForm mode='modify' user={user} onSave={handleUpdate} onCancel={() => { }}/>
-    </>);
-};
-export default UserDetails;

package/lib/components/users/UserForm.jsx

@@ -1,75 +0,0 @@
-import React from 'react';
-import { useLocale } from '@deix/rossini-core';
-import { Button, FormControlLabel, Grid, Switch, TextField, } from '@mui/material';
-import { Controller, useForm } from 'react-hook-form';
-import { useEffect } from 'react';
-import usersTranslations from '../../lang/users';
-const UserForm = ({ user, onSave, onCancel, mode = 'create', }) => {
-    const locale = useLocale();
-    const { control, handleSubmit, setValue } = useForm({
-        defaultValues: {
-            id: user?.id || '',
-            username: user?.username || '',
-            firstName: user?.firstName || '',
-            lastName: user?.lastName || '',
-            email: user?.email || '',
-            emailVerified: user?.emailVerified || true,
-            enabled: user?.enabled || true,
-            sendEmailOnCreation: true,
-        },
-    });
-    useEffect(() => {
-        if (user) {
-            setValue('id', user?.id);
-            setValue('username', user?.username);
-            setValue('firstName', user?.firstName);
-            setValue('lastName', user?.lastName);
-            setValue('email', user?.email);
-            setValue('emailVerified', user?.emailVerified);
-            setValue('enabled', user?.enabled);
-            setValue('groups', user?.groups);
-            // The user already exists, we don't want to send an email
-            setValue('sendEmailOnCreation', false);
-        }
-    }, [user, setValue]);
-    const onSubmit = (data) => {
-        onSave(data);
-    };
-    return (<form onSubmit={(event) => void handleSubmit(onSubmit)(event)}>
-      <Grid container spacing={2} sx={{ mt: 2, maxWidth: 'sm' }} justifyContent='stretch'>
-        <Grid item xs={12}>
-          <Controller name='username' control={control} render={({ field }) => (<TextField size='small' fullWidth label={usersTranslations.username[locale]} disabled={mode === 'modify'} sx={{ flexShrink: 0 }} {...field}/>)}/>
-        </Grid>
-        <Grid item xs={12}>
-          <Controller name='firstName' control={control} render={({ field }) => (<TextField size='small' fullWidth label={usersTranslations.firstName[locale]} sx={{ flexShrink: 0 }} {...field}/>)}/>
-        </Grid>
-        <Grid item xs={12}>
-          <Controller name='lastName' control={control} render={({ field }) => (<TextField size='small' fullWidth label={usersTranslations.lastName[locale]} sx={{ flexShrink: 0 }} {...field}/>)}/>
-        </Grid>
-        <Grid item xs={12}>
-          <Controller name='email' control={control} render={({ field }) => (<TextField size='small' fullWidth label={usersTranslations.email[locale]} sx={{ flexShrink: 0 }} {...field}/>)}/>
-        </Grid>
-        <Grid item xs={12}>
-          <Controller name='enabled' control={control} render={({ field }) => (<FormControlLabel sx={{ ml: 1 }} control={<Switch checked={field.value} size='small' {...field}/>} label={usersTranslations.enabled[locale]}/>)}/>
-        </Grid>
-        {mode === 'create' && (<Grid item xs={12}>
-            <Controller name='sendEmailOnCreation' control={control} render={({ field }) => (<FormControlLabel sx={{ ml: 1 }} control={<Switch checked={field.value} size='small' {...field}/>} label={usersTranslations.sendResetPasswordEmail[locale]}/>)}/>
-          </Grid>)}
-        <Grid item sx={{
-            mt: 2,
-            display: 'flex',
-            justifyContent: 'flex-end',
-            gap: 2,
-            width: '100%',
-        }}>
-          {mode === 'create' && (<Button variant='outlined' onClick={onCancel}>
-              {usersTranslations.cancel[locale]}
-            </Button>)}
-          <Button variant='contained' type='submit'>
-            {usersTranslations.save[locale]}
-          </Button>
-        </Grid>
-      </Grid>
-    </form>);
-};
-export default UserForm;