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

package/src/components/ra-lists/List.jsx

@@ -1,6 +1,6 @@
-import MainCard from '../MainCard'
-import { List as RaList } from 'react-admin'
-import { styled } from '@mui/system'
+import MainCard from '../MainCard';
+import { List as RaList } from 'react-admin';
+import { styled } from '@mui/system';
 
 const ApplicaStyledList = styled(RaList, {
   name: 'RaApplicaList',
@@ -61,21 +61,21 @@ const ApplicaStyledList = styled(RaList, {
   '& .RaEmpty-toolbar': {
     margin: theme.spacing(2)
   }
-}))
+}));
 
 const List = (props) => {
   return (
     <MainCard content={false}>
       <ApplicaStyledList {...RaList.defaultProps} {...props} />
     </MainCard>
-  )
-}
+  );
+};
 List.defaultProps = {
   ...RaList.defaultProps
-}
+};
 
 List.propTypes = {
   ...RaList.propTypes
-}
+};
 
-export default List
+export default List;

package/src/components/ra-lists/NotificationList/NotificationList.jsx

@@ -1,14 +1,14 @@
-import { MarkAsReadedButton, MarkAsUnreadedButton } from './button'
-import React, { useCallback, useMemo } from 'react'
-import { darken, lighten, useTheme } from '@mui/material'
+import { MarkAsReadedButton, MarkAsUnreadedButton } from './button';
+import React, { useCallback, useMemo } from 'react';
+import { darken, lighten, useTheme } from '@mui/material';
 
-import ActionsMenu from '../../ActionsMenu'
-import { Datagrid } from 'react-admin'
-import { DateAgoField } from '../../ra-fields'
-import { NotificationField } from './field'
+import ActionsMenu from '../../ActionsMenu';
+import { Datagrid } from 'react-admin';
+import { DateAgoField } from '../../ra-fields';
+import { NotificationField } from './field';
 
 const NotificationList = ({ ...props }) => {
-  const theme = useTheme()
+  const theme = useTheme();
   const { mode, colorize, density } = useMemo(
     () => ({
       mode: theme.palette.mode,
@@ -16,15 +16,13 @@ const NotificationList = ({ ...props }) => {
       density: theme.palette.mode === 'dark' ? 0.5 : 0.9
     }),
     [theme.palette.mode]
-  )
+  );
   const handleRowStyle = useCallback(
     (record) => ({
-      backgroundColor: record?.readed
-        ? colorize(theme.palette.primary[mode], density)
-        : colorize(theme.palette.secondary[mode], density)
+      backgroundColor: record?.readed ? colorize(theme.palette.primary[mode], density) : colorize(theme.palette.secondary[mode], density)
     }),
     [theme, mode, colorize, density]
-  )
+  );
 
   return (
     <Datagrid {...props} rowStyle={handleRowStyle}>
@@ -35,7 +33,7 @@ const NotificationList = ({ ...props }) => {
         <MarkAsUnreadedButton />
       </ActionsMenu>
     </Datagrid>
-  )
-}
+  );
+};
 
-export default NotificationList
+export default NotificationList;

package/src/components/ra-lists/NotificationList/button/MarkAsReadedButton.jsx

@@ -7,20 +7,20 @@ import {
   useResourceContext,
   useUnselectAll,
   useUpdateMany
-} from 'react-admin'
+} from 'react-admin';
 
-import { Email } from '@mui/icons-material'
-import dayjs from 'dayjs'
-import { useCallback } from 'react'
+import { Email } from '@mui/icons-material';
+import dayjs from 'dayjs';
+import { useCallback } from 'react';
 
 const MarkAsReadedButton = () => {
-  const refresh = useRefresh()
-  const notify = useNotify()
-  const unselectAll = useUnselectAll()
-  const resource = useResourceContext()
-  const { selectedIds, data: tableRows } = useListContext()
-  const record = useRecordContext()
-  const rows = selectedIds.map((id) => tableRows.find((d) => d.id === id))
+  const refresh = useRefresh();
+  const notify = useNotify();
+  const unselectAll = useUnselectAll();
+  const resource = useResourceContext();
+  const { selectedIds, data: tableRows } = useListContext();
+  const record = useRecordContext();
+  const rows = selectedIds.map((id) => tableRows.find((d) => d.id === id));
   const [updateMany, { isLoading }] = useUpdateMany(
     resource,
     {
@@ -30,28 +30,24 @@ const MarkAsReadedButton = () => {
     },
     {
       onSuccess: () => {
-        refresh()
-        notify('resources.notifications.messages.readed.done')
-        unselectAll(resource)
+        refresh();
+        notify('resources.notifications.messages.readed.done');
+        unselectAll(resource);
       },
       onError: () => notify('ra.notification.readed_error', 'warning'),
 
       onFailure: () => notify('ra.notification.readed_error', 'warning')
     }
-  )
+  );
   const handleUpdateMany = useCallback(() => {
-    updateMany()
-  }, [updateMany])
+    updateMany();
+  }, [updateMany]);
 
   return (
-    <Button
-      label="ra.notification.mark_as_readed"
-      disabled={isLoading || record?.readed !== null}
-      onClick={handleUpdateMany}
-    >
+    <Button label="ra.notification.mark_as_readed" disabled={isLoading || record?.readed !== null} onClick={handleUpdateMany}>
       <Email />
     </Button>
-  )
-}
+  );
+};
 
-export default MarkAsReadedButton
+export default MarkAsReadedButton;

package/src/components/ra-lists/NotificationList/button/MarkAsUnreadedButton.jsx

@@ -7,19 +7,19 @@ import {
   useResourceContext,
   useUnselectAll,
   useUpdateMany
-} from 'react-admin'
+} from 'react-admin';
 
-import { Drafts } from '@mui/icons-material'
-import { useCallback } from 'react'
+import { Drafts } from '@mui/icons-material';
+import { useCallback } from 'react';
 
 const MarkAsUnreadedButton = () => {
-  const refresh = useRefresh()
-  const notify = useNotify()
-  const unselectAll = useUnselectAll()
-  const { selectedIds, data: tableRows } = useListContext()
-  const record = useRecordContext()
-  const resource = useResourceContext()
-  const rows = selectedIds.map((id) => tableRows.find((d) => d.id === id)).concat([record])
+  const refresh = useRefresh();
+  const notify = useNotify();
+  const unselectAll = useUnselectAll();
+  const { selectedIds, data: tableRows } = useListContext();
+  const record = useRecordContext();
+  const resource = useResourceContext();
+  const rows = selectedIds.map((id) => tableRows.find((d) => d.id === id)).concat([record]);
   const [updateMany, { isLoading }] = useUpdateMany(
     resource,
     {
@@ -29,17 +29,17 @@ const MarkAsUnreadedButton = () => {
     },
     {
       onSuccess: () => {
-        refresh()
-        notify('resources.notifications.messages.unreaded.done')
-        unselectAll('notifications')
+        refresh();
+        notify('resources.notifications.messages.unreaded.done');
+        unselectAll('notifications');
       },
       onFailure: () => notify('resources.notifications.messages.unreaded.error', 'warning')
     }
-  )
+  );
 
   const handleUpdateMany = useCallback(() => {
-    updateMany()
-  }, [updateMany])
+    updateMany();
+  }, [updateMany]);
 
   return (
     <Button
@@ -50,7 +50,7 @@ const MarkAsUnreadedButton = () => {
     >
       <Drafts />
     </Button>
-  )
-}
+  );
+};
 
-export default MarkAsUnreadedButton
+export default MarkAsUnreadedButton;

package/src/components/ra-lists/NotificationList/button/index.jsx

@@ -1,2 +1,2 @@
-export { default as MarkAsReadedButton } from './MarkAsReadedButton'
-export { default as MarkAsUnreadedButton } from './MarkAsUnreadedButton'
+export { default as MarkAsReadedButton } from './MarkAsReadedButton';
+export { default as MarkAsUnreadedButton } from './MarkAsUnreadedButton';

package/src/components/ra-lists/NotificationList/field/NotificationField.jsx

@@ -1,31 +1,20 @@
-import { Box, Typography } from '@mui/material'
-import React, { useCallback, useMemo } from 'react'
-import {
-  useLocaleState,
-  useNotify,
-  useRecordContext,
-  useRedirect,
-  useResourceContext,
-  useTranslate,
-  useUpdate
-} from 'react-admin'
+import { Box, Typography } from '@mui/material';
+import React, { useCallback, useMemo } from 'react';
+import { useLocaleState, useNotify, useRecordContext, useRedirect, useResourceContext, useTranslate, useUpdate } from 'react-admin';
 
-import dayjs from 'dayjs'
+import dayjs from 'dayjs';
 
 const NotificationField = (props) => {
-  const record = useRecordContext(props)
-  const resource = useResourceContext(props)
-  const redirect = useRedirect()
-  const notify = useNotify()
-  const translate = useTranslate()
-  const [locale] = useLocaleState()
+  const record = useRecordContext(props);
+  const resource = useResourceContext(props);
+  const redirect = useRedirect();
+  const notify = useNotify();
+  const translate = useTranslate();
+  const [locale] = useLocaleState();
   const readed = useMemo(
-    () =>
-      record?.readed
-        ? dayjs(record?.readed).locale(locale).format('ddd, DD MMM YYYY HH:mm:ss')
-        : false,
+    () => (record?.readed ? dayjs(record?.readed).locale(locale).format('ddd, DD MMM YYYY HH:mm:ss') : false),
     [record?.readed, locale]
-  )
+  );
 
   const [update] = useUpdate(
     resource,
@@ -40,18 +29,18 @@ const NotificationField = (props) => {
       onSuccess: () => {
         if (record?.resource) {
           if (record?.resource.startsWith('/')) {
-            redirect(record?.resource)
+            redirect(record?.resource);
           } else {
-            document.location.href = record?.resource
+            document.location.href = record?.resource;
           }
         }
       },
       onFailure: () => {
-        notify('ra.notification.readed_error', 'warning')
+        notify('ra.notification.readed_error', 'warning');
       }
     }
-  )
-  const handleUpdate = useCallback(() => update(), [update])
+  );
+  const handleUpdate = useCallback(() => update(), [update]);
 
   return (
     <div onClick={handleUpdate} style={{ cursor: 'pointer' }} role="button" tabIndex={0}>
@@ -75,6 +64,6 @@ const NotificationField = (props) => {
         </Typography>
       )}
     </div>
-  )
-}
-export default NotificationField
+  );
+};
+export default NotificationField;

package/src/components/ra-lists/NotificationList/field/index.jsx

@@ -1 +1 @@
-export { default as NotificationField } from './NotificationField'
+export { default as NotificationField } from './NotificationField';

package/src/components/ra-lists/NotificationList/index.jsx

@@ -1,2 +1,2 @@
-import NotificationList from './NotificationList'
-export default NotificationList
+import NotificationList from './NotificationList';
+export default NotificationList;

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

@@ -1,5 +1,5 @@
-import Datagrid from './Datagrid'
-import Empty from './Empty'
-import List from './List'
-import NotificationList from './NotificationList'
-export { Datagrid, Empty, NotificationList, List }
+import Datagrid from './Datagrid';
+import Empty from './Empty';
+import List from './List';
+import NotificationList from './NotificationList';
+export { Datagrid, Empty, NotificationList, List };

package/src/components/third-party/SimpleBar.jsx

@@ -1,18 +1,18 @@
-import 'simplebar/dist/simplebar.min.css'
+import 'simplebar/dist/simplebar.min.css';
 
-import { BrowserView, MobileView } from 'react-device-detect'
-import { alpha, styled } from '@mui/material/styles'
+import { BrowserView, MobileView } from 'react-device-detect';
+import { alpha, styled } from '@mui/material/styles';
 
-import { Box } from '@mui/material'
-import PropTypes from 'prop-types'
-import SimpleBar from 'simplebar-react'
+import { Box } from '@mui/material';
+import PropTypes from 'prop-types';
+import SimpleBar from 'simplebar-react';
 
 // root style
 const RootStyle = styled(BrowserView)({
   flexGrow: 1,
   height: '100%',
   overflow: 'hidden'
-})
+});
 
 // scroll bar wrapper
 const SimpleBarStyle = styled(SimpleBar)(({ theme }) => ({
@@ -34,7 +34,7 @@ const SimpleBarStyle = styled(SimpleBar)(({ theme }) => ({
   '& .simplebar-mask': {
     zIndex: 'inherit'
   }
-}))
+}));
 
 // ==============================|| SIMPLE SCROLL BAR  ||============================== //
 
@@ -52,10 +52,10 @@ export default function SimpleBarScroll({ children, sx, ...other }) {
         </Box>
       </MobileView>
     </>
-  )
+  );
 }
 
 SimpleBarScroll.propTypes = {
   children: PropTypes.node,
   sx: PropTypes.object
-}
+};

package/src/components/third-party/index.jsx

@@ -1,3 +1,3 @@
-import SimpleBar from './SimpleBar'
+import SimpleBar from './SimpleBar';
 
-export { SimpleBar }
+export { SimpleBar };

package/src/contexts/MenuConfigContext.jsx

@@ -1,7 +1,7 @@
-import MenuPropTypes from './MenuPropTypes'
-import PropTypes from 'prop-types'
-import { createContext } from 'react'
-import { useLocalStorage } from '../hooks'
+import MenuPropTypes from './MenuPropTypes';
+import PropTypes from 'prop-types';
+import { createContext } from 'react';
+import { useLocalStorage } from '../hooks';
 
 const initialState = {
   openItem: ['dashboard'],
@@ -10,62 +10,62 @@ const initialState = {
   drawerOpen: false,
   componentDrawerOpen: true,
   menuDashboard: {},
-  error: null,
-}
+  error: null
+};
 
-const MenuConfigContext = createContext(initialState)
+const MenuConfigContext = createContext(initialState);
 
 const MenuConfigProvider = ({ menu: groups, children }) => {
-  const [menu, setMenu] = useLocalStorage('menu-config', { ...initialState })
+  const [menu, setMenu] = useLocalStorage('menu-config', { ...initialState });
 
   const activeItem = (openItem) => {
     setMenu((menu) => ({
       ...menu,
-      openItem,
-    }))
-  }
+      openItem
+    }));
+  };
 
   const activeID = (selectedID) => {
     setMenu((menu) => ({
       ...menu,
-      selectedID,
-    }))
-  }
+      selectedID
+    }));
+  };
 
   const activeComponent = (openComponent) => {
     setMenu((menu) => ({
       ...menu,
-      openComponent,
-    }))
-  }
+      openComponent
+    }));
+  };
 
   const openDrawer = (drawerOpen) => {
     setMenu((menu) => ({
       ...menu,
-      drawerOpen,
-    }))
-  }
+      drawerOpen
+    }));
+  };
 
   const openComponentDrawer = (componentDrawerOpen) => {
     setMenu((menu) => ({
       ...menu,
-      componentDrawerOpen,
-    }))
-  }
+      componentDrawerOpen
+    }));
+  };
 
   const getMenuSuccess = (menuDashboard) => {
     setMenu((menu) => ({
       ...menu,
-      menuDashboard,
-    }))
-  }
+      menuDashboard
+    }));
+  };
 
   const hasError = (error) => {
     setMenu((menu) => ({
       ...menu,
-      error,
-    }))
-  }
+      error
+    }));
+  };
   return (
     <MenuConfigContext.Provider
       value={{
@@ -77,17 +77,17 @@ const MenuConfigProvider = ({ menu: groups, children }) => {
         openComponentDrawer,
         activeID,
         getMenuSuccess,
-        hasError,
+        hasError
       }}
     >
       {children}
     </MenuConfigContext.Provider>
-  )
-}
+  );
+};
 
 MenuConfigProvider.propTypes = {
   children: PropTypes.node,
-  menu: PropTypes.arrayOf(MenuPropTypes),
-}
+  menu: PropTypes.arrayOf(MenuPropTypes)
+};
 
-export { MenuConfigContext, MenuConfigProvider }
+export { MenuConfigContext, MenuConfigProvider };

package/src/contexts/MenuPropTypes.jsx

@@ -1,10 +1,10 @@
-import PropTypes from 'prop-types'
+import PropTypes from 'prop-types';
 
 const lazy = (f) => {
   return function () {
-    return f.apply(this, arguments)
-  }
-}
+    return f.apply(this, arguments);
+  };
+};
 
 const MenuPropTypes = PropTypes.shape({
   id: PropTypes.string,
@@ -13,7 +13,7 @@ const MenuPropTypes = PropTypes.shape({
   icon: PropTypes.elementType,
   url: PropTypes.string,
   parent: PropTypes.shape(lazy(() => MenuPropTypes)),
-  children: PropTypes.arrayOf(lazy(() => MenuPropTypes)),
-})
+  children: PropTypes.arrayOf(lazy(() => MenuPropTypes))
+});
 
-export default MenuPropTypes
+export default MenuPropTypes;

package/src/contexts/index.jsx

@@ -1,5 +1,5 @@
-import MenuPropTypes from './MenuPropTypes'
-export { MenuPropTypes }
-export * from './ThemeConfigContext'
-export * from './MenuConfigContext'
-export * from './AppConfigContext'
+import MenuPropTypes from './MenuPropTypes';
+export { MenuPropTypes };
+export * from './ThemeConfigContext';
+export * from './MenuConfigContext';
+export * from './AppConfigContext';

package/src/dev/index.jsx

@@ -1,2 +1,2 @@
-import useCliErrorCatcher, { CatchResult } from './useCliErrorCatcher'
-export { useCliErrorCatcher, CatchResult }
+import useCliErrorCatcher, { CatchResult } from './useCliErrorCatcher';
+export { useCliErrorCatcher, CatchResult };

package/src/dev/useCliErrorCatcher.jsx

@@ -1,24 +1,24 @@
 /* eslint-disable no-console */
-import * as React from 'react'
+import * as React from 'react';
 
 class CatchResult {
   constructor({ catch: catchErr, display: displayErr, log: logErr, error }) {
-    this.catch = catchErr
-    this.display = displayErr
-    this.log = logErr
-    this.error = error
+    this.catch = catchErr;
+    this.display = displayErr;
+    this.log = logErr;
+    this.error = error;
   }
 
   isCatched() {
-    return this.catch
+    return this.catch;
   }
 
   logError() {
-    return this.log
+    return this.log;
   }
 
   displayError() {
-    return this.display
+    return this.display;
   }
 }
 
@@ -27,10 +27,10 @@ const putError = ({ apiUrl, endpoint, locale, message, bodyBuilder }) =>
     method: 'PUT',
     headers: new Headers({
       Accept: 'application/json',
-      'Content-Type': 'application/json',
+      'Content-Type': 'application/json'
     }),
-    body: JSON.stringify(bodyBuilder(locale, message)),
-  })
+    body: JSON.stringify(bodyBuilder(locale, message))
+  });
 
 const useCliErrorCatcher = ({
   enabled = true,
@@ -42,45 +42,45 @@ const useCliErrorCatcher = ({
     code: locale,
     message: {
       code: message,
-      text: message,
-    },
-  }),
+      text: message
+    }
+  })
 }) => {
   React.useMemo(() => {
     if (loading) {
-      return
+      return;
     }
     if (!enabled) {
-      return
+      return;
     }
 
-    const consoleError = console.error
+    const consoleError = console.error;
 
     console.error = function (error, ...args) {
       if (!error || typeof error !== 'string') {
-        consoleError.apply(console, arguments)
-        return
+        consoleError.apply(console, arguments);
+        return;
       }
-      const message = error.replace(/%s/g, () => args.shift())
-      const catchResult = catcherFn(message)
+      const message = error.replace(/%s/g, () => args.shift());
+      const catchResult = catcherFn(message);
       if (!catchResult.isCatched()) {
-        consoleError.apply(console, arguments)
-        return
+        consoleError.apply(console, arguments);
+        return;
       }
 
       if (catchResult.logError()) {
-        putError({ apiUrl, endpoint, message, bodyBuilder })
+        putError({ apiUrl, endpoint, message, bodyBuilder });
       }
 
       if (catchResult.displayError()) {
-        consoleError.apply(console, arguments)
+        consoleError.apply(console, arguments);
       } else {
-        console.debug.apply(console, arguments)
+        console.debug.apply(console, arguments);
       }
-    }
-  }, [apiUrl, loading, bodyBuilder, endpoint, catcherFn, enabled])
-  return true
-}
-export { CatchResult }
+    };
+  }, [apiUrl, loading, bodyBuilder, endpoint, catcherFn, enabled]);
+  return true;
+};
+export { CatchResult };
 
-export default useCliErrorCatcher
+export default useCliErrorCatcher;