@iotready/nextjs-components-library 1.0.0-preview4 → 1.0.0-preview40

package/assets/translations/en.json

@@ -0,0 +1,92 @@
+{
+  "library": {
+    "groupsDevices": {
+      "noDevices": "No devices",
+      "noDevicesInGroup": "No devices in {{entity}}",
+      "addDevices": "Add devices",
+      "filterReturnsNoResult": "Filter returns no result",
+      "list": "List",
+      "map": "Map",
+      "allDevices": "All devices",
+      "group": "Group",
+      "organization": "Organization",
+      "createGroup": "Create {{entity}}",
+      "backToGroup": "Back to {{entity}}",
+      "addToGroup": "Add to group",
+      "manageGroup": "Manage {{entity}}",
+      "removeFromGroup": "Remove from {{entity}}",
+      "closeEdit": "Close edit",
+      "editGroup": "Edit {{entity}}",
+      "newGroup": "New {{entity}}",
+      "groupName": "{{entity}} Name",
+      "description": "Description",
+      "cancel": "Cancel",
+      "create": "Create"
+    },
+    "groupUpdate": {
+      "name": "Name",
+      "description": "Description",
+      "update": "Update",
+      "addMembers": "Add members",
+      "noMembersFound": "No members found",
+      "selectUser": "Select user",
+      "add": "Add",
+      "deleteGroup": "Delete {{entity}}",
+      "actionCannotBeUndone": "This action cannot be undone",
+      "mustRemoveDevicesAndMembers": "You must manually remove devices and members from {{entity}} before deletion",
+      "mustRemoveDevicesMembersAndGroups": "You must manually remove devices, members and groups from {{entity}} before deletion",
+      "confirmDeleteGroup": "Are you sure you want to delete the {{entity}}?",
+      "yesRemoveIt": "Yes, remove it"
+    },
+    "usersDataGrid": {
+      "filterBy": "Filter by",
+      "search": "Search...",
+      "emailAddress": "Email Address",
+      "fullName": "Full name",
+      "role": "Role"
+    },
+    "accountMenu": {
+      "manageAccount": "Manage account",
+      "signOut": "Sign Out",
+      "openMenu": "Open menu"
+    },
+    "accountProfile": {
+      "completeInfo": "Please complete the informations below",
+      "profileName": "Profile name",
+      "firstName": "First name",
+      "enterFirstName": "Enter your first name",
+      "lastName": "Last name",
+      "enterLastName": "Enter your last name",
+      "update": "Update",
+      "security": "Security",
+      "setOrEditPassword": "Set or edit your password",
+      "newPassword": "New Password",
+      "confirmPassword": "Confirm Password",
+      "cancel": "Cancel",
+      "save": "Save",
+      "deleteAccount": "Delete account",
+      "actionCannotBeUndone": "This action cannot be undone",
+      "confirmDeleteAccount": "Are you sure you want to delete the account?",
+      "yesRemove": "Yes, remove",
+      "passwordRequired": "Password is required",
+      "confirmPasswordRequired": "Confirm password is required",
+      "passwordsMustMatch": "Password and Confirmation password must be the same",
+      "passwordUpdated": "Password updated",
+      "userUpdated": "User updated",
+      "passwordRequirements": "Password must be longer than 8 characters and must contain 1 uppercase letter (A-Z), 1 lowercase letter (a-z), 1 digit (0-9) e 1 special symbol (!\"#$%&'()*+,-./:;<=>?@[\\]^_{|}~ )."
+    },
+    "userUpdate": {
+      "role": "Role",
+      "update": "Update"
+    },
+    "trendChart": {
+      "export": "Export",
+      "noDataMeasure": "No data measure",
+      "connectPointValues": "Connect point values",
+      "showAnnotations": "Show annotations"
+    },
+    "map": {
+      "noPositionsForDevices": "No positions for devices"
+    }
+  }
+}

package/assets/translations/index.js

@@ -0,0 +1,4 @@
+import it from './it.json';
+import en from './en.json';
+
+export { en, it };

package/assets/translations/it.json

@@ -0,0 +1,92 @@
+{
+  "library": {
+    "groupsDevices": {
+      "noDevices": "Nessun dispositivo",
+      "noDevicesInGroup": "Nessun dispositivo nel {{entity}}",
+      "addDevices": "Aggiungi dispositivi",
+      "filterReturnsNoResult": "Il filtro non restituisce risultati",
+      "list": "Lista",
+      "map": "Mappa",
+      "allDevices": "Tutti i dispositivi",
+      "group": "Gruppo",
+      "organization": "Organizzazione",
+      "createGroup": "Crea {{entity}}",
+      "backToGroup": "Torna al {{entity}}",
+      "addToGroup": "Aggiungi al gruppo",
+      "manageGroup": "Gestisci {{entity}}",
+      "removeFromGroup": "Rimuovi dal {{entity}}",
+      "closeEdit": "Chiudi modifica",
+      "editGroup": "Modifica {{entity}}",
+      "newGroup": "Nuovo {{entity}}",
+      "groupName": "Nome {{entity}}",
+      "description": "Descrizione",
+      "cancel": "Annulla",
+      "create": "Crea"
+    },
+    "groupUpdate": {
+      "name": "Nome",
+      "description": "Descrizione",
+      "update": "Aggiorna",
+      "addMembers": "Aggiungi membri",
+      "noMembersFound": "Nessun membro trovato",
+      "selectUser": "Seleziona utente",
+      "add": "Aggiungi",
+      "deleteGroup": "Elimina {{entity}}",
+      "actionCannotBeUndone": "Questa azione non può essere annullata",
+      "mustRemoveDevicesAndMembers": "Devi rimuovere manualmente i dispositivi e i membri dal {{entity}} prima dell'eliminazione",
+      "mustRemoveDevicesMembersAndGroups": "Devi rimuovere manualmente i dispositivi, i membri e i gruppi dal {{entity}} prima dell'eliminazione",
+      "confirmDeleteGroup": "Sei sicuro di voler eliminare il {{entity}}?",
+      "yesRemoveIt": "Sì, rimuovi"
+    },
+    "usersDataGrid": {
+      "filterBy": "Filtra per",
+      "search": "Cerca...",
+      "emailAddress": "Indirizzo email",
+      "fullName": "Nome completo",
+      "role": "Ruolo"
+    },
+    "accountMenu": {
+      "manageAccount": "Gestisci account",
+      "signOut": "Esci",
+      "openMenu": "Apri menu"
+    },
+    "accountProfile": {
+      "completeInfo": "Completa le informazioni qui sotto",
+      "profileName": "Nome profilo",
+      "firstName": "Nome",
+      "enterFirstName": "Inserisci il tuo nome",
+      "lastName": "Cognome",
+      "enterLastName": "Inserisci il tuo cognome",
+      "update": "Aggiorna",
+      "security": "Sicurezza",
+      "setOrEditPassword": "Imposta o modifica la tua password",
+      "newPassword": "Nuova Password",
+      "confirmPassword": "Conferma Password",
+      "cancel": "Annulla",
+      "save": "Salva",
+      "deleteAccount": "Elimina account",
+      "actionCannotBeUndone": "Questa azione non può essere annullata",
+      "confirmDeleteAccount": "Sei sicuro di voler eliminare l'account?",
+      "yesRemove": "Sì, rimuovi",
+      "passwordRequired": "La password è obbligatoria",
+      "confirmPasswordRequired": "La conferma della password è obbligatoria",
+      "passwordsMustMatch": "La password e la conferma della password devono essere uguali",
+      "passwordUpdated": "Password aggiornata",
+      "userUpdated": "Utente aggiornato",
+      "passwordRequirements": "La password deve essere più lunga di 8 caratteri e deve contenere 1 lettera maiuscola (A-Z), 1 lettera minuscola (a-z), 1 cifra (0-9) e 1 simbolo speciale (!\"#$%&'()*+,-./:;<=>?@[\\]^_{|}~ )."
+    },
+    "userUpdate": {
+      "role": "Ruolo",
+      "update": "Aggiorna"
+    },
+    "trendChart": {
+      "export": "Esporta",
+      "noDataMeasure": "Nessuna misurazione dati",
+      "connectPointValues": "Collega i valori dei punti",
+      "showAnnotations": "Mostra annotazioni"
+    },
+    "map": {
+      "noPositionsForDevices": "Nessuna posizione per i dispositivi"
+    }
+  }
+}

package/assets/translations/scripts/export.js

@@ -0,0 +1,74 @@
+// script.js
+const fs = require('fs');
+const path = require('path');
+const ExcelJS = require('exceljs');
+console.log(__dirname);
+const LOCALES_DIR = path.resolve(__dirname, '../../translations');
+const OUTPUT_FILE = path.resolve(__dirname, 'translations.xlsx');
+
+// 1) Legge tutti i file *.json nella cartella locales
+const files = fs.readdirSync(LOCALES_DIR).filter(f => f.endsWith('.json'));
+
+// 2) Funzione ricorsiva per appiattire l'oggetto
+function flatten(obj, prefix = '', res = {}) {
+  for (const [key, val] of Object.entries(obj)) {
+    const fullKey = prefix ? `${prefix}.${key}` : key;
+    if (val && typeof val === 'object' && !Array.isArray(val)) {
+      flatten(val, fullKey, res);
+    } else {
+      res[fullKey] = val;
+    }
+  }
+  return res;
+}
+
+async function buildWorkbook() {
+  // Carica ciascun file e appiattisci
+  const translations = {}; // { en: { key: val, ... }, it: { ... }, ... }
+  const allKeys = new Set();
+  for (const file of files) {
+    const lang = path.basename(file, '.json');
+    const content = JSON.parse(
+      fs.readFileSync(path.join(LOCALES_DIR, file), 'utf8'),
+    );
+    const flat = flatten(content);
+    translations[lang] = flat;
+    Object.keys(flat).forEach(k => allKeys.add(k));
+  }
+
+  // Prepara il workbook
+  const workbook = new ExcelJS.Workbook();
+  const sheet = workbook.addWorksheet('Translations');
+
+  // Intestazioni: Key + lingue in ordine alfabetico
+  const langs = Object.keys(translations).sort();
+  sheet.columns = [
+    {header: 'key', key: 'key', width: 50},
+    ...langs.map(l => ({header: l, key: l, width: 40})),
+  ];
+
+  // 3) Aggiungi le righe e verifica mancanze
+  allKeys.forEach(key => {
+    const row = {key};
+    langs.forEach(l => {
+      row[l] = translations[l][key] || '';
+      if (!translations[l][key]) {
+        // Log di warning per chiave mancante
+        console.warn(`⚠️  [${l}] mancante: ${key}`);
+      }
+    });
+    sheet.addRow(row);
+  });
+
+  // Formatta header in grassetto
+  sheet.getRow(1).font = {bold: true};
+
+  // 4) Salva
+  await workbook.xlsx.writeFile(OUTPUT_FILE);
+  console.log(`✅ File generato: ${OUTPUT_FILE}`);
+}
+
+buildWorkbook().catch(err => {
+  console.error(err);
+  process.exit(1);
+});

package/assets/translations/scripts/import.js

@@ -0,0 +1,66 @@
+// import-from-xlsx.js
+const fs = require('fs');
+const path = require('path');
+const ExcelJS = require('exceljs');
+
+const INPUT_XLSX = path.resolve(__dirname, './translations.xlsx');
+const OUTPUT_DIR = path.resolve(__dirname, './generated'); // dove salvare i file JSON
+
+// Crea output dir se non esiste
+if (!fs.existsSync(OUTPUT_DIR)) {
+  fs.mkdirSync(OUTPUT_DIR);
+}
+
+// Espande le chiavi a punti in oggetti annidati
+function expandKey(obj, key, value) {
+  const parts = key.split('.');
+  let current = obj;
+  parts.forEach((part, i) => {
+    if (i === parts.length - 1) {
+      current[part] = value;
+    } else {
+      current[part] = current[part] || {};
+      current = current[part];
+    }
+  });
+}
+
+async function processExcel() {
+  const workbook = new ExcelJS.Workbook();
+  await workbook.xlsx.readFile(INPUT_XLSX);
+
+  const sheet = workbook.getWorksheet(1); // primo foglio
+  const headerRow = sheet.getRow(1).values;
+
+  const langs = headerRow.slice(2); // Salta "key" che è in colonna 1
+
+  const data = {}; // { en: { ... }, it: { ... } }
+
+  langs.forEach(lang => {
+    if (lang) data[lang] = {};
+  });
+
+  sheet.eachRow((row, rowNumber) => {
+    if (rowNumber === 1) return; // salta header
+
+    const key = row.getCell(1).value;
+    langs.forEach((lang, index) => {
+      const value = row.getCell(index + 2).value;
+      if (key && value != null) {
+        expandKey(data[lang], key, value);
+      }
+    });
+  });
+
+  // Scrivi i file JSON
+  for (const [lang, content] of Object.entries(data)) {
+    const outPath = path.join(OUTPUT_DIR, `${lang}.json`);
+    fs.writeFileSync(outPath, JSON.stringify(content, null, 2), 'utf8');
+    console.log(`✅ Creato: ${outPath}`);
+  }
+}
+
+processExcel().catch(err => {
+  console.error(err);
+  process.exit(1);
+});

package/components/accounts/AccountMenu.d.ts

@@ -1,9 +1,10 @@
 import { UserType } from '../../types/user';
 import { Theme } from "@emotion/react";
-export default function UserMenuAccount({ userInfo, handleClick, handleSignOut, accountRoute, theme }: {
+export default function UserMenuAccount({ userInfo, handleClick, handleSignOut, accountRoute, theme, t }: {
     userInfo: UserType;
     handleClick: () => void;
     handleSignOut: () => Promise<void>;
     accountRoute?: string;
     theme: Theme;
+    t: (key: string, params?: any) => string;
 }): import("react/jsx-runtime").JSX.Element;

package/components/accounts/AccountMenu.js

@@ -5,7 +5,7 @@ import { Box, Typography, IconButton, Menu, MenuItem, Tooltip, Avatar, ListItem,
 import { Logout, Person } from "@mui/icons-material";
 import { useRouter } from 'next/navigation';
 import { ThemeProvider } from '@mui/material/styles';
-export default function UserMenuAccount({ userInfo, handleClick, handleSignOut, accountRoute = '/account', theme }) {
+export default function UserMenuAccount({ userInfo, handleClick, handleSignOut, accountRoute = '/account', theme, t }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const router = useRouter();
     const handleAccountClick = (event) => {
@@ -33,5 +33,5 @@ export default function UserMenuAccount({ userInfo, handleClick, handleSignOut,
                                 }
                             },
                         }
-                    }, children: [_jsxs(ListItem, { sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(ListItemIcon, { sx: { minWidth: 46 }, children: _jsx(Avatar, {}) }), _jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle2", children: userInfo.name?.replace('/', ' ') }), _jsx(Typography, { variant: "subtitle2", sx: { fontWeight: 'normal' }, children: userInfo.email })] })] }), _jsxs(MenuItem, { onClick: () => { router.push(accountRoute); handleClick(); handleClose(); }, sx: { py: 1 }, children: [_jsx(ListItemIcon, { sx: { mr: 1 }, children: _jsx(Person, { fontSize: "small" }) }), " Manage account"] }), _jsxs(MenuItem, { onClick: async () => await handleSignOut(), sx: { py: 1 }, children: [_jsx(ListItemIcon, { sx: { mr: 1 }, children: _jsx(Logout, { fontSize: "small" }) }), " Sign Out"] })] }), _jsx(Tooltip, { title: "Open menu", children: _jsx(IconButton, { onClick: handleAccountClick, children: _jsx(Avatar, { sx: { bgcolor: 'secondary.main', color: 'secondary.contrastText' }, alt: userInfo.name || userInfo.email, src: userInfo.picture, children: userInfo.picture ? '' : userInfo.name?.charAt(0).toUpperCase() || userInfo.email?.charAt(0).toUpperCase() }) }) })] }) }));
+                    }, children: [_jsxs(ListItem, { sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(ListItemIcon, { sx: { minWidth: 46 }, children: _jsx(Avatar, {}) }), _jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle2", children: userInfo.name?.replace('/', ' ') }), _jsx(Typography, { variant: "subtitle2", sx: { fontWeight: 'normal' }, children: userInfo.email })] })] }), _jsxs(MenuItem, { onClick: () => { router.push(accountRoute); handleClick(); handleClose(); }, sx: { py: 1 }, children: [_jsx(ListItemIcon, { sx: { mr: 1 }, children: _jsx(Person, { fontSize: "small" }) }), " ", t('library.accountMenu.manageAccount')] }), _jsxs(MenuItem, { onClick: async () => await handleSignOut(), sx: { py: 1 }, children: [_jsx(ListItemIcon, { sx: { mr: 1 }, children: _jsx(Logout, { fontSize: "small" }) }), " ", t('library.accountMenu.signOut')] })] }), _jsx(Tooltip, { title: t('library.accountMenu.openMenu'), children: _jsx(IconButton, { onClick: handleAccountClick, children: _jsx(Avatar, { sx: { bgcolor: 'secondary.main', color: 'secondary.contrastText' }, alt: userInfo.name !== " " ? userInfo.name : userInfo.email, src: userInfo.picture, children: userInfo.picture ? '' : userInfo.name !== " " ? userInfo.name?.charAt(0).toUpperCase() : userInfo.email?.charAt(0).toUpperCase() }) }) })] }) }));
 }

package/components/accounts/AccountProfile.d.ts

@@ -1,6 +1,6 @@
 import { UserType } from '../../types/user';
 import { Theme } from "@emotion/react";
-declare const AccountProfile: ({ userAccount, handleSignOut, handleUpdateUser, handleUpdatePassword, handleDeleteUser, container, containerProps, theme, afterUpdateCallback, confirmMui }: {
+declare const AccountProfile: ({ userAccount, handleSignOut, handleUpdateUser, handleUpdatePassword, handleDeleteUser, container, containerProps, theme, afterUpdateCallback, confirmMui, t }: {
     userAccount: UserType;
     handleSignOut: () => Promise<void>;
     handleUpdateUser: (id: string, user: Partial<UserType>) => Promise<void>;
@@ -11,5 +11,6 @@ declare const AccountProfile: ({ userAccount, handleSignOut, handleUpdateUser, h
     theme: Theme;
     afterUpdateCallback: (user: Partial<UserType>) => void;
     confirmMui?: (options?: any) => Promise<void>;
+    t: (key: string, params?: any) => string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AccountProfile;

package/components/accounts/AccountProfile.js

@@ -6,7 +6,7 @@ import { LoadingButton } from '@mui/lab';
 import { VisibilityOff, Visibility, Delete } from '@mui/icons-material';
 import Grid from '@mui/material/Grid2';
 import { ThemeProvider } from '@mui/material/styles';
-const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUpdatePassword, handleDeleteUser, container = 'Box', containerProps = {}, theme, afterUpdateCallback = () => { }, confirmMui }) => {
+const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUpdatePassword, handleDeleteUser, container = 'Box', containerProps = {}, theme, afterUpdateCallback = () => { }, confirmMui, t }) => {
     const [userInfo, setUserInfo] = useState(userAccount);
     const [loadingUdateButton, setLoadingUpdateButton] = useState(false);
     const [loadingSaveButton, setLoadingSaveButton] = useState(false);
@@ -39,20 +39,20 @@ const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUp
     };
     const savePassword = async () => {
         if (password === "") {
-            setError('Password is required');
+            setError(t('library.accountProfile.passwordRequired'));
             return;
         }
         if (confirmPassword === "") {
-            setError('Confirm password is required');
+            setError(t('library.accountProfile.confirmPasswordRequired'));
             return;
         }
         if (password !== confirmPassword) {
-            setError('Password and Confirmation password must be the same');
+            setError(t('library.accountProfile.passwordsMustMatch'));
             return;
         }
         const passwordRegex = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~ ]).{8,}$/;
         if (!passwordRegex.test(password)) {
-            setError(`Password must be longer than 8 characters and must contain 1 uppercase letter (A-Z), 1 lowercase letter (a-z), 1 digit (0-9) e 1 special symbol (!"#$%&'()*+,-./:;<=>?@[\]^_{|}~ ).`);
+            setError(t('library.accountProfile.passwordRequirements'));
             return;
         }
         setLoadingSaveButton(true);
@@ -61,7 +61,7 @@ const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUp
                 await handleUpdatePassword(userInfo.id, password);
                 setError("");
                 setShowEditPassword(false);
-                alert('Password updated');
+                alert(t('library.accountProfile.passwordUpdated'));
             }
             catch (err) {
                 console.log(err);
@@ -74,11 +74,11 @@ const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUp
         setLoadingUpdateButton(true);
         if (userInfo) {
             try {
-                await handleUpdateUser(userInfo.id, { name: userInfo.name, firstname: userInfo.firstname, lastname: userInfo.lastname });
+                await handleUpdateUser(userInfo.id, { firstname: userInfo.firstname, lastname: userInfo.lastname });
                 if (afterUpdateCallback) {
                     afterUpdateCallback(userInfo);
                 }
-                alert('User updated');
+                alert(t('library.accountProfile.userUpdated'));
             }
             catch (err) {
                 console.log(err);
@@ -90,10 +90,10 @@ const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUp
         if (userInfo) {
             try {
                 if (confirmMui) {
-                    await confirmMui({ description: "Are you sure you want to delete the account?", confirmationText: "Yes, remove", confirmationButtonProps: { variant: 'contained', color: 'error' } });
+                    await confirmMui({ description: t('library.accountProfile.confirmDeleteAccount'), confirmationText: t('library.accountProfile.yesRemove'), confirmationButtonProps: { variant: 'contained', color: 'error' } });
                 }
                 else {
-                    confirm("Are you sure you want to delete the account?");
+                    confirm(t('library.accountProfile.confirmDeleteAccount'));
                 }
                 setLoadingDeleteButton(true);
                 await handleDeleteUser(userInfo.id);
@@ -137,17 +137,17 @@ const AccountProfile = ({ userAccount, handleSignOut, handleUpdateUser, handleUp
     }
   }*/
     const renderAccountProfile = (_jsxs(Box, { component: "div", children: [!userInfo.name ?
-                _jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: "Please complete the informations below" })
-                : '', _jsx(Grid, { container: true, spacing: 2, children: _jsxs(Grid, { size: { xs: 12, md: 9, lg: 6 }, children: [_jsxs(Box, { component: "div", children: [_jsx(Typography, { variant: "h6", children: "Profile name" }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(TextField, { fullWidth: true, label: "First name", name: "firstname", value: userInfo.firstname, onChange: handleChange, error: !userInfo.firstname || userInfo.firstname === "" ? true : false, helperText: !userInfo.firstname || userInfo.firstname === "" ? "Enter your first name" : '', size: "small" }) }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(TextField, { fullWidth: true, label: "Last name", name: "lastname", value: userInfo.lastname, onChange: handleChange, error: !userInfo.lastname || userInfo.lastname === "" ? true : false, helperText: !userInfo.lastname || userInfo.lastname === "" ? "Enter your last name" : '', size: "small" }) }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(LoadingButton, { variant: "contained", color: "primary", loading: loadingUdateButton, onClick: () => handleUpdate(), disabled: !userInfo.firstname || userInfo.firstname === "" || !userInfo.lastname || userInfo.lastname === "", children: "Update" }) })] }), _jsxs(Box, { component: "div", sx: { mt: 4 }, children: [_jsx(Typography, { variant: "h6", children: "Security" }), !showEditPassword ? _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(Button, { variant: 'outlined', onClick: () => setShowEditPassword(!showEditPassword), children: "Set or edit your password" }) }) : '', showEditPassword ?
-                                    _jsxs(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: [_jsx(TextField, { required: true, fullWidth: true, name: "password", label: "New Password", type: showNewPassword ? 'text' : 'password', id: "password", size: 'small', autoComplete: "current-password", onChange: (e) => setPassword(e.target.value), value: password, slotProps: {
+                _jsx(Alert, { severity: "warning", sx: { mb: 2 }, children: t('library.accountProfile.completeInfo') })
+                : '', _jsx(Grid, { container: true, spacing: 2, children: _jsxs(Grid, { size: { xs: 12, md: 9, lg: 6 }, children: [_jsxs(Box, { component: "div", children: [_jsx(Typography, { variant: "h6", children: t('library.accountProfile.profileName') }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(TextField, { fullWidth: true, label: t('library.accountProfile.firstName'), name: "firstname", value: userInfo.firstname, onChange: handleChange, error: !userInfo.firstname || userInfo.firstname === "" ? true : false, helperText: !userInfo.firstname || userInfo.firstname === "" ? t('library.accountProfile.enterFirstName') : '', size: "small" }) }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(TextField, { fullWidth: true, label: t('library.accountProfile.lastName'), name: "lastname", value: userInfo.lastname, onChange: handleChange, error: !userInfo.lastname || userInfo.lastname === "" ? true : false, helperText: !userInfo.lastname || userInfo.lastname === "" ? t('library.accountProfile.enterLastName') : '', size: "small" }) }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(LoadingButton, { variant: "contained", color: "primary", loading: loadingUdateButton, onClick: () => handleUpdate(), disabled: !userInfo.firstname || userInfo.firstname === "" || !userInfo.lastname || userInfo.lastname === "", children: t('library.accountProfile.update') }) })] }), _jsxs(Box, { component: "div", sx: { mt: 4 }, children: [_jsx(Typography, { variant: "h6", children: t('library.accountProfile.security') }), !showEditPassword ? _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(Button, { variant: 'outlined', onClick: () => setShowEditPassword(!showEditPassword), children: t('library.accountProfile.setOrEditPassword') }) }) : '', showEditPassword ?
+                                    _jsxs(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: [_jsx(TextField, { required: true, fullWidth: true, name: "password", label: t('library.accountProfile.newPassword'), type: showNewPassword ? 'text' : 'password', id: "password", size: 'small', autoComplete: "current-password", onChange: (e) => setPassword(e.target.value), value: password, slotProps: {
                                                     input: {
                                                         endAdornment: _jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowPassword, onMouseDown: handleMouseDownPassword, edge: "end", children: showNewPassword ? _jsx(VisibilityOff, {}) : _jsx(Visibility, {}) }) }),
                                                     }
-                                                } }), _jsx(TextField, { sx: { mt: 2 }, required: true, fullWidth: true, label: "Confirm Password", type: showConfirmPassword ? 'text' : 'password', id: "confirm-password", size: 'small', autoComplete: "confirm-password", onChange: (e) => setConfirmPassword(e.target.value), value: confirmPassword, slotProps: {
+                                                } }), _jsx(TextField, { sx: { mt: 2 }, required: true, fullWidth: true, label: t('library.accountProfile.confirmPassword'), type: showConfirmPassword ? 'text' : 'password', id: "confirm-password", size: 'small', autoComplete: "confirm-password", onChange: (e) => setConfirmPassword(e.target.value), value: confirmPassword, slotProps: {
                                                     input: {
                                                         endAdornment: _jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowConfirmPassword, onMouseDown: handleMouseDownConfirmPassword, edge: "end", children: showConfirmPassword ? _jsx(VisibilityOff, {}) : _jsx(Visibility, {}) }) }),
                                                     }
-                                                } }), error !== '' ? _jsx(Box, { component: 'div', sx: { mt: 1 }, children: _jsx(Typography, { variant: 'subtitle2', color: 'error', children: error }) }) : '', _jsxs(Box, { component: "div", sx: { mt: 3 }, children: [_jsx(Button, { variant: "contained", color: "inherit", onClick: () => setShowEditPassword(false), sx: { mr: 2 }, children: "Cancel" }), _jsx(LoadingButton, { loading: loadingSaveButton, type: "submit", variant: "contained", color: "primary", onClick: () => savePassword(), children: "Save" })] })] }) : ''] }), _jsxs(Box, { component: "div", sx: { mt: 4 }, children: [_jsx(Typography, { variant: 'h6', children: "Delete account" }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(Alert, { severity: "error", sx: { mt: 2 }, action: _jsxs(LoadingButton, { variant: "contained", color: "error", loading: loadingDeleteButton, onClick: () => handleDelete(), size: 'small', children: [_jsx(Delete, { fontSize: "small", sx: { mr: 1 } }), " Delete"] }), children: "This action cannot be undone" }) })] })] }, 3) })] }));
+                                                } }), error !== '' ? _jsx(Box, { component: 'div', sx: { mt: 1 }, children: _jsx(Typography, { variant: 'subtitle2', color: 'error', children: error }) }) : '', _jsxs(Box, { component: "div", sx: { mt: 3 }, children: [_jsx(Button, { variant: "contained", color: "inherit", onClick: () => setShowEditPassword(false), sx: { mr: 2 }, children: t('library.accountProfile.cancel') }), _jsx(LoadingButton, { loading: loadingSaveButton, type: "submit", variant: "contained", color: "primary", onClick: () => savePassword(), children: t('library.accountProfile.save') })] })] }) : ''] }), _jsxs(Box, { component: "div", sx: { mt: 4 }, children: [_jsx(Typography, { variant: 'h6', children: t('library.accountProfile.deleteAccount') }), _jsx(Box, { component: "div", sx: { mt: 2, mb: 0 }, children: _jsx(Alert, { severity: "error", sx: { mt: 2 }, action: _jsxs(LoadingButton, { variant: "contained", color: "error", loading: loadingDeleteButton, onClick: () => handleDelete(), size: 'small', children: [_jsx(Delete, { fontSize: "small", sx: { mr: 1 } }), " ", t('library.accountProfile.deleteAccount')] }), children: t('library.accountProfile.actionCannotBeUndone') }) })] })] }, 3) })] }));
     return _jsx(ThemeProvider, { theme: theme, children: container === "Card" ? (_jsx(Card, { ...containerProps, children: _jsx(CardContent, { children: renderAccountProfile }) })) : (_jsx(Box, { ...containerProps, children: renderAccountProfile })) });
 };
 export default AccountProfile;

package/components/charts/TrendChart.d.ts

@@ -1,17 +1,39 @@
 import 'chartjs-adapter-moment';
 import 'moment/locale/it';
 import { Theme } from "@emotion/react";
+import { FilterTagMode, InfluxFillType } from '../../server-actions/types';
 type Measure = {
     name: string;
+    description: string;
     polltime: number;
+    dwPolltime?: number;
     unit: string;
+    stepped: boolean;
 };
-declare const TrendChart: ({ deviceId, measures, enableExportData, enableDatePicker, handleGetInfluxData, theme, ...props }: {
-    deviceId: string;
-    measures: Array<Measure>;
-    enableenableExportData: boolean;
+declare const TrendChart: ({ filter, measures1, annotationsDataFn, measures2, enableDatePicker, handleGetInfluxData, handleGetDwSlotsCB, handleExportDataCB, theme, initialTimeStart, initialTimeEnd, t }: {
+    filter: {
+        field: string;
+        value: string;
+    };
+    annotationsDataFn?: () => Promise<any>;
+    measures1?: Array<Measure>;
+    measures2?: Array<Measure>;
     enableDatePicker: boolean;
-    handleGetInfluxData: (measure: string, timeStart: number, timeEnd: number, deviceId: string, timeGroup: string, raw: boolean) => Promise<any>;
+    handleGetInfluxData: (measure: string, timeStart: number, timeEnd: number, filter: {
+        field: string;
+        value: string;
+    }, timeGroup: string, raw: boolean, fill?: InfluxFillType, filterTag?: number, includeTag?: FilterTagMode) => Promise<any>;
+    handleGetDwSlotsCB?: (timeStart: number, timeEnd: number, filter: {
+        field: string;
+        value: string;
+    }) => Promise<any>;
+    handleExportDataCB?: (measure: string, timeStart: number, timeEnd: number, filter: {
+        field: string;
+        value: string;
+    }) => Promise<any>;
     theme: Theme;
-} & any) => import("react/jsx-runtime").JSX.Element;
+    initialTimeStart?: number;
+    initialTimeEnd?: number;
+    t: (key: string, params?: any) => string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrendChart;