@applica-software-guru/react-admin 1.0.55 → 1.0.57

package/dist/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.jsx"],"names":[],"mappings":"AAaA;;;4CAiDC;;;;;;;sBAtDqB,aAAa;sBACb,aAAa;sBAJb,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.jsx"],"names":[],"mappings":"AAcA;;;4CAgEC;;;;;;;sBArEqB,aAAa;sBACb,aAAa;sBAJb,YAAY"}

package/dist/themes/overrides/IconButton.d.ts

@@ -19,6 +19,11 @@ export default function IconButton(theme: any): {
                 height: any;
                 fontSize: string;
             };
+            sizeExtraSmall: {
+                width: any;
+                height: any;
+                fontSize: string;
+            };
         };
     };
 };

package/dist/themes/overrides/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/IconButton.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;EAyBC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/IconButton.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "private": false,
   "repository": {
     "type": "git",

package/src/themes/index.jsx

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 import { CssBaseline, StyledEngineProvider } from '@mui/material';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 
@@ -21,36 +22,51 @@ const ThemeCustomization = ({ themeOverrides, children }) => {
   const themeCustomShadows = useMemo(() => CustomShadows(theme), [theme]);
 
   const themeOptions = useMemo(
-    () => ({
-      breakpoints: {
-        values: {
-          xs: 0,
-          sm: 768,
-          md: 1024,
-          lg: 1266,
-          xl: 1440
-        }
-      },
-      direction: themeDirection,
-      mixins: {
-        toolbar: {
-          minHeight: 60,
-          paddingTop: 8,
-          paddingBottom: 8
-        }
-      },
-      palette: theme.palette,
-      customShadows: themeCustomShadows,
-      typography: themeTypography,
-      shadows: theme.shadows.map(() => 'none'),
-      ...(typeof themeOverrides === 'function' ? themeOverrides(theme) : themeOverrides)
-    }),
+    () =>
+      _.merge(
+        {
+          breakpoints: {
+            values: {
+              xs: 0,
+              sm: 768,
+              md: 1024,
+              lg: 1266,
+              xl: 1440
+            }
+          },
+          direction: themeDirection,
+          mixins: {
+            toolbar: {
+              minHeight: 60,
+              paddingTop: 8,
+              paddingBottom: 8
+            }
+          },
+          palette: theme.palette,
+          customShadows: themeCustomShadows,
+          typography: themeTypography,
+          shadows: theme.shadows.map(() => 'none'),
+          components: {
+            MuiIconButton: {
+              styleOverrides: {
+                sizeExtraSmall: {
+                  width: theme.spacing(2.6875),
+                  height: theme.spacing(2.6875),
+                  fontSize: '0.625rem'
+                }
+              }
+            }
+          }
+        },
+        typeof themeOverrides === 'function' ? themeOverrides(theme) : themeOverrides
+      ),
     [themeDirection, theme, themeTypography, themeCustomShadows, themeOverrides]
   );
 
-  const themes = createTheme(themeOptions);
+  const themes = createTheme(themeOptions),
+    currentComponents = _.cloneDeep(themes.components ?? {});
 
-  themes.components = componentsOverride(themes);
+  themes.components = _.merge(componentsOverride(themes), currentComponents);
 
   return (
     <StyledEngineProvider injectFirst>

package/src/themes/overrides/IconButton.jsx

@@ -21,6 +21,11 @@ export default function IconButton(theme) {
           width: theme.spacing(3.75),
           height: theme.spacing(3.75),
           fontSize: '0.75rem'
+        },
+        sizeExtraSmall: {
+          width: theme.spacing(2.6875),
+          height: theme.spacing(2.6875),
+          fontSize: '0.625rem'
         }
       }
     }