@ctlyst.id/internal-ui 4.3.1 → 4.3.2

package/dist/index.js

@@ -1284,8 +1284,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 ? {
@@ -1352,7 +1352,7 @@ var useDataTable = ({
       {
         id: "select",
         size: 32,
-        header: ({ table: table2 }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        header: ({ table: table2 }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Flex, { justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           import_react28.Checkbox,
           {
             "data-test-id": "select-header-data-table",
@@ -1362,8 +1362,8 @@ var useDataTable = ({
               onChange: table2.getToggleAllRowsSelectedHandler()
             }
           }
-        ),
-        cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        ) }),
+        cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Flex, { justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           import_react28.Checkbox,
           {
             "data-test-id": `select-data-table-${row.index}`,
@@ -1373,7 +1373,7 @@ var useDataTable = ({
               onChange: row.getToggleSelectedHandler()
             }
           }
-        )
+        ) })
       }
     ],
     []
@@ -1533,7 +1533,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__ */ (0, import_jsx_runtime24.jsxs)(
                     import_react28.Flex,