@deix/rossini-identity-management 5.0.0 → 5.0.1

package/lib/src/components/AddItemDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddItemDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AddItemDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAkBlE,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,aAAa,kDAMhB,kBAAkB,sBAkDpB,CAAC;eAEa,aAAa"}
+{"version":3,"file":"AddItemDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AddItemDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAKvD,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,aAAa,kDAMhB,kBAAkB,sBAkDpB,CAAC;eAEa,aAAa"}

package/lib/src/components/AddItemDialog.js

@@ -1,23 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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...',
-    },
-};
+import useTranslate from '../utils/hooks/useTranslate';
+import commonTranslations from '../lang/common';
 const AddItemDialog = ({ title, options, open, onClose, onConfirm, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const [value, setValue] = useState(null);
     // Reset the value when the dialog is closed
     useEffect(() => {
@@ -25,15 +12,15 @@ const AddItemDialog = ({ title, options, open, onClose, onConfirm, }) => {
             setValue(null);
         }
     }, [open]);
-    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: title[locale] }), _jsx(DialogContent, { children: _jsx(Autocomplete
+    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: t(title) }), _jsx(DialogContent, { children: _jsx(Autocomplete
                 // multiple
                 , { 
                     // multiple
-                    options: options ?? [], getOptionLabel: (option) => option.label, getOptionKey: (option) => option.value, isOptionEqualToValue: (option, value) => option.value === value.value, renderInput: (params) => (_jsx(TextField, { ...params, label: translations.search[locale], placeholder: '' })), onChange: (event, newValue) => {
+                    options: options ?? [], getOptionLabel: (option) => option.label, getOptionKey: (option) => option.value, isOptionEqualToValue: (option, value) => option.value === value.value, renderInput: (params) => (_jsx(TextField, { ...params, label: t(commonTranslations.search), placeholder: '' })), onChange: (event, newValue) => {
                         setValue(newValue);
-                    }, value: value }) }), _jsxs(DialogActions, { children: [_jsx(Button, { size: 'small', variant: 'outlined', onClick: onClose, children: translations.cancel[locale] }), _jsx(Button, { variant: 'contained', onClick: () => {
+                    }, value: value }) }), _jsxs(DialogActions, { children: [_jsx(Button, { size: 'small', variant: 'outlined', onClick: onClose, children: t(commonTranslations.cancel) }), _jsx(Button, { variant: 'contained', onClick: () => {
                             onConfirm(value);
                             onClose();
-                        }, children: translations.ok[locale] })] })] }));
+                        }, children: t(commonTranslations.add) })] })] }));
 };
 export default AddItemDialog;

package/lib/src/components/DeleteConfirmationDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,wBAAwB,kCAI3B,6BAA6B,sBA2B/B,CAAC;eAEa,wBAAwB"}
+{"version":3,"file":"DeleteConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DeleteConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,wBAAwB,kCAI3B,6BAA6B,sBA2B/B,CAAC;eAEa,wBAAwB"}

package/lib/src/components/DeleteConfirmationDialog.js

@@ -1,29 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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',
-    },
-};
+import useTranslate from '../utils/hooks/useTranslate';
+import commonTranslations from '../lang/common';
 const DeleteConfirmationDialog = ({ open, onClose, onConfirm, }) => {
-    const locale = useLocale();
-    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: translations.title[locale] }), _jsx(DialogContent, { children: _jsx(Typography, { variant: 'caption', children: translations.message[locale] }) }), _jsxs(DialogActions, { children: [_jsx(Button, { size: 'small', variant: 'outlined', onClick: onClose, children: translations.no[locale] }), _jsx(Button, { size: 'small', variant: 'contained', onClick: () => {
+    const t = useTranslate();
+    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: t(commonTranslations.deleteTitle) }), _jsx(DialogContent, { children: _jsx(Typography, { variant: 'caption', children: t(commonTranslations.deleteMessage) }) }), _jsxs(DialogActions, { children: [_jsx(Button, { size: 'small', variant: 'outlined', onClick: onClose, children: t(commonTranslations.no) }), _jsx(Button, { size: 'small', variant: 'contained', onClick: () => {
                             onConfirm();
                             onClose();
-                        }, children: translations.yes[locale] })] })] }));
+                        }, children: t(commonTranslations.yes) })] })] }));
 };
 export default DeleteConfirmationDialog;

package/lib/src/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;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;eAEa,iBAAiB"}
+{"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;AAM3C,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;eAEa,iBAAiB"}

package/lib/src/components/groups/CreateGroupDialog.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLocale } from '@deix/rossini-core';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import { useQueryClient } from '@tanstack/react-query';
 import groupsTranslations from '../../lang/groups';
 import { useAddGroup } from '../../utils/hooks/groups';
 import GroupForm from './GroupForm';
 import { useAPIClient } from '../../utils/hooks/useAPIClient';
+import useTranslate from '../../utils/hooks/useTranslate';
 const CreateGroupDialog = ({ open, onClose, onGroupCreate, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: addGroup } = useAddGroup(queryClient, apiClient);
@@ -18,6 +18,6 @@ const CreateGroupDialog = ({ open, onClose, onGroupCreate, }) => {
         }
         onClose();
     };
-    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: groupsTranslations.create[locale] }), _jsx(DialogContent, { children: _jsx(GroupForm, { mode: 'create', onSave: handleSave, onCancel: onClose }) })] }));
+    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: t(groupsTranslations.create) }), _jsx(DialogContent, { children: _jsx(GroupForm, { mode: 'create', onSave: handleSave, onCancel: onClose }) })] }));
 };
 export default CreateGroupDialog;

package/lib/src/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;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,iDAMZ,cAAc,sBAiEhB,CAAC;eAEa,SAAS"}
+{"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;AAG3C,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,sBAiEhB,CAAC;eAEa,SAAS"}

package/lib/src/components/groups/GroupForm.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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';
+import useTranslate from '../../utils/hooks/useTranslate';
 const GroupForm = ({ group, onCancel, onSave, mode, editName, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const { control, handleSubmit, setValue } = useForm({
         defaultValues: {
             id: group?.id,
@@ -21,12 +21,12 @@ const GroupForm = ({ group, onCancel, onSave, mode, editName, }) => {
     const onSubmit = (data) => {
         onSave(data);
     };
-    return (_jsx("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event), children: _jsxs(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm', justifyContent: 'stretch' }, children: [_jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'name', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: groupsTranslations.name[locale], disabled: mode === 'modify' && !editName, sx: { flexShrink: 0 }, ...field })) }) }), _jsxs(Grid, { sx: {
+    return (_jsx("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event), children: _jsxs(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm', justifyContent: 'stretch' }, children: [_jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'name', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: t(groupsTranslations.name), disabled: mode === 'modify' && !editName, sx: { flexShrink: 0 }, ...field })) }) }), _jsxs(Grid, { sx: {
                         mt: 2,
                         display: 'flex',
                         justifyContent: 'flex-end',
                         gap: 2,
                         width: '100%',
-                    }, children: [mode === 'create' && (_jsx(Button, { variant: 'outlined', onClick: onCancel, children: groupsTranslations.cancel[locale] })), _jsx(Button, { variant: 'contained', type: 'submit', children: groupsTranslations.save[locale] })] })] }) }));
+                    }, children: [mode === 'create' && (_jsx(Button, { variant: 'outlined', onClick: onCancel, children: t(groupsTranslations.cancel) })), _jsx(Button, { variant: 'contained', type: 'submit', children: t(groupsTranslations.save) })] })] }) }));
 };
 export default GroupForm;

package/lib/src/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;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;eAEa,SAAS"}
+{"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,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAM3C,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;eAEa,SAAS"}

package/lib/src/components/groups/GroupTabs.js

@@ -2,12 +2,12 @@
 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 GroupDetails from './GroupDetails';
 import groupsTranslations from '../../lang/groups';
 import GroupUsers from './GroupUsers';
+import useTranslate from '../../utils/hooks/useTranslate';
 const GroupTabs = ({ group, additionalTabs = [], onGroupUpdate, editName, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const [selectedTab, setSelectedTab] = useState('DETAILS');
     return (_jsxs(Box, { sx: {
             flexGrow: 1,
@@ -16,6 +16,6 @@ const GroupTabs = ({ group, additionalTabs = [], onGroupUpdate, editName, }) =>
             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: groupsTranslations.details[locale], value: 'DETAILS' }), _jsx(Tab, { label: groupsTranslations.users[locale], value: 'USERS' }), 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(GroupDetails, { group: group, onGroupUpdate: onGroupUpdate, editName: editName })), selectedTab === 'USERS' && _jsx(GroupUsers, { group: group }), additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (_jsx(tab.component, { group: group }, `tab${index}`)))] })] }));
+                    }, "aria-label": t(groupsTranslations.details), children: [_jsx(Tab, { label: t(groupsTranslations.details), value: 'DETAILS' }), _jsx(Tab, { label: t(groupsTranslations.users), value: 'USERS' }), 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(GroupDetails, { group: group, onGroupUpdate: onGroupUpdate, editName: editName })), selectedTab === 'USERS' && _jsx(GroupUsers, { group: group }), additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (_jsx(tab.component, { group: group }, `tab${index}`)))] })] }));
 };
 export default GroupTabs;

package/lib/src/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;AA8B3C,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,UAAU,cAAe,eAAe,sBA8F7C,CAAC;eAEa,UAAU"}
+{"version":3,"file":"GroupUsers.d.ts","sourceRoot":"","sources":["../../../../src/components/groups/GroupUsers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAgC3C,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,UAAU,cAAe,eAAe,sBAoD7C,CAAC;eAEa,UAAU"}

package/lib/src/components/groups/GroupUsers.js

@@ -1,32 +1,32 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, } from '@mui/material';
+import { Box, Button } 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 Table from '../tables/Table';
 import { useGroupUsers } from '../../utils/hooks/groups';
 import groupsTranslations from '../../lang/groups';
+import usersTranslations from '../../lang/users';
 import { useAPIClient } from '../../utils/hooks/useAPIClient';
+import useTranslate from '../../utils/hooks/useTranslate';
 const groupUsersTableColumns = [
     {
-        id: 'username',
-        label: { en: 'Username', it: 'Username' },
+        field: 'username',
+        label: usersTranslations.username,
     },
     {
-        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,
     },
 ];
 const GroupUsers = ({ group }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { data: users } = useUsers(apiClient);
@@ -34,23 +34,13 @@ const GroupUsers = ({ group }) => {
     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 (_jsxs(_Fragment, { children: [groupUsers && groupUsers.length > 0 && (_jsx(Box, { sx: { maxWidth: 'md' }, children: _jsx(TableContainer, { children: _jsxs(Table, { size: 'small', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [groupUsersTableColumns.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: groupUsers?.map((user, rowIdx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: user.username }), _jsx(TableCell, { children: user.firstName }), _jsx(TableCell, { children: user.lastName }), _jsx(TableCell, { padding: 'none', align: 'right', children: _jsx(IconButton, { size: 'small', onClick: (evt) => {
-                                                    evt.stopPropagation();
-                                                    setOpenConfirmationDialog(true);
-                                                    setDeleteId(user.id);
-                                                }, children: _jsx(DeleteIcon, {}) }) })] }, rowIdx))) })] }) }) })), _jsx(Button, { variant: 'outlined', startIcon: _jsx(AddIcon, {}), onClick: () => setOpenAddUserDialog(true), sx: { marginTop: 2 }, children: groupsTranslations.addUser[locale] }), _jsx(AddItemDialog, { open: openAddUserDialog, onClose: () => setOpenAddUserDialog(false), onConfirm: (value) => {
+    return (_jsxs(_Fragment, { children: [groupUsers && groupUsers.length > 0 && (_jsx(Box, { sx: { maxWidth: 'md' }, children: _jsx(Table, { rows: groupUsers, columns: groupUsersTableColumns, onDelete: (user) => removeUserFromGroup({ userId: user.id, groupId: group.id }) }) })), _jsx(Button, { variant: 'outlined', startIcon: _jsx(AddIcon, {}), onClick: () => setOpenAddUserDialog(true), sx: { marginTop: 2 }, children: t(groupsTranslations.addUser) }), _jsx(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 || '',
-                })) }), _jsx(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => deleteId
-                    ? removeUserFromGroup({ userId: deleteId, groupId: group.id })
-                    : {} })] }));
+                })) })] }));
 };
 export default GroupUsers;

package/lib/src/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;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,sBAgJb,CAAC;eAEa,MAAM"}
+{"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;AAMlD,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,sBAgJb,CAAC;eAEa,MAAM"}

package/lib/src/components/groups/Groups.js

@@ -5,7 +5,7 @@ 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 { useAPI } from '@deix/rossini-core';
 import { SearchField } from '..';
 import CreateGroupDialog from './CreateGroupDialog';
 import GroupsTable from './GroupsTable';
@@ -14,8 +14,10 @@ import { useDeleteGroup, useGroups } from '../../utils/hooks/groups';
 import GroupTabs from './GroupTabs';
 import { useQueryClient } from '@tanstack/react-query';
 import { APIClientProvider } from '../../utils/hooks/useAPIClient';
+import commonTranslations from '../../lang/common';
+import useTranslate from '../../utils/hooks/useTranslate';
 const Groups = ({ apiUrl, additionalTabs = [], onGroupUpdate, onGroupCreate, onGroupDelete, editName, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPI(apiUrl);
     const queryClient = useQueryClient();
     const { data: groups } = useGroups(apiClient);
@@ -60,10 +62,10 @@ const Groups = ({ apiUrl, additionalTabs = [], onGroupUpdate, onGroupCreate, onG
                 paddingTop: 3,
                 paddingLeft: 3,
                 paddingRight: 3,
-            }, children: [!selectedGroup && (_jsxs(_Fragment, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 }, children: [_jsx(Grid, { children: _jsx(SearchField, { placeholder: groupsTranslations.search[locale], onSearch: (value) => setSearchString(value) }) }), _jsx(Grid, { children: _jsx(Button, { variant: 'contained', startIcon: _jsx(GroupAddIcon, {}), onClick: () => {
+            }, children: [!selectedGroup && (_jsxs(_Fragment, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 }, children: [_jsx(Grid, { children: _jsx(SearchField, { placeholder: t(groupsTranslations.search), onSearch: (value) => setSearchString(value) }) }), _jsx(Grid, { children: _jsx(Button, { variant: 'contained', startIcon: _jsx(GroupAddIcon, {}), onClick: () => {
                                             setOpenGroupDialog(true);
                                             setSelectedGroup(undefined);
-                                        }, children: groupsTranslations.new[locale] }) })] }), _jsx(GroupsTable, { groups: filteredGroups, selectedGroup: selectedGroup, setSelectedGroup: (group) => {
+                                        }, children: t(groupsTranslations.new) }) })] }), _jsx(GroupsTable, { groups: filteredGroups, selectedGroup: selectedGroup, setSelectedGroup: (group) => {
                                 setSelectedGroup(group);
                             }, onDelete: handleDelete })] })), selectedGroup && (_jsxs(Box, { sx: {
                         display: 'flex',
@@ -74,7 +76,7 @@ const Groups = ({ apiUrl, additionalTabs = [], onGroupUpdate, onGroupCreate, onG
                                 display: 'flex',
                                 flexDirection: 'row',
                                 alignItems: 'center',
-                            }, children: [_jsx(IconButton, { "aria-label": 'delete', color: 'primary', onClick: () => setSelectedGroup(undefined), sx: { mr: 2 }, children: _jsx(ArrowBackIcon, {}) }), _jsx(Link, { underline: 'none', href: '#', onClick: () => setSelectedGroup(undefined), children: groupsTranslations.title[locale] }), _jsx(KeyboardArrowRightIcon, {}), selectedGroup.name] }), _jsx(GroupTabs, { group: selectedGroup, additionalTabs: additionalTabs, onGroupUpdate: onGroupUpdate, editName: editName })] })), _jsx(CreateGroupDialog, { open: openGroupDialog, onClose: () => {
+                            }, children: [_jsx(IconButton, { "aria-label": t(commonTranslations.back), color: 'primary', onClick: () => setSelectedGroup(undefined), sx: { mr: 2 }, children: _jsx(ArrowBackIcon, {}) }), _jsx(Link, { underline: 'none', href: '#', onClick: () => setSelectedGroup(undefined), children: t(groupsTranslations.title) }), _jsx(KeyboardArrowRightIcon, {}), selectedGroup.name] }), _jsx(GroupTabs, { group: selectedGroup, additionalTabs: additionalTabs, onGroupUpdate: onGroupUpdate, editName: editName })] })), _jsx(CreateGroupDialog, { open: openGroupDialog, onClose: () => {
                         setOpenGroupDialog(false);
                     }, onGroupCreate: onGroupCreate })] }) }));
 };

package/lib/src/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,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,WAAW,2DAKd,UAAU,sBA8DZ,CAAC;eAEa,WAAW"}
+{"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;AAa3C,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,sBA4DZ,CAAC;eAEa,WAAW"}

package/lib/src/components/groups/GroupsTable.js

@@ -1,23 +1,22 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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';
+import groupsTranslations from '../../lang/groups';
+import useTranslate from '../../utils/hooks/useTranslate';
 const groupsTableColumns = [
     {
         id: 'name',
-        label: { en: 'Name', it: 'Nome' },
+        label: groupsTranslations.nameColumn,
     },
 ];
 const GroupsTable = ({ groups = [], selectedGroup, setSelectedGroup, onDelete, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const muiTheme = useTheme();
     const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
     const [deleteGroup, setDeleteGroup] = useState();
-    return (_jsxs(_Fragment, { children: [_jsx(TableContainer, { children: _jsxs(Table, { size: 'small', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [groupsTableColumns.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: groups.map((group, rowIdx) => (_jsxs(TableRow, { onClick: () => setSelectedGroup(group), sx: {
+    return (_jsxs(_Fragment, { children: [_jsx(TableContainer, { children: _jsxs(Table, { size: 'small', children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [groupsTableColumns.map((col) => (_jsx(TableCell, { align: col.align || 'inherit', children: t(col.label) }, col.id))), _jsx(TableCell, { padding: 'none', children: '' })] }) }), _jsx(TableBody, { children: groups.map((group, rowIdx) => (_jsxs(TableRow, { onClick: () => setSelectedGroup(group), sx: {
                                     cursor: 'pointer',
                                     background: selectedGroup && group.id === selectedGroup.id
                                         ? muiTheme.palette.primary.light

package/lib/src/components/tables/Table.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { StringTranslation } from '@deix/rossini-core';
+import { DataGridProps, GridRowId, GridValidRowModel } from '@mui/x-data-grid';
+export interface TableColumn<T extends GridValidRowModel> {
+    field: string;
+    label: string | StringTranslation;
+    type?: 'string' | 'number' | 'boolean' | 'date' | 'dateTime';
+    align?: 'left' | 'right' | 'center';
+    width?: number;
+    minWidth?: number;
+    flex?: number;
+    sortable?: boolean;
+    valueGetter?: (row: T) => unknown;
+    renderCell?: (row: T) => ReactNode;
+}
+export interface TableProps<T extends GridValidRowModel> extends Omit<DataGridProps<T>, 'rows' | 'columns' | 'onRowClick'> {
+    rows?: T[];
+    columns: TableColumn<T>[];
+    rowIdColumn?: string;
+    pageSizeOptions?: number[];
+    onRowClick?: (row: T) => void;
+    selectedRowId?: GridRowId;
+    onDelete?: (row: T) => void;
+    additionalActions?: (row: T) => ReactElement[];
+    noDataLabel?: string | StringTranslation;
+}
+declare const Table: <T extends GridValidRowModel>({ rows, columns, rowIdColumn, pageSizeOptions, onRowClick, selectedRowId, onDelete, additionalActions, noDataLabel, initialState, localeText, sx, ...props }: TableProps<T>) => React.JSX.Element;
+export default Table;
+//# sourceMappingURL=Table.d.ts.map

package/lib/src/components/tables/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/tables/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACjE,OAAO,EAAU,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAK1E,OAAO,EAEL,aAAa,EAMb,SAAS,EACT,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAY1B,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,iBAAiB;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAClC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAElC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,iBAAiB,CAAE,SAAQ,IAAI,CACnE,aAAa,CAAC,CAAC,CAAC,EAChB,MAAM,GAAG,SAAS,GAAG,YAAY,CAClC;IACC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,YAAY,EAAE,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;CAC1C;AAED,QAAA,MAAM,KAAK,GAAI,CAAC,SAAS,iBAAiB,gKAcvC,UAAU,CAAC,CAAC,CAAC,sBAwHf,CAAC;eAEa,KAAK"}

package/lib/src/components/tables/Table.js

@@ -0,0 +1,96 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { 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 { Tooltip, useTheme } from '@mui/material';
+import { DataGrid, GridActionsCell, GridActionsCellItem, } from '@mui/x-data-grid';
+import { enUS, itIT } from '@mui/x-data-grid/locales';
+import DeleteConfirmationDialog from '../DeleteConfirmationDialog';
+import tablesTranslations from '../../lang/tables';
+import useTranslate from '../../utils/hooks/useTranslate';
+// DataGrid built-in texts (pagination, sorting, ...); English is the default
+const dataGridLocales = {
+    en: enUS.components.MuiDataGrid.defaultProps.localeText,
+    it: itIT.components.MuiDataGrid.defaultProps.localeText,
+};
+const Table = ({ rows = [], columns, rowIdColumn = 'id', pageSizeOptions = [25, 50, 100], onRowClick, selectedRowId, onDelete, additionalActions, noDataLabel = tablesTranslations.noData, initialState, localeText, sx, ...props }) => {
+    const locale = useLocale();
+    const t = useTranslate();
+    const theme = useTheme();
+    const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
+    const [deleteRow, setDeleteRow] = useState();
+    const gridColumns = columns.map((col) => ({
+        field: col.field,
+        headerName: t(col.label),
+        type: col.type,
+        align: col.align,
+        headerAlign: col.align,
+        width: col.width,
+        minWidth: col.minWidth,
+        flex: col.width ? undefined : (col.flex ?? 1),
+        sortable: col.sortable ?? true,
+        valueGetter: col.valueGetter
+            ? (_value, row) => col.valueGetter?.(row)
+            : undefined,
+        renderCell: (params) => {
+            if (col.renderCell) {
+                return col.renderCell(params.row);
+            }
+            if (col.type === 'boolean') {
+                return params.value ? _jsx(CheckIcon, {}) : _jsx(CloseIcon, {});
+            }
+            return (_jsx(Tooltip, { title: String(params.formattedValue ?? ''), children: _jsx("span", { children: params.formattedValue }) }));
+        },
+    }));
+    if (onDelete || additionalActions) {
+        gridColumns.push({
+            field: 'actions',
+            type: 'actions',
+            renderCell: (params) => {
+                const actionItems = [];
+                if (additionalActions) {
+                    actionItems.push(...additionalActions(params.row));
+                }
+                if (onDelete) {
+                    actionItems.push(_jsx(GridActionsCellItem, { icon: _jsx(DeleteIcon, {}), label: t(tablesTranslations.delete), onClick: (evt) => {
+                            evt.stopPropagation();
+                            setDeleteRow(params.row);
+                            setOpenConfirmationDialog(true);
+                        } }, 'delete'));
+                }
+                return _jsx(GridActionsCell, { ...params, children: actionItems });
+            },
+        });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(DataGrid, { rows: rows, columns: gridColumns, getRowId: (row) => row[rowIdColumn], pageSizeOptions: pageSizeOptions, initialState: {
+                    ...initialState,
+                    pagination: {
+                        paginationModel: { page: 0, pageSize: pageSizeOptions[0] },
+                        ...initialState?.pagination,
+                    },
+                }, onRowClick: onRowClick ? (params) => onRowClick(params.row) : undefined, getRowClassName: (params) => selectedRowId !== undefined && params.id === selectedRowId
+                    ? 'Table-selectedRow'
+                    : '', localeText: {
+                    ...(dataGridLocales[locale] ?? dataGridLocales.en),
+                    noRowsLabel: t(noDataLabel),
+                    ...localeText,
+                }, density: 'compact', autoHeight: true, disableColumnMenu: true, disableRowSelectionOnClick: true, sx: {
+                    '& .Table-selectedRow': {
+                        backgroundColor: theme.palette.primary.light,
+                    },
+                    ...(!!onRowClick && {
+                        '& .MuiDataGrid-row:hover': {
+                            cursor: 'pointer',
+                            backgroundColor: theme.palette.primary.light,
+                        },
+                        '.MuiDataGrid-cell:focus, .MuiDataGrid-cell:focus-within': {
+                            outline: 'none',
+                        },
+                    }),
+                    ...sx,
+                }, ...props }), onDelete && (_jsx(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => (deleteRow ? onDelete(deleteRow) : {}) }))] }));
+};
+export default Table;

package/lib/src/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;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;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,gBAAgB,qEAMnB,qBAAqB,sBA6CvB,CAAC;eAEa,gBAAgB"}
+{"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;AAGzC,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;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,gBAAgB,qEAMnB,qBAAqB,sBA6CvB,CAAC;eAEa,gBAAgB"}

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLocale } from '@deix/rossini-core';
 import { Dialog, DialogContent, DialogTitle } from '@mui/material';
 import { useQueryClient } from '@tanstack/react-query';
 import { getUsers, useAddUser } from '../../utils/hooks/users';
 import UserForm from './UserForm';
 import usersTranslations from '../../lang/users';
 import { useAPIClient } from '../../utils/hooks/useAPIClient';
+import useTranslate from '../../utils/hooks/useTranslate';
 const CreateUserDialog = ({ open, onClose, onUserCreate, filteredGroup, emailAsUsername, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const addUserMutation = useAddUser(queryClient, apiClient);
@@ -31,6 +31,6 @@ const CreateUserDialog = ({ open, onClose, onUserCreate, filteredGroup, emailAsU
         });
         onClose();
     };
-    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: usersTranslations.create[locale] }), _jsx(DialogContent, { children: _jsx(UserForm, { mode: 'create', onSave: handleSave, onCancel: onClose, emailAsUsername: emailAsUsername }) })] }));
+    return (_jsxs(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose, children: [_jsx(DialogTitle, { children: t(usersTranslations.create) }), _jsx(DialogContent, { children: _jsx(UserForm, { mode: 'create', onSave: handleSave, onCancel: onClose, emailAsUsername: emailAsUsername }) })] }));
 };
 export default CreateUserDialog;

package/lib/src/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,sBAkBtD,CAAC;eAEa,eAAe"}
+{"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;AAQzC,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,eAAe,aAAc,oBAAoB,sBAkBtD,CAAC;eAEa,eAAe"}

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

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useLocale } from '@deix/rossini-core';
 import { Box, Button } from '@mui/material';
 import usersTranslations from '../../lang/users';
 import { useSendUpdatePasswordEmail } from '../../utils/hooks/users';
 import { useQueryClient } from '@tanstack/react-query';
 import { useAPIClient } from '../../utils/hooks/useAPIClient';
+import useTranslate from '../../utils/hooks/useTranslate';
 const UserCredentials = ({ user }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const apiClient = useAPIClient();
     const queryClient = useQueryClient();
     const { mutate: sendResetPasswordEmail } = useSendUpdatePasswordEmail(queryClient, apiClient);
-    return (_jsx(Box, { sx: { mt: 2 }, children: _jsx(Button, { variant: 'contained', onClick: () => sendResetPasswordEmail(user.id), children: usersTranslations.sendResetPasswordEmail[locale] }) }));
+    return (_jsx(Box, { sx: { mt: 2 }, children: _jsx(Button, { variant: 'contained', onClick: () => sendResetPasswordEmail(user.id), children: t(usersTranslations.sendResetPasswordEmail) }) }));
 };
 export default UserCredentials;

package/lib/src/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;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,qEAOX,aAAa,sBA4Kf,CAAC;eAEa,QAAQ"}
+{"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;AAGzC,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;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,qEAOX,aAAa,sBA0Kf,CAAC;eAEa,QAAQ"}

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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';
+import useTranslate from '../../utils/hooks/useTranslate';
 const UserForm = ({ user, onSave, onCancel, mode = 'create', editUsername, emailAsUsername = false, }) => {
-    const locale = useLocale();
+    const t = useTranslate();
     const { control, formState: { errors }, handleSubmit, setValue, } = useForm({
         defaultValues: {
             id: user?.id,
@@ -37,14 +37,12 @@ const UserForm = ({ user, onSave, onCancel, mode = 'create', editUsername, email
     const onSubmit = (data) => {
         onSave(data);
     };
-    return (_jsx("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event), children: _jsxs(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm', justifyContent: 'stretch' }, children: [!emailAsUsername && (_jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'username', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: usersTranslations.username[locale], disabled: mode === 'modify' && !editUsername, sx: { flexShrink: 0 }, ...field })) }) })), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'firstName', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: usersTranslations.firstName[locale], sx: { flexShrink: 0 }, ...field })) }) }), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'lastName', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: usersTranslations.lastName[locale], sx: { flexShrink: 0 }, ...field })) }) }), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'email', control: control, rules: { required: true }, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, error: !!errors.email, helperText: errors.email
-                                ? usersTranslations.requiredField[locale]
-                                : undefined, label: usersTranslations.email[locale], sx: { flexShrink: 0 }, ...field })) }) }), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'enabled', control: control, render: ({ field }) => (_jsx(FormControlLabel, { sx: { ml: 1 }, control: _jsx(Switch, { checked: field.value, size: 'small', ...field }), label: usersTranslations.enabled[locale] })) }) }), mode === 'create' && (_jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'sendEmailOnCreation', control: control, render: ({ field }) => (_jsx(FormControlLabel, { sx: { ml: 1 }, control: _jsx(Switch, { checked: field.value, size: 'small', ...field }), label: usersTranslations.sendResetPasswordEmail[locale] })) }) })), _jsxs(Grid, { sx: {
+    return (_jsx("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event), children: _jsxs(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm', justifyContent: 'stretch' }, children: [!emailAsUsername && (_jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'username', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: t(usersTranslations.username), disabled: mode === 'modify' && !editUsername, sx: { flexShrink: 0 }, ...field })) }) })), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'firstName', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: t(usersTranslations.firstName), sx: { flexShrink: 0 }, ...field })) }) }), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'lastName', control: control, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, label: t(usersTranslations.lastName), sx: { flexShrink: 0 }, ...field })) }) }), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'email', control: control, rules: { required: true }, render: ({ field }) => (_jsx(TextField, { size: 'small', fullWidth: true, error: !!errors.email, helperText: errors.email ? t(usersTranslations.requiredField) : undefined, label: t(usersTranslations.email), sx: { flexShrink: 0 }, ...field })) }) }), _jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'enabled', control: control, render: ({ field }) => (_jsx(FormControlLabel, { sx: { ml: 1 }, control: _jsx(Switch, { checked: field.value, size: 'small', ...field }), label: t(usersTranslations.enabled) })) }) }), mode === 'create' && (_jsx(Grid, { size: { xs: 12 }, children: _jsx(Controller, { name: 'sendEmailOnCreation', control: control, render: ({ field }) => (_jsx(FormControlLabel, { sx: { ml: 1 }, control: _jsx(Switch, { checked: field.value, size: 'small', ...field }), label: t(usersTranslations.sendResetPasswordEmail) })) }) })), _jsxs(Grid, { sx: {
                         mt: 2,
                         display: 'flex',
                         justifyContent: 'flex-end',
                         gap: 2,
                         width: '100%',
-                    }, children: [mode === 'create' && (_jsx(Button, { variant: 'outlined', onClick: onCancel, children: usersTranslations.cancel[locale] })), _jsx(Button, { variant: 'contained', type: 'submit', children: usersTranslations.save[locale] })] })] }) }));
+                    }, children: [mode === 'create' && (_jsx(Button, { variant: 'outlined', onClick: onCancel, children: t(usersTranslations.cancel) })), _jsx(Button, { variant: 'contained', type: 'submit', children: t(usersTranslations.save) })] })] }) }));
 };
 export default UserForm;

package/lib/src/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,sBA4F5C,CAAC;eAEa,UAAU"}
+{"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;AAuBzC,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,UAAU,aAAc,eAAe,sBA0F5C,CAAC;eAEa,UAAU"}