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

package/components/groups/GroupUpdate.d.ts

@@ -1,24 +1,23 @@
-import { UserType } from '../../types';
-declare const GroupUpdate: ({ userInfo, groupInfo, usersGroup, usersList, devicesList, handleAddUserToGroup, handleRemoveUserFromGroup, handleGetGroups, handleUpdateGroup, handleUpdateDevice, handleDeleteGroup, container, containerProps, afterUpdateCallback, afterRemoveCallback, confirmMui }: {
-    userInfo: UserType;
+import { AssetType, TrackleDeviceType, UserType } from '../../types';
+declare const GroupUpdate: ({ isOrg, labelEntity, groupInfo, usersGroup, usersList, devicesList, userInfo, handleAddUserToGroup, handleGetGroups, handleRemoveUserFromGroup, handleUpdateGroup, handleDeleteGroup, container, containerProps, afterUpdateCallback, afterRemoveCallback, confirmMui, t }: {
     groupInfo: any;
     usersGroup: any[];
     usersList: any[];
-    devicesList: {
-        id: string;
-        state: any;
-        managers: any[];
-    }[];
+    devicesList: AssetType[] | TrackleDeviceType[];
     handleAddUserToGroup: (groupID: string, userName: string, userID: string) => Promise<any>;
     handleRemoveUserFromGroup: (groupID: string, userID: string) => Promise<any>;
     handleUpdateDevice: (id: string, body: any, user: UserType) => Promise<any>;
-    handleGetGroups: (productID: number, userInfo?: UserType) => Promise<any>;
+    handleGetGroups: (userInfo?: UserType, parent_id?: string) => Promise<any>;
     handleUpdateGroup: (id: string, group: any) => Promise<void>;
-    handleDeleteGroup: (id: string) => Promise<void>;
+    handleDeleteGroup: (id: string, isOrg: boolean) => Promise<void>;
     container?: "Box" | "Card";
     containerProps?: any;
     afterUpdateCallback?: (groupInfo: any) => Promise<void>;
     afterRemoveCallback?: () => Promise<void>;
     confirmMui?: (options?: any) => Promise<void>;
+    labelEntity: string;
+    isOrg: boolean;
+    userInfo: UserType;
+    t: (key: string, params?: any) => string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default GroupUpdate;

package/components/groups/GroupUpdate.js

@@ -2,21 +2,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Typography, Card, CardContent, TableBody } from '@mui/material';
 import Grid from '@mui/material/Grid2';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { FormControl, TextField, Autocomplete, Alert, Table, TableRow, TableCell } from '@mui/material';
 import AddIcon from '@mui/icons-material/Add';
 import CloseIcon from '@mui/icons-material/Close';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { LoadingButton } from '@mui/lab';
-const GroupUpdate = ({ userInfo, groupInfo, usersGroup, usersList, devicesList, handleAddUserToGroup, handleRemoveUserFromGroup, handleGetGroups, handleUpdateGroup, handleUpdateDevice, handleDeleteGroup, container = 'Box', containerProps = {}, afterUpdateCallback, afterRemoveCallback, confirmMui }) => {
+const GroupUpdate = ({ isOrg, labelEntity, groupInfo, usersGroup, usersList, devicesList, userInfo, handleAddUserToGroup, handleGetGroups, handleRemoveUserFromGroup, handleUpdateGroup, handleDeleteGroup, container = 'Box', containerProps = {}, afterUpdateCallback, afterRemoveCallback, confirmMui, t }) => {
     const [group, setGroup] = useState(groupInfo);
+    const [organizationsGroup, setOrganizationsGroup] = useState(null);
     const [loadingUpdateButton, setLoadingUpdateButton] = useState(false);
     const [loadingRemoveUserButton, setLoadingRemoveUserButton] = useState(false);
     const [loadingAddUserButton, setLoadingAddUserButton] = useState(false);
     const [loadingDeleteGroupButton, setLoadingDeleteGroupButton] = useState(false);
     const [selectedUser, setSelectedUser] = useState(null);
-    const [error, setError] = useState(null);
-    const [success, setSuccess] = useState(null);
     function handleChange(event) {
         setGroup({ ...group, [event.target.name]: event.target.value });
     }
@@ -25,23 +24,6 @@ const GroupUpdate = ({ userInfo, groupInfo, usersGroup, usersList, devicesList,
         try {
             const response = await handleRemoveUserFromGroup(group.id, userId);
             if (response) {
-                if (devicesList.length > 0) {
-                    // should check if device is present in other groups the user is member of
-                    const groupsData = await handleGetGroups(1008, { role: 'support', uid: userId });
-                    const userGroupIds = groupsData.map((group) => group.id);
-                    // for all devices in the group set the selectedUser as manager
-                    for (const device of devicesList) {
-                        // check device is in a group of user is member of
-                        const found = device.state.groups.some((gID) => userGroupIds.includes(gID));
-                        if (!found) {
-                            // remove user from managers
-                            const managers = device.managers && device.managers.filter(man => man !== userId) || [];
-                            await handleUpdateDevice(device.id, {
-                                managers
-                            }, userInfo);
-                        }
-                    }
-                }
                 if (afterUpdateCallback) {
                     await afterUpdateCallback(group);
                 }
@@ -60,17 +42,6 @@ const GroupUpdate = ({ userInfo, groupInfo, usersGroup, usersList, devicesList,
             try {
                 const response = await handleAddUserToGroup(group.id, selectedUser.label, selectedUser.id);
                 if (response) {
-                    if (devicesList.length > 0) {
-                        for (const device of devicesList) {
-                            // for all devices in the group set the selectedUser as manager
-                            await handleUpdateDevice(device.id, {
-                                managers: [
-                                    ...(device?.managers || []),
-                                    selectedUser.id
-                                ]
-                            }, userInfo);
-                        }
-                    }
                     if (afterUpdateCallback) {
                         await afterUpdateCallback(group);
                     }
@@ -104,13 +75,13 @@ const GroupUpdate = ({ userInfo, groupInfo, usersGroup, usersList, devicesList,
     const deleteGroup = async () => {
         try {
             if (confirmMui) {
-                await confirmMui({ description: "Are you sure you want to delete the group?", confirmationText: "Yes, remove it", confirmationButtonProps: { variant: 'contained', color: 'error' } });
+                await confirmMui({ description: t('library.groupUpdate.confirmDeleteGroup', { entity: labelEntity.toLowerCase() }), confirmationText: t('library.groupUpdate.yesRemoveIt'), confirmationButtonProps: { variant: 'contained', color: 'error' } });
             }
             else {
-                confirm("Are you sure you want to delete the group?");
+                confirm(t('library.groupUpdate.confirmDeleteGroup', { entity: labelEntity.toLowerCase() }));
             }
             setLoadingDeleteGroupButton(true);
-            await handleDeleteGroup(group.id);
+            await handleDeleteGroup(group.id, isOrg);
             if (afterRemoveCallback) {
                 afterRemoveCallback();
             }
@@ -122,12 +93,24 @@ const GroupUpdate = ({ userInfo, groupInfo, usersGroup, usersList, devicesList,
             setLoadingDeleteGroupButton(false);
         }
     };
+    useEffect(() => {
+        const getInitialData = async () => {
+            if (isOrg) {
+                const response = await handleGetGroups(userInfo, group.id);
+                setOrganizationsGroup(response);
+            }
+            else {
+                setOrganizationsGroup([]);
+            }
+        };
+        getInitialData();
+    }, []);
     const renderGroupUpdate = () => {
-        return (_jsxs(Box, { component: "div", children: [_jsx(Grid, { container: true, spacing: 2, children: _jsx(Grid, { size: { xs: 12, md: 8 }, children: _jsxs(Box, { component: "div", children: [_jsx(FormControl, { fullWidth: true, children: _jsx(TextField, { sx: { flexGrow: 1 }, label: "Name", value: group.name, name: "name", onChange: handleChange }) }), _jsx(FormControl, { fullWidth: true, sx: { mt: 2 }, children: _jsx(TextField, { sx: { flexGrow: 1 }, label: "Description", value: group.description, name: "description", multiline: true, rows: 4, onChange: handleChange }) }), _jsx(LoadingButton, { variant: "contained", color: "primary", loading: loadingUpdateButton, sx: { mt: 2 }, onClick: () => updateGroup(), children: "Update" })] }) }) }), _jsx(Grid, { container: true, spacing: 2, sx: { mt: 4 }, children: _jsxs(Grid, { size: { xs: 12, md: 8 }, children: [_jsx(Typography, { variant: 'body1', sx: { fontWeight: 'bold' }, children: "Add members" }), _jsx(Box, { component: "div", sx: { mt: 2 }, children: usersGroup && usersGroup.length > 0 ?
+        return (_jsxs(Box, { component: "div", children: [_jsx(Grid, { container: true, spacing: 2, children: _jsx(Grid, { size: { xs: 12, md: 8 }, children: _jsxs(Box, { component: "div", children: [_jsx(FormControl, { fullWidth: true, children: _jsx(TextField, { sx: { flexGrow: 1 }, label: t('library.groupUpdate.name'), value: group.name, name: "name", onChange: handleChange }) }), _jsx(FormControl, { fullWidth: true, sx: { mt: 2 }, children: _jsx(TextField, { sx: { flexGrow: 1 }, label: t('library.groupUpdate.description'), value: group.description, name: "description", multiline: true, rows: 4, onChange: handleChange }) }), _jsx(LoadingButton, { variant: "contained", color: "primary", loading: loadingUpdateButton, sx: { mt: 2 }, onClick: () => updateGroup(), children: t('library.groupUpdate.update') })] }) }) }), _jsx(Grid, { container: true, spacing: 2, sx: { mt: 4 }, children: _jsxs(Grid, { size: { xs: 12, md: 8 }, children: [_jsx(Typography, { variant: 'body1', sx: { fontWeight: 'bold' }, children: t('library.groupUpdate.addMembers') }), _jsx(Box, { component: "div", sx: { mt: 2 }, children: usersGroup && usersGroup.length > 0 ?
                                     _jsx(Table, { size: "small", children: _jsx(TableBody, { children: usersGroup.map((ug) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Typography, { variant: "body1", children: ug.user.fullName }) }), _jsx(TableCell, { align: 'right', children: _jsx(LoadingButton, { size: "small", color: "error", loading: loadingRemoveUserButton, onClick: () => removeUserFromCurrentGroup(ug.user.userId), children: _jsx(CloseIcon, { sx: { m: 0, p: 0 }, fontSize: "small" }) }) })] }, ug.id))) }) })
-                                    : _jsx(Box, { component: 'div', sx: { mt: 2 }, children: "No members found" }) }), _jsxs(Box, { component: "div", sx: { mt: 4, display: 'flex', alignItems: 'center' }, children: [_jsx(Autocomplete, { fullWidth: true, disablePortal: true, options: usersList || [], value: selectedUser, size: 'small', onChange: (event, newValue) => {
+                                    : _jsx(Box, { component: 'div', sx: { mt: 2 }, children: t('library.groupUpdate.noMembersFound') }) }), _jsxs(Box, { component: "div", sx: { mt: 4, display: 'flex', alignItems: 'center' }, children: [_jsx(Autocomplete, { fullWidth: true, disablePortal: true, options: usersList || [], value: selectedUser, size: 'small', onChange: (event, newValue) => {
                                             setSelectedUser(newValue);
-                                        }, renderInput: (params) => _jsx(TextField, { ...params, label: "Select user" }) }), _jsxs(LoadingButton, { variant: "contained", color: "success", loading: loadingAddUserButton, sx: { ml: 2 }, disabled: !selectedUser, onClick: () => addUserToCurrentGroup(), children: [_jsx(AddIcon, { sx: { mr: 1 } }), " Add"] })] }), _jsxs(Box, { component: "div", sx: { mt: 4 }, children: [_jsx(Typography, { variant: 'body1', sx: { fontWeight: 'bold' }, children: "Delete group" }), _jsx(Alert, { severity: "error", sx: { mt: 2 }, action: _jsxs(LoadingButton, { variant: "contained", disabled: devicesList.length > 0, color: "error", loading: loadingDeleteGroupButton, onClick: () => deleteGroup(), size: 'small', children: [_jsx(DeleteIcon, { fontSize: "small", sx: { mr: 1 } }), " Delete"] }), children: devicesList.length === 0 ? 'This action cannot be undone' : 'You must manually remove devices from group before deletion' })] })] }) })] }));
+                                        }, renderInput: (params) => _jsx(TextField, { ...params, label: t('library.groupUpdate.selectUser') }) }), _jsxs(LoadingButton, { variant: "contained", color: "primary", loading: loadingAddUserButton, sx: { ml: 2 }, disabled: !selectedUser, onClick: () => addUserToCurrentGroup(), children: [_jsx(AddIcon, { sx: { mr: 1 } }), " ", t('library.groupUpdate.add')] })] }), _jsxs(Box, { component: "div", sx: { mt: 4 }, children: [_jsx(Typography, { variant: 'body1', sx: { fontWeight: 'bold' }, children: t('library.groupUpdate.deleteGroup', { entity: labelEntity.toLowerCase() }) }), !isOrg ? (_jsx(Alert, { severity: "error", sx: { mt: 2 }, action: _jsxs(LoadingButton, { variant: "contained", disabled: devicesList.length > 0 || usersGroup.length > 0, color: "error", loading: loadingDeleteGroupButton, onClick: () => deleteGroup(), size: 'small', children: [_jsx(DeleteIcon, { fontSize: "small", sx: { mr: 1 } }), " ", t('library.groupUpdate.deleteGroup', { entity: labelEntity.toLowerCase() })] }), children: devicesList.length === 0 && usersGroup.length === 0 ? t('library.groupUpdate.actionCannotBeUndone') : t('library.groupUpdate.mustRemoveDevicesAndMembers', { entity: labelEntity.toLowerCase() }) })) : organizationsGroup && (_jsx(Alert, { severity: "error", sx: { mt: 2 }, action: _jsxs(LoadingButton, { variant: "contained", disabled: devicesList.length > 0 || usersGroup.length > 0 || organizationsGroup.length > 0, color: "error", loading: loadingDeleteGroupButton, onClick: () => deleteGroup(), size: 'small', children: [_jsx(DeleteIcon, { fontSize: "small", sx: { mr: 1 } }), " ", t('library.groupUpdate.deleteGroup', { entity: labelEntity.toLowerCase() })] }), children: devicesList.length === 0 && usersGroup.length === 0 && organizationsGroup.length === 0 ? t('library.groupUpdate.actionCannotBeUndone') : t('library.groupUpdate.mustRemoveDevicesMembersAndGroups', { entity: labelEntity.toLowerCase() }) }))] })] }) })] }));
     };
     return (container === "Card" ? (_jsx(Card, { ...containerProps, children: _jsx(CardContent, { children: renderGroupUpdate() }) })) : (_jsx(Box, { ...containerProps, children: renderGroupUpdate() })));
 };

package/components/groups/GroupsDevices.d.ts

@@ -1,37 +1,42 @@
-import { UserType } from '../../types/user';
-import { Position } from "./Map";
 import { Theme } from "@emotion/react";
-declare const GroupsDevices: ({ userInfo, handleGetUsersList, handleAddUserToGroup, handleRemoveUserFromGroup, handleGetGroups, handleGetUsersGroup, handleGetDevices, handleUpdateDevice, handleGetPositions, handleAddDevicesToGroup, handleRemoveDevicesFromGroup, handleCreateGroup, handleDeleteGroup, handleUpdateGroup, group, columnsArray, containerDataGrid, props, propsDatagrid, loadingComponent, containerProps, enableMaps, mapsHeight, mapsClickCallback, theme, confirmMui }: {
+import { UserType, AssetType, DevicePositionType, TrackleDeviceType } from "../../types";
+declare const GroupsDevices: ({ userInfo, handleGetUsersList, handleAddUserToGroup, handleRemoveUserFromGroup, handleGetGroups, handleGetUsersGroup, handleGetDevices, handleUpdateDevice, handleGetPositions, handleAddDevicesToGroup, handleRemoveDevicesFromGroup, handleCreateGroup, handleDeleteGroup, handleUpdateGroup, group, columnsArray, containerDataGrid, props, propsDatagrid, loadingComponent, containerProps, enableMaps, mapsHeight, mapsClickCallback, theme, confirmMui, propsHeaderGroups, forceGetDevices, customToolbar, groupsLabelAll, addDevicesLabel, noDevicesLabel, groupUpdateRoles, isOrg, currentOrg, t, dataGridLocaleText }: {
     userInfo: UserType;
-    handleGetUsersList: ({ page, pageSize }: {
-        page: number;
-        pageSize: number;
-    }) => Promise<{
-        users: UserType[];
-    }>;
+    handleGetUsersList: () => Promise<UserType[]>;
     handleAddUserToGroup: (groupID: string, userName: string, userID: string) => Promise<any>;
     handleRemoveUserFromGroup: (groupID: string, userID: string) => Promise<any>;
-    handleGetGroups: (productID: number, userInfo?: UserType) => Promise<any>;
+    handleGetGroups: (userInfo?: UserType, parent_id?: string | undefined) => Promise<any>;
     handleGetUsersGroup: (groupID: string) => Promise<any>;
     handleCreateGroup: (group: any) => Promise<any>;
-    handleGetDevices: (user: UserType, group: string, selected: string) => Promise<any>;
-    handleGetPositions: (devices: any) => Promise<any>;
-    handleAddDevicesToGroup: (user: UserType, group: string, devicesToPatch: any[]) => Promise<any>;
-    handleRemoveDevicesFromGroup: (user: UserType, group: string, devicesToPatch: any[]) => Promise<any>;
-    handleDeleteGroup: (id: string) => Promise<void>;
+    handleGetDevices: (user: UserType, group: string, selectedGroup: string) => Promise<AssetType[] | TrackleDeviceType[]>;
+    handleGetPositions?: (devices: any) => Promise<DevicePositionType[]>;
+    handleAddDevicesToGroup: (user: UserType, group: string, devicesToPatch: AssetType[] | TrackleDeviceType[]) => Promise<TrackleDeviceType[]>;
+    handleRemoveDevicesFromGroup: (user: UserType, group: string, devicesToPatch: AssetType[] | TrackleDeviceType[]) => Promise<TrackleDeviceType[]>;
+    handleDeleteGroup: (id: string, iOrg: boolean) => Promise<void>;
     handleUpdateGroup: (id: string, group: any) => Promise<void>;
-    handleUpdateDevice: (id: string, body: any, user: UserType) => Promise<any>;
+    handleUpdateDevice: (id: string, body: any, user: UserType) => Promise<void>;
     group: string;
     columnsArray: any[];
     containerDataGrid?: "Card" | "Box";
     props?: any;
     propsDatagrid?: any;
+    propsHeaderGroups?: any;
     loadingComponent?: React.ReactNode;
     containerProps?: any;
     enableMaps?: boolean;
     mapsHeight: string;
-    mapsClickCallback?: (position: Position) => void;
+    mapsClickCallback?: (position: DevicePositionType) => void;
     theme: Theme;
     confirmMui?: (options?: any) => Promise<void>;
+    forceGetDevices?: number;
+    customToolbar?: string[];
+    groupsLabelAll?: string;
+    addDevicesLabel?: string;
+    noDevicesLabel?: string;
+    groupUpdateRoles?: string[];
+    isOrg?: boolean;
+    currentOrg?: string;
+    t: (key: string, params?: any) => string;
+    dataGridLocaleText?: Record<string, string>;
 }) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").AwaitedReactNode> | null;
 export default GroupsDevices;