@applica-software-guru/react-admin 1.5.291 → 1.5.294

package/package.json

@@ -106,5 +106,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.291"
+  "version": "1.5.294"
 }

package/src/components/ra-forms/TableForm/TableFormIterator.tsx

@@ -54,7 +54,8 @@ function RawTableFormIterator(props: TableFormIteratorProps): ReactElement | nul
     empty,
     template = {},
     addButton = <AddTableRow />,
-    inset
+    inset,
+    sx
   } = props;
   const [confirmIsOpen, setConfirmIsOpen] = useState<boolean>(false);
   const { fields, remove, replace, append } = useArrayInput(props);
@@ -143,6 +144,18 @@ function RawTableFormIterator(props: TableFormIteratorProps): ReactElement | nul
   // @ts-ignore
   const tableBorderColor = theme.palette.mode === 'dark' ? theme.palette.grey.A400 : theme.palette.grey.A800;
   const showClearAllButton = fields.length > 0 && enableClearAll;
+  const basicStyles =
+    inset === true
+      ? {
+          borderRadius: 0,
+          borderBottom: `1px solid ${theme.palette.divider}`
+        }
+      : {
+          mt: 2,
+          border: `1px solid ${tableBorderColor}`,
+          //@ts-ignore
+          boxShadow: theme.customShadows.z0
+        };
 
   return fields ? (
     // @ts-ignore
@@ -162,13 +175,12 @@ function RawTableFormIterator(props: TableFormIteratorProps): ReactElement | nul
 
         <TableContainer
           component={Paper}
-          sx={
-            inset === true
-              ? {
-                  borderRadius: 0
-                }
-              : { mt: 2, border: `1px solid ${tableBorderColor}` }
-          }
+          sx={{
+            ...basicStyles,
+            //@ts-ignore
+            boxShadow: theme.customShadows.z0,
+            ...sx
+          }}
         >
           <Table size="small">
             <TableHead sx={inset === true ? {} : { borderTop: 0, borderBottom: `1px solid ${tableBorderColor}` }}>
@@ -233,7 +245,7 @@ function RawTableFormIterator(props: TableFormIteratorProps): ReactElement | nul
 
               {fields.length > 0 &&
                 fields.map((member: any, index: number) => (
-                  <TableRow sx={{ borderBottom: `1px solid ${tableBorderColor}}` }} key={member.id}>
+                  <TableRow sx={{ borderBottom: 0 }} key={member.id}>
                     <TableFormIteratorItem
                       disableRemove={disableRemove}
                       index={index}