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

package/src/i18n/useI18nLanguages.jsx

@@ -1,22 +1,18 @@
 /* eslint-disable no-console */
-import React from 'react'
-window.React = React
-const useI18nLanguages = ({
-  apiUrl,
-  endpoint = '/languages/load',
-  mapper = ({ data }) => ({ data }),
-}) => {
-  const [data, setData] = React.useState({ loading: true, languages: null })
+import React from 'react';
+window.React = React;
+const useI18nLanguages = ({ apiUrl, endpoint = '/languages/load', mapper = ({ data }) => ({ data }) }) => {
+  const [data, setData] = React.useState({ loading: true, languages: null });
   React.useEffect(() => {
-    let headers = new Headers()
-    headers.append('Accept', 'application/json')
-    headers.append('Content-Type', 'application/json')
+    let headers = new Headers();
+    headers.append('Accept', 'application/json');
+    headers.append('Content-Type', 'application/json');
     fetch(`${apiUrl}${endpoint}`, { headers })
       .then((response) => response.json())
-      .then((response) => setData({ loading: false, ...mapper(response) }))
-  }, [apiUrl, endpoint, mapper])
+      .then((response) => setData({ loading: false, ...mapper(response) }));
+  }, [apiUrl, endpoint, mapper]);
 
-  return data
-}
+  return data;
+};
 
-export default useI18nLanguages
+export default useI18nLanguages;

package/src/i18n/useI18nProvider.jsx

@@ -1,5 +1,4 @@
-import createI18nProvider from './createI18nProvider'
+import createI18nProvider from './createI18nProvider';
 
-const useI18nProvider = ({ apiUrl, locale = 'en', languages = {} }) =>
-  createI18nProvider({ apiUrl, locale, languages })
-export default useI18nProvider
+const useI18nProvider = ({ apiUrl, locale = 'en', languages = {} }) => createI18nProvider({ apiUrl, locale, languages });
+export default useI18nProvider;

package/src/themes/getColors.jsx

@@ -1,18 +1,18 @@
 const getColors = (theme, color) => {
   switch (color) {
     case 'secondary':
-      return theme.palette.secondary
+      return theme.palette.secondary;
     case 'error':
-      return theme.palette.error
+      return theme.palette.error;
     case 'warning':
-      return theme.palette.warning
+      return theme.palette.warning;
     case 'info':
-      return theme.palette.info
+      return theme.palette.info;
     case 'success':
-      return theme.palette.success
+      return theme.palette.success;
     default:
-      return theme.palette.primary
+      return theme.palette.primary;
   }
-}
+};
 
-export default getColors
+export default getColors;

package/src/themes/getShadow.jsx

@@ -1,37 +1,37 @@
-import PropTypes from 'prop-types'
+import PropTypes from 'prop-types';
 
 const getShadow = (theme, shadow) => {
   switch (shadow) {
     case 'secondary':
-      return theme.customShadows.secondary
+      return theme.customShadows.secondary;
     case 'error':
-      return theme.customShadows.error
+      return theme.customShadows.error;
     case 'warning':
-      return theme.customShadows.warning
+      return theme.customShadows.warning;
     case 'info':
-      return theme.customShadows.info
+      return theme.customShadows.info;
     case 'success':
-      return theme.customShadows.success
+      return theme.customShadows.success;
     case 'primaryButton':
-      return theme.customShadows.primaryButton
+      return theme.customShadows.primaryButton;
     case 'secondaryButton':
-      return theme.customShadows.secondaryButton
+      return theme.customShadows.secondaryButton;
     case 'errorButton':
-      return theme.customShadows.errorButton
+      return theme.customShadows.errorButton;
     case 'warningButton':
-      return theme.customShadows.warningButton
+      return theme.customShadows.warningButton;
     case 'infoButton':
-      return theme.customShadows.infoButton
+      return theme.customShadows.infoButton;
     case 'successButton':
-      return theme.customShadows.successButton
+      return theme.customShadows.successButton;
     default:
-      return theme.customShadows.primary
+      return theme.customShadows.primary;
   }
-}
+};
 
 getShadow.propTypes = {
   theme: PropTypes.object,
-  shadow: PropTypes.string,
-}
+  shadow: PropTypes.string
+};
 
-export default getShadow
+export default getShadow;

package/src/themes/index.jsx

@@ -1,24 +1,24 @@
-import { CssBaseline, StyledEngineProvider } from '@mui/material'
-import { ThemeProvider, createTheme } from '@mui/material/styles'
+import { CssBaseline, StyledEngineProvider } from '@mui/material';
+import { ThemeProvider, createTheme } from '@mui/material/styles';
 
-import CustomShadows from './shadows'
-import Palette from './palette'
-import PropTypes from 'prop-types'
-import Typography from './typography'
-import componentsOverride from './overrides'
-import getColors from './getColors'
-import getShadow from './getShadow'
-import { useMemo } from 'react'
-import { useThemeConfig } from '../hooks'
+import CustomShadows from './shadows';
+import Palette from './palette';
+import PropTypes from 'prop-types';
+import Typography from './typography';
+import componentsOverride from './overrides';
+import getColors from './getColors';
+import getShadow from './getShadow';
+import { useMemo } from 'react';
+import { useThemeConfig } from '../hooks';
 
 const ThemeCustomization = ({ themeOverrides, children }) => {
-  const { themeDirection, mode, presetColor, fontFamily } = useThemeConfig()
+  const { themeDirection, mode, presetColor, fontFamily } = useThemeConfig();
 
-  const theme = useMemo(() => Palette(mode, presetColor), [mode, presetColor])
+  const theme = useMemo(() => Palette(mode, presetColor), [mode, presetColor]);
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  const themeTypography = useMemo(() => Typography(fontFamily), [fontFamily])
-  const themeCustomShadows = useMemo(() => CustomShadows(theme), [theme])
+  const themeTypography = useMemo(() => Typography(fontFamily), [fontFamily]);
+  const themeCustomShadows = useMemo(() => CustomShadows(theme), [theme]);
 
   const themeOptions = useMemo(
     () => ({
@@ -28,29 +28,29 @@ const ThemeCustomization = ({ themeOverrides, children }) => {
           sm: 768,
           md: 1024,
           lg: 1266,
-          xl: 1440,
-        },
+          xl: 1440
+        }
       },
       direction: themeDirection,
       mixins: {
         toolbar: {
           minHeight: 60,
           paddingTop: 8,
-          paddingBottom: 8,
-        },
+          paddingBottom: 8
+        }
       },
       palette: theme.palette,
       customShadows: themeCustomShadows,
       typography: themeTypography,
       shadows: theme.shadows.map(() => 'none'),
-      ...(typeof themeOverrides === 'function' ? themeOverrides(theme) : themeOverrides),
+      ...(typeof themeOverrides === 'function' ? themeOverrides(theme) : themeOverrides)
     }),
-    [themeDirection, theme, themeTypography, themeCustomShadows, themeOverrides],
-  )
+    [themeDirection, theme, themeTypography, themeCustomShadows, themeOverrides]
+  );
 
-  const themes = createTheme(themeOptions)
+  const themes = createTheme(themeOptions);
 
-  themes.components = componentsOverride(themes)
+  themes.components = componentsOverride(themes);
 
   return (
     <StyledEngineProvider injectFirst>
@@ -59,12 +59,12 @@ const ThemeCustomization = ({ themeOverrides, children }) => {
         {children}
       </ThemeProvider>
     </StyledEngineProvider>
-  )
-}
+  );
+};
 
 ThemeCustomization.propTypes = {
   children: PropTypes.node,
-  themeOverrides: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-}
+  themeOverrides: PropTypes.oneOfType([PropTypes.object, PropTypes.func])
+};
 
-export { ThemeCustomization, getColors as getThemeColor, getShadow as getThemeShadow }
+export { ThemeCustomization, getColors as getThemeColor, getShadow as getThemeShadow };

package/src/themes/overrides/Accordion.jsx

@@ -6,22 +6,22 @@ export default function Accordion(theme) {
       defaultProps: {
         disableGutters: true,
         square: true,
-        elevation: 0,
+        elevation: 0
       },
       styleOverrides: {
         root: {
           border: `1px solid ${theme.palette.secondary.light}`,
           '&:not(:last-child)': {
-            borderBottom: 0,
+            borderBottom: 0
           },
           '&:before': {
-            display: 'none',
+            display: 'none'
           },
           '&.Mui-disabled': {
-            backgroundColor: theme.palette.secondary.lighter,
-          },
-        },
-      },
-    },
-  }
+            backgroundColor: theme.palette.secondary.lighter
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/AccordionDetails.jsx

@@ -6,9 +6,9 @@ export default function AccordionDetails(theme) {
       styleOverrides: {
         root: {
           padding: theme.spacing(2),
-          borderTop: `1px solid ${theme.palette.secondary.light}`,
-        },
-      },
-    },
-  }
+          borderTop: `1px solid ${theme.palette.secondary.light}`
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/AccordionSummary.jsx

@@ -1,33 +1,33 @@
 // assets
-import { RightOutlined } from '@ant-design/icons'
+import { RightOutlined } from '@ant-design/icons';
 
 // ==============================|| OVERRIDES - ALERT TITLE ||============================== //
 
 export default function AccordionSummary(theme) {
-  const { palette, spacing } = theme
+  const { palette, spacing } = theme;
 
   return {
     MuiAccordionSummary: {
       defaultProps: {
-        expandIcon: <RightOutlined style={{ fontSize: '0.75rem' }} />,
+        expandIcon: <RightOutlined style={{ fontSize: '0.75rem' }} />
       },
       styleOverrides: {
         root: {
           backgroundColor: palette.secondary.lighter,
           flexDirection: 'row-reverse',
-          minHeight: 46,
+          minHeight: 46
         },
         expandIconWrapper: {
           '&.Mui-expanded': {
-            transform: 'rotate(90deg)',
-          },
+            transform: 'rotate(90deg)'
+          }
         },
         content: {
           marginTop: spacing(1.25),
           marginBottom: spacing(1.25),
-          marginLeft: spacing(1),
-        },
-      },
-    },
-  }
+          marginLeft: spacing(1)
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Alert.jsx

@@ -1,42 +1,42 @@
-import { alpha } from '@mui/material/styles'
-import getColors from '../getColors'
+import { alpha } from '@mui/material/styles';
+import getColors from '../getColors';
 
 // ==============================|| ALERT - COLORS ||============================== //
 
 function getColorStyle({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { lighter, light, main } = colors
+  const colors = getColors(theme, color);
+  const { lighter, light, main } = colors;
 
   return {
     borderColor: alpha(light, 0.5),
     backgroundColor: lighter,
     '& .MuiAlert-icon': {
-      color: main,
-    },
-  }
+      color: main
+    }
+  };
 }
 
 // ==============================|| OVERRIDES - ALERT ||============================== //
 
 export default function Alert(theme) {
-  const primaryDashed = getColorStyle({ color: 'primary', theme })
+  const primaryDashed = getColorStyle({ color: 'primary', theme });
 
   return {
     MuiAlert: {
       styleOverrides: {
         root: {
           color: theme.palette.text.primary,
-          fontSize: '0.875rem',
+          fontSize: '0.875rem'
         },
         icon: {
-          fontSize: '1rem',
+          fontSize: '1rem'
         },
         message: {
           padding: 0,
-          marginTop: 3,
+          marginTop: 3
         },
         filled: {
-          color: theme.palette.grey[0],
+          color: theme.palette.grey[0]
         },
         border: {
           padding: '10px 16px',
@@ -47,14 +47,14 @@ export default function Alert(theme) {
           '&.MuiAlert-borderError': getColorStyle({ color: 'error', theme }),
           '&.MuiAlert-borderSuccess': getColorStyle({ color: 'success', theme }),
           '&.MuiAlert-borderInfo': getColorStyle({ color: 'info', theme }),
-          '&.MuiAlert-borderWarning': getColorStyle({ color: 'warning', theme }),
+          '&.MuiAlert-borderWarning': getColorStyle({ color: 'warning', theme })
         },
         action: {
           '& .MuiButton-root': {
             padding: 2,
             height: 'auto',
             fontSize: '0.75rem',
-            marginTop: -2,
+            marginTop: -2
           },
           '& .MuiIconButton-root': {
             width: 'auto',
@@ -62,11 +62,11 @@ export default function Alert(theme) {
             padding: 2,
             marginRight: 6,
             '& .MuiSvgIcon-root': {
-              fontSize: '1rem',
-            },
-          },
-        },
-      },
-    },
-  }
+              fontSize: '1rem'
+            }
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/AlertTitle.jsx

@@ -7,9 +7,9 @@ export default function AlertTitle() {
         root: {
           marginBottom: 4,
           marginTop: 0,
-          fontWeight: 400,
-        },
-      },
-    },
-  }
+          fontWeight: 400
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Autocomplete.jsx

@@ -6,21 +6,21 @@ export default function Autocomplete(theme) {
       styleOverrides: {
         root: {
           '& .MuiOutlinedInput-root': {
-            padding: '3px 9px',
-          },
+            padding: '3px 9px'
+          }
         },
         popupIndicator: {
           width: 'auto',
-          height: 'auto',
+          height: 'auto'
         },
         popper: {
-          border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.dark.main : theme.palette.grey[100]}`,
+          border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.dark.main : theme.palette.grey[100]}`
         },
         clearIndicator: {
           width: 'auto',
-          height: 'auto',
-        },
-      },
-    },
-  }
+          height: 'auto'
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Badge.jsx

@@ -1,17 +1,17 @@
-import getColors from '../getColors'
+import getColors from '../getColors';
 
 function getColorStyle({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { lighter, main } = colors
+  const colors = getColors(theme, color);
+  const { lighter, main } = colors;
 
   return {
     color: main,
-    backgroundColor: lighter,
-  }
+    backgroundColor: lighter
+  };
 }
 
 export default function Badge(theme) {
-  const defaultLightBadge = getColorStyle({ color: 'primary', theme })
+  const defaultLightBadge = getColorStyle({ color: 'primary', theme });
 
   return {
     MuiBadge: {
@@ -19,7 +19,7 @@ export default function Badge(theme) {
         standard: {
           minWidth: theme.spacing(2),
           height: theme.spacing(2),
-          padding: theme.spacing(0.5),
+          padding: theme.spacing(0.5)
         },
         light: {
           ...defaultLightBadge,
@@ -28,9 +28,9 @@ export default function Badge(theme) {
           '&.MuiBadge-colorError': getColorStyle({ color: 'error', theme }),
           '&.MuiBadge-colorInfo': getColorStyle({ color: 'info', theme }),
           '&.MuiBadge-colorSuccess': getColorStyle({ color: 'success', theme }),
-          '&.MuiBadge-colorWarning': getColorStyle({ color: 'warning', theme }),
-        },
-      },
-    },
-  }
+          '&.MuiBadge-colorWarning': getColorStyle({ color: 'warning', theme })
+        }
+      }
+    }
+  };
 }