@deix/rossini-identity-management 0.1.0 → 0.2.0

package/lib/components/users/Users.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
+import { User } from '../../types/users';
 import { UserTab } from './UsersTabs';
 interface UsersProps {
     apiUrl: string;
     additionalTabs?: UserTab[];
+    onUserUpdate?: (newUser: User, oldUser: User) => void;
+    onUserCreate?: (newUser: User) => void;
+    onUserDelete?: (user: User) => void;
+    editUsername?: boolean;
 }
-declare const Users: ({ apiUrl, additionalTabs }: UsersProps) => React.JSX.Element;
+declare const Users: ({ apiUrl, additionalTabs, onUserCreate, onUserUpdate, onUserDelete, editUsername, }: UsersProps) => React.JSX.Element;
 export default Users;
 //# sourceMappingURL=Users.d.ts.map

package/lib/components/users/Users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Users.d.ts","sourceRoot":"","sources":["../../../src/components/users/Users.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,OAAiB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEhD,UAAU,UAAU;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,+BAAqC,UAAU,sBA8HzD,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Users.d.ts","sourceRoot":"","sources":["../../../src/components/users/Users.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAiB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGhD,UAAU,UAAU;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAE3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAEtD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAEvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEpC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,wFAOR,UAAU,sBAyIZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/users/Users.js

@@ -12,7 +12,8 @@ import UsersTable from './UsersTable';
 import usersTranslations from '../../lang/users';
 import { useDeleteUser, useUsers } from '../../utils/hooks/users';
 import UserTabs from './UsersTabs';
-const Users = ({ apiUrl, additionalTabs = [] }) => {
+import { APIClientProvider } from '../../utils/hooks/useAPIClient';
+const Users = ({ apiUrl, additionalTabs = [], onUserCreate, onUserUpdate, onUserDelete, editUsername, }) => {
     const locale = useLocale();
     const apiClient = useAPI(apiUrl);
     const queryClient = useQueryClient();
@@ -36,49 +37,53 @@ const Users = ({ apiUrl, additionalTabs = [] }) => {
                     .includes(searchString.toLowerCase())));
         }
     }, [searchString, users, setFilteredUsers]);
-    const handleDelete = (id) => {
-        deleteUser(id);
+    const handleDelete = (user) => {
+        deleteUser(user.id);
+        if (typeof onUserDelete === 'function') {
+            onUserDelete(user);
+        }
         setSelectedUser(undefined);
     };
-    return (React.createElement(Box, { sx: {
-            flexGrow: 1,
-            maxWidth: '100%',
-            overflowX: 'hidden',
-            paddingTop: 3,
-            paddingLeft: 3,
-            paddingRight: 3,
-        } },
-        !selectedUser && (React.createElement(React.Fragment, null,
-            React.createElement(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 } },
-                React.createElement(Grid, { item: true },
-                    React.createElement(SearchField, { placeholder: usersTranslations.search[locale], onSearch: (value) => setSearchString(value) })),
-                React.createElement(Grid, { item: true },
-                    React.createElement(Button, { variant: 'contained', startIcon: React.createElement(PersonAddIcon, null), onClick: () => {
-                            setOpenCreateUserDialog(true);
-                            setSelectedUser(undefined);
-                        } }, usersTranslations.new[locale]))),
-            React.createElement(UsersTable, { users: filteredUsers, selectedUser: selectedUser, setSelectedUser: (user) => {
-                    setSelectedUser(user);
-                }, onDelete: handleDelete }))),
-        selectedUser && (React.createElement(Box, { sx: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'flex-start',
-                width: '100%',
+    return (React.createElement(APIClientProvider, { baseURL: apiUrl },
+        React.createElement(Box, { sx: {
+                flexGrow: 1,
+                maxWidth: '100%',
+                overflowX: 'hidden',
+                paddingTop: 3,
+                paddingLeft: 3,
+                paddingRight: 3,
             } },
-            React.createElement(Box, { sx: {
+            !selectedUser && (React.createElement(React.Fragment, null,
+                React.createElement(Grid, { container: true, spacing: 2, sx: { marginBottom: 2 } },
+                    React.createElement(Grid, { item: true },
+                        React.createElement(SearchField, { placeholder: usersTranslations.search[locale], onSearch: (value) => setSearchString(value) })),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(Button, { variant: 'contained', startIcon: React.createElement(PersonAddIcon, null), onClick: () => {
+                                setOpenCreateUserDialog(true);
+                                setSelectedUser(undefined);
+                            } }, usersTranslations.new[locale]))),
+                React.createElement(UsersTable, { users: filteredUsers, selectedUser: selectedUser, setSelectedUser: (user) => {
+                        setSelectedUser(user);
+                    }, onDelete: handleDelete }))),
+            selectedUser && (React.createElement(Box, { sx: {
                     display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                    width: '100%',
                 } },
-                React.createElement(IconButton, { "aria-label": 'delete', color: 'primary', onClick: () => setSelectedUser(undefined), sx: { mr: 2 } },
-                    React.createElement(ArrowBackIcon, null)),
-                React.createElement(Link, { underline: 'none', href: '#', onClick: () => setSelectedUser(undefined) }, usersTranslations.title[locale]),
-                React.createElement(KeyboardArrowRightIcon, null),
-                selectedUser.username),
-            React.createElement(UserTabs, { user: selectedUser, additionalTabs: additionalTabs }))),
-        React.createElement(CreateUserDialog, { open: openCreateUserDialog, onClose: () => {
-                setOpenCreateUserDialog(false);
-            } })));
+                React.createElement(Box, { sx: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                    } },
+                    React.createElement(IconButton, { "aria-label": 'delete', color: 'primary', onClick: () => setSelectedUser(undefined), sx: { mr: 2 } },
+                        React.createElement(ArrowBackIcon, null)),
+                    React.createElement(Link, { underline: 'none', href: '#', onClick: () => setSelectedUser(undefined) }, usersTranslations.title[locale]),
+                    React.createElement(KeyboardArrowRightIcon, null),
+                    selectedUser.username),
+                React.createElement(UserTabs, { user: selectedUser, additionalTabs: additionalTabs, onUserUpdate: onUserUpdate, editUsername: editUsername }))),
+            React.createElement(CreateUserDialog, { open: openCreateUserDialog, onClose: () => {
+                    setOpenCreateUserDialog(false);
+                }, onUserCreate: onUserCreate }))));
 };
 export default Users;

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

@@ -6,7 +6,7 @@ export interface TableProps {
     groups?: Group[];
     selectedUser?: User;
     setSelectedUser: (user: User) => void;
-    onDelete: (id: string) => void;
+    onDelete: (user: User) => void;
 }
 declare const UsersTable: ({ users, selectedUser, setSelectedUser, onDelete, }: TableProps) => React.JSX.Element;
 export default UsersTable;

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

@@ -1 +1 @@
-{"version":3,"file":"UsersTable.d.ts","sourceRoot":"","sources":["../../../src/components/users/UsersTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAuBzC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,wDAKb,UAAU,sBAoEZ,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UsersTable.d.ts","sourceRoot":"","sources":["../../../src/components/users/UsersTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAuBzC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,wDAKb,UAAU,sBAoEZ,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/users/UsersTable.js

@@ -29,7 +29,7 @@ const UsersTable = ({ users = [], selectedUser, setSelectedUser, onDelete, }) =>
     const locale = useLocale();
     const muiTheme = useTheme();
     const [openConfirmationDialog, setOpenConfirmationDialog] = useState(false);
-    const [deleteId, setDeleteId] = useState();
+    const [deleteUser, setDeleteUser] = useState();
     return (React.createElement(React.Fragment, null,
         React.createElement(TableContainer, null,
             React.createElement(Table, { size: 'small' },
@@ -54,9 +54,9 @@ const UsersTable = ({ users = [], selectedUser, setSelectedUser, onDelete, }) =>
                         React.createElement(IconButton, { size: 'small', onClick: (evt) => {
                                 evt.stopPropagation();
                                 setOpenConfirmationDialog(true);
-                                setDeleteId(user.id);
+                                setDeleteUser(user);
                             } },
                             React.createElement(DeleteIcon, null))))))))),
-        React.createElement(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => (deleteId ? onDelete(deleteId) : {}) })));
+        React.createElement(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => (deleteUser ? onDelete(deleteUser) : {}) })));
 };
 export default UsersTable;

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

@@ -10,7 +10,9 @@ export interface UserTab {
 export interface UserTabsProps {
     user: User;
     additionalTabs?: UserTab[];
+    onUserUpdate?: (newUser: User, oldUser: User) => void;
+    editUsername?: boolean;
 }
-declare const UserTabs: ({ user, additionalTabs }: UserTabsProps) => React.JSX.Element;
+declare const UserTabs: ({ user, additionalTabs, onUserUpdate, editUsername, }: UserTabsProps) => React.JSX.Element;
 export default UserTabs;
 //# sourceMappingURL=UsersTabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UsersTabs.d.ts","sourceRoot":"","sources":["../../../src/components/users/UsersTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAKzC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,6BAAmC,aAAa,sBAgD7D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"UsersTabs.d.ts","sourceRoot":"","sources":["../../../src/components/users/UsersTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAa,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAKzC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,0DAKX,aAAa,sBA0Df,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/users/UsersTabs.js

@@ -6,7 +6,7 @@ import usersTranslations from '../../lang/users';
 import UserDetails from './UserDetails';
 import UserGroups from './UserGroups';
 import UserCredentials from './UserCredentials';
-const UserTabs = ({ user, additionalTabs = [] }) => {
+const UserTabs = ({ user, additionalTabs = [], onUserUpdate, editUsername, }) => {
     const locale = useLocale();
     const [selectedTab, setSelectedTab] = useState('DETAILS');
     return (React.createElement(Box, { sx: {
@@ -22,11 +22,11 @@ const UserTabs = ({ user, additionalTabs = [] }) => {
                 React.createElement(Tab, { label: usersTranslations.details[locale], value: 'DETAILS' }),
                 React.createElement(Tab, { label: usersTranslations.userGroups[locale], value: 'USER_GROUPS' }),
                 React.createElement(Tab, { label: usersTranslations.credentials[locale], value: 'CREDENTIALS' }),
-                additionalTabs.map((tab, index) => (React.createElement(Tab, { label: tab.title[locale], value: `ADDITIONAL_TAB_${index}` }))))),
+                additionalTabs.map((tab, index) => (React.createElement(Tab, { key: `tab${index}`, label: tab.title[locale], value: `ADDITIONAL_TAB_${index}` }))))),
         React.createElement(Box, { sx: { p: 1 } },
-            selectedTab === 'DETAILS' && React.createElement(UserDetails, { user: user }),
+            selectedTab === 'DETAILS' && (React.createElement(UserDetails, { user: user, onUserUpdate: onUserUpdate, editUsername: editUsername })),
             selectedTab === 'USER_GROUPS' && React.createElement(UserGroups, { user: user }),
             selectedTab === 'CREDENTIALS' && React.createElement(UserCredentials, { user: user }),
-            additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (React.createElement(tab.component, { user: user }))))));
+            additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (React.createElement(tab.component, { key: `tab${index}`, user: user }))))));
 };
 export default UserTabs;

package/lib/lang/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../src/lang/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,iBAAiB;;CAyHkB,CAAC;AAE1C,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../src/lang/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,iBAAiB;;CA6HkB,CAAC;AAE1C,eAAe,iBAAiB,CAAC"}

package/lib/lang/users.js

@@ -71,6 +71,10 @@ const usersTranslations = {
         en: 'Save',
         it: 'Salva',
     },
+    requiredField: {
+        en: 'Required',
+        it: 'Obbligatorio',
+    },
     addUserSuccess: {
         en: 'User created successfully',
         it: 'Utente creato con successo',