@applica-software-guru/react-admin 1.1.110 → 1.1.111

package/package.json

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

package/src/components/ra-forms/Edit.jsx

@@ -5,9 +5,18 @@ const StyledEdit = styled(RaEdit, {
   name: 'RaApplicaEdit',
   slot: 'root'
 })(({ theme }) => ({
+  '&>.MuiToolbar-root:first-of-type': {
+    backgroundColor: theme.palette.background.default
+  },
+  '& .RaEdit-card': {
+    [theme.breakpoints.down('sm')]: {
+      marginBottom: theme.spacing(6)
+    }
+  },
   '& .RaEdi-card, & > div > div > form': {
     backgroundColor: theme.palette.background.default
   },
+
   '& .RaToolbar-mobileToolbar': {
     borderTop: `1px solid ${theme.palette.divider}`
   },

package/src/components/ra-forms/Show.tsx

@@ -0,0 +1,22 @@
+import { Show as RaShow } from 'react-admin';
+import { styled } from '@mui/material/styles';
+
+const StyledShow = styled(RaShow, {
+  name: 'RaApplicaShow',
+  slot: 'root'
+})(({ theme }) => ({
+  '&>.MuiToolbar-root:first-of-type': {
+    backgroundColor: theme.palette.background.default
+  },
+  '& .RaShow-card, & > div > div > form': {
+    backgroundColor: theme.palette.background.default
+  },
+  '& .RaShow-main>.MuiPaper-root:first-of-type': {
+    // Ci ho messo 4 ore per scrivere questa riga di codice e risolvere un problema con react-sticky-box ed i Long Form.
+    // L'overflow è di default 'hidden', a noi serve visibile per consentire a react-sticky-box di funzionare e gestire la visiblità con ancore
+    // di tutti gli elementi presenti all'interno della pagina.
+    overflow: 'visible'
+  }
+}));
+
+export default StyledShow;

package/src/components/ra-forms/index.jsx

@@ -1,25 +1,29 @@
+import Create, { useResourceDefaultValues } from './Create';
+
 import CardForm from './CardForm';
 import ChangePasswordForm from './ChangePasswordForm';
-import Create, { useResourceDefaultValues } from './Create';
 import Edit from './Edit';
 import FormHeader from './FormHeader';
 import LongForm from './LongForm';
+import Show from './Show';
 import SimpleForm from './SimpleForm';
 import SimpleFormIterator from './SimpleFormIterator';
 import TabbedForm from './TabbedForm';
 import TableFormIterator from './TableForm';
 import Toolbar from './Toolbar';
+
 export {
-  Create,
-  useResourceDefaultValues,
   CardForm,
   ChangePasswordForm,
+  Create,
   Edit,
   FormHeader,
   LongForm,
+  Show,
   SimpleForm,
   SimpleFormIterator,
   TabbedForm,
   TableFormIterator,
-  Toolbar
+  Toolbar,
+  useResourceDefaultValues
 };

package/src/index.jsx

@@ -45,11 +45,11 @@ export {
   Resource,
   ResourceContextProvider,
   SaveButton,
-  Show,
   SimpleFormIterator as RaSimpleFormIterator,
   SimpleFormIteratorContext,
   SimpleList,
   SingleFieldList,
+  SimpleShowLayout,
   TopToolbar,
   UrlField,
   useArrayInput,