awing-library 2.1.2-dev.91 → 2.1.2-dev.93

package/dist/esm/index.js

@@ -177775,7 +177775,7 @@ function TableRowEditable(props) {
               rowSpan: numOfRowSpan
             }, idx === 0 ? {
               width: '15%',
-              maxWidth: "200px"
+              maxWidth: '200px'
             } : {}, {
               children: jsxRuntimeExports.jsxs(Box$1, {
                 display: "flex",
@@ -177839,7 +177839,7 @@ function TableRowEditable(props) {
               numOfRowSpan: numOfRowSpan
             }, idx);
           }
-        }), includeDelete === true && jsxRuntimeExports.jsx(TableCell, {
+        }), !!includeDelete && jsxRuntimeExports.jsx(TableCell, {
           align: "center",
           sx: {
             p: 0,
@@ -177883,29 +177883,37 @@ function TableRowEditable(props) {
                   const isMergeColumn = fieldName === mergeRowsBy;
                   const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
                   return isDisplay && jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-                    children: jsxRuntimeExports.jsxs(Box$1, {
+                    children: jsxRuntimeExports.jsx(Box$1, {
                       sx: {
                         flex: '0 1 calc(33.333% - 16px)',
                         boxSizing: 'border-box',
                         p: 2
                       },
-                      children: [!!colDef.label && jsxRuntimeExports.jsx(FormLabel$1, {
-                        sx: {
-                          fontSize: '0.7rem'
-                        },
-                        children: colDef.label
-                      }), jsxRuntimeExports.jsx(Stack, {
+                      children: jsxRuntimeExports.jsxs(Box$1, {
                         sx: {
-                          textAlign: 'left'
+                          marginTop: '4px'
                         },
-                        children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
-                          title: colDef.getTitleTooltip && colDef.getTitleTooltip(content),
-                          placement: "top-start",
-                          children: jsxRuntimeExports.jsx("div", {
-                            children: content
-                          })
-                        }) : colDef.contentGetter(row, rowIdx)
-                      })]
+                        children: [!!colDef.label && jsxRuntimeExports.jsx(FormLabel$1, {
+                          sx: {
+                            fontSize: '0.7rem'
+                          },
+                          children: colDef.label
+                        }), jsxRuntimeExports.jsx(Stack, {
+                          sx: {
+                            textAlign: 'left',
+                            minHeight: '24px',
+                            borderBottom: '1px solid rgba(0, 0, 0, .42)',
+                            padding: '4px 8px 4px 8px'
+                          },
+                          children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
+                            title: colDef.getTitleTooltip && colDef.getTitleTooltip(content),
+                            placement: "top-start",
+                            children: jsxRuntimeExports.jsx("div", {
+                              children: content
+                            })
+                          }) : colDef.contentGetter(row, rowIdx)
+                        })]
+                      })
                     }, idx)
                   });
                 }
@@ -177922,7 +177930,10 @@ function TableRowEditable(props) {
                     sx: {
                       flex: '0 1 calc(33.333% - 16px)',
                       boxSizing: 'border-box',
-                      p: 2
+                      p: 2,
+                      '& .MuiFormControl-root': {
+                        borderBottom: '1px solid rgba(0, 0, 0, .42)'
+                      }
                     },
                     children: jsxRuntimeExports.jsx(TableCellEditable, {
                       isContainer: true,
@@ -177953,6 +177964,11 @@ function TableRowEditable(props) {
               })
             })
           })
+        }), !!includeDelete && jsxRuntimeExports.jsx(TableCell, {
+          style: {
+            paddingBottom: 0,
+            paddingTop: 0
+          }
         })]
       })]
     })
@@ -178340,7 +178356,6 @@ function TableEditable(props) {
     children: [jsxRuntimeExports.jsxs(TableContainer, {
       component: Paper$1,
       sx: {
-        overflow: 'hidden',
         width: 'fit-content',
         maxWidth: '100%'
       },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.91",
+    "version": "2.1.2-dev.93",
     "main": "dist/esm/index.js",
     "module": "dist/esm/index.js",
     "types": "dist/index.d.ts",