@applica-software-guru/react-admin 1.0.42 → 1.0.44

package/src/components/MainIcon.jsx

@@ -1,5 +1,5 @@
-import PropTypes from 'prop-types'
-import { Typography } from '@mui/material'
+import PropTypes from 'prop-types';
+import { Typography } from '@mui/material';
 
 const MainIcon = ({ title }) => (
   <>
@@ -11,10 +11,10 @@ const MainIcon = ({ title }) => (
       {title}
     </Typography>
   </>
-)
+);
 
 MainIcon.propTypes = {
-  title: PropTypes.string.isRequired,
-}
+  title: PropTypes.string.isRequired
+};
 
-export default MainIcon
+export default MainIcon;

package/src/components/MenuPopover/MenuPopover.jsx

@@ -1,11 +1,11 @@
-import { Popover } from '@mui/material'
-import PropTypes from 'prop-types'
-import React from 'react'
-import { StyledArrow } from './styles'
-import getPosition from './getPosition'
+import { Popover } from '@mui/material';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { StyledArrow } from './styles';
+import getPosition from './getPosition';
 
 const MenuPopover = ({ open, children, arrow = 'top-right', disabledArrow, sx, ...other }) => {
-  const { style, anchorOrigin, transformOrigin } = getPosition(arrow)
+  const { style, anchorOrigin, transformOrigin } = getPosition(arrow);
 
   return (
     <Popover
@@ -23,10 +23,10 @@ const MenuPopover = ({ open, children, arrow = 'top-right', disabledArrow, sx, .
             px: 1,
             typography: 'body2',
             borderRadius: 0.75,
-            '& svg': { mr: 2, width: 20, height: 20, flexShrink: 0 },
+            '& svg': { mr: 2, width: 20, height: 20, flexShrink: 0 }
           },
-          ...sx,
-        },
+          ...sx
+        }
       }}
       {...other}
     >
@@ -34,8 +34,8 @@ const MenuPopover = ({ open, children, arrow = 'top-right', disabledArrow, sx, .
 
       {children}
     </Popover>
-  )
-}
+  );
+};
 
 MenuPopover.propTypes = {
   sx: PropTypes.object,
@@ -54,8 +54,8 @@ MenuPopover.propTypes = {
     'left-bottom',
     'right-top',
     'right-center',
-    'right-bottom',
-  ]),
-}
+    'right-bottom'
+  ])
+};
 
-export default MenuPopover
+export default MenuPopover;

package/src/components/MenuPopover/getPosition.jsx

@@ -1,98 +1,98 @@
 export default function getPosition(arrow) {
-  let props
+  let props;
 
   switch (arrow) {
     case 'top-left':
       props = {
         style: { ml: -0.75 },
         anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
-        transformOrigin: { vertical: 'top', horizontal: 'left' },
-      }
-      break
+        transformOrigin: { vertical: 'top', horizontal: 'left' }
+      };
+      break;
     case 'top-center':
       props = {
         style: {},
         anchorOrigin: { vertical: 'bottom', horizontal: 'center' },
-        transformOrigin: { vertical: 'top', horizontal: 'center' },
-      }
-      break
+        transformOrigin: { vertical: 'top', horizontal: 'center' }
+      };
+      break;
     case 'top-right':
       props = {
         style: { ml: 0.75 },
         anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
-        transformOrigin: { vertical: 'top', horizontal: 'right' },
-      }
-      break
+        transformOrigin: { vertical: 'top', horizontal: 'right' }
+      };
+      break;
     case 'bottom-left':
       props = {
         style: { ml: -0.75 },
         anchorOrigin: { vertical: 'top', horizontal: 'left' },
-        transformOrigin: { vertical: 'bottom', horizontal: 'left' },
-      }
-      break
+        transformOrigin: { vertical: 'bottom', horizontal: 'left' }
+      };
+      break;
     case 'bottom-center':
       props = {
         style: {},
         anchorOrigin: { vertical: 'top', horizontal: 'center' },
-        transformOrigin: { vertical: 'bottom', horizontal: 'center' },
-      }
-      break
+        transformOrigin: { vertical: 'bottom', horizontal: 'center' }
+      };
+      break;
     case 'bottom-right':
       props = {
         style: { ml: 0.75 },
         anchorOrigin: { vertical: 'top', horizontal: 'right' },
-        transformOrigin: { vertical: 'bottom', horizontal: 'right' },
-      }
-      break
+        transformOrigin: { vertical: 'bottom', horizontal: 'right' }
+      };
+      break;
     case 'left-top':
       props = {
         style: { mt: -0.75 },
         anchorOrigin: { vertical: 'top', horizontal: 'right' },
-        transformOrigin: { vertical: 'top', horizontal: 'left' },
-      }
-      break
+        transformOrigin: { vertical: 'top', horizontal: 'left' }
+      };
+      break;
     case 'left-center':
       props = {
         anchorOrigin: { vertical: 'center', horizontal: 'right' },
-        transformOrigin: { vertical: 'center', horizontal: 'left' },
-      }
-      break
+        transformOrigin: { vertical: 'center', horizontal: 'left' }
+      };
+      break;
     case 'left-bottom':
       props = {
         style: { mt: 0.75 },
         anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
-        transformOrigin: { vertical: 'bottom', horizontal: 'left' },
-      }
-      break
+        transformOrigin: { vertical: 'bottom', horizontal: 'left' }
+      };
+      break;
     case 'right-top':
       props = {
         style: { mt: -0.75 },
         anchorOrigin: { vertical: 'top', horizontal: 'left' },
-        transformOrigin: { vertical: 'top', horizontal: 'right' },
-      }
-      break
+        transformOrigin: { vertical: 'top', horizontal: 'right' }
+      };
+      break;
     case 'right-center':
       props = {
         anchorOrigin: { vertical: 'center', horizontal: 'left' },
-        transformOrigin: { vertical: 'center', horizontal: 'right' },
-      }
-      break
+        transformOrigin: { vertical: 'center', horizontal: 'right' }
+      };
+      break;
     case 'right-bottom':
       props = {
         style: { mt: 0.75 },
         anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
-        transformOrigin: { vertical: 'bottom', horizontal: 'right' },
-      }
-      break
+        transformOrigin: { vertical: 'bottom', horizontal: 'right' }
+      };
+      break;
 
     // top-right
     default:
       props = {
         style: { ml: 0.75 },
         anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
-        transformOrigin: { vertical: 'top', horizontal: 'right' },
-      }
+        transformOrigin: { vertical: 'top', horizontal: 'right' }
+      };
   }
 
-  return props
+  return props;
 }

package/src/components/MenuPopover/index.jsx

@@ -1,3 +1,3 @@
-export { default as getPosition } from './getPosition'
-export { default as MenuPopover } from './MenuPopover'
-export { StyledArrow } from './styles'
+export { default as getPosition } from './getPosition';
+export { default as MenuPopover } from './MenuPopover';
+export { StyledArrow } from './styles';

package/src/components/MenuPopover/styles.jsx

@@ -1,39 +1,39 @@
-import { alpha, styled } from '@mui/material/styles'
+import { alpha, styled } from '@mui/material/styles';
 
 export const StyledArrow = styled('span')(({ arrow, theme }) => {
-  const SIZE = 12
+  const SIZE = 12;
 
-  const POSITION = -(SIZE / 2)
+  const POSITION = -(SIZE / 2);
 
-  const borderStyle = `solid 1px ${alpha(theme.palette.grey[500], 0.12)}`
+  const borderStyle = `solid 1px ${alpha(theme.palette.grey[500], 0.12)}`;
 
   const topStyle = {
     borderRadius: '0 0 3px 0',
     top: POSITION,
     borderBottom: borderStyle,
-    borderRight: borderStyle,
-  }
+    borderRight: borderStyle
+  };
 
   const bottomStyle = {
     borderRadius: '3px 0 0 0',
     bottom: POSITION,
     borderTop: borderStyle,
-    borderLeft: borderStyle,
-  }
+    borderLeft: borderStyle
+  };
 
   const leftStyle = {
     borderRadius: '0 3px 0 0',
     left: POSITION,
     borderTop: borderStyle,
-    borderRight: borderStyle,
-  }
+    borderRight: borderStyle
+  };
 
   const rightStyle = {
     borderRadius: '0 0 0 3px',
     right: POSITION,
     borderBottom: borderStyle,
-    borderLeft: borderStyle,
-  }
+    borderLeft: borderStyle
+  };
 
   return {
     display: 'none',
@@ -45,7 +45,7 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
       display: 'block',
       position: 'absolute',
       transform: 'rotate(-135deg)',
-      background: theme.palette.background.paper,
+      background: theme.palette.background.paper
     },
     // Top
     ...(arrow === 'top-left' && { ...topStyle, left: 20 }),
@@ -53,7 +53,7 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
       ...topStyle,
       left: 0,
       right: 0,
-      margin: 'auto',
+      margin: 'auto'
     }),
     ...(arrow === 'top-right' && { ...topStyle, right: 20 }),
     // Bottom
@@ -62,7 +62,7 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
       ...bottomStyle,
       left: 0,
       right: 0,
-      margin: 'auto',
+      margin: 'auto'
     }),
     ...(arrow === 'bottom-right' && { ...bottomStyle, right: 20 }),
     // Left
@@ -71,7 +71,7 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
       ...leftStyle,
       top: 0,
       bottom: 0,
-      margin: 'auto',
+      margin: 'auto'
     }),
     ...(arrow === 'left-bottom' && { ...leftStyle, bottom: 20 }),
     // Right
@@ -80,8 +80,8 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
       ...rightStyle,
       top: 0,
       bottom: 0,
-      margin: 'auto',
+      margin: 'auto'
     }),
-    ...(arrow === 'right-bottom' && { ...rightStyle, bottom: 20 }),
-  }
-})
+    ...(arrow === 'right-bottom' && { ...rightStyle, bottom: 20 })
+  };
+});

package/src/components/Notification.jsx

@@ -1,13 +1,13 @@
-import { Notification as RaNotification } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import { Notification as RaNotification } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const ApplicaStyledNotification = styled(
   RaNotification,
-  {},
+  {}
 )(({ theme }) => ({
   '& *': {
-    fontSize: theme.typography.body1.fontSize,
-  },
-}))
+    fontSize: theme.typography.body1.fontSize
+  }
+}));
 
-export default ApplicaStyledNotification
+export default ApplicaStyledNotification;

package/src/components/ScrollTop.jsx

@@ -1,24 +1,24 @@
-import PropTypes from 'prop-types'
-import { useEffect } from 'react'
-import { useLocation } from 'react-router-dom'
+import PropTypes from 'prop-types';
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
 
 const ScrollTop = ({ children }) => {
-  const location = useLocation()
-  const { pathname } = location
+  const location = useLocation();
+  const { pathname } = location;
 
   useEffect(() => {
     window.scrollTo({
       top: 0,
       left: 0,
-      behavior: 'smooth',
-    })
-  }, [pathname])
+      behavior: 'smooth'
+    });
+  }, [pathname]);
 
-  return children || null
-}
+  return children || null;
+};
 
 ScrollTop.propTypes = {
-  children: PropTypes.node,
-}
+  children: PropTypes.node
+};
 
-export default ScrollTop
+export default ScrollTop;

package/src/components/ScrollX.jsx

@@ -1,10 +1,10 @@
 // material-ui
-import { styled } from '@mui/material/styles'
+import { styled } from '@mui/material/styles';
 
 const ScrollX = styled('div')({
   width: '100%',
   overflowX: 'auto',
-  display: 'block',
-})
+  display: 'block'
+});
 
-export default ScrollX
+export default ScrollX;

package/src/components/SmallIcon.jsx

@@ -1,14 +1,14 @@
-import PropTypes from 'prop-types'
-import { Typography } from '@mui/material'
+import PropTypes from 'prop-types';
+import { Typography } from '@mui/material';
 
 const SmallIcon = ({ title }) => (
   <Typography variant="h2" sx={{ style: 'bold' }}>
     {title?.substr(0, 1).toUpperCase()}
   </Typography>
-)
+);
 
 SmallIcon.propTypes = {
-  title: PropTypes.string.isRequired,
-}
+  title: PropTypes.string.isRequired
+};
 
-export default SmallIcon
+export default SmallIcon;

package/src/components/ra-buttons/EditInDialogButton.jsx

@@ -7,40 +7,40 @@ import {
   useGetOne,
   useNotify,
   useRecordContext,
-  useResourceContext,
-} from 'react-admin'
-import React, { useCallback, useState } from 'react'
+  useResourceContext
+} from 'react-admin';
+import React, { useCallback, useState } from 'react';
 
-import { Dialog } from '@mui/material'
-import { Edit } from '@mui/icons-material'
-import PropTypes from 'prop-types'
-import { Toolbar } from '../ra-forms'
-import { useAppConfig } from '../../hooks'
+import { Dialog } from '@mui/material';
+import { Edit } from '@mui/icons-material';
+import PropTypes from 'prop-types';
+import { Toolbar } from '../ra-forms';
+import { useAppConfig } from '../../hooks';
 
 const EditInDialogContent = ({ onClose, children }) => {
-  const notify = useNotify()
-  const record = useRecordContext()
-  const resource = useResourceContext()
-  const { id } = record
-  const { isLoading, data } = useGetOne(resource, { id })
+  const notify = useNotify();
+  const record = useRecordContext();
+  const resource = useResourceContext();
+  const { id } = record;
+  const { isLoading, data } = useGetOne(resource, { id });
 
   const handleSuccess = useCallback(() => {
     notify('ra.notification.updated', {
       type: 'info',
       messageArgs: {
-        smart_count: 1,
-      },
-    })
-    onClose()
-  }, [onClose, notify])
+        smart_count: 1
+      }
+    });
+    onClose();
+  }, [onClose, notify]);
   const { save, saving } = useEditController({
     resource,
     id,
     mutationMode: 'pessimistic',
     mutationOptions: {
-      onSuccess: handleSuccess,
-    },
-  })
+      onSuccess: handleSuccess
+    }
+  });
 
   return (
     <EditContextProvider
@@ -48,7 +48,7 @@ const EditInDialogContent = ({ onClose, children }) => {
         record: data,
         isLoading,
         save: save,
-        saving: saving,
+        saving: saving
       }}
     >
       {React.cloneElement(children, {
@@ -57,29 +57,23 @@ const EditInDialogContent = ({ onClose, children }) => {
             <Button variant="text" size="medium" label="ra.action.cancel" onClick={onClose} />
             <SaveButton />
           </Toolbar>
-        ),
+        )
       })}
     </EditContextProvider>
-  )
-}
+  );
+};
 
 EditInDialogContent.propTypes = {
   children: PropTypes.node,
-  onClose: PropTypes.func,
-}
+  onClose: PropTypes.func
+};
 
 const EditInDialogButton = ({ fullWidth, maxWidth, label, ...props }) => {
-  const [open, setOpen] = useState(false)
-  const { openDialog, closeDialog } = useAppConfig()
-  const resource = useResourceContext()
-  const handleOpen = useCallback(
-    () => openDialog(resource, () => setOpen(true)),
-    [openDialog, resource],
-  )
-  const handleClose = useCallback(
-    () => closeDialog(resource, () => setOpen(false)),
-    [closeDialog, resource],
-  )
+  const [open, setOpen] = useState(false);
+  const { openDialog, closeDialog } = useAppConfig();
+  const resource = useResourceContext();
+  const handleOpen = useCallback(() => openDialog(resource, () => setOpen(true)), [openDialog, resource]);
+  const handleClose = useCallback(() => closeDialog(resource, () => setOpen(false)), [closeDialog, resource]);
 
   return (
     <>
@@ -90,19 +84,19 @@ const EditInDialogButton = ({ fullWidth, maxWidth, label, ...props }) => {
         <EditInDialogContent {...props} onClose={handleClose} />
       </Dialog>
     </>
-  )
-}
+  );
+};
 
 EditInDialogButton.defaultProps = {
   fullWidth: true,
   maxWidth: 'md',
-  label: 'ra.action.edit',
-}
+  label: 'ra.action.edit'
+};
 
 EditInDialogButton.propTypes = {
   fullWidth: PropTypes.bool,
   maxWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]),
-  label: PropTypes.string,
-}
+  label: PropTypes.string
+};
 
-export default EditInDialogButton
+export default EditInDialogButton;

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

@@ -1,25 +1,25 @@
-import { Button, useAuthProvider, useRecordContext } from 'react-admin'
-import React, { useCallback, useState } from 'react'
+import { Button, useAuthProvider, useRecordContext } from 'react-admin';
+import React, { useCallback, useState } from 'react';
 
-import PropTypes from 'prop-types'
-import { VpnKey } from '@mui/icons-material'
+import PropTypes from 'prop-types';
+import { VpnKey } from '@mui/icons-material';
 
 const ImpersonateUserButton = ({ label = 'ra.auth.sign_in', ...props }) => {
-  const record = useRecordContext()
-  const [loading, setLoading] = useState(false)
-  const authProvider = useAuthProvider()
+  const record = useRecordContext();
+  const [loading, setLoading] = useState(false);
+  const authProvider = useAuthProvider();
   const handleClick = useCallback(
     (e) => {
-      e.stopPropagation()
-      e.preventDefault()
-      setLoading(true)
+      e.stopPropagation();
+      e.preventDefault();
+      setLoading(true);
       authProvider.impersonate(record?.id).then(() => {
-        setLoading(false)
-        document.location.href = '/'
-      })
+        setLoading(false);
+        document.location.href = '/';
+      });
     },
-    [authProvider, record?.id],
-  )
+    [authProvider, record?.id]
+  );
   return (
     <Button
       disabled={loading || authProvider.impersonate === undefined}
@@ -31,11 +31,11 @@ const ImpersonateUserButton = ({ label = 'ra.auth.sign_in', ...props }) => {
     >
       <VpnKey />
     </Button>
-  )
-}
+  );
+};
 
 ImpersonateUserButton.propTypes = {
-  label: PropTypes.string,
-}
+  label: PropTypes.string
+};
 
-export default ImpersonateUserButton
+export default ImpersonateUserButton;

package/src/components/ra-buttons/index.jsx

@@ -1,4 +1,4 @@
-import CreateInDialogButton from './CreateInDialogButton'
-import EditInDialogButton from './EditInDialogButton'
-import ImpersonateUserButton from './ImpersonateUserButton'
-export { CreateInDialogButton, EditInDialogButton, ImpersonateUserButton }
+import CreateInDialogButton from './CreateInDialogButton';
+import EditInDialogButton from './EditInDialogButton';
+import ImpersonateUserButton from './ImpersonateUserButton';
+export { CreateInDialogButton, EditInDialogButton, ImpersonateUserButton };

package/src/components/ra-fields/ActionsField.jsx

@@ -1,12 +1,12 @@
-import { CloneButton, DeleteWithConfirmButton, EditButton } from 'react-admin'
+import { CloneButton, DeleteWithConfirmButton, EditButton } from 'react-admin';
 
-import ActionsMenu from '../ActionsMenu'
-import PropTypes from 'prop-types'
-import React from 'react'
+import ActionsMenu from '../ActionsMenu';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 const ActionsField = ({ canEdit, canDelete, canClone }) => {
   if (!canEdit && !canDelete && !canClone) {
-    return null
+    return null;
   }
 
   return (
@@ -15,19 +15,19 @@ const ActionsField = ({ canEdit, canDelete, canClone }) => {
       {canDelete && <DeleteWithConfirmButton />}
       {canClone && <CloneButton />}
     </ActionsMenu>
-  )
-}
+  );
+};
 
 ActionsField.defaultProps = {
   canEdit: true,
   canDelete: true,
-  canClone: false,
-}
+  canClone: false
+};
 
 ActionsField.propTypes = {
   canEdit: PropTypes.bool,
   canDelete: PropTypes.bool,
-  canClone: PropTypes.bool,
-}
+  canClone: PropTypes.bool
+};
 
-export default ActionsField
+export default ActionsField;