@applica-software-guru/react-admin 1.0.76 → 1.0.77

package/dist/react-admin.es.js

@@ -14811,10 +14811,13 @@ const dt = ({ label: e, children: t, display: n, helperText: r, sx: i, addLabel:
     {
       spacing: 1,
       sx: {
+        // @ts-ignore
+        width: A != null && A.fullWidth ? "100%" : "auto",
         "& .MuiFormHelperText-root": {
           // @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.
+          /** @ts-ignore */
           color: m ? d.palette.error.main : d.palette.text.secondary,
           "& span": {
             display: "none"
@@ -14828,6 +14831,7 @@ const dt = ({ label: e, children: t, display: n, helperText: r, sx: i, addLabel:
           {
             error: m === !0,
             sx: {
+              // @ts-ignore
               borderBottom: l ? `1px solid ${d.palette.divider}` : "none",
               pb: l ? 1 : 0,
               mt: l ? 1 : 0
@@ -14836,6 +14840,7 @@ const dt = ({ label: e, children: t, display: n, helperText: r, sx: i, addLabel:
           }
         ),
         be.isValidElement(t) ? be.cloneElement(t, {
+          // @ts-ignore
           ...t.props,
           ...A,
           label: n === "legend" ? e : !1
@@ -24670,35 +24675,47 @@ const bU = _i(o0, {
       },
       "& .MuiButton-root": {
         margin: e.spacing(2)
-      },
-      "& .RaFilterForm-filterFormInput > .ra-input": {
-        alignSelf: "center"
+      }
+    },
+    "& .RaList-actions": {
+      padding: e.spacing(2),
+      paddingTop: 0,
+      "& .RaFilterForm-filterFormInput": {
+        "& .ra-input": {
+          alignSelf: "center"
+        },
+        [e.breakpoints.down("sm")]: {
+          // Quando lo schermo è piccolo, il filtro viene visualizzato in una colonna.
+          // Diamo un margine maggiore in basso per evitare che siano troppo vicini.
+          marginTop: e.spacing(1),
+          marginBottom: e.spacing(1)
+        }
       },
       "& .RaFilterFormInput-hideButton": {
         marginTop: e.spacing(1),
         marginBottom: e.spacing(0.5),
         marginRight: e.spacing(1)
+      },
+      "& > .MuiToolbar-root": {
+        flex: "unset",
+        padding: 0
       }
-    }
-  },
-  "& .RaList-actions": {
-    padding: e.spacing(2),
-    paddingTop: 0
-  },
-  "& .RaList-content": {
-    // Resolve an issue related to the visualization of the bulk actions toolbar.
-    // Padding and margin create a non empty space that allows the toolbar to be displayed when
-    // the selection is empty.
-    "& .RaBulkActionsToolbar-collapsed": {
-      height: 0,
-      paddingTop: 0,
-      paddingBottom: 0
     },
-    // Resolve a defect related to the usage of AntDesin icons with Mantis and React-Admin.
-    // These two lines are not needed if you are not using AntDesign icons.
-    "& .icon span": {
-      top: -1,
-      left: -1
+    "& .RaList-content": {
+      // Resolve an issue related to the visualization of the bulk actions toolbar.
+      // Padding and margin create a non empty space that allows the toolbar to be displayed when
+      // the selection is empty.
+      "& .RaBulkActionsToolbar-collapsed": {
+        height: 0,
+        paddingTop: 0,
+        paddingBottom: 0
+      },
+      // Resolve a defect related to the usage of AntDesin icons with Mantis and React-Admin.
+      // These two lines are not needed if you are not using AntDesign icons.
+      "& .icon span": {
+        top: -1,
+        left: -1
+      }
     }
   },
   "& .RaEmpty-toolbar": {