awing-library 2.1.2-dev.73 → 2.1.2-dev.74

package/dist/esm/index.js

@@ -177660,27 +177660,35 @@ function TableCellEditable(props) {
         children: renderDataInput()
       })
     }) : renderDataInput()
-  }) : jsxRuntimeExports.jsxs(TableCell, Object.assign({
+  }) : jsxRuntimeExports.jsx(TableCell, Object.assign({
     sx: {
       p: 1,
       border: error ? '2px solid #ED1D25' : '1px solid rgb(224, 224, 224)'
     },
     rowSpan: numOfRowSpan
   }, TableCellProps, {
-    children: [!!isShowCollapsible &&
-    // Hiển thị icon mở rộng, ở cột đầu tiên
-    jsxRuntimeExports.jsx(IconButton$1, {
-      "aria-label": "expand row",
-      size: "small",
-      onClick: onToggleCollapsible,
-      children: isCollapsed ? jsxRuntimeExports.jsx(KeyboardArrowDown, {}) : jsxRuntimeExports.jsx(KeyboardArrowRight, {})
-    }), isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$1, {
-      title: getTitleTooltip && getTitleTooltip(value) || '',
-      placement: "top-start",
-      children: jsxRuntimeExports.jsx(Stack, {
-        children: renderDataInput()
-      })
-    }) : renderDataInput()]
+    children: jsxRuntimeExports.jsxs(Box$1, {
+      display: "flex",
+      alignItems: "center",
+      gap: 0.5,
+      children: [!!isShowCollapsible &&
+      // Hiển thị icon mở rộng, ở cột đầu tiên
+      jsxRuntimeExports.jsx(IconButton$1, {
+        sx: {
+          width: 24,
+          height: 24
+        },
+        size: "small",
+        onClick: onToggleCollapsible,
+        children: isCollapsed ? jsxRuntimeExports.jsx(KeyboardArrowDown, {}) : jsxRuntimeExports.jsx(KeyboardArrowRight, {})
+      }), isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$1, {
+        title: getTitleTooltip && getTitleTooltip(value) || '',
+        placement: "top-start",
+        children: jsxRuntimeExports.jsx(Stack, {
+          children: renderDataInput()
+        })
+      }) : renderDataInput()]
+    })
   }));
 }
 
@@ -177752,7 +177760,7 @@ function TableRowEditable(props) {
             const isMergeColumn = fieldName === mergeRowsBy;
             const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
             const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
-            return isDisplay && jsxRuntimeExports.jsxs(TableCell, Object.assign({
+            return isDisplay && jsxRuntimeExports.jsx(TableCell, Object.assign({
               sx: {
                 border: '1px solid rgb(224, 224, 224)'
               }
@@ -177761,20 +177769,28 @@ function TableRowEditable(props) {
             }, idx === 0 ? {
               width: '15%'
             } : {}, {
-              children: [idx === 0 &&
-              // Hiển thị icon mở rộng, ở cột đầu tiên
-              jsxRuntimeExports.jsx(IconButton$1, {
-                "aria-label": "expand row",
-                size: "small",
-                onClick: () => setOpen(!open),
-                children: open ? jsxRuntimeExports.jsx(KeyboardArrowDown, {}) : jsxRuntimeExports.jsx(KeyboardArrowRight, {})
-              }), 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: jsxRuntimeExports.jsxs(Box$1, {
+                display: "flex",
+                alignItems: "center",
+                gap: 0.5,
+                children: [idx === 0 &&
+                // Hiển thị icon mở rộng, ở cột đầu tiên
+                jsxRuntimeExports.jsx(IconButton$1, {
+                  sx: {
+                    width: 24,
+                    height: 24
+                  },
+                  size: "small",
+                  onClick: () => setOpen(!open),
+                  children: open ? jsxRuntimeExports.jsx(KeyboardArrowDown, {}) : jsxRuntimeExports.jsx(KeyboardArrowRight, {})
+                }), 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);
           }
           if (colDef.editFieldDefinition) {

package/package.json

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