@deix/rossini-identity-management 5.0.0 → 5.1.0

package/lib/src/components/users/UserGroups.js

@@ -2,7 +2,6 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 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, useUserGroups, } from '../../utils/hooks/users';
 import { useState } from 'react';
 import DeleteConfirmationDialog from '../DeleteConfirmationDialog';
@@ -11,14 +10,15 @@ import usersTranslations from '../../lang/users';
 import AddItemDialog from '../AddItemDialog';
 import { useGroups } from '../../utils/hooks/groups';
 import { useAPIClient } from '../../utils/hooks/useAPIClient';
+import useTranslate from '../../utils/hooks/useTranslate';
 const userGroupsTableColumns = [
     {
         id: 'name',
-        label: { en: 'Group', it: 'Gruppo' },
+        label: usersTranslations.group,
     },
 ];
 const UserGroups = ({ user }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { data: groups } = useGroups(apiClient);
@@ -28,13 +28,11 @@ const UserGroups = ({ user }) => {
     const [openAddGroupDialog, setOpenAddGroupDialog] = useState(false);
     const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
     const [deleteId, setDeleteId] = useState();
-    return (_jsxs(_Fragment, { children: [userGroups && userGroups.length > 0 && (_jsx(Box, { sx: { maxWidth: 'sm' }, children: _jsx(TableContainer, { children: _jsxs(Table, { size: 'small', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [userGroupsTableColumns.map((col) => (_jsx(TableCell, { align: col.align || 'inherit', children: isStringTranslation(col.label)
-                                                ? col.label[locale]
-                                                : col.label }, col.id))), _jsx(TableCell, { padding: 'none', children: '' })] }) }), _jsx(TableBody, { children: userGroups?.map((group, rowIdx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: group.name }), _jsx(TableCell, { padding: 'none', align: 'right', children: _jsx(IconButton, { size: 'small', onClick: (evt) => {
+    return (_jsxs(_Fragment, { children: [userGroups && userGroups.length > 0 && (_jsx(Box, { sx: { maxWidth: 'sm' }, children: _jsx(TableContainer, { children: _jsxs(Table, { size: 'small', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [userGroupsTableColumns.map((col) => (_jsx(TableCell, { align: col.align || 'inherit', children: t(col.label) }, col.id))), _jsx(TableCell, { padding: 'none', children: '' })] }) }), _jsx(TableBody, { children: userGroups?.map((group, rowIdx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: group.name }), _jsx(TableCell, { padding: 'none', align: 'right', children: _jsx(IconButton, { size: 'small', onClick: (evt) => {
                                                     evt.stopPropagation();
                                                     setOpenConfirmationDialog(true);
                                                     setDeleteId(group.id);
-                                                }, children: _jsx(DeleteIcon, {}) }) })] }, rowIdx))) })] }) }) })), _jsx(Button, { variant: 'outlined', startIcon: _jsx(AddIcon, {}), onClick: () => setOpenAddGroupDialog(true), sx: { marginTop: 2 }, children: usersTranslations.addGroup[locale] }), _jsx(AddItemDialog, { open: openAddGroupDialog, onClose: () => setOpenAddGroupDialog(false), onConfirm: (value) => {
+                                                }, children: _jsx(DeleteIcon, {}) }) })] }, rowIdx))) })] }) }) })), _jsx(Button, { variant: 'outlined', startIcon: _jsx(AddIcon, {}), onClick: () => setOpenAddGroupDialog(true), sx: { marginTop: 2 }, children: t(usersTranslations.addGroup) }), _jsx(AddItemDialog, { open: openAddGroupDialog, onClose: () => setOpenAddGroupDialog(false), onConfirm: (value) => {
                     if (value) {
                         addUserToGroup({ userId: user.id, groupId: value?.value });
                     }

package/lib/src/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;AAWnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAiB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGhD,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,sBA+JZ,CAAC;eAEa,KAAK"}
+{"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"}

package/lib/src/components/users/Users.js

@@ -5,7 +5,7 @@ import PersonAddIcon from '@mui/icons-material/PersonAdd';
 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 { useAPI } from '@deix/rossini-core';
 import { useQueryClient } from '@tanstack/react-query';
 import { SearchField } from '../../components';
 import CreateUserDialog from './CreateUserDialog';
@@ -14,8 +14,10 @@ import usersTranslations from '../../lang/users';
 import { useDeleteUser, useUsers } from '../../utils/hooks/users';
 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, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPI(apiUrl);
     const queryClient = useQueryClient();
     const { data: users } = useUsers(apiClient, filteredGroup);
@@ -24,6 +26,11 @@ const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUser
     const [filteredUsers, setFilteredUsers] = useState();
     const [selectedUser, setSelectedUser] = useState();
     const [openCreateUserDialog, setOpenCreateUserDialog] = useState(false);
+    // Kept here so the current page survives opening a user's details
+    const [paginationModel, setPaginationModel] = useState({
+        page: 0,
+        pageSize: 25,
+    });
     // Update the filtered users using the search string
     useEffect(() => {
         if (users && searchString === '') {
@@ -66,12 +73,15 @@ const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUser
                 paddingTop: 3,
                 paddingLeft: 3,
                 paddingRight: 3,
-            }, children: [!selectedUser && (_jsxs(_Fragment, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 }, children: [_jsx(Grid, { children: _jsx(SearchField, { placeholder: usersTranslations.search[locale], onSearch: (value) => setSearchString(value) }) }), _jsx(Grid, { children: _jsx(Button, { variant: 'contained', startIcon: _jsx(PersonAddIcon, {}), onClick: () => {
+            }, 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: () => {
                                             setOpenCreateUserDialog(true);
                                             setSelectedUser(undefined);
-                                        }, children: usersTranslations.new[locale] }) })] }), _jsx(UsersTable, { users: filteredUsers, selectedUser: selectedUser, setSelectedUser: (user) => {
+                                        }, children: t(usersTranslations.new) }) })] }), _jsx(UsersTable, { users: filteredUsers, selectedUser: selectedUser, setSelectedUser: (user) => {
                                 setSelectedUser(user);
-                            }, onDelete: handleDelete, emailAsUsername: emailAsUsername, disableDelete: disableDelete })] })), selectedUser && (_jsxs(Box, { sx: {
+                            }, onDelete: handleDelete, emailAsUsername: emailAsUsername, disableDelete: disableDelete, paginationModel: paginationModel, onPaginationModelChange: setPaginationModel })] })), selectedUser && (_jsxs(Box, { sx: {
                         display: 'flex',
                         flexDirection: 'column',
                         alignItems: 'flex-start',
@@ -80,7 +90,7 @@ const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUser
                                 display: 'flex',
                                 flexDirection: 'row',
                                 alignItems: 'center',
-                            }, children: [_jsx(IconButton, { "aria-label": 'delete', color: 'primary', onClick: () => setSelectedUser(undefined), sx: { mr: 2 }, children: _jsx(ArrowBackIcon, {}) }), _jsx(Link, { underline: 'none', href: '#', onClick: () => setSelectedUser(undefined), children: usersTranslations.title[locale] }), _jsx(KeyboardArrowRightIcon, {}), selectedUser.username] }), _jsx(UserTabs, { user: selectedUser, additionalTabs: additionalTabs, onUserUpdate: onUserUpdate, editUsername: editUsername, emailAsUsername: emailAsUsername, hideGroupsSelection: hideGroupsSelection })] })), _jsx(CreateUserDialog, { open: openCreateUserDialog, onClose: () => {
+                            }, children: [_jsx(IconButton, { "aria-label": t(commonTranslations.back), color: 'primary', onClick: () => setSelectedUser(undefined), sx: { mr: 2 }, children: _jsx(ArrowBackIcon, {}) }), _jsx(Link, { underline: 'none', href: '#', onClick: () => setSelectedUser(undefined), children: t(usersTranslations.title) }), _jsx(KeyboardArrowRightIcon, {}), selectedUser.username] }), _jsx(UserTabs, { user: selectedUser, additionalTabs: additionalTabs, onUserUpdate: onUserUpdate, editUsername: editUsername, emailAsUsername: emailAsUsername, hideGroupsSelection: hideGroupsSelection })] })), _jsx(CreateUserDialog, { open: openCreateUserDialog, onClose: () => {
                         setOpenCreateUserDialog(false);
                     }, onUserCreate: onUserCreate, filteredGroup: filteredGroup, emailAsUsername: emailAsUsername })] }) }));
 };

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { GridPaginationModel } from '@mui/x-data-grid';
 import { Group } from '../../types/groups';
 import { User } from '../../types/users';
 export interface TableProps {
@@ -9,7 +10,9 @@ export interface TableProps {
     onDelete: (user: User) => void;
     emailAsUsername?: boolean;
     disableDelete?: boolean;
+    paginationModel?: GridPaginationModel;
+    onPaginationModelChange?: (model: GridPaginationModel) => void;
 }
-declare const UsersTable: ({ users, selectedUser, setSelectedUser, onDelete, emailAsUsername, disableDelete, }: TableProps) => React.JSX.Element;
+declare const UsersTable: ({ users, selectedUser, setSelectedUser, onDelete, emailAsUsername, disableDelete, paginationModel, onPaginationModelChange, }: TableProps) => React.JSX.Element;
 export default UsersTable;
 //# sourceMappingURL=UsersTable.d.ts.map

package/lib/src/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;AAiB1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAuBzC,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;CACzB;AAED,QAAA,MAAM,UAAU,wFAOb,UAAU,sBAwEZ,CAAC;eAEa,UAAU"}
+{"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"}

package/lib/src/components/users/UsersTable.js

@@ -1,48 +1,25 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import usersTranslations from '../../lang/users';
+import Table from '../tables/Table';
 const usersTableColumns = [
     {
-        id: 'firstName',
-        label: { en: 'First Name', it: 'Nome' },
+        field: 'firstName',
+        label: usersTranslations.firstName,
     },
     {
-        id: 'lastName',
-        label: { en: 'Last Name', it: 'Cognome' },
+        field: 'lastName',
+        label: usersTranslations.lastName,
     },
     {
-        id: 'username',
-        label: { en: 'Username', it: 'Username' },
+        field: 'username',
+        label: usersTranslations.username,
     },
-    { id: 'email', label: 'Email' },
+    { field: 'email', label: usersTranslations.emailColumn },
     {
-        id: 'enabled',
-        label: { en: 'Enabled', it: 'Utente Abilitato' },
+        field: 'enabled',
+        label: usersTranslations.userEnabled,
+        type: 'boolean',
     },
 ];
-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 (_jsxs(_Fragment, { children: [_jsx(TableContainer, { children: _jsxs(Table, { size: 'small', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [usersTableColumns
-                                        .filter((c) => c.id !== 'username' || !emailAsUsername)
-                                        .map((col) => (_jsx(TableCell, { align: col.align || 'inherit', children: isStringTranslation(col.label)
-                                            ? col.label[locale]
-                                            : col.label }, col.id))), _jsx(TableCell, { padding: 'none', children: '' })] }) }), _jsx(TableBody, { children: users.map((user, rowIdx) => (_jsxs(TableRow, { onClick: () => setSelectedUser(user), sx: {
-                                    cursor: 'pointer',
-                                    background: selectedUser && user.id === selectedUser.id
-                                        ? muiTheme.palette.primary.light
-                                        : undefined,
-                                }, children: [_jsx(TableCell, { children: user.firstName }), _jsx(TableCell, { children: user.lastName }), !emailAsUsername && _jsx(TableCell, { children: user.username }), _jsx(TableCell, { children: user.email }), _jsx(TableCell, { children: user.enabled ? _jsx(CheckIcon, {}) : _jsx(CloseIcon, {}) }), !disableDelete && (_jsx(TableCell, { padding: 'none', align: 'right', children: _jsx(IconButton, { size: 'small', onClick: (evt) => {
-                                                evt.stopPropagation();
-                                                setOpenConfirmationDialog(true);
-                                                setDeleteUser(user);
-                                            }, children: _jsx(DeleteIcon, {}) }) }))] }, rowIdx))) })] }) }), _jsx(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => (deleteUser ? onDelete(deleteUser) : {}) })] }));
-};
+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 }));
 export default UsersTable;

package/lib/src/components/users/UsersTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UsersTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/users/UsersTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAKzC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,QAAQ,gGAOX,aAAa,sBA+Df,CAAC;eAEa,QAAQ"}
+{"version":3,"file":"UsersTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/users/UsersTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAMzC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,QAAQ,gGAOX,aAAa,sBAyDf,CAAC;eAEa,QAAQ"}

package/lib/src/components/users/UsersTabs.js

@@ -2,13 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { 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';
+import useTranslate from '../../utils/hooks/useTranslate';
 const UserTabs = ({ user, additionalTabs = [], onUserUpdate, editUsername, emailAsUsername = false, hideGroupsSelection = false, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const [selectedTab, setSelectedTab] = useState('DETAILS');
     return (_jsxs(Box, { sx: {
             flexGrow: 1,
@@ -17,6 +17,6 @@ const UserTabs = ({ user, additionalTabs = [], onUserUpdate, editUsername, email
             alignSelf: 'stretch',
         }, children: [_jsx(Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: _jsxs(Tabs, { value: selectedTab, onChange: (_evt, newValue) => {
                         setSelectedTab(newValue);
-                    }, "aria-label": 'basic tabs example', children: [_jsx(Tab, { label: usersTranslations.details[locale], value: 'DETAILS' }), !hideGroupsSelection && (_jsx(Tab, { label: usersTranslations.userGroups[locale], value: 'USER_GROUPS' })), _jsx(Tab, { label: usersTranslations.credentials[locale], value: 'CREDENTIALS' }), additionalTabs.map((tab, index) => (_jsx(Tab, { label: tab.title[locale], value: `ADDITIONAL_TAB_${index}` }, `tab${index}`)))] }) }), _jsxs(Box, { sx: { p: 1 }, children: [selectedTab === 'DETAILS' && (_jsx(UserDetails, { user: user, onUserUpdate: onUserUpdate, editUsername: editUsername, emailAsUsername: emailAsUsername })), selectedTab === 'USER_GROUPS' && !hideGroupsSelection && (_jsx(UserGroups, { user: user })), selectedTab === 'CREDENTIALS' && _jsx(UserCredentials, { user: user }), additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (_jsx(tab.component, { user: user }, `tab${index}`)))] })] }));
+                    }, "aria-label": t(usersTranslations.details), children: [_jsx(Tab, { label: t(usersTranslations.details), value: 'DETAILS' }), !hideGroupsSelection && (_jsx(Tab, { label: t(usersTranslations.userGroups), value: 'USER_GROUPS' })), _jsx(Tab, { label: t(usersTranslations.credentials), value: 'CREDENTIALS' }), additionalTabs.map((tab, index) => (_jsx(Tab, { label: t(tab.title), value: `ADDITIONAL_TAB_${index}` }, `tab${index}`)))] }) }), _jsxs(Box, { sx: { p: 1 }, children: [selectedTab === 'DETAILS' && (_jsx(UserDetails, { user: user, onUserUpdate: onUserUpdate, editUsername: editUsername, emailAsUsername: emailAsUsername })), selectedTab === 'USER_GROUPS' && !hideGroupsSelection && (_jsx(UserGroups, { user: user })), selectedTab === 'CREDENTIALS' && _jsx(UserCredentials, { user: user }), additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (_jsx(tab.component, { user: user }, `tab${index}`)))] })] }));
 };
 export default UserTabs;

package/lib/src/lang/common.d.ts

@@ -0,0 +1,6 @@
+import { StringTranslation } from '@deix/rossini-core';
+declare const commonTranslations: {
+    [key: string]: StringTranslation;
+};
+export default commonTranslations;
+//# sourceMappingURL=common.d.ts.map

package/lib/src/lang/common.d.ts.map

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

package/lib/src/lang/common.js

@@ -0,0 +1,35 @@
+const commonTranslations = {
+    add: {
+        en: 'Add',
+        it: 'Aggiungi',
+    },
+    cancel: {
+        en: 'Cancel',
+        it: 'Annulla',
+    },
+    search: {
+        en: 'Search...',
+        it: 'Cerca...',
+    },
+    back: {
+        en: 'Back',
+        it: 'Indietro',
+    },
+    yes: {
+        en: 'Yes',
+        it: 'Si',
+    },
+    no: {
+        en: 'No',
+        it: 'No',
+    },
+    deleteTitle: {
+        en: 'Delete item?',
+        it: 'Cancellare elemento?',
+    },
+    deleteMessage: {
+        en: 'This is a permanent action',
+        it: "Questa è un'azione permanente",
+    },
+};
+export default commonTranslations;

package/lib/src/lang/groups.d.ts.map

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

package/lib/src/lang/groups.js

@@ -23,6 +23,10 @@ const groupsTranslations = {
         en: 'Group Name',
         it: 'Nome Gruppo',
     },
+    nameColumn: {
+        en: 'Name',
+        it: 'Nome',
+    },
     cancel: {
         en: 'Cancel',
         it: 'Annulla',

package/lib/src/lang/tables.d.ts

@@ -0,0 +1,6 @@
+import { StringTranslation } from '@deix/rossini-core';
+declare const tablesTranslations: {
+    [key: string]: StringTranslation;
+};
+export default tablesTranslations;
+//# sourceMappingURL=tables.d.ts.map

package/lib/src/lang/tables.d.ts.map

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

package/lib/src/lang/tables.js

@@ -0,0 +1,11 @@
+const tablesTranslations = {
+    noData: {
+        en: 'No data available',
+        it: 'Non ci sono dati',
+    },
+    delete: {
+        en: 'Delete',
+        it: 'Elimina',
+    },
+};
+export default tablesTranslations;

package/lib/src/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,EA6HlB;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,EA6IlB;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAA;CAAE,CAAC;eAE3B,iBAAiB"}

package/lib/src/lang/users.js

@@ -35,6 +35,10 @@ const usersTranslations = {
         en: 'Last Name',
         it: 'Cognome',
     },
+    fullName: {
+        en: 'Full Name',
+        it: 'Nome Completo',
+    },
     email: {
         en: 'Email Address',
         it: 'Indirizzo Email',
@@ -51,6 +55,18 @@ const usersTranslations = {
         en: 'Groups',
         it: 'Gruppi',
     },
+    emailColumn: {
+        en: 'Email',
+        it: 'Email',
+    },
+    userEnabled: {
+        en: 'Enabled',
+        it: 'Utente Abilitato',
+    },
+    group: {
+        en: 'Group',
+        it: 'Gruppo',
+    },
     credentials: {
         en: 'Credentials',
         it: 'Credenziali',

package/lib/src/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,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;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"}

package/lib/src/utils/hooks/groups.js

@@ -1,7 +1,7 @@
 import { useMutation, useQuery, } from '@tanstack/react-query';
 import { enqueueSnackbar } from 'notistack';
-import { useLocale } from '@deix/rossini-core';
 import groupsTranslations from '../../lang/groups';
+import useTranslate from './useTranslate';
 // Get list of groups
 const getGroups = async (apiClient) => {
     const { data } = await apiClient.get(`/groups`, {
@@ -22,16 +22,16 @@ const addGroup = async ({ newGroup, apiClient, }) => {
     return data;
 };
 export const useAddGroup = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: (newGroup) => addGroup({ newGroup, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${groupsTranslations.addGroupError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(groupsTranslations.addGroupError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(groupsTranslations.addGroupSuccess[locale], {
+            enqueueSnackbar(t(groupsTranslations.addGroupSuccess), {
                 variant: 'success',
             });
         },
@@ -53,16 +53,16 @@ const updateGroup = async ({ updatedGroup, apiClient, }) => {
     return data;
 };
 export const useUpdateGroup = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: (updatedGroup) => updateGroup({ updatedGroup, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${groupsTranslations.updateGroupError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(groupsTranslations.updateGroupError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(groupsTranslations.updateGroupSuccess[locale], {
+            enqueueSnackbar(t(groupsTranslations.updateGroupSuccess), {
                 variant: 'success',
             });
         },
@@ -86,16 +86,16 @@ const deleteGroup = async ({ id, apiClient, }) => {
     }
 };
 export const useDeleteGroup = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: (id) => deleteGroup({ id, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${groupsTranslations.deleteGroupError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(groupsTranslations.deleteGroupError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(groupsTranslations.deleteGroupSuccess[locale], {
+            enqueueSnackbar(t(groupsTranslations.deleteGroupSuccess), {
                 variant: 'success',
             });
         },

package/lib/src/utils/hooks/useTranslate.d.ts

@@ -0,0 +1,6 @@
+import { Locale, StringTranslation } from '@deix/rossini-core';
+export declare const defaultLocale: Locale;
+export declare const translate: (text: string | StringTranslation | undefined, locale: Locale) => string;
+declare const useTranslate: () => (text: string | StringTranslation | undefined) => string;
+export default useTranslate;
+//# sourceMappingURL=useTranslate.d.ts.map

package/lib/src/utils/hooks/useTranslate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslate.d.ts","sourceRoot":"","sources":["../../../../src/utils/hooks/useTranslate.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,MAAM,EACN,iBAAiB,EAElB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,aAAa,EAAE,MAAa,CAAC;AAG1C,eAAO,MAAM,SAAS,SACd,MAAM,GAAG,iBAAiB,GAAG,SAAS,UACpC,MAAM,KACb,MAKF,CAAC;AAGF,QAAA,MAAM,YAAY,eAGP,MAAM,GAAG,iBAAiB,GAAG,SAAS,WAGhD,CAAC;eAEa,YAAY"}

package/lib/src/utils/hooks/useTranslate.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { isStringTranslation, useLocale, } from '@deix/rossini-core';
+export const defaultLocale = 'en';
+// Resolve a label in the given locale, falling back to English
+export const translate = (text, locale) => {
+    if (isStringTranslation(text)) {
+        return text[locale] ?? text[defaultLocale] ?? '';
+    }
+    return text ?? '';
+};
+// Translation function bound to the current locale (from rossini-core)
+const useTranslate = () => {
+    const locale = useLocale();
+    return useCallback((text) => translate(text, locale), [locale]);
+};
+export default useTranslate;

package/lib/src/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,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;AAGjE,eAAO,MAAM,QAAQ,cACR,aAAa,aACb,MAAM,UACT,MAAM,WACN,MAAM,UACP,MAAM,oBAqBd,CAAC;AAEF,eAAO,MAAM,QAAQ,cACR,aAAa,UAChB,MAAM,WACN,MAAM,UACP,MAAM,KACZ,cAAc,CAAC,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAW1C,CAAC;AAQF,eAAO,MAAM,OAAO,OACd,MAAM,aACC,aAAa,KACvB,cAAc,CAAC,IAAI,GAAG,SAAS,EAAE,KAAK,CAMxC,CAAC;AAGF,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,EACX,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;AAIjE,eAAO,MAAM,QAAQ,cACR,aAAa,aACb,MAAM,UACT,MAAM,WACN,MAAM,UACP,MAAM,oBAqBd,CAAC;AAEF,eAAO,MAAM,QAAQ,cACR,aAAa,UAChB,MAAM,WACN,MAAM,UACP,MAAM,KACZ,cAAc,CAAC,IAAI,EAAE,GAAG,SAAS,EAAE,KAAK,CAW1C,CAAC;AAQF,eAAO,MAAM,OAAO,OACd,MAAM,aACC,aAAa,KACvB,cAAc,CAAC,IAAI,GAAG,SAAS,EAAE,KAAK,CAMxC,CAAC;AAGF,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"}

package/lib/src/utils/hooks/users.js

@@ -1,7 +1,7 @@
 import { useMutation, useQuery, } from '@tanstack/react-query';
 import { enqueueSnackbar } from 'notistack';
-import { useLocale } from '@deix/rossini-core';
 import usersTranslations from '../../lang/users';
+import useTranslate from './useTranslate';
 // Get list of users
 export const getUsers = async (apiClient, username, group, offset = 0, limit = 1000) => {
     if (group) {
@@ -61,19 +61,19 @@ export const addUser = async ({ newUser, sendEmailOnCreation, apiClient, groups,
     return null;
 };
 export const useAddUser = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: ({ data, groups, }) => {
             const { sendEmailOnCreation, ...newUser } = data;
             return addUser({ newUser, sendEmailOnCreation, apiClient, groups });
         },
         onError: (error) => {
-            enqueueSnackbar(`${usersTranslations.addUserError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(usersTranslations.addUserError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(usersTranslations.addUserSuccess[locale], {
+            enqueueSnackbar(t(usersTranslations.addUserSuccess), {
                 variant: 'success',
             });
         },
@@ -95,16 +95,16 @@ const updateUser = async ({ updatedUser, apiClient, }) => {
     return data;
 };
 export const useUpdateUser = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: (updatedUser) => updateUser({ updatedUser, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${usersTranslations.updateUserError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(usersTranslations.updateUserError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(usersTranslations.updateUserSuccess[locale], {
+            enqueueSnackbar(t(usersTranslations.updateUserSuccess), {
                 variant: 'success',
             });
         },
@@ -128,16 +128,16 @@ const deleteUser = async ({ id, apiClient, }) => {
     }
 };
 export const useDeleteUser = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: (id) => deleteUser({ id, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${usersTranslations.deleteUserError[locale]} ${error.message}`, {
+            enqueueSnackbar(`${t(usersTranslations.deleteUserError)} ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(usersTranslations.deleteUserSuccess[locale], {
+            enqueueSnackbar(t(usersTranslations.deleteUserSuccess), {
                 variant: 'success',
             });
         },
@@ -178,16 +178,16 @@ const addUserToGroup = async ({ userId, groupId, apiClient, }) => {
     };
 };
 export const useAddUserToGroup = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: ({ userId, groupId }) => addUserToGroup({ userId, groupId, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${usersTranslations.addUserToGroupError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(usersTranslations.addUserToGroupError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(usersTranslations.addUserToGroupSuccess[locale], {
+            enqueueSnackbar(t(usersTranslations.addUserToGroupSuccess), {
                 variant: 'success',
             });
         },
@@ -216,16 +216,16 @@ const removeUserFromGroup = async ({ userId, groupId, apiClient, }) => {
     };
 };
 export const useRemoveUserFromGroup = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: ({ userId, groupId }) => removeUserFromGroup({ userId, groupId, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${usersTranslations.removeUserFromGroupError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(usersTranslations.removeUserFromGroupError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(usersTranslations.removeUserFromGroupSuccess[locale], {
+            enqueueSnackbar(t(usersTranslations.removeUserFromGroupSuccess), {
                 variant: 'success',
             });
         },
@@ -255,16 +255,16 @@ const sendUpdatePasswordEmail = async ({ userId, apiClient, }) => {
     };
 };
 export const useSendUpdatePasswordEmail = (queryClient, apiClient) => {
-    const locale = useLocale();
+    const t = useTranslate();
     return useMutation({
         mutationFn: (userId) => sendUpdatePasswordEmail({ userId, apiClient }),
         onError: (error) => {
-            enqueueSnackbar(`${usersTranslations.sendEmailError[locale]}. ${error.message}`, {
+            enqueueSnackbar(`${t(usersTranslations.sendEmailError)}. ${error.message}`, {
                 variant: 'error',
             });
         },
         onSuccess: () => {
-            enqueueSnackbar(usersTranslations.sendEmailSuccess[locale], {
+            enqueueSnackbar(t(usersTranslations.sendEmailSuccess), {
                 variant: 'success',
             });
         },