@ctlyst.id/internal-ui 4.3.1 → 4.3.2

package/dist/index.mjs

@@ -937,8 +937,8 @@ var getCommonPinningStyles = (column) => {
   const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
   const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
   return {
-    left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
-    right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
+    left: isPinned === "left" ? `${column.getStart("left") + (!isFirstLeftPinnedColumn ? 8 : 0)}px` : void 0,
+    right: isPinned === "right" ? `${column.getAfter("right") + (!isLastRightPinnedColumn ? 8 : 0)}px` : void 0,
     position: isPinned ? "sticky" : "relative",
     zIndex: isPinned ? 1 : 0,
     ...isFirstLeftPinnedColumn ? {
@@ -1005,7 +1005,7 @@ var useDataTable = ({
       {
         id: "select",
         size: 32,
-        header: ({ table: table2 }) => /* @__PURE__ */ jsx24(
+        header: ({ table: table2 }) => /* @__PURE__ */ jsx24(Flex2, { justifyContent: "center", children: /* @__PURE__ */ jsx24(
           Checkbox2,
           {
             "data-test-id": "select-header-data-table",
@@ -1015,8 +1015,8 @@ var useDataTable = ({
               onChange: table2.getToggleAllRowsSelectedHandler()
             }
           }
-        ),
-        cell: ({ row }) => /* @__PURE__ */ jsx24(
+        ) }),
+        cell: ({ row }) => /* @__PURE__ */ jsx24(Flex2, { justifyContent: "center", children: /* @__PURE__ */ jsx24(
           Checkbox2,
           {
             "data-test-id": `select-data-table-${row.index}`,
@@ -1026,7 +1026,7 @@ var useDataTable = ({
               onChange: row.getToggleSelectedHandler()
             }
           }
-        )
+        ) })
       }
     ],
     []
@@ -1186,7 +1186,7 @@ var DataTable = React5.forwardRef((props, ref) => {
                 {
                   colSpan: header.colSpan,
                   sx: getCommonPinningStyles(header.column),
-                  width: `${header.getSize()}px`,
+                  width: header.column.getIsFirstColumn("left") || header.column.getIsLastColumn("right") ? `${header.getSize() + 8}px` : `${header.getSize()}px`,
                   ...styles == null ? void 0 : styles.tableColumnHeader,
                   children: /* @__PURE__ */ jsxs8(
                     Flex2,