@applica-software-guru/react-admin 1.4.226 → 1.5.228

package/src/components/ra-lists/NotificationList/buttons/MarkAsUnreadedButton.tsx

@@ -1,3 +1,5 @@
+import { Drafts } from '@mui/icons-material';
+import { useCallback } from 'react';
 import {
   Button,
   useListContext,
@@ -9,10 +11,7 @@ import {
   useUpdateMany
 } from 'react-admin';
 
-import { Drafts } from '@mui/icons-material';
-import { useCallback } from 'react';
-
-export function MarkAsUnreadedButton(): JSX.Element {
+function MarkAsUnreadedButton(): JSX.Element {
   const refresh = useRefresh();
   const notify = useNotify();
   const resource = useResourceContext();
@@ -54,4 +53,4 @@ export function MarkAsUnreadedButton(): JSX.Element {
   );
 }
 
-export default MarkAsUnreadedButton;
+export { MarkAsUnreadedButton };

package/src/components/ra-lists/NotificationList/fields/NotificationField.tsx

@@ -1,10 +1,18 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import { Box, Typography } from '@mui/material';
-import { useCallback, useMemo } from 'react';
-import { useLocaleState, useNotify, useRecordContext, useRedirect, useResourceContext, useTranslate, useUpdate } from 'react-admin';
-
 import dayjs from 'dayjs';
+import { useCallback, useMemo } from 'react';
+import {
+  useLocaleState,
+  useNotify,
+  useRecordContext,
+  useRedirect,
+  useResourceContext,
+  useTranslate,
+  useUpdate
+} from 'react-admin';
 
-export function NotificationField(props: any): JSX.Element {
+function NotificationField(props: any): JSX.Element {
   const record = useRecordContext(props);
   const resource = useResourceContext(props);
   const redirect = useRedirect();
@@ -58,12 +66,12 @@ export function NotificationField(props: any): JSX.Element {
         }}
         dangerouslySetInnerHTML={{ __html: record?.content }}
       />
-      {readed && (
+      {readed ? (
         <Typography variant="caption" display="block" sx={{ mt: 1 }} color="textSecondary">
           {translate('ra.notification.readed', { readed })}
         </Typography>
-      )}
+      ) : null}
     </div>
   );
 }
-export default NotificationField;
+export { NotificationField };

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

@@ -1 +1 @@
-export * from './NotificationList'
+export * from './NotificationList';

package/src/components/ra-lists/SimpleList.tsx

@@ -1,7 +1,7 @@
-import { SimpleList as RaSimpleList } from 'react-admin';
 import { styled } from '@mui/material/styles';
+import { SimpleList as RaSimpleList } from 'react-admin';
 
-export const SimpleList = styled(RaSimpleList, {
+const SimpleList = styled(RaSimpleList, {
   name: 'ApplicaSimpleList',
   slot: 'root'
 })(({ theme }) => ({
@@ -10,4 +10,4 @@ export const SimpleList = styled(RaSimpleList, {
   paddingBottom: 0
 }));
 
-export default SimpleList;
+export { SimpleList };

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

@@ -4,4 +4,4 @@ export * from './Datagrid';
 export * from './Empty';
 export * from './List';
 export * from './NotificationList';
-export * from './SimpleList';
+export * from './SimpleList';

package/src/components/ra-pages/ActivatePage.tsx

@@ -1,15 +1,12 @@
-/* eslint-disable no-console */
-import { Grid, Stack, Typography } from '@mui/material';
-import { Link, useNavigate, useParams } from 'react-router-dom';
-import { useAuthProvider, useNotify, useTranslate } from 'ra-core';
-
-import AuthWrapper from '../AuthWrapper';
 import { BaseAuthProps } from './types';
-import PropTypes from 'prop-types';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { Grid, Stack, Typography } from '@mui/material';
 import _ from 'lodash';
+import { useAuthProvider, useNotify, useTranslate } from 'ra-core';
 import { useEffect } from 'react';
+import { Link, useNavigate, useParams } from 'react-router-dom';
 
-const ActivatePage = ({ name, copy, logo, version, background }: BaseAuthProps) => {
+function ActivatePage({ name, copy, logo, version, background }: BaseAuthProps): JSX.Element {
   const translate = useTranslate();
   const authProvider = useAuthProvider();
   const notify = useNotify();
@@ -29,12 +26,17 @@ const ActivatePage = ({ name, copy, logo, version, background }: BaseAuthProps)
         notify(error, { type: 'error' });
         _.delay(() => navigate('/login'), 1000);
       });
-  }, [token]);
+  }, [token, authProvider, notify, navigate]);
   return (
     <AuthWrapper name={name} copy={copy} logo={logo} version={version} background={background}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">{translate('ra.auth.activate')}</Typography>
             <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
               {translate('ra.auth.back_to_login')}
@@ -47,12 +49,7 @@ const ActivatePage = ({ name, copy, logo, version, background }: BaseAuthProps)
       </Grid>
     </AuthWrapper>
   );
-};
-
-ActivatePage.propTypes = {
-  name: PropTypes.string.isRequired,
-  version: PropTypes.string.isRequired,
-  background: PropTypes.node
-};
+}
 
-export default ActivatePage;
+export { ActivatePage };
+export type { BaseAuthProps };

package/src/components/ra-pages/GenericErrorPage.tsx

@@ -1,15 +1,13 @@
-import { useCallback } from 'react';
+import imgSrc from '@/assets/generic-error.png';
 import { Button, Container, Stack, Typography } from '@mui/material';
-//@ts-ignore
-import imgSrc from '../../assets/generic-error.png';
+import { useCallback } from 'react';
 
 function GenericErrorPage() {
   const onReload = useCallback(() => location.reload(), []);
-
   return (
     <Container>
       <Stack alignItems="center" px={2} py={{ xs: 4, sm: 8 }} spacing={2} textAlign="center">
-        <img src={imgSrc} style={{ width: '100%', maxWidth: 450 }} />
+        <img alt="Error" src={imgSrc} style={{ width: '100%', maxWidth: 450 }} />
         <Typography variant="h2">Ops! An error occurred...</Typography>
         <Typography>We&#39;re fixing the problem. Please try again later.</Typography>
         <Button onClick={onReload} variant="contained">
@@ -20,4 +18,4 @@ function GenericErrorPage() {
   );
 }
 
-export default GenericErrorPage;
+export { GenericErrorPage };

package/src/components/ra-pages/LoginPage.tsx

@@ -1,14 +1,13 @@
+import { BaseAuthProps } from './types';
+import { AuthBackground } from '@/components/AuthBackground';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { TextInput } from '@/components/ra-inputs';
 import { Button, CircularProgress, Grid, Link, Stack, Typography } from '@mui/material';
 import { Form, required, useCheckAuth, useLogin, useNotify, useSafeSetState, useTranslate } from 'ra-core';
-import { Link as RouterLink, useNavigate } from 'react-router-dom';
-
-import AuthBackground from '../AuthBackground';
-import AuthWrapper from '../AuthWrapper';
-import { BaseAuthProps } from './types';
-import { TextInput } from '../ra-inputs';
 import { useEffect } from 'react';
+import { Link as RouterLink, useNavigate } from 'react-router-dom';
 
-export type LoginPageProps = BaseAuthProps & {
+type LoginPageProps = BaseAuthProps & {
   /**
    * Indicates whether to enable the password recovery screen.
    * If enabled, it is advisable to register a route to /recover with a component
@@ -41,7 +40,7 @@ export type LoginPageProps = BaseAuthProps & {
    */
   redirectTo: string;
 };
-export function LoginPage({
+function LoginPage({
   version,
   name,
   copy,
@@ -66,7 +65,7 @@ export function LoginPage({
         // not authenticated, stay on the login page
       });
   }, [checkAuth, navigate]);
-  const handleSubmit = (values: any) => {
+  function handleSubmit(values: any) {
     setLoading(true);
     login(values, redirectTo)
       .then(() => {
@@ -75,7 +74,11 @@ export function LoginPage({
       .catch((error) => {
         setLoading(false);
         notify(
-          typeof error === 'string' ? error : typeof error === 'undefined' || !error.message ? 'ra.auth.sign_in_error' : error.message,
+          typeof error === 'string'
+            ? error
+            : typeof error === 'undefined' || !error.message
+            ? 'ra.auth.sign_in_error'
+            : error.message,
           {
             type: 'error',
             messageArgs: {
@@ -84,18 +87,29 @@ export function LoginPage({
           }
         );
       });
-  };
+  }
   return (
     <AuthWrapper name={name} version={version} copy={copy} logo={logo} background={background}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">Login</Typography>
-            {enableRegistration && (
-              <Typography component={RouterLink} to={'/register'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
+            {enableRegistration ? (
+              <Typography
+                component={RouterLink}
+                to={'/register'}
+                variant="body1"
+                sx={{ textDecoration: 'none' }}
+                color="primary"
+              >
                 {translate('ra.auth.register')}
               </Typography>
-            )}
+            ) : null}
           </Stack>
         </Grid>
         <Grid item xs={12}>
@@ -124,7 +138,7 @@ export function LoginPage({
                 />
               </Grid>
             </Grid>
-            {enablePasswordRecover && (
+            {enablePasswordRecover ? (
               <Grid item xs={12} sx={{ mt: 1 }}>
                 <Stack direction="row" justifyContent="flex-end" alignItems="flex-end" spacing={2}>
                   <Link variant="h6" component={RouterLink} to={'/recover'} color="text.primary">
@@ -132,7 +146,7 @@ export function LoginPage({
                   </Link>
                 </Stack>
               </Grid>
-            )}
+            ) : null}
             <Grid item xs={12} sx={{ mt: 1 }}>
               <Button variant="contained" type="submit" color="primary" disabled={loading} fullWidth>
                 {loading ? <CircularProgress size={19} thickness={3} /> : translate('ra.auth.sign_in')}
@@ -145,4 +159,5 @@ export function LoginPage({
   );
 }
 
-export default LoginPage;
+export { LoginPage };
+export type { LoginPageProps };

package/src/components/ra-pages/RecoverPage.tsx

@@ -1,23 +1,20 @@
-/* eslint-disable no-console */
+import { BaseAuthProps } from './types';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { TextInput } from '@/components/ra-inputs';
 import { Button, CircularProgress, Grid, Stack, Typography } from '@mui/material';
-import React, { useState } from 'react';
 import { email, required, useAuthProvider, useNotify, useRedirect, useTranslate } from 'ra-core';
-
-import AuthWrapper from '../AuthWrapper';
-import { BaseAuthProps } from './types';
+import { useState } from 'react';
 import { Form } from 'react-admin';
 import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import { TextInput } from '../ra-inputs';
 
-const RecoverPage = ({ name, copy, logo, version, background }: BaseAuthProps) => {
+function RecoverPage({ name, copy, logo, version, background }: BaseAuthProps) {
   const [loading, setLoading] = useState(false);
   const translate = useTranslate();
   const redirect = useRedirect();
   const notify = useNotify();
   const authProvider = useAuthProvider();
 
-  const handleSubmit = ({ email }: any) => {
+  function handleSubmit({ email }: any) {
     setLoading(true);
     authProvider
       .recover(email)
@@ -32,12 +29,17 @@ const RecoverPage = ({ name, copy, logo, version, background }: BaseAuthProps) =
         notify(error?.message || error?.toString(), { type: 'error' });
       })
       .finally(() => setLoading(false));
-  };
+  }
   return (
     <AuthWrapper name={name} copy={copy} logo={logo} version={version} background={background}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">{translate('ra.auth.recover.title')}</Typography>
             <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
               {translate('ra.auth.back_to_login')}
@@ -64,12 +66,5 @@ const RecoverPage = ({ name, copy, logo, version, background }: BaseAuthProps) =
       </Grid>
     </AuthWrapper>
   );
-};
-
-RecoverPage.propTypes = {
-  name: PropTypes.string.isRequired,
-  version: PropTypes.string.isRequired,
-  background: PropTypes.node
-};
-
-export default RecoverPage;
+}
+export { RecoverPage };

package/src/components/ra-pages/RegisterPage.tsx

@@ -1,23 +1,20 @@
-/* eslint-disable no-console */
+import { BaseAuthProps } from './types';
+import { AuthWrapper } from '@/components/AuthWrapper';
+import { TextInput } from '@/components/ra-inputs';
 import { Button, CircularProgress, Grid, Stack, Typography } from '@mui/material';
 import { email, required, useAuthProvider, useNotify, useRedirect, useTranslate } from 'ra-core';
-
-import AuthWrapper from '../AuthWrapper';
-import { BaseAuthProps } from './types';
+import { useState } from 'react';
 import { Form } from 'react-admin';
 import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import { TextInput } from '../ra-inputs';
-import { useState } from 'react';
 
-const RegisterPage = ({ name, copy, version, logo, background }: BaseAuthProps) => {
+function RegisterPage({ name, copy, version, logo, background }: BaseAuthProps) {
   const [loading, setLoading] = useState(false);
   const translate = useTranslate();
   const redirect = useRedirect();
   const notify = useNotify();
   const authProvider = useAuthProvider();
 
-  const handleSubmit = (values: any) => {
+  function handleSubmit(values: any) {
     setLoading(true);
     authProvider
       .register(values)
@@ -32,12 +29,17 @@ const RegisterPage = ({ name, copy, version, logo, background }: BaseAuthProps)
         notify(error, { type: 'error' });
       })
       .finally(() => setLoading(false));
-  };
+  }
   return (
     <AuthWrapper name={name} copy={copy} logo={logo} background={background} version={version}>
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="baseline"
+            sx={{ mb: { xs: -0.5, sm: 0.5 } }}
+          >
             <Typography variant="h3">{translate('ra.auth.register.title')}</Typography>
             <Typography component={Link} to={'/login'} variant="body1" sx={{ textDecoration: 'none' }} color="primary">
               {translate('ra.auth.already_have_account')}
@@ -67,11 +69,6 @@ const RegisterPage = ({ name, copy, version, logo, background }: BaseAuthProps)
       </Grid>
     </AuthWrapper>
   );
-};
-
-RegisterPage.propTypes = {
-  name: PropTypes.string.isRequired,
-  version: PropTypes.string.isRequired
-};
+}
 
-export default RegisterPage;
+export { RegisterPage };

package/src/components/ra-pages/index.ts

@@ -1,5 +1,5 @@
-export { default as ActivatePage } from './ActivatePage';
-export { default as LoginPage } from './LoginPage';
-export { default as RecoverPage } from './RecoverPage';
-export { default as RegisterPage } from './RegisterPage';
-export { default as GenericErrorPage } from './GenericErrorPage';
+export * from './ActivatePage';
+export * from './GenericErrorPage';
+export * from './LoginPage';
+export * from './RecoverPage';
+export * from './RegisterPage';

package/src/components/ra-pages/types.ts

@@ -1,4 +1,4 @@
-export type BaseAuthProps = {
+type BaseAuthProps = {
   /**
    * Application version to show.
    */
@@ -31,3 +31,4 @@ export type BaseAuthProps = {
    */
   background: React.ReactNode | React.ElementType | any;
 };
+export type { BaseAuthProps };

package/src/components/third-party/{SimpleBar.jsx → SimpleBar.tsx}

@@ -1,21 +1,16 @@
-import 'simplebar/dist/simplebar.min.css';
-
-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 { alpha, styled } from '@mui/material/styles';
+import { BrowserView, MobileView } from 'react-device-detect';
+import { default as SimpleBarReact } from 'simplebar-react';
+import 'simplebar/dist/simplebar.min.css';
 
-// root style
 const RootStyle = styled(BrowserView)({
   flexGrow: 1,
   height: '100%',
   overflow: 'hidden'
 });
 
-// scroll bar wrapper
-const SimpleBarStyle = styled(SimpleBar)(({ theme }) => ({
+const SimpleBarStyle = styled(SimpleBarReact)(({ theme }) => ({
   maxHeight: '100%',
   '& .simplebar-scrollbar': {
     '&:before': {
@@ -35,13 +30,15 @@ const SimpleBarStyle = styled(SimpleBar)(({ theme }) => ({
     zIndex: 'inherit'
   }
 }));
-
-// ==============================|| SIMPLE SCROLL BAR  ||============================== //
-
-export default function SimpleBarScroll({ children, sx, ...other }) {
+type SimpleBarProps = {
+  children: React.ReactNode;
+  sx?: object;
+};
+function SimpleBar({ children, sx, ...other }: SimpleBarProps) {
   return (
     <>
       <RootStyle>
+        {/* @ts-ignore */}
         <SimpleBarStyle timeout={500} clickOnTrack={false} sx={sx} {...other}>
           {children}
         </SimpleBarStyle>
@@ -55,7 +52,4 @@ export default function SimpleBarScroll({ children, sx, ...other }) {
   );
 }
 
-SimpleBarScroll.propTypes = {
-  children: PropTypes.node,
-  sx: PropTypes.object
-};
+export { SimpleBar };

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

@@ -0,0 +1 @@
+export * from './SimpleBar';

package/src/dev/CatchResult.ts

@@ -1,11 +1,11 @@
-export type CatchResultConstructorData = {
+type CatchResultConstructorData = {
   catch: boolean;
   display: boolean;
   log: boolean;
   error?: string;
 };
 
-export default class CatchResult {
+class CatchResult {
   catch: boolean;
   display: boolean;
   log: boolean;
@@ -30,3 +30,6 @@ export default class CatchResult {
     return this.display;
   }
 }
+
+export { CatchResult };
+export type { CatchResultConstructorData };

package/src/dev/ErrorEventHandler.ts

@@ -1,9 +1,10 @@
 import _ from 'lodash';
-export type IErrorEventHandlerConstructData = {
+
+type IErrorEventHandlerConstructData = {
   apiUrl: string;
 };
 
-export interface IErrorEventHandler {
+interface IErrorEventHandler {
   handle(event: ErrorEvent): void;
 }
 
@@ -37,7 +38,7 @@ class ErrorEventHandler implements IErrorEventHandler {
         message: error.message,
         line: error.lineno,
         column: error.colno,
-        stack: error.error?.stack,
+        stack: error.error?.stack
       })
     }).catch((error) => {
       // eslint-disable-next-line no-console
@@ -48,4 +49,5 @@ class ErrorEventHandler implements IErrorEventHandler {
   }
 }
 
-export default ErrorEventHandler;
+export { ErrorEventHandler };
+export type { IErrorEventHandler, IErrorEventHandlerConstructData };

package/src/dev/index.ts

@@ -1,4 +1,3 @@
-import useErrorEventCatcher from './useErrorEventCatcher';
-import CatchResult from './CatchResult';
-import ErrorEventHandler from './ErrorEventHandler';
-export { useErrorEventCatcher, CatchResult, ErrorEventHandler };
+export * from './CatchResult';
+export * from './ErrorEventHandler';
+export * from './useErrorEventCatcher';

package/src/dev/useErrorEventCatcher.ts

@@ -1,11 +1,8 @@
-/* eslint-disable prefer-spread */
-/* eslint-disable prefer-rest-params */
-/* eslint-disable no-console */
+import { CatchResult } from './CatchResult';
+import { ErrorEventHandler, IErrorEventHandler } from './ErrorEventHandler';
 import * as React from 'react';
-import ErrorEventHandler, { IErrorEventHandler } from './ErrorEventHandler';
-import CatchResult from './CatchResult';
 
-export type UseErrorEventCatcherProps = {
+type UseErrorEventCatcherProps = {
   apiUrl: string;
   enabled?: boolean;
   loading?: boolean;
@@ -13,13 +10,13 @@ export type UseErrorEventCatcherProps = {
   errorHandler?: IErrorEventHandler;
 };
 
-const useErrorEventCatcher = ({
+function useErrorEventCatcher({
   enabled = true,
   apiUrl,
   loading,
   catcherFn = (error) => new CatchResult({ catch: error != undefined, display: false, log: error != undefined, error }),
   ...props
-}: UseErrorEventCatcherProps) => {
+}: UseErrorEventCatcherProps) {
   const errorHandler = React.useMemo(() => {
     if (props.errorHandler) {
       return props.errorHandler;
@@ -33,7 +30,9 @@ const useErrorEventCatcher = ({
         return false;
       }
 
-      const catchResult = catcherFn(event instanceof ErrorEvent ? event : event?.toString()?.replace(/%s/g, () => args.shift()));
+      const catchResult = catcherFn(
+        event instanceof ErrorEvent ? event : event?.toString()?.replace(/%s/g, () => args.shift())
+      );
       if (catchResult.isCatched()) {
         return false;
       }
@@ -46,10 +45,12 @@ const useErrorEventCatcher = ({
       }
 
       if (catchResult.displayError()) {
+        // eslint-disable-next-line prefer-rest-params
         consoleError.apply(console, arguments as any);
       }
+      return false;
     },
-    [apiUrl, loading, catcherFn, enabled, errorHandler]
+    [catcherFn, errorHandler, consoleError]
   );
   React.useEffect(() => {
     window.removeEventListener('error', handleError);
@@ -59,7 +60,7 @@ const useErrorEventCatcher = ({
       window.removeEventListener('error', handleError);
       console.error = consoleError;
     };
-  }, [handleError]);
+  }, [handleError, consoleError]);
   return true;
-};
-export default useErrorEventCatcher;
+}
+export { useErrorEventCatcher };

package/src/hooks/index.ts

@@ -1,14 +1,7 @@
-export { default as useAppConfig } from './useAppConfig';
-export { default as useBreadcrumbs } from './useBreadcrumbs';
-export { default as useLocalStorage } from './useLocalStorage';
-export { default as useMenu } from './useMenu';
-export { default as useMenuConfig } from './useMenuConfig';
-export { default as useResourceTitle } from './useResourceTitle';
-export { default as useTableFormIterator } from './useTableFormIterator';
-export { default as useTableFormIteratorItem } from './useTableFormIteratorItem';
-export { default as useThemeConfig } from './useThemeConfig';
-export { useLocalizedValue, useGetLocalizedValue } from './useLocalizedValue';
-export { useMemoizedObject } from './useMemoizedObject';
-export { usePopoverState } from './usePopoverState';
-export { useRefDimensions } from './useRefDimensions';
-export { useSx } from './mui';
+export * from './mui';
+export * from './useLocalStorage';
+export * from './useLocalizedValue';
+export * from './useMemoizedObject';
+export * from './usePopoverState';
+export * from './useRefDimensions';
+export * from './useResourceTitle';

package/src/hooks/mui.ts

@@ -1,6 +1,6 @@
-import _ from 'lodash';
 import { SxProps } from '@mui/material';
-import { ComponentProps, useState, useEffect } from 'react';
+import _ from 'lodash';
+import { ComponentProps, useEffect, useState } from 'react';
 
 type IUseSxOptions = {
   defaults?: boolean;