@deix/rossini-identity-management 2.0.0 → 2.0.1

package/lib/components/users/UsersTable.jsx

@@ -1,78 +0,0 @@
-import React from 'react';
-import { isStringTranslation, useLocale } from '@deix/rossini-core';
-import CheckIcon from '@mui/icons-material/Check';
-import CloseIcon from '@mui/icons-material/Close';
-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 usersTableColumns = [
-    {
-        id: 'firstName',
-        label: { en: 'First Name', it: 'Nome' },
-    },
-    {
-        id: 'lastName',
-        label: { en: 'Last Name', it: 'Cognome' },
-    },
-    {
-        id: 'username',
-        label: { en: 'Username', it: 'Username' },
-    },
-    { id: 'email', label: 'Email' },
-    {
-        id: 'enabled',
-        label: { en: 'Enabled', it: 'Utente Abilitato' },
-    },
-];
-const UsersTable = ({ users = [], selectedUser, setSelectedUser, onDelete, emailAsUsername = false, disableDelete = false, }) => {
-    const locale = useLocale();
-    const muiTheme = useTheme();
-    const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
-    const [deleteUser, setDeleteUser] = useState();
-    return (<>
-      <TableContainer>
-        <Table size='small'>
-          <TableHead>
-            <TableRow>
-              {usersTableColumns
-            .filter((c) => c.id !== 'username' || !emailAsUsername)
-            .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>
-            {users.map((user, rowIdx) => (<TableRow key={rowIdx} onClick={() => setSelectedUser(user)} sx={{
-                cursor: 'pointer',
-                background: selectedUser && user.id === selectedUser.id
-                    ? muiTheme.palette.primary.light
-                    : undefined,
-            }}>
-                <TableCell>{user.firstName}</TableCell>
-                <TableCell>{user.lastName}</TableCell>
-                {!emailAsUsername && <TableCell>{user.username}</TableCell>}
-                <TableCell>{user.email}</TableCell>
-                <TableCell>
-                  {user.enabled ? <CheckIcon /> : <CloseIcon />}
-                </TableCell>
-                {!disableDelete && (<TableCell padding='none' align='right'>
-                    <IconButton size='small' onClick={(evt) => {
-                    evt.stopPropagation();
-                    setOpenConfirmationDialog(true);
-                    setDeleteUser(user);
-                }}>
-                      <DeleteIcon />
-                    </IconButton>
-                  </TableCell>)}
-              </TableRow>))}
-          </TableBody>
-        </Table>
-      </TableContainer>
-      <DeleteConfirmationDialog open={openConfirmationDialog} onClose={() => setOpenConfirmationDialog(false)} onConfirm={() => (deleteUser ? onDelete(deleteUser) : {})}/>
-    </>);
-};
-export default UsersTable;

package/lib/components/users/UsersTabs.jsx

@@ -1,36 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-import { Box, Tab, Tabs } from '@mui/material';
-import { useLocale } from '@deix/rossini-core';
-import usersTranslations from '../../lang/users';
-import UserDetails from './UserDetails';
-import UserGroups from './UserGroups';
-import UserCredentials from './UserCredentials';
-const UserTabs = ({ user, additionalTabs = [], onUserUpdate, editUsername, emailAsUsername = false, hideGroupsSelection = false, }) => {
-    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={usersTranslations.details[locale]} value='DETAILS'/>
-          {!hideGroupsSelection && (<Tab label={usersTranslations.userGroups[locale]} value='USER_GROUPS'/>)}
-          <Tab label={usersTranslations.credentials[locale]} value='CREDENTIALS'/>
-          {additionalTabs.map((tab, index) => (<Tab key={`tab${index}`} label={tab.title[locale]} value={`ADDITIONAL_TAB_${index}`}/>))}
-        </Tabs>
-      </Box>
-      <Box sx={{ p: 1 }}>
-        {selectedTab === 'DETAILS' && (<UserDetails user={user} onUserUpdate={onUserUpdate} editUsername={editUsername} emailAsUsername={emailAsUsername}/>)}
-        {selectedTab === 'USER_GROUPS' && !hideGroupsSelection && (<UserGroups user={user}/>)}
-        {selectedTab === 'CREDENTIALS' && <UserCredentials user={user}/>}
-        {additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (<tab.component key={`tab${index}`} user={user}/>))}
-      </Box>
-    </Box>);
-};
-export default UserTabs;