@applica-software-guru/react-admin 1.0.41 → 1.0.43

package/src/themes/overrides/Button.jsx

@@ -1,35 +1,35 @@
-import { alpha } from '@mui/material/styles'
-import getColors from '../getColors'
-import getShadow from '../getShadow'
+import { alpha } from '@mui/material/styles';
+import getColors from '../getColors';
+import getShadow from '../getShadow';
 
 function getColorStyle({ variant, color, theme }) {
-  const colors = getColors(theme, color)
-  const { lighter, main, dark, contrastText } = colors
+  const colors = getColors(theme, color);
+  const { lighter, main, dark, contrastText } = colors;
 
-  const buttonShadow = `${color}Button`
-  const shadows = getShadow(theme, buttonShadow)
+  const buttonShadow = `${color}Button`;
+  const shadows = getShadow(theme, buttonShadow);
 
   const commonShadow = {
     '&::after': {
-      boxShadow: `0 0 5px 5px ${alpha(main, 0.9)}`,
+      boxShadow: `0 0 5px 5px ${alpha(main, 0.9)}`
     },
     '&:active::after': {
-      boxShadow: `0 0 0 0 ${alpha(main, 0.9)}`,
+      boxShadow: `0 0 0 0 ${alpha(main, 0.9)}`
     },
     '&:focus-visible': {
       outline: `2px solid ${dark}`,
-      outlineOffset: 2,
-    },
-  }
+      outlineOffset: 2
+    }
+  };
 
   switch (variant) {
     case 'contained':
       return {
         '&:hover': {
-          backgroundColor: dark,
+          backgroundColor: dark
         },
-        ...commonShadow,
-      }
+        ...commonShadow
+      };
     case 'shadow':
       return {
         color: contrastText,
@@ -37,20 +37,20 @@ function getColorStyle({ variant, color, theme }) {
         boxShadow: shadows,
         '&:hover': {
           boxShadow: 'none',
-          backgroundColor: dark,
+          backgroundColor: dark
         },
-        ...commonShadow,
-      }
+        ...commonShadow
+      };
     case 'outlined':
       return {
         borderColor: main,
         '&:hover': {
           color: dark,
           backgroundColor: 'transparent',
-          borderColor: dark,
+          borderColor: dark
         },
-        ...commonShadow,
-      }
+        ...commonShadow
+      };
     case 'dashed':
       return {
         color: main,
@@ -58,43 +58,43 @@ function getColorStyle({ variant, color, theme }) {
         backgroundColor: lighter,
         '&:hover': {
           color: dark,
-          borderColor: dark,
+          borderColor: dark
         },
-        ...commonShadow,
-      }
+        ...commonShadow
+      };
     case 'text':
     default:
       return {
         '&:hover': {
           color: dark,
-          backgroundColor: lighter,
+          backgroundColor: lighter
         },
-        ...commonShadow,
-      }
+        ...commonShadow
+      };
   }
 }
 
 // ==============================|| OVERRIDES - BUTTON ||============================== //
 
 export default function Button(theme) {
-  const primaryDashed = getColorStyle({ variant: 'dashed', color: 'primary', theme })
-  const primaryShadow = getColorStyle({ variant: 'shadow', color: 'primary', theme })
+  const primaryDashed = getColorStyle({ variant: 'dashed', color: 'primary', theme });
+  const primaryShadow = getColorStyle({ variant: 'shadow', color: 'primary', theme });
 
   const disabledStyle = {
     '&.Mui-disabled': {
-      backgroundColor: theme.palette.grey[200],
-    },
-  }
+      backgroundColor: theme.palette.grey[200]
+    }
+  };
   const iconStyle = {
     '&>*:nth-of-type(1)': {
-      fontSize: 'inherit',
-    },
-  }
+      fontSize: 'inherit'
+    }
+  };
 
   return {
     MuiButton: {
       defaultProps: {
-        disableElevation: true,
+        disableElevation: true
       },
       styleOverrides: {
         root: {
@@ -109,7 +109,7 @@ export default function Button(theme) {
             height: '100%',
             borderRadius: 4,
             opacity: 0,
-            transition: 'all 0.5s',
+            transition: 'all 0.5s'
           },
 
           '&:active::after': {
@@ -118,26 +118,26 @@ export default function Button(theme) {
             left: 0,
             top: 0,
             opacity: 1,
-            transition: '0s',
-          },
+            transition: '0s'
+          }
         },
         contained: {
-          ...disabledStyle,
+          ...disabledStyle
         },
         outlined: {
-          ...disabledStyle,
+          ...disabledStyle
         },
         text: {
           boxShadow: 'none',
           '&:hover': {
-            boxShadow: 'none',
-          },
+            boxShadow: 'none'
+          }
         },
         endIcon: {
-          ...iconStyle,
+          ...iconStyle
         },
         startIcon: {
-          ...iconStyle,
+          ...iconStyle
         },
         dashed: {
           border: '1px dashed',
@@ -145,60 +145,60 @@ export default function Button(theme) {
           '&.MuiButton-dashedPrimary': getColorStyle({
             variant: 'dashed',
             color: 'primary',
-            theme,
+            theme
           }),
           '&.MuiButton-dashedSecondary': getColorStyle({
             variant: 'dashed',
             color: 'secondary',
-            theme,
+            theme
           }),
           '&.MuiButton-dashedError': getColorStyle({ variant: 'dashed', color: 'error', theme }),
           '&.MuiButton-dashedSuccess': getColorStyle({
             variant: 'dashed',
             color: 'success',
-            theme,
+            theme
           }),
           '&.MuiButton-dashedInfo': getColorStyle({ variant: 'dashed', color: 'info', theme }),
           '&.MuiButton-dashedWarning': getColorStyle({
             variant: 'dashed',
             color: 'warning',
-            theme,
+            theme
           }),
           '&.Mui-disabled': {
             color: `${theme.palette.grey[300]} !important`,
             borderColor: `${theme.palette.grey[400]} !important`,
-            backgroundColor: `${theme.palette.grey[200]} !important`,
-          },
+            backgroundColor: `${theme.palette.grey[200]} !important`
+          }
         },
         shadow: {
           ...primaryShadow,
           '&.MuiButton-shadowPrimary': getColorStyle({
             variant: 'shadow',
             color: 'primary',
-            theme,
+            theme
           }),
           '&.MuiButton-shadowSecondary': getColorStyle({
             variant: 'shadow',
             color: 'secondary',
-            theme,
+            theme
           }),
           '&.MuiButton-shadowError': getColorStyle({ variant: 'shadow', color: 'error', theme }),
           '&.MuiButton-shadowSuccess': getColorStyle({
             variant: 'shadow',
             color: 'success',
-            theme,
+            theme
           }),
           '&.MuiButton-shadowInfo': getColorStyle({ variant: 'shadow', color: 'info', theme }),
           '&.MuiButton-shadowWarning': getColorStyle({
             variant: 'shadow',
             color: 'warning',
-            theme,
+            theme
           }),
           '&.Mui-disabled': {
             color: `${theme.palette.grey[300]} !important`,
             borderColor: `${theme.palette.grey[400]} !important`,
-            backgroundColor: `${theme.palette.grey[200]} !important`,
-          },
+            backgroundColor: `${theme.palette.grey[200]} !important`
+          }
         },
         containedPrimary: getColorStyle({ variant: 'contained', color: 'primary', theme }),
         containedSecondary: getColorStyle({ variant: 'contained', color: 'secondary', theme }),
@@ -221,9 +221,9 @@ export default function Button(theme) {
         sizeExtraSmall: {
           minWidth: 56,
           fontSize: '0.625rem',
-          padding: '2px 8px',
-        },
-      },
-    },
-  }
+          padding: '2px 8px'
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/ButtonBase.jsx

@@ -5,8 +5,8 @@ export default function ButtonBase() {
     MuiButtonBase: {
       defaultProps: {
         disableRipple: true,
-        size: 'medium',
-      },
-    },
-  }
+        size: 'medium'
+      }
+    }
+  };
 }

package/src/themes/overrides/ButtonGroup.jsx

@@ -4,8 +4,8 @@ export default function ButtonGroup() {
   return {
     MuiButtonGroup: {
       defaultProps: {
-        disableRipple: true,
-      },
-    },
-  }
+        disableRipple: true
+      }
+    }
+  };
 }

package/src/themes/overrides/CardContent.jsx

@@ -7,10 +7,10 @@ export default function CardContent() {
         root: {
           padding: 20,
           '&:last-child': {
-            paddingBottom: 20,
-          },
-        },
-      },
-    },
-  }
+            paddingBottom: 20
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Checkbox.jsx

@@ -1,40 +1,40 @@
-import { CheckSquareFilled, MinusSquareFilled } from '@ant-design/icons'
+import { CheckSquareFilled, MinusSquareFilled } from '@ant-design/icons';
 
-import { Box } from '@mui/material'
-import getColors from '../getColors'
+import { Box } from '@mui/material';
+import getColors from '../getColors';
 
 function getColorStyle({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { lighter, main, dark } = colors
+  const colors = getColors(theme, color);
+  const { lighter, main, dark } = colors;
 
   return {
     '&:hover': {
       backgroundColor: lighter,
       '& .icon': {
-        borderColor: main,
-      },
+        borderColor: main
+      }
     },
     '&.Mui-focusVisible': {
       outline: `2px solid ${dark}`,
-      outlineOffset: -4,
-    },
-  }
+      outlineOffset: -4
+    }
+  };
 }
 
 function getSizeStyle(size) {
   switch (size) {
     case 'small':
-      return { size: 16, fontSize: 1, position: 1 }
+      return { size: 16, fontSize: 1, position: 1 };
     case 'large':
-      return { size: 24, fontSize: 1.6, position: 2 }
+      return { size: 24, fontSize: 1.6, position: 2 };
     case 'medium':
     default:
-      return { size: 20, fontSize: 1.35, position: 2 }
+      return { size: 20, fontSize: 1.35, position: 2 };
   }
 }
 
 function checkboxStyle(size) {
-  const sizes = getSizeStyle(size)
+  const sizes = getSizeStyle(size);
 
   return {
     '& .icon': {
@@ -43,14 +43,14 @@ function checkboxStyle(size) {
       '& .filled': {
         fontSize: `${sizes.fontSize}rem`,
         top: -sizes.position,
-        left: -sizes.position,
-      },
-    },
-  }
+        left: -sizes.position
+      }
+    }
+  };
 }
 
 export default function Checkbox(theme) {
-  const { palette } = theme
+  const { palette } = theme;
 
   return {
     MuiCheckbox: {
@@ -64,7 +64,7 @@ export default function Checkbox(theme) {
               height: 16,
               border: '1px solid',
               borderColor: 'inherit',
-              borderRadius: 0.25,
+              borderRadius: 0.25
             }}
           />
         ),
@@ -77,7 +77,7 @@ export default function Checkbox(theme) {
               border: '1px solid',
               borderColor: 'inherit',
               borderRadius: 0.25,
-              position: 'relative',
+              position: 'relative'
             }}
           >
             <CheckSquareFilled className="filled" style={{ position: 'absolute' }} />
@@ -92,34 +92,34 @@ export default function Checkbox(theme) {
               border: '1px solid',
               borderColor: 'inherit',
               borderRadius: 0.25,
-              position: 'relative',
+              position: 'relative'
             }}
           >
             <MinusSquareFilled className="filled" style={{ position: 'absolute' }} />
           </Box>
-        ),
+        )
       },
       styleOverrides: {
         root: {
           borderRadius: 0,
           color: palette.secondary[300],
           '&.size-small': {
-            ...checkboxStyle('small'),
+            ...checkboxStyle('small')
           },
           '&.size-medium': {
-            ...checkboxStyle('medium'),
+            ...checkboxStyle('medium')
           },
           '&.size-large': {
-            ...checkboxStyle('large'),
-          },
+            ...checkboxStyle('large')
+          }
         },
         colorPrimary: getColorStyle({ color: 'primary', theme }),
         colorSecondary: getColorStyle({ color: 'secondary', theme }),
         colorSuccess: getColorStyle({ color: 'success', theme }),
         colorWarning: getColorStyle({ color: 'warning', theme }),
         colorInfo: getColorStyle({ color: 'info', theme }),
-        colorError: getColorStyle({ color: 'error', theme }),
-      },
-    },
-  }
+        colorError: getColorStyle({ color: 'error', theme })
+      }
+    }
+  };
 }

package/src/themes/overrides/Chip.jsx

@@ -1,20 +1,20 @@
-import getColors from '../getColors'
+import getColors from '../getColors';
 
 function getColor({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { dark } = colors
+  const colors = getColors(theme, color);
+  const { dark } = colors;
 
   return {
     '&.Mui-focusVisible': {
       outline: `2px solid ${dark}`,
-      outlineOffset: 2,
-    },
-  }
+      outlineOffset: 2
+    }
+  };
 }
 
 function getColorStyle({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { light, lighter, main } = colors
+  const colors = getColors(theme, color);
+  const { light, lighter, main } = colors;
 
   return {
     color: main,
@@ -23,32 +23,32 @@ function getColorStyle({ color, theme }) {
     '& .MuiChip-deleteIcon': {
       color: main,
       '&:hover': {
-        color: light,
-      },
-    },
-  }
+        color: light
+      }
+    }
+  };
 }
 
 export default function Chip(theme) {
-  const defaultLightChip = getColorStyle({ color: 'secondary', theme })
+  const defaultLightChip = getColorStyle({ color: 'secondary', theme });
   return {
     MuiChip: {
       styleOverrides: {
         root: {
           borderRadius: 4,
           '&:active': {
-            boxShadow: 'none',
+            boxShadow: 'none'
           },
           '&.MuiChip-colorPrimary': getColor({ color: 'primary', theme }),
           '&.MuiChip-colorSecondary': getColor({ color: 'secondary', theme }),
           '&.MuiChip-colorError': getColor({ color: 'error', theme }),
           '&.MuiChip-colorInfo': getColor({ color: 'info', theme }),
           '&.MuiChip-colorSuccess': getColor({ color: 'success', theme }),
-          '&.MuiChip-colorWarning': getColor({ color: 'warning', theme }),
+          '&.MuiChip-colorWarning': getColor({ color: 'warning', theme })
         },
         sizeLarge: {
           fontSize: '1rem',
-          height: 40,
+          height: 40
         },
         light: {
           ...defaultLightChip,
@@ -57,7 +57,7 @@ export default function Chip(theme) {
           '&.MuiChip-lightError': getColorStyle({ color: 'error', theme }),
           '&.MuiChip-lightInfo': getColorStyle({ color: 'info', theme }),
           '&.MuiChip-lightSuccess': getColorStyle({ color: 'success', theme }),
-          '&.MuiChip-lightWarning': getColorStyle({ color: 'warning', theme }),
+          '&.MuiChip-lightWarning': getColorStyle({ color: 'warning', theme })
         },
         combined: {
           border: '1px solid',
@@ -67,9 +67,9 @@ export default function Chip(theme) {
           '&.MuiChip-combinedError': getColorStyle({ color: 'error', theme }),
           '&.MuiChip-combinedInfo': getColorStyle({ color: 'info', theme }),
           '&.MuiChip-combinedSuccess': getColorStyle({ color: 'success', theme }),
-          '&.MuiChip-combinedWarning': getColorStyle({ color: 'warning', theme }),
-        },
-      },
-    },
-  }
+          '&.MuiChip-combinedWarning': getColorStyle({ color: 'warning', theme })
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Dialog.jsx

@@ -1,5 +1,5 @@
 // material-ui
-import { alpha } from '@mui/material/styles'
+import { alpha } from '@mui/material/styles';
 
 // ==============================|| OVERRIDES - DIALOG ||============================== //
 
@@ -9,10 +9,10 @@ export default function Dialog() {
       styleOverrides: {
         root: {
           '& .MuiBackdrop-root': {
-            backgroundColor: alpha('#000', 0.7),
-          },
-        },
-      },
-    },
-  }
+            backgroundColor: alpha('#000', 0.7)
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/DialogContentText.jsx

@@ -6,9 +6,9 @@ export default function DialogContentText(theme) {
       styleOverrides: {
         root: {
           fontSize: '0.875rem',
-          color: theme.palette.text.primary,
-        },
-      },
-    },
-  }
+          color: theme.palette.text.primary
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/DialogTitle.jsx

@@ -6,9 +6,9 @@ export default function DialogTitle() {
       styleOverrides: {
         root: {
           fontSize: '1rem',
-          fontWeight: 500,
-        },
-      },
-    },
-  }
+          fontWeight: 500
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Fab.jsx

@@ -1,13 +1,13 @@
-import { alpha } from '@mui/material/styles'
-import getColors from '../getColors'
-import getShadow from '../getShadow'
+import { alpha } from '@mui/material/styles';
+import getColors from '../getColors';
+import getShadow from '../getShadow';
 
 function getColorStyle({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { main, dark, contrastText } = colors
+  const colors = getColors(theme, color);
+  const { main, dark, contrastText } = colors;
 
-  const buttonShadow = `${color}Button`
-  const shadows = getShadow(theme, buttonShadow)
+  const buttonShadow = `${color}Button`;
+  const shadows = getShadow(theme, buttonShadow);
 
   return {
     color: contrastText,
@@ -15,21 +15,21 @@ function getColorStyle({ color, theme }) {
     boxShadow: shadows,
     '&:hover': {
       boxShadow: 'none',
-      backgroundColor: dark,
+      backgroundColor: dark
     },
     '&:focus-visible': {
       outline: `2px solid ${dark}`,
-      outlineOffset: 2,
+      outlineOffset: 2
     },
     '&::after': {
       borderRadius: '50px',
-      boxShadow: `0 0 5px 5px ${alpha(main, 0.9)}`,
+      boxShadow: `0 0 5px 5px ${alpha(main, 0.9)}`
     },
     '&:active::after': {
       borderRadius: '50px',
-      boxShadow: `0 0 0 0 ${alpha(main, 0.9)}`,
-    },
-  }
+      boxShadow: `0 0 0 0 ${alpha(main, 0.9)}`
+    }
+  };
 }
 
 // ==============================|| OVERRIDES - FAB BUTTON ||============================== //
@@ -41,7 +41,7 @@ export default function Button(theme) {
         root: {
           fontWeight: 400,
           '&.Mui-disabled': {
-            backgroundColor: theme.palette.grey[200],
+            backgroundColor: theme.palette.grey[200]
           },
           '&.MuiFab-primary': getColorStyle({ color: 'primary', theme }),
           '&.MuiFab-secondary': getColorStyle({ color: 'secondary', theme }),
@@ -59,7 +59,7 @@ export default function Button(theme) {
             height: '100%',
             borderRadius: 4,
             opacity: 0,
-            transition: 'all 0.5s',
+            transition: 'all 0.5s'
           },
 
           '&:active::after': {
@@ -68,10 +68,10 @@ export default function Button(theme) {
             left: 0,
             top: 0,
             opacity: 1,
-            transition: '0s',
-          },
-        },
-      },
-    },
-  }
+            transition: '0s'
+          }
+        }
+      }
+    }
+  };
 }