@deix/rossini-identity-management 0.1.0

package/README.md

@@ -0,0 +1,6 @@
+# Rossini Auth
+
+Rossini helps you build UI fast by providing a series of components and utilities featuring the Deix style.
+
+
+Take a look at the [docs](https://docs.deix.ai/rossini-auth) to see components exported by rossini-auth.

package/lib/app/[locale]/groups/page.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const GroupsPage: React.FC;
+export default GroupsPage;
+//# sourceMappingURL=page.d.ts.map

package/lib/app/[locale]/groups/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/app/[locale]/groups/page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAGvB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/app/[locale]/groups/page.js

@@ -0,0 +1,9 @@
+'use client';
+import React from 'react';
+import { useConfig } from '../../../config';
+import Groups from '../../../components/groups/Groups';
+const GroupsPage = () => {
+    const config = useConfig();
+    return React.createElement(Groups, { apiUrl: config.generalProperties.apiURL });
+};
+export default GroupsPage;

package/lib/app/[locale]/layout.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import '@fontsource/raleway/300.css';
+import '@fontsource/raleway/400.css';
+import '@fontsource/raleway/500.css';
+import '@fontsource/raleway/600.css';
+import '@fontsource/raleway/700.css';
+export default function RootLayout({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=layout.d.ts.map

package/lib/app/[locale]/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/app/[locale]/layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAiBA"}

package/lib/app/[locale]/layout.js

@@ -0,0 +1,24 @@
+'use client';
+import React from 'react';
+import { PageProvider } from '@deix/rossini-core';
+import '@fontsource/raleway/300.css';
+import '@fontsource/raleway/400.css';
+import '@fontsource/raleway/500.css';
+import '@fontsource/raleway/600.css';
+import '@fontsource/raleway/700.css';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+export default function RootLayout({ children, }) {
+    // const config = useConfig();
+    const queryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                refetchOnWindowFocus: false,
+                refetchOnMount: false,
+            },
+        },
+    });
+    return (React.createElement(QueryClientProvider, { client: queryClient },
+        React.createElement(PageProvider, null, children),
+        React.createElement(ReactQueryDevtools, { initialIsOpen: false, buttonPosition: 'bottom-right' })));
+}

package/lib/app/[locale]/users/page.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const UsersPage: () => React.JSX.Element;
+export default UsersPage;
+//# sourceMappingURL=page.d.ts.map

package/lib/app/[locale]/users/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/app/[locale]/users/page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,SAAS,yBAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/app/[locale]/users/page.js

@@ -0,0 +1,9 @@
+'use client';
+import React from 'react';
+import { useConfig } from '../../../config';
+import Users from '../../../components/users/Users';
+const UsersPage = () => {
+    const config = useConfig();
+    return React.createElement(Users, { apiUrl: config.generalProperties.apiURL });
+};
+export default UsersPage;

package/lib/app/layout.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import '@fontsource/raleway/300.css';
+import '@fontsource/raleway/400.css';
+import '@fontsource/raleway/500.css';
+import '@fontsource/raleway/600.css';
+import '@fontsource/raleway/700.css';
+export declare const metadata: {
+    title: string;
+};
+export default function RootLayout({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=layout.d.ts.map

package/lib/app/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AAGrC,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAeA"}

package/lib/app/layout.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import '@fontsource/raleway/300.css';
+import '@fontsource/raleway/400.css';
+import '@fontsource/raleway/500.css';
+import '@fontsource/raleway/600.css';
+import '@fontsource/raleway/700.css';
+import { ConfigProvider } from '../config';
+export const metadata = {
+    title: 'Rossini Authentication',
+};
+export default function RootLayout({ children, }) {
+    const publicRuntimeEnv = {
+        API_URL: process.env.API_URL || 'http://localhost:5000',
+        LOGOUT_URL: process.env.LOGOUT_URL || '',
+        ACCOUNT_SETTINGS_URL: process.env.ACCOUNT_SETTINGS_URL || '',
+    };
+    return (React.createElement("html", { lang: 'en' },
+        React.createElement("body", null,
+            React.createElement(ConfigProvider, { publicRuntimeEnv: publicRuntimeEnv }, children))));
+}

package/lib/components/AddItemDialog.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StringTranslation } from '@deix/rossini-core';
+interface Option {
+    value: string;
+    label: string;
+}
+interface AddItemDialogProps {
+    title: StringTranslation;
+    options?: Option[];
+    open: boolean;
+    onClose: () => void;
+    onConfirm: (value: Option | null) => void;
+}
+declare const AddItemDialog: ({ title, options, open, onClose, onConfirm, }: AddItemDialogProps) => React.JSX.Element;
+export default AddItemDialog;
+//# sourceMappingURL=AddItemDialog.d.ts.map

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

@@ -0,0 +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;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/AddItemDialog.js

@@ -0,0 +1,45 @@
+import React from 'react';
+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...',
+    },
+};
+const AddItemDialog = ({ title, options, open, onClose, onConfirm, }) => {
+    const locale = useLocale();
+    const [value, setValue] = useState(null);
+    // Reset the value when the dialog is closed
+    useEffect(() => {
+        if (!open) {
+            setValue(null);
+        }
+    }, [open]);
+    return (React.createElement(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose },
+        React.createElement(DialogTitle, null, title[locale]),
+        React.createElement(DialogContent, null,
+            React.createElement(Autocomplete
+            // multiple
+            , { 
+                // multiple
+                options: options ?? [], getOptionLabel: (option) => option.label, getOptionKey: (option) => option.value, isOptionEqualToValue: (option, value) => option.value === value.value, renderInput: (params) => (React.createElement(TextField, { ...params, label: translations.search[locale], placeholder: '' })), onChange: (event, newValue) => {
+                    setValue(newValue);
+                }, value: value })),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { size: 'small', variant: 'outlined', onClick: onClose }, translations.cancel[locale]),
+            React.createElement(Button, { variant: 'contained', onClick: () => {
+                    onConfirm(value);
+                    onClose();
+                } }, translations.ok[locale]))));
+};
+export default AddItemDialog;

package/lib/components/DeleteConfirmationDialog.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface DeleteConfirmationDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+declare const DeleteConfirmationDialog: ({ open, onClose, onConfirm, }: DeleteConfirmationDialogProps) => React.JSX.Element;
+export default DeleteConfirmationDialog;
+//# sourceMappingURL=DeleteConfirmationDialog.d.ts.map

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

@@ -0,0 +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;AAEF,eAAe,wBAAwB,CAAC"}

package/lib/components/DeleteConfirmationDialog.js

@@ -0,0 +1,35 @@
+import React from 'react';
+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',
+    },
+};
+const DeleteConfirmationDialog = ({ open, onClose, onConfirm, }) => {
+    const locale = useLocale();
+    return (React.createElement(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose },
+        React.createElement(DialogTitle, null, translations.title[locale]),
+        React.createElement(DialogContent, null,
+            React.createElement(Typography, { variant: 'caption' }, translations.message[locale])),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { size: 'small', variant: 'outlined', onClick: onClose }, translations.no[locale]),
+            React.createElement(Button, { size: 'small', variant: 'contained', onClick: () => {
+                    onConfirm();
+                    onClose();
+                } }, translations.yes[locale]))));
+};
+export default DeleteConfirmationDialog;

package/lib/components/SearchField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+type SearchFieldProps = MuiTextFieldProps & {
+    onSearch: (val: string) => void;
+};
+declare const SearchField: ({ placeholder, onSearch, ...props }: SearchFieldProps) => React.JSX.Element;
+export default SearchField;
+//# sourceMappingURL=SearchField.d.ts.map

package/lib/components/SearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../src/components/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,cAAc,IAAI,iBAAiB,EAEpC,MAAM,eAAe,CAAC;AAIvB,KAAK,gBAAgB,GAAG,iBAAiB,GAAG;IAC1C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,WAAW,wCAId,gBAAgB,sBAwBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/SearchField.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import SearchIcon from '@mui/icons-material/Search';
+import { IconButton, TextField, } from '@mui/material';
+import { useState } from 'react';
+const SearchField = ({ placeholder = 'Search...', onSearch, ...props }) => {
+    const [value, setValue] = useState('');
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextField, { size: 'small', placeholder: placeholder, value: value, onChange: (evt) => {
+                setValue(evt.target.value);
+                onSearch(evt.target.value);
+            }, ...props, InputProps: {
+                endAdornment: (React.createElement(IconButton, { size: 'small', onClick: () => onSearch(value) },
+                    React.createElement(SearchIcon, null))),
+            } })));
+};
+export default SearchField;

package/lib/components/groups/CreateGroupDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface CreateGroupDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare const CreateGroupDialog: ({ open, onClose }: CreateGroupDialogProps) => React.JSX.Element;
+export default CreateGroupDialog;
+//# sourceMappingURL=CreateGroupDialog.d.ts.map

package/lib/components/groups/CreateGroupDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateGroupDialog.d.ts","sourceRoot":"","sources":["../../../src/components/groups/CreateGroupDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,sBAAuB,sBAAsB,sBAqBnE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/groups/CreateGroupDialog.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useAPI, useLocale } from '@deix/rossini-core';
+import { Dialog, DialogContent, DialogTitle } from '@mui/material';
+import { useQueryClient } from '@tanstack/react-query';
+import { useConfig } from '../../config';
+import groupsTranslations from '../../lang/groups';
+import { useAddGroup } from '../../utils/hooks/groups';
+import GroupForm from './GroupForm';
+const CreateGroupDialog = ({ open, onClose }) => {
+    const locale = useLocale();
+    const config = useConfig();
+    const apiClient = useAPI(config.generalProperties.apiURL);
+    const queryClient = useQueryClient();
+    const { mutate: addGroup } = useAddGroup(queryClient, apiClient);
+    const handleSave = (group) => {
+        addGroup(group);
+        onClose();
+    };
+    return (React.createElement(Dialog, { open: open, fullWidth: true, maxWidth: 'sm', onClose: onClose },
+        React.createElement(DialogTitle, null, groupsTranslations.create[locale]),
+        React.createElement(DialogContent, null,
+            React.createElement(GroupForm, { mode: 'create', onSave: handleSave, onCancel: onClose }))));
+};
+export default CreateGroupDialog;

package/lib/components/groups/GroupDetails.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Group } from '../../types/groups';
+export interface GroupDetailsProps {
+    group: Group;
+}
+declare const GroupDetails: ({ group }: GroupDetailsProps) => React.JSX.Element;
+export default GroupDetails;
+//# sourceMappingURL=GroupDetails.d.ts.map

package/lib/components/groups/GroupDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupDetails.d.ts","sourceRoot":"","sources":["../../../src/components/groups/GroupDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,YAAY,cAAe,iBAAiB,sBAoBjD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/groups/GroupDetails.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useAPI } from '@deix/rossini-core';
+import { useQueryClient } from '@tanstack/react-query';
+import { useConfig } from '../../config';
+import { useUpdateGroup } from '../../utils/hooks/groups';
+import GroupForm from './GroupForm';
+const GroupDetails = ({ group }) => {
+    const config = useConfig();
+    const apiClient = useAPI(config.generalProperties.apiURL);
+    const queryClient = useQueryClient();
+    const { mutate: updateGroup } = useUpdateGroup(queryClient, apiClient);
+    const handleUpdate = (group) => {
+        updateGroup(group);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(GroupForm, { mode: 'modify', group: group, onSave: handleUpdate, onCancel: () => { } })));
+};
+export default GroupDetails;

package/lib/components/groups/GroupForm.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Group } from '../../types/groups';
+export interface GroupFormProps {
+    onCancel?: () => void;
+    onSave: (group: Group) => void;
+    group?: Group;
+    mode: 'create' | 'modify';
+}
+declare const GroupForm: ({ group, onCancel, onSave, mode }: GroupFormProps) => React.JSX.Element;
+export default GroupForm;
+//# sourceMappingURL=GroupForm.d.ts.map

package/lib/components/groups/GroupForm.d.ts.map

@@ -0,0 +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;CAC3B;AAED,QAAA,MAAM,SAAS,sCAAuC,cAAc,sBAkEnE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/groups/GroupForm.js

@@ -0,0 +1,38 @@
+import React from 'react';
+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';
+const GroupForm = ({ group, onCancel, onSave, mode }) => {
+    const locale = useLocale();
+    const { control, handleSubmit, setValue } = useForm({
+        defaultValues: {
+            id: group?.id,
+            name: group?.name,
+        },
+    });
+    useEffect(() => {
+        if (group) {
+            setValue('id', group?.id);
+            setValue('name', group?.name);
+        }
+    }, [group, setValue]);
+    const onSubmit = (data) => {
+        onSave(data);
+    };
+    return (React.createElement("form", { onSubmit: (event) => void handleSubmit(onSubmit)(event) },
+        React.createElement(Grid, { container: true, spacing: 2, sx: { mt: 2, maxWidth: 'sm' }, justifyContent: 'stretch' },
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(Controller, { name: 'name', control: control, render: ({ field }) => (React.createElement(TextField, { size: 'small', fullWidth: true, label: groupsTranslations.name[locale], sx: { flexShrink: 0 }, ...field })) })),
+            React.createElement(Grid, { item: true, sx: {
+                    mt: 2,
+                    display: 'flex',
+                    justifyContent: 'flex-end',
+                    gap: 2,
+                    width: '100%',
+                } },
+                mode === 'create' && (React.createElement(Button, { variant: 'outlined', onClick: onCancel }, groupsTranslations.cancel[locale])),
+                React.createElement(Button, { variant: 'contained', type: 'submit' }, groupsTranslations.save[locale])))));
+};
+export default GroupForm;

package/lib/components/groups/GroupTabs.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StringTranslation } from '@deix/rossini-core';
+import { Group } from '../../types/groups';
+export interface GroupTab {
+    title: StringTranslation;
+    component: React.FunctionComponent<{
+        group: Group;
+    }>;
+}
+export interface GroupTabsProps {
+    group: Group;
+    additionalTabs?: GroupTab[];
+}
+declare const GroupTabs: ({ group, additionalTabs }: GroupTabsProps) => React.JSX.Element;
+export default GroupTabs;
+//# sourceMappingURL=GroupTabs.d.ts.map

package/lib/components/groups/GroupTabs.d.ts.map

@@ -0,0 +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;CAC7B;AAED,QAAA,MAAM,SAAS,8BAAoC,cAAc,sBAwChE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/groups/GroupTabs.js

@@ -0,0 +1,29 @@
+'use client';
+import React, { 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';
+const GroupTabs = ({ group, additionalTabs = [] }) => {
+    const locale = useLocale();
+    const [selectedTab, setSelectedTab] = useState('DETAILS');
+    return (React.createElement(Box, { sx: {
+            flexGrow: 1,
+            maxWidth: '100%',
+            overflowX: 'hidden',
+            alignSelf: 'stretch',
+        } },
+        React.createElement(Box, { sx: { borderBottom: 1, borderColor: 'divider' } },
+            React.createElement(Tabs, { value: selectedTab, onChange: (_evt, newValue) => {
+                    setSelectedTab(newValue);
+                }, "aria-label": 'basic tabs example' },
+                React.createElement(Tab, { label: groupsTranslations.details[locale], value: 'DETAILS' }),
+                React.createElement(Tab, { label: groupsTranslations.users[locale], value: 'USERS' }),
+                additionalTabs.map((tab, index) => (React.createElement(Tab, { label: tab.title[locale], value: `ADDITIONAL_TAB_${index}` }))))),
+        React.createElement(Box, { sx: { p: 1 } },
+            selectedTab === 'DETAILS' && React.createElement(GroupDetails, { group: group }),
+            selectedTab === 'USERS' && React.createElement(GroupUsers, { group: group }),
+            additionalTabs.map((tab, index) => selectedTab === `ADDITIONAL_TAB_${index}` && (React.createElement(tab.component, { group: group }))))));
+};
+export default GroupTabs;

package/lib/components/groups/GroupUsers.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Group } from '../../types/groups';
+interface GroupUsersProps {
+    group: Group;
+}
+declare const GroupUsers: ({ group }: GroupUsersProps) => React.JSX.Element;
+export default GroupUsers;
+//# sourceMappingURL=GroupUsers.d.ts.map

package/lib/components/groups/GroupUsers.d.ts.map

@@ -0,0 +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;AA+B3C,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,QAAA,MAAM,UAAU,cAAe,eAAe,sBA+F7C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/groups/GroupUsers.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { Box, Button, IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, } from '@mui/material';
+import AddIcon from '@mui/icons-material/Add';
+import DeleteIcon from '@mui/icons-material/Delete';
+import { isStringTranslation, useAPI, useLocale } from '@deix/rossini-core';
+import { useConfig } from '../../config';
+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 { useGroupUsers } from '../../utils/hooks/groups';
+import groupsTranslations from '../../lang/groups';
+const groupUsersTableColumns = [
+    {
+        id: 'username',
+        label: { en: 'Username', it: 'Username' },
+    },
+    {
+        id: 'firstName',
+        label: { en: 'First name', it: 'Nome' },
+    },
+    {
+        id: 'lastName',
+        label: { en: 'Last name', it: 'Cognome' },
+    },
+];
+const GroupUsers = ({ group }) => {
+    const locale = useLocale();
+    const config = useConfig();
+    const apiClient = useAPI(config.generalProperties.apiURL);
+    const queryClient = useQueryClient();
+    const { data: users } = useUsers(apiClient);
+    const { data: groupUsers } = useGroupUsers(group?.id, apiClient);
+    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 (React.createElement(React.Fragment, null,
+        groupUsers && groupUsers.length > 0 && (React.createElement(Box, { maxWidth: 'md' },
+            React.createElement(TableContainer, null,
+                React.createElement(Table, { size: 'small' },
+                    React.createElement(TableHead, null,
+                        React.createElement(TableRow, null,
+                            groupUsersTableColumns.map((col) => (React.createElement(TableCell, { key: col.id, align: col.align || 'inherit' }, isStringTranslation(col.label)
+                                ? col.label[locale]
+                                : col.label))),
+                            React.createElement(TableCell, { padding: 'none' }, ''))),
+                    React.createElement(TableBody, null, groupUsers?.map((user, rowIdx) => (React.createElement(TableRow, { key: rowIdx },
+                        React.createElement(TableCell, null, user.username),
+                        React.createElement(TableCell, null, user.firstName),
+                        React.createElement(TableCell, null, user.lastName),
+                        React.createElement(TableCell, { padding: 'none', align: 'right' },
+                            React.createElement(IconButton, { size: 'small', onClick: (evt) => {
+                                    evt.stopPropagation();
+                                    setOpenConfirmationDialog(true);
+                                    setDeleteId(user.id);
+                                } },
+                                React.createElement(DeleteIcon, null))))))))))),
+        React.createElement(Button, { variant: 'outlined', startIcon: React.createElement(AddIcon, null), onClick: () => setOpenAddUserDialog(true), sx: { marginTop: 2 } }, groupsTranslations.addUser[locale]),
+        React.createElement(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 || '',
+            })) }),
+        React.createElement(DeleteConfirmationDialog, { open: openConfirmationDialog, onClose: () => setOpenConfirmationDialog(false), onConfirm: () => deleteId
+                ? removeUserFromGroup({ userId: deleteId, groupId: group.id })
+                : {} })));
+};
+export default GroupUsers;

package/lib/components/groups/Groups.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GroupTab } from './GroupTabs';
+interface GroupsProps {
+    apiUrl: string;
+    additionalTabs?: GroupTab[];
+}
+declare const Groups: ({ apiUrl, additionalTabs }: GroupsProps) => React.JSX.Element;
+export default Groups;
+//# sourceMappingURL=Groups.d.ts.map

package/lib/components/groups/Groups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Groups.d.ts","sourceRoot":"","sources":["../../../src/components/groups/Groups.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,OAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGlD,UAAU,WAAW;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,+BAAqC,WAAW,sBAqH3D,CAAC;AAEF,eAAe,MAAM,CAAC"}