@applica-software-guru/react-admin 1.5.342 → 1.5.344

package/package.json

@@ -108,5 +108,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.342"
+  "version": "1.5.344"
 }

package/src/components/Pagination/Pagination.tsx

@@ -1,6 +1,6 @@
 import { FC, ReactElement, memo, useCallback, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
-import { TablePagination, TablePaginationBaseProps, Theme, Toolbar, useMediaQuery } from '@mui/material';
+import { TablePagination, TablePaginationBaseProps, Theme, Toolbar, useMediaQuery, useTheme } from '@mui/material';
 import {
   ComponentPropType,
   ListPaginationContextValue,
@@ -21,6 +21,7 @@ const Pagination: FC<PaginationProps> = memo((props) => {
   const [currentPage, setCurrentPage] = useState(page - 1); // Stato per la UI
   const { hasCreate } = useResourceDefinition(props);
   const [isSelectedPage, setIsSelectedPage] = useState(false);
+  const theme = useTheme();
 
   useEffect(() => {
     if (page !== currentPage + 1 && !isSelectedPage) {
@@ -139,7 +140,21 @@ const Pagination: FC<PaginationProps> = memo((props) => {
         rowsPerPageOptions={emptyArray}
         component="span"
         labelDisplayedRows={labelDisplayedRows}
-        sx={{ justifyContent: hasCreate ? 'flex-start' : 'flex-end', display: hasCreate ? 'flex' : 'block' }}
+        sx={{
+          justifyContent: hasCreate ? 'flex-start' : 'flex-end',
+          display: hasCreate ? 'flex' : 'block',
+          ...(props.displayStyle !== 'text' && {
+            '.MuiTablePagination-actions': {
+              display: 'flex',
+              flexDirection: 'row',
+              gap: '4px'
+            },
+
+            '& button': {
+              border: `1px solid ${theme.palette.divider}`
+            }
+          })
+        }}
         {...sanitizeListRestProps(rest)}
       />
     );
@@ -168,6 +183,37 @@ const Pagination: FC<PaginationProps> = memo((props) => {
       labelDisplayedRows={labelDisplayedRows}
       getItemAriaLabel={labelItem}
       rowsPerPageOptions={rowsPerPageOptions}
+      sx={
+        props.displayStyle !== 'text'
+          ? {
+              '.MuiInputBase-root': {
+                border: `1px solid ${theme.palette.divider}`,
+                borderRadius: '4px'
+              },
+              '.MuiTablePagination-spacer': {
+                display: 'none'
+              },
+              '.MuiTablePagination-selectLabel': {
+                color: theme.palette.text.secondary
+              },
+              '.MuiTablePagination-actions': {
+                flex: 1,
+                position: 'absolute',
+                right: 24
+              },
+              '& button': {
+                border: `1px solid ${theme.palette.divider}`,
+                '&.Mui-selected': {
+                  fontSize: '0.875rem',
+                  fontWeight: 'regular',
+                  backgroundColor: 'trasparent',
+                  border: `1px solid ${theme.palette.primary.main}`,
+                  color: theme.palette.primary.main
+                }
+              }
+            }
+          : {}
+      }
       {...sanitizeListRestProps(rest)}
     />
   );
@@ -194,6 +240,7 @@ interface PaginationProps extends TablePaginationBaseProps, Partial<ListPaginati
   rowsPerPageOptions?: Array<number | { label: string; value: number }>;
   actions?: FC<PaginationActionsProps>;
   limit?: ReactElement;
+  displayStyle?: 'text' | 'outlined';
 }
 
 export { Pagination };

package/src/components/ra-buttons/ImpersonateUserButton.tsx

@@ -4,9 +4,15 @@ import { Button, useAuthProvider, useRecordContext } from 'react-admin';
 
 type ImpersonateUserButtonProps = {
   label?: string;
+  redirect?: string;
+  [x: string]: any; // Allow other props to be passed through
 };
 
-function ImpersonateUserButton({ label = 'ra.auth.sign_in', ...props }: ImpersonateUserButtonProps): JSX.Element {
+function ImpersonateUserButton({
+  label = 'ra.auth.sign_in',
+  redirect = '/',
+  ...props
+}: ImpersonateUserButtonProps): JSX.Element {
   const record = useRecordContext();
   const [loading, setLoading] = useState(false);
   const authProvider = useAuthProvider();
@@ -17,10 +23,10 @@ function ImpersonateUserButton({ label = 'ra.auth.sign_in', ...props }: Imperson
       setLoading(true);
       authProvider.impersonate(record?.id).then(() => {
         setLoading(false);
-        document.location.href = '/';
+        document.location.href = redirect;
       });
     },
-    [authProvider, record?.id]
+    [authProvider, record?.id, redirect]
   );
   return (
     <Button