@applica-software-guru/react-admin 1.5.278 → 1.5.280

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

@@ -0,0 +1,3 @@
+declare function Card(): any;
+export { Card };
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/Card.ts"],"names":[],"mappings":"AAAA,iBAAS,IAAI,IAAI,GAAG,CAUnB;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/index.ts"],"names":[],"mappings":"AA+CA,iBAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG,OAgDtC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/index.ts"],"names":[],"mappings":"AAgDA,iBAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG,OAiDtC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/themes/shadows.d.ts

@@ -2,6 +2,7 @@ import { ThemeProps } from '../themes/types';
 declare function CustomShadows(theme: ThemeProps): {
     button: string;
     text: string;
+    z0: string;
     z1: string;
     primary: string;
     secondary: string;

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

@@ -1 +1 @@
-{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../src/themes/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,iBAAS,aAAa,CAAC,KAAK,EAAE,UAAU;;;;;;;;;;;;;;;;;;EAwBvC;AACD,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../src/themes/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,iBAAS,aAAa,CAAC,KAAK,EAAE,UAAU;;;;;;;;;;;;;;;;;;;EAyBvC;AACD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -95,7 +95,7 @@
   },
   "scripts": {
     "build": "tsc --outDir dist && vite build",
-    "eslint": "eslint .",
+    "eslint": "eslint ./src",
     "format": "prettier --write .",
     "prepare": "husky",
     "preview": "vite preview",
@@ -106,5 +106,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.278"
+  "version": "1.5.280"
 }

package/src/components/MainCard.tsx

@@ -112,9 +112,9 @@ const MainCard = forwardRef(
           borderRadius: 1,
           borderColor: theme.palette.mode === 'dark' ? theme.palette.divider : theme.palette.grey.A800,
           boxShadow:
-            boxShadow && (!border || theme.palette.mode === 'dark') ? shadow || theme.customShadows.z1 : 'inherit',
+            boxShadow && (!border || theme.palette.mode === 'dark') ? shadow || theme.customShadows.z0 : 'inherit',
           ':hover': {
-            boxShadow: boxShadow ? shadow || theme.customShadows.z1 : 'inherit'
+            boxShadow: boxShadow ? shadow || theme.customShadows.z0 : 'inherit'
           },
           backgroundColor:
             color === 'default'

package/src/components/ShadowBox.tsx

@@ -0,0 +1,18 @@
+import { MainCard } from './MainCard';
+
+import { ReactNode } from 'react';
+
+interface ShadowBoxProps {
+  shadow: string;
+  children: ReactNode;
+}
+
+function ShadowBox({ shadow, children, ...props }: ShadowBoxProps) {
+  return (
+    <MainCard content={false} border={false} shadow={shadow} boxShadow {...props}>
+      {children}
+    </MainCard>
+  );
+}
+
+export { ShadowBox };

package/src/components/index.jsx

@@ -12,6 +12,7 @@ export * from './Notification';
 export * from './Onboarding';
 export * from './ScrollTop';
 export * from './ScrollX';
+export * from './ShadowBox';
 export * from './SmallIcon';
 export * from './ra-buttons';
 export * from './ra-custom';

package/src/components/ra-inputs/LabeledInput.tsx

@@ -28,6 +28,7 @@ function LabeledInput({
         // @ts-ignore
         width: props?.fullWidth ? '100%' : 'auto',
         '& .MuiFormHelperText-root': {
+          pb: 0,
           // @see: https://github.com/marmelab/react-admin/blob/master/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx#L340
           // the 'invalid' prop is not used inside the react-admin component. This is necessary if we want to support
           // remove error message colorization when the field is in error state.

package/src/themes/index.tsx

@@ -47,7 +47,7 @@ function ThemeCustomizationProvider({ themeOverrides, children }: ThemeCustomiza
           palette: theme.palette,
           customShadows: themeCustomShadows,
           typography: themeTypography,
-          shadows: theme.shadows.map(() => 'none'),
+          // shadows: theme.shadows.map(() => 'none'),
           components: {
             MuiIconButton: {
               styleOverrides: {

package/src/themes/overrides/Card.ts

@@ -0,0 +1,13 @@
+function Card(): any {
+  return {
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          boxShadow: 'none'
+        }
+      }
+    }
+  };
+}
+
+export { Card };

package/src/themes/overrides/index.ts

@@ -8,6 +8,7 @@ import { Badge } from './Badge';
 import { Button } from './Button';
 import { ButtonBase } from './ButtonBase';
 import { ButtonGroup } from './ButtonGroup';
+import { Card } from './Card';
 import { CardContent } from './CardContent';
 import { Checkbox } from './Checkbox';
 import { Chip } from './Chip';
@@ -57,6 +58,7 @@ function ComponentsOverrides(theme: any) {
     Button(theme),
     ButtonBase(),
     ButtonGroup(),
+    Card(),
     CardContent(),
     Checkbox(theme),
     Chip(theme),

package/src/themes/shadows.ts

@@ -6,6 +6,7 @@ function CustomShadows(theme: ThemeProps) {
     // 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%)`,
+    z0: `none`,
     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%)`

package/vite.config.js

@@ -1,11 +1,11 @@
 /*global __dirname */
 import * as packageJson from './package.json';
-import react from '@vitejs/plugin-react';
+import { default as react } from '@vitejs/plugin-react';
 import { resolve } from 'node:path';
 import process from 'process';
 import { defineConfig } from 'vite';
-import viteCompression from 'vite-plugin-compression';
-import dts from 'vite-plugin-dts';
+import { default as viteCompression } from 'vite-plugin-compression';
+import { default as dts } from 'vite-plugin-dts';
 import { EsLinter, linterPlugin } from 'vite-plugin-linter';
 
 export default defineConfig((configEnv) => {