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

package/src/themes/overrides/Slider.jsx

@@ -1,12 +1,12 @@
-import getColors from '../getColors'
+import getColors from '../getColors';
 
 function getColorStyle({ color, theme }) {
-  const colors = getColors(theme, color)
-  const { main } = colors
+  const colors = getColors(theme, color);
+  const { main } = colors;
 
   return {
-    border: `2px solid ${main}`,
-  }
+    border: `2px solid ${main}`
+  };
 }
 
 export default function Slider(theme) {
@@ -14,7 +14,7 @@ export default function Slider(theme) {
     MuiSlider: {
       styleOverrides: {
         track: {
-          height: '1px',
+          height: '1px'
         },
         thumb: {
           width: 14,
@@ -26,7 +26,7 @@ export default function Slider(theme) {
           '&.MuiSlider-thumbColorSuccess': getColorStyle({ color: 'success', theme }),
           '&.MuiSlider-thumbColorWarning': getColorStyle({ color: 'warning', theme }),
           '&.MuiSlider-thumbColorInfo': getColorStyle({ color: 'info', theme }),
-          '&.MuiSlider-thumbColorError': getColorStyle({ color: 'error', theme }),
+          '&.MuiSlider-thumbColorError': getColorStyle({ color: 'error', theme })
         },
         mark: {
           width: 4,
@@ -37,30 +37,30 @@ export default function Slider(theme) {
           '&.MuiSlider-markActive': {
             opacity: 1,
             borderColor: 'inherit',
-            borderWidth: 2,
-          },
+            borderWidth: 2
+          }
         },
         rail: {
-          color: theme.palette.secondary.light,
+          color: theme.palette.secondary.light
         },
         root: {
           '&.Mui-disabled': {
             '.MuiSlider-rail': {
-              opacity: 0.25,
+              opacity: 0.25
             },
             '.MuiSlider-track': {
-              color: theme.palette.secondary.lighter,
+              color: theme.palette.secondary.lighter
             },
             '.MuiSlider-thumb': {
-              border: `2px solid ${theme.palette.secondary.lighter}`,
-            },
-          },
+              border: `2px solid ${theme.palette.secondary.lighter}`
+            }
+          }
         },
         valueLabel: {
           backgroundColor: theme.palette.grey[600],
-          color: theme.palette.grey[0],
-        },
-      },
-    },
-  }
+          color: theme.palette.grey[0]
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Switch.jsx

@@ -3,17 +3,17 @@
 function getSizeStyle(size) {
   switch (size) {
     case 'small':
-      return { width: 28, height: 16, base: 12, thumb: 10, trackRadius: 8 }
+      return { width: 28, height: 16, base: 12, thumb: 10, trackRadius: 8 };
     case 'large':
-      return { width: 60, height: 28, base: 32, thumb: 22, trackRadius: 24 }
+      return { width: 60, height: 28, base: 32, thumb: 22, trackRadius: 24 };
     case 'medium':
     default:
-      return { width: 44, height: 22, base: 22, thumb: 16, trackRadius: 16 }
+      return { width: 44, height: 22, base: 22, thumb: 16, trackRadius: 16 };
   }
 }
 
 function switchStyle(theme, size) {
-  const sizes = getSizeStyle(size)
+  const sizes = getSizeStyle(size);
 
   return {
     width: sizes.width,
@@ -21,17 +21,17 @@ function switchStyle(theme, size) {
     '& .MuiSwitch-switchBase': {
       padding: 3,
       '&.Mui-checked': {
-        transform: `translateX(${sizes.base}px)`,
-      },
+        transform: `translateX(${sizes.base}px)`
+      }
     },
     '& .MuiSwitch-thumb': {
       width: sizes.thumb,
-      height: sizes.thumb,
+      height: sizes.thumb
     },
     '& .MuiSwitch-track': {
-      borderRadius: sizes.trackRadius,
-    },
-  }
+      borderRadius: sizes.trackRadius
+    }
+  };
 }
 
 // ==============================|| OVERRIDES - TAB ||============================== //
@@ -43,30 +43,30 @@ export default function Switch(theme) {
         track: {
           opacity: 1,
           backgroundColor: theme.palette.secondary[400],
-          boxSizing: 'border-box',
+          boxSizing: 'border-box'
         },
         thumb: {
           borderRadius: '50%',
           transition: theme.transitions.create(['width'], {
-            duration: 200,
-          }),
+            duration: 200
+          })
         },
         switchBase: {
           '&.Mui-checked': {
             color: '#fff',
             '& + .MuiSwitch-track': {
-              opacity: 1,
+              opacity: 1
             },
             '&.Mui-disabled': {
-              color: theme.palette.background.paper,
-            },
+              color: theme.palette.background.paper
+            }
           },
           '&.Mui-disabled': {
             color: theme.palette.background.paper,
             '+.MuiSwitch-track': {
-              opacity: 0.3,
-            },
-          },
+              opacity: 0.3
+            }
+          }
         },
         root: {
           color: theme.palette.text.primary,
@@ -74,15 +74,15 @@ export default function Switch(theme) {
           margin: 8,
           display: 'flex',
           '& ~ .MuiFormControlLabel-label': {
-            margin: 6,
+            margin: 6
           },
-          ...switchStyle(theme, 'medium'),
+          ...switchStyle(theme, 'medium')
         },
         sizeLarge: { ...switchStyle(theme, 'large') },
         sizeSmall: {
-          ...switchStyle(theme, 'small'),
-        },
-      },
-    },
-  }
+          ...switchStyle(theme, 'small')
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Tab.jsx

@@ -10,15 +10,15 @@ export default function Tab(theme) {
           borderRadius: 4,
           '&:hover': {
             backgroundColor: theme.palette.primary.lighter + 60,
-            color: theme.palette.primary.main,
+            color: theme.palette.primary.main
           },
           '&:focus-visible': {
             borderRadius: 4,
             outline: `2px solid ${theme.palette.secondary.dark}`,
-            outlineOffset: -3,
-          },
-        },
-      },
-    },
-  }
+            outlineOffset: -3
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TableBody.jsx

@@ -3,9 +3,9 @@
 export default function TableBody(theme) {
   const hoverStyle = {
     '&:hover': {
-      backgroundColor: theme.palette.secondary.lighter,
-    },
-  }
+      backgroundColor: theme.palette.secondary.lighter
+    }
+  };
 
   return {
     MuiTableBody: {
@@ -13,15 +13,15 @@ export default function TableBody(theme) {
         root: {
           '&.striped .MuiTableRow-root': {
             '&:nth-of-type(even)': {
-              backgroundColor: theme.palette.grey[50],
+              backgroundColor: theme.palette.grey[50]
             },
-            ...hoverStyle,
+            ...hoverStyle
           },
           '& .MuiTableRow-root': {
-            ...hoverStyle,
-          },
-        },
-      },
-    },
-  }
+            ...hoverStyle
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TableCell.jsx

@@ -11,10 +11,10 @@ export default function TableCell(theme) {
         width: 1,
         height: 'calc(100% - 30px)',
         right: 0,
-        top: 16,
-      },
-    },
-  }
+        top: 16
+      }
+    }
+  };
 
   return {
     MuiTableCell: {
@@ -22,23 +22,23 @@ export default function TableCell(theme) {
         root: {
           fontSize: '0.875rem',
           padding: 12,
-          borderColor: theme.palette.divider,
+          borderColor: theme.palette.divider
         },
         sizeSmall: {
-          padding: 8,
+          padding: 8
         },
         head: {
           fontSize: '0.75rem',
           fontWeight: 700,
           textTransform: 'uppercase',
-          ...commonCell,
+          ...commonCell
         },
         footer: {
           fontSize: '0.75rem',
           textTransform: 'uppercase',
-          ...commonCell,
-        },
-      },
-    },
-  }
+          ...commonCell
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TableFooter.jsx

@@ -7,9 +7,9 @@ export default function TableFooter(theme) {
         root: {
           backgroundColor: theme.palette.grey[50],
           borderTop: `2px solid ${theme.palette.divider}`,
-          borderBottom: `1px solid ${theme.palette.divider}`,
-        },
-      },
-    },
-  }
+          borderBottom: `1px solid ${theme.palette.divider}`
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TableHead.jsx

@@ -7,9 +7,9 @@ export default function TableHead(theme) {
         root: {
           backgroundColor: theme.palette.grey[50],
           borderTop: `1px solid ${theme.palette.divider}`,
-          borderBottom: `2px solid ${theme.palette.divider}`,
-        },
-      },
-    },
-  }
+          borderBottom: `2px solid ${theme.palette.divider}`
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TablePagination.jsx

@@ -5,12 +5,12 @@ export default function TablePagination() {
     MuiTablePagination: {
       styleOverrides: {
         selectLabel: {
-          fontSize: '0.875rem',
+          fontSize: '0.875rem'
         },
         displayedRows: {
-          fontSize: '0.875rem',
-        },
-      },
-    },
-  }
+          fontSize: '0.875rem'
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TableRow.jsx

@@ -7,19 +7,19 @@ export default function TableRow() {
         root: {
           '&:last-of-type': {
             '& .MuiTableCell-root': {
-              borderBottom: 'none',
-            },
+              borderBottom: 'none'
+            }
           },
           '& .MuiTableCell-root': {
             '&:last-of-type': {
-              paddingRight: 24,
+              paddingRight: 24
             },
             '&:first-of-type': {
-              paddingLeft: 24,
-            },
-          },
-        },
-      },
-    },
-  }
+              paddingLeft: 24
+            }
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Tabs.jsx

@@ -5,9 +5,9 @@ export default function Tabs() {
     MuiTabs: {
       styleOverrides: {
         vertical: {
-          overflow: 'visible',
-        },
-      },
-    },
-  }
+          overflow: 'visible'
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/ToggleButton.jsx

@@ -7,14 +7,14 @@ export default function ToggleButton(theme) {
         root: {
           '&.Mui-disabled': {
             borderColor: theme.palette.divider,
-            color: theme.palette.text.disabled,
+            color: theme.palette.text.disabled
           },
           '&:focus-visible': {
             outline: `2px solid ${theme.palette.secondary.dark}`,
-            outlineOffset: 2,
-          },
-        },
-      },
-    },
-  }
+            outlineOffset: 2
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Tooltip.jsx

@@ -5,9 +5,9 @@ export default function Tooltip(theme) {
     MuiTooltip: {
       styleOverrides: {
         tooltip: {
-          color: theme.palette.background.paper,
-        },
-      },
-    },
-  }
+          color: theme.palette.background.paper
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/TreeItem.jsx

@@ -5,14 +5,14 @@ export default function TreeItem() {
     MuiTreeItem: {
       styleOverrides: {
         content: {
-          padding: 8,
+          padding: 8
         },
         iconContainer: {
           '& svg': {
-            fontSize: '0.625rem',
-          },
-        },
-      },
-    },
-  }
+            fontSize: '0.625rem'
+          }
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/Typography.jsx

@@ -5,9 +5,9 @@ export default function Typography() {
     MuiTypography: {
       styleOverrides: {
         gutterBottom: {
-          marginBottom: 12,
-        },
-      },
-    },
-  }
+          marginBottom: 12
+        }
+      }
+    }
+  };
 }

package/src/themes/overrides/index.jsx

@@ -1,50 +1,50 @@
 // project import
-import Accordion from './Accordion'
-import AccordionDetails from './AccordionDetails'
-import AccordionSummary from './AccordionSummary'
-import Alert from './Alert'
-import AlertTitle from './AlertTitle'
-import Autocomplete from './Autocomplete'
-import Badge from './Badge'
-import Button from './Button'
-import ButtonBase from './ButtonBase'
-import ButtonGroup from './ButtonGroup'
-import CardContent from './CardContent'
-import Checkbox from './Checkbox'
-import Chip from './Chip'
-import Dialog from './Dialog'
-import DialogContentText from './DialogContentText'
-import DialogTitle from './DialogTitle'
-import Fab from './Fab'
-import IconButton from './IconButton'
-import InputBase from './InputBase'
-import InputLabel from './InputLabel'
-import LinearProgress from './LinearProgress'
-import Link from './Link'
-import ListItemButton from './ListItemButton'
-import ListItemIcon from './ListItemIcon'
-import LoadingButton from './LoadingButton'
-import OutlinedInput from './OutlinedInput'
-import Pagination from './Pagination'
-import PaginationItem from './PaginationItem'
-import Popover from './Popover'
-import Radio from './Radio'
-import Slider from './Slider'
-import Switch from './Switch'
-import Tab from './Tab'
-import TableBody from './TableBody'
-import TableCell from './TableCell'
-import TableFooter from './TableFooter'
-import TableHead from './TableHead'
-import TablePagination from './TablePagination'
-import TableRow from './TableRow'
-import Tabs from './Tabs'
-import ToggleButton from './ToggleButton'
-import Tooltip from './Tooltip'
-import TreeItem from './TreeItem'
-import Typography from './Typography'
+import Accordion from './Accordion';
+import AccordionDetails from './AccordionDetails';
+import AccordionSummary from './AccordionSummary';
+import Alert from './Alert';
+import AlertTitle from './AlertTitle';
+import Autocomplete from './Autocomplete';
+import Badge from './Badge';
+import Button from './Button';
+import ButtonBase from './ButtonBase';
+import ButtonGroup from './ButtonGroup';
+import CardContent from './CardContent';
+import Checkbox from './Checkbox';
+import Chip from './Chip';
+import Dialog from './Dialog';
+import DialogContentText from './DialogContentText';
+import DialogTitle from './DialogTitle';
+import Fab from './Fab';
+import IconButton from './IconButton';
+import InputBase from './InputBase';
+import InputLabel from './InputLabel';
+import LinearProgress from './LinearProgress';
+import Link from './Link';
+import ListItemButton from './ListItemButton';
+import ListItemIcon from './ListItemIcon';
+import LoadingButton from './LoadingButton';
+import OutlinedInput from './OutlinedInput';
+import Pagination from './Pagination';
+import PaginationItem from './PaginationItem';
+import Popover from './Popover';
+import Radio from './Radio';
+import Slider from './Slider';
+import Switch from './Switch';
+import Tab from './Tab';
+import TableBody from './TableBody';
+import TableCell from './TableCell';
+import TableFooter from './TableFooter';
+import TableHead from './TableHead';
+import TablePagination from './TablePagination';
+import TableRow from './TableRow';
+import Tabs from './Tabs';
+import ToggleButton from './ToggleButton';
+import Tooltip from './Tooltip';
+import TreeItem from './TreeItem';
+import Typography from './Typography';
 // third-party
-import { merge } from 'lodash'
+import { merge } from 'lodash';
 
 // ==============================|| OVERRIDES - MAIN ||============================== //
 
@@ -93,6 +93,6 @@ export default function ComponentsOverrides(theme) {
     ToggleButton(theme),
     Tooltip(theme),
     TreeItem(),
-    Typography(),
-  )
+    Typography()
+  );
 }

package/src/themes/palette.jsx

@@ -1,16 +1,16 @@
 // material-ui
-import { alpha, createTheme } from '@mui/material/styles'
+import { alpha, createTheme } from '@mui/material/styles';
 
 // third-party
-import { presetDarkPalettes, presetPalettes } from '@ant-design/colors'
+import { presetDarkPalettes, presetPalettes } from '@ant-design/colors';
 
 // project import
-import ThemeOption from './theme'
+import ThemeOption from './theme';
 
 // ==============================|| DEFAULT THEME - PALETTE  ||============================== //
 
 const Palette = (mode, presetColor) => {
-  const colors = mode === 'dark' ? presetDarkPalettes : presetPalettes
+  const colors = mode === 'dark' ? presetDarkPalettes : presetPalettes;
 
   let greyPrimary = [
     '#ffffff',
@@ -23,56 +23,44 @@ const Palette = (mode, presetColor) => {
     '#595959',
     '#262626',
     '#141414',
-    '#000000',
-  ]
-  let greyAscent = ['#fafafa', '#bfbfbf', '#434343', '#1f1f1f']
-  let greyConstant = ['#fafafb', '#e6ebf1']
+    '#000000'
+  ];
+  let greyAscent = ['#fafafa', '#bfbfbf', '#434343', '#1f1f1f'];
+  let greyConstant = ['#fafafb', '#e6ebf1'];
 
   if (mode === 'dark') {
-    greyPrimary = [
-      '#000000',
-      '#141414',
-      '#1e1e1e',
-      '#595959',
-      '#8c8c8c',
-      '#bfbfbf',
-      '#d9d9d9',
-      '#f0f0f0',
-      '#f5f5f5',
-      '#fafafa',
-      '#ffffff',
-    ]
+    greyPrimary = ['#000000', '#141414', '#1e1e1e', '#595959', '#8c8c8c', '#bfbfbf', '#d9d9d9', '#f0f0f0', '#f5f5f5', '#fafafa', '#ffffff'];
     // greyPrimary.reverse();
-    greyAscent = ['#fafafa', '#bfbfbf', '#434343', '#1f1f1f']
-    greyConstant = ['#121212', '#d3d8db']
+    greyAscent = ['#fafafa', '#bfbfbf', '#434343', '#1f1f1f'];
+    greyConstant = ['#121212', '#d3d8db'];
   }
-  colors.grey = [...greyPrimary, ...greyAscent, ...greyConstant]
+  colors.grey = [...greyPrimary, ...greyAscent, ...greyConstant];
 
-  const paletteColor = ThemeOption(colors, presetColor, mode)
+  const paletteColor = ThemeOption(colors, presetColor, mode);
 
   return createTheme({
     palette: {
       mode,
       common: {
         black: '#000',
-        white: '#fff',
+        white: '#fff'
       },
       ...paletteColor,
       text: {
         primary: mode === 'dark' ? alpha(paletteColor.grey[900], 0.87) : paletteColor.grey[700],
         secondary: mode === 'dark' ? alpha(paletteColor.grey[900], 0.45) : paletteColor.grey[500],
-        disabled: mode === 'dark' ? alpha(paletteColor.grey[900], 0.1) : paletteColor.grey[400],
+        disabled: mode === 'dark' ? alpha(paletteColor.grey[900], 0.1) : paletteColor.grey[400]
       },
       action: {
-        disabled: paletteColor.grey[300],
+        disabled: paletteColor.grey[300]
       },
       divider: mode === 'dark' ? alpha(paletteColor.grey[900], 0.05) : paletteColor.grey[200],
       background: {
         paper: mode === 'dark' ? paletteColor.grey[100] : paletteColor.grey[0],
-        default: paletteColor.grey.A50,
-      },
-    },
-  })
-}
+        default: paletteColor.grey.A50
+      }
+    }
+  });
+};
 
-export default Palette
+export default Palette;