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

package/src/themes/overrides/{PaginationItem.jsx → PaginationItem.ts}

@@ -1,7 +1,16 @@
-import getColors from '../getColors';
+import { getColors } from '@/themes/getColors';
 
-function getColorStyle({ variant, color, theme }) {
+function getColorStyle({
+  variant,
+  color,
+  theme
+}: {
+  variant: 'combined' | 'contained' | 'outlined' | 'text';
+  color: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
+  theme: any;
+}): any {
   const colors = getColors(theme, color);
+  // @ts-ignore
   const { lighter, light, dark, main, contrastText } = colors;
 
   const focusStyle = {
@@ -47,9 +56,7 @@ function getColorStyle({ variant, color, theme }) {
   }
 }
 
-// ==============================|| OVERRIDES - PAGINATION ITEM ||============================== //
-
-export default function PaginationItem(theme) {
+function PaginationItem(theme: any): any {
   return {
     MuiPaginationItem: {
       styleOverrides: {
@@ -209,3 +216,5 @@ export default function PaginationItem(theme) {
     }
   };
 }
+
+export { PaginationItem };

package/src/themes/overrides/{Popover.jsx → Popover.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - DIALOG CONTENT TEXT ||============================== //
-
-export default function Popover(theme) {
+function Popover(theme: any): any {
   return {
     MuiPopover: {
       styleOverrides: {
@@ -11,3 +9,5 @@ export default function Popover(theme) {
     }
   };
 }
+
+export { Popover };

package/src/themes/overrides/{Radio.jsx → Radio.tsx}

@@ -1,8 +1,15 @@
+import { getColors } from '@/themes/getColors';
 import { Box } from '@mui/material';
-import getColors from '../getColors';
 
-function getColorStyle({ color, theme }) {
+function getColorStyle({
+  color,
+  theme
+}: {
+  color: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
+  theme: any;
+}): any {
   const colors = getColors(theme, color);
+  // @ts-ignore
   const { lighter, main, dark } = colors;
 
   return {
@@ -19,7 +26,7 @@ function getColorStyle({ color, theme }) {
   };
 }
 
-function getSizeStyle(size) {
+function getSizeStyle(size: 'small' | 'medium' | 'large') {
   switch (size) {
     case 'small':
       return { size: 16, dotSize: 8, position: 3 };
@@ -31,7 +38,7 @@ function getSizeStyle(size) {
   }
 }
 
-function radioStyle(size) {
+function radioStyle(size: 'small' | 'medium' | 'large') {
   const sizes = getSizeStyle(size);
 
   return {
@@ -48,9 +55,7 @@ function radioStyle(size) {
   };
 }
 
-// ==============================|| OVERRIDES - CHECKBOX ||============================== //
-
-export default function Radio(theme) {
+function Radio(theme: any): any {
   const { palette } = theme;
 
   return {
@@ -119,3 +124,5 @@ export default function Radio(theme) {
     }
   };
 }
+
+export { Radio };

package/src/themes/overrides/{Slider.jsx → Slider.ts}

@@ -1,6 +1,12 @@
-import getColors from '../getColors';
+import { getColors } from '@/themes/getColors';
 
-function getColorStyle({ color, theme }) {
+function getColorStyle({
+  color,
+  theme
+}: {
+  color: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
+  theme: any;
+}): any {
   const colors = getColors(theme, color);
   const { main } = colors;
 
@@ -9,7 +15,7 @@ function getColorStyle({ color, theme }) {
   };
 }
 
-export default function Slider(theme) {
+function Slider(theme: any): any {
   return {
     MuiSlider: {
       styleOverrides: {
@@ -64,3 +70,5 @@ export default function Slider(theme) {
     }
   };
 }
+
+export { Slider };

package/src/themes/overrides/{Switch.jsx → Switch.ts}

@@ -1,6 +1,4 @@
-// ==============================|| SWITCH - SIZE STYLE ||============================== //
-
-function getSizeStyle(size) {
+function getSizeStyle(size: string) {
   switch (size) {
     case 'small':
       return { width: 28, height: 16, base: 12, thumb: 10, trackRadius: 8 };
@@ -12,7 +10,7 @@ function getSizeStyle(size) {
   }
 }
 
-function switchStyle(theme, size) {
+function switchStyle(_: any, size: string) {
   const sizes = getSizeStyle(size);
 
   return {
@@ -34,9 +32,7 @@ function switchStyle(theme, size) {
   };
 }
 
-// ==============================|| OVERRIDES - TAB ||============================== //
-
-export default function Switch(theme) {
+function Switch(theme: any): any {
   return {
     MuiSwitch: {
       styleOverrides: {
@@ -86,3 +82,5 @@ export default function Switch(theme) {
     }
   };
 }
+
+export { Switch };

package/src/themes/overrides/{Tab.jsx → Tab.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TAB ||============================== //
-
-export default function Tab(theme) {
+function Tab(theme: any): any {
   return {
     MuiTab: {
       styleOverrides: {
@@ -22,3 +20,5 @@ export default function Tab(theme) {
     }
   };
 }
+
+export { Tab };

package/src/themes/overrides/{TableBody.jsx → TableBody.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABLE ROW ||============================== //
-
-export default function TableBody(theme) {
+function TableBody(theme: any): any {
   const hoverStyle = {
     '&:hover': {
       backgroundColor: theme.palette.secondary.lighter
@@ -25,3 +23,5 @@ export default function TableBody(theme) {
     }
   };
 }
+
+export { TableBody };

package/src/themes/overrides/{TableCell.jsx → TableCell.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABLE CELL ||============================== //
-
-export default function TableCell(theme) {
+function TableCell(theme: any): any {
   const commonCell = {
     '&:not(:last-of-type)': {
       position: 'relative',
@@ -42,3 +40,5 @@ export default function TableCell(theme) {
     }
   };
 }
+
+export { TableCell };

package/src/themes/overrides/{TableFooter.jsx → TableFooter.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABLE CELL ||============================== //
-
-export default function TableFooter(theme) {
+function TableFooter(theme: any): any {
   return {
     MuiTableFooter: {
       styleOverrides: {
@@ -13,3 +11,5 @@ export default function TableFooter(theme) {
     }
   };
 }
+
+export { TableFooter };

package/src/themes/overrides/{TableHead.jsx → TableHead.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABLE CELL ||============================== //
-
-export default function TableHead(theme) {
+function TableHead(theme: any): any {
   return {
     MuiTableHead: {
       styleOverrides: {
@@ -13,3 +11,5 @@ export default function TableHead(theme) {
     }
   };
 }
+
+export { TableHead };

package/src/themes/overrides/{TablePagination.jsx → TablePagination.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABLE PAGINATION ||============================== //
-
-export default function TablePagination() {
+function TablePagination(): any {
   return {
     MuiTablePagination: {
       styleOverrides: {
@@ -14,3 +12,5 @@ export default function TablePagination() {
     }
   };
 }
+
+export { TablePagination };

package/src/themes/overrides/{TableRow.jsx → TableRow.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABLE ROW ||============================== //
-
-export default function TableRow() {
+function TableRow(): any {
   return {
     MuiTableRow: {
       styleOverrides: {
@@ -23,3 +21,5 @@ export default function TableRow() {
     }
   };
 }
+
+export { TableRow };

package/src/themes/overrides/{Tabs.jsx → Tabs.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TABS ||============================== //
-
-export default function Tabs() {
+function Tabs(): any {
   return {
     MuiTabs: {
       styleOverrides: {
@@ -11,3 +9,5 @@ export default function Tabs() {
     }
   };
 }
+
+export { Tabs };

package/src/themes/overrides/{ToggleButton.jsx → ToggleButton.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TOGGLE BUTTON ||============================== //
-
-export default function ToggleButton(theme) {
+function ToggleButton(theme: any): any {
   return {
     MuiToggleButton: {
       styleOverrides: {
@@ -18,3 +16,5 @@ export default function ToggleButton(theme) {
     }
   };
 }
+
+export { ToggleButton };

package/src/themes/overrides/{Tooltip.jsx → Tooltip.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TOOLTIP ||============================== //
-
-export default function Tooltip(theme) {
+function Tooltip(theme: any): any {
   return {
     MuiTooltip: {
       styleOverrides: {
@@ -11,3 +9,5 @@ export default function Tooltip(theme) {
     }
   };
 }
+
+export { Tooltip };

package/src/themes/overrides/{TreeItem.jsx → TreeItem.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TREE ITEM ||============================== //
-
-export default function TreeItem() {
+function TreeItem(): any {
   return {
     MuiTreeItem: {
       styleOverrides: {
@@ -16,3 +14,5 @@ export default function TreeItem() {
     }
   };
 }
+
+export { TreeItem };

package/src/themes/overrides/{Typography.jsx → Typography.ts}

@@ -1,6 +1,4 @@
-// ==============================|| OVERRIDES - TYPOGRAPHY ||============================== //
-
-export default function Typography() {
+function Typography(): any {
   return {
     MuiTypography: {
       styleOverrides: {
@@ -11,3 +9,5 @@ export default function Typography() {
     }
   };
 }
+
+export { Typography };

package/src/themes/overrides/index.ts

@@ -0,0 +1,98 @@
+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 { ListItemText } from './ListItemText';
+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 { merge } from 'lodash';
+
+function ComponentsOverrides(theme: any) {
+  return merge(
+    Accordion(theme),
+    AccordionDetails(theme),
+    AccordionSummary(theme),
+    Alert(theme),
+    AlertTitle(),
+    Autocomplete(theme),
+    Badge(theme),
+    Button(theme),
+    ButtonBase(),
+    ButtonGroup(),
+    CardContent(),
+    Checkbox(theme),
+    Chip(theme),
+    Dialog(theme),
+    DialogContentText(theme),
+    DialogTitle(),
+    Fab(theme),
+    IconButton(theme),
+    InputBase(theme),
+    InputLabel(theme),
+    LinearProgress(),
+    Link(),
+    ListItemButton(theme),
+    ListItemIcon(theme),
+    ListItemText(theme),
+    LoadingButton(),
+    OutlinedInput(theme),
+    Pagination(),
+    PaginationItem(theme),
+    Popover(theme),
+    Radio(theme),
+    Slider(theme),
+    Switch(theme),
+    Tab(theme),
+    TableBody(theme),
+    TableCell(theme),
+    TableFooter(theme),
+    TableHead(theme),
+    TablePagination(),
+    TableRow(),
+    Tabs(),
+    ToggleButton(theme),
+    Tooltip(theme),
+    TreeItem(),
+    Typography()
+  );
+}
+
+export { ComponentsOverrides };

package/src/themes/{palette.jsx → palette.ts}

@@ -1,15 +1,8 @@
-// material-ui
-import { alpha, createTheme } from '@mui/material/styles';
-
-// third-party
+import { Theme } from './theme';
 import { presetDarkPalettes, presetPalettes } from '@ant-design/colors';
+import { alpha, createTheme } from '@mui/material/styles';
 
-// project import
-import ThemeOption from './theme';
-
-// ==============================|| DEFAULT THEME - PALETTE  ||============================== //
-
-const Palette = (mode, presetColor) => {
+function Palette(mode: 'light' | 'dark', presetColor: string): any {
   const colors = mode === 'dark' ? presetDarkPalettes : presetPalettes;
 
   let greyPrimary = [
@@ -29,14 +22,24 @@ const Palette = (mode, presetColor) => {
   let greyConstant = ['#fafafb', '#e6ebf1'];
 
   if (mode === 'dark') {
-    greyPrimary = ['#000000', '#141414', '#1e1e1e', '#595959', '#8c8c8c', '#bfbfbf', '#d9d9d9', '#f0f0f0', '#f5f5f5', '#fafafa', '#ffffff'];
-    // greyPrimary.reverse();
+    greyPrimary = [
+      '#000000',
+      '#141414',
+      '#1e1e1e',
+      '#595959',
+      '#8c8c8c',
+      '#bfbfbf',
+      '#d9d9d9',
+      '#f0f0f0',
+      '#f5f5f5',
+      '#fafafa',
+      '#ffffff'
+    ];
     greyAscent = ['#fafafa', '#bfbfbf', '#434343', '#1f1f1f'];
     greyConstant = ['#121212', '#d3d8db'];
   }
   colors.grey = [...greyPrimary, ...greyAscent, ...greyConstant];
-
-  const paletteColor = ThemeOption(colors, presetColor, mode);
+  const paletteColor = Theme(colors, presetColor as any, mode);
 
   return createTheme({
     palette: {
@@ -61,6 +64,6 @@ const Palette = (mode, presetColor) => {
       }
     }
   });
-};
+}
 
-export default Palette;
+export { Palette };

package/src/themes/shadows.ts

@@ -0,0 +1,29 @@
+import { ThemeProps } from '@/themes/types';
+import { alpha } from '@mui/material/styles';
+
+function CustomShadows(theme: ThemeProps) {
+  return {
+    // z1: `0px 2px 8px rgba(0, 0, 0, 0.15)`,
+    button: theme.palette.mode === 'dark' ? `0 2px 0 rgb(0 0 0 / 5%)` : `0 2px #0000000b`,
+    text: `0 -1px 0 rgb(0 0 0 / 12%)`,
+    z1:
+      theme.palette.mode === 'dark'
+        ? `0px 1px 1px rgb(0 0 0 / 14%), 0px 2px 1px rgb(0 0 0 / 12%), 0px 1px 3px rgb(0 0 0 / 20%)`
+        : `0px 1px 4px ${alpha(theme.palette.grey[900], 0.08)}`,
+    primary: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}`,
+    secondary: `0 0 0 2px ${alpha(theme.palette.secondary.main, 0.2)}`,
+    error: `0 0 0 2px ${alpha(theme.palette.error.main, 0.2)}`,
+    warning: `0 0 0 2px ${alpha(theme.palette.warning.main, 0.2)}`,
+    info: `0 0 0 2px ${alpha(theme.palette.info.main, 0.2)}`,
+    success: `0 0 0 2px ${alpha(theme.palette.success.main, 0.2)}`,
+    grey: `0 0 0 2px ${alpha(theme.palette.grey[500], 0.2)}`,
+    primaryButton: `0 14px 12px ${alpha(theme.palette.primary.main, 0.2)}`,
+    secondaryButton: `0 14px 12px ${alpha(theme.palette.secondary.main, 0.2)}`,
+    errorButton: `0 14px 12px ${alpha(theme.palette.error.main, 0.2)}`,
+    warningButton: `0 14px 12px ${alpha(theme.palette.warning.main, 0.2)}`,
+    infoButton: `0 14px 12px ${alpha(theme.palette.info.main, 0.2)}`,
+    successButton: `0 14px 12px ${alpha(theme.palette.success.main, 0.2)}`,
+    greyButton: `0 14px 12px ${alpha(theme.palette.grey[500], 0.2)}`
+  };
+}
+export { CustomShadows };

package/src/themes/theme/{default.jsx → default.ts}

@@ -1,8 +1,4 @@
-import PropTypes from 'prop-types';
-
-// ==============================|| PRESET THEME - DEFAULT ||============================== //
-
-const Default = (colors) => {
+function Default(colors: any): any {
   const { blue, red, gold, cyan, green, grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -89,10 +85,6 @@ const Default = (colors) => {
     },
     grey: greyColors
   };
-};
-
-Default.propTypes = {
-  colors: PropTypes.object
-};
+}
 
-export default Default;
+export { Default };

package/src/themes/theme/index.ts

@@ -0,0 +1,37 @@
+import { Default } from './default';
+import { Theme1 } from './theme1';
+import { Theme2 } from './theme2';
+import { Theme3 } from './theme3';
+import { Theme4 } from './theme4';
+import { Theme5 } from './theme5';
+import { Theme6 } from './theme6';
+import { Theme7 } from './theme7';
+import { Theme8 } from './theme8';
+
+function Theme(
+  colors: any,
+  presetColor: 'theme1' | 'theme2' | 'theme3' | 'theme4' | 'theme5' | 'theme6' | 'theme7' | 'theme8' | 'default',
+  mode: any
+) {
+  switch (presetColor) {
+    case 'theme1':
+      return Theme1(colors, mode);
+    case 'theme2':
+      return Theme2(colors, mode);
+    case 'theme3':
+      return Theme3(colors, mode);
+    case 'theme4':
+      return Theme4(colors, mode);
+    case 'theme5':
+      return Theme5(colors, mode);
+    case 'theme6':
+      return Theme6(colors, mode);
+    case 'theme7':
+      return Theme7(colors, mode);
+    case 'theme8':
+      return Theme8(colors, mode);
+    default:
+      return Default(colors);
+  }
+}
+export { Theme };

package/src/themes/theme/{theme1.jsx → theme1.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Eva Design ||============================== //
-
-const Theme1 = (colors, mode) => {
+function Theme1(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme1 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#D6E4FF', '#D6E4FF', '#ADC8FF', '#84A9FF', '#6690FF', '#3366FF', '#254EDB', '#1939B7', '#102693', '#102693'];
+  let primaryColors = [
+    '#D6E4FF',
+    '#D6E4FF',
+    '#ADC8FF',
+    '#84A9FF',
+    '#6690FF',
+    '#3366FF',
+    '#254EDB',
+    '#1939B7',
+    '#102693',
+    '#102693'
+  ];
   let errorColors = ['#FFE7D3', '#FF805D', '#FF4528', '#DB271D', '#930C1A'];
   let warningColors = ['#FFF6D0', '#FFCF4E', '#FFB814', '#DB970E', '#935B06'];
   let infoColors = ['#DCF0FF', '#7EB9FF', '#549BFF', '#3D78DB', '#1A3D93'];
   let successColors = ['#EAFCD4', '#8AE65B', '#58D62A', '#3DB81E', '#137C0D'];
 
   if (mode === 'dark') {
-    primaryColors = ['#1c2134', '#1f294d', '#243462', '#273e83', '#2c4db0', '#305bdd', '#567fe9', '#80a4f4', '#a9c5f8', '#d2e2fb'];
+    primaryColors = [
+      '#1c2134',
+      '#1f294d',
+      '#243462',
+      '#273e83',
+      '#2c4db0',
+      '#305bdd',
+      '#567fe9',
+      '#80a4f4',
+      '#a9c5f8',
+      '#d2e2fb'
+    ];
     errorColors = ['#341d1b', '#b03725', '#dd3f27', '#e9664d', '#fbd6c9'];
     warningColors = ['#342a1a', '#83631a', '#dda116', '#e9ba3a', '#fbefb5'];
     infoColors = ['#202734', '#416fb0', '#4c88dd', '#74a8e9', '#ecf4fb'];
@@ -101,6 +121,6 @@ const Theme1 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme1;
+export { Theme1 };