@ctlyst.id/internal-ui 3.3.11 → 3.3.13

package/dist/index.mjs

@@ -944,7 +944,7 @@ var getCommonPinningStyles = (column) => {
     zIndex: isPinned ? 1 : 0,
     backgroundColor: "white",
     ...isLastLeftPinnedColumn ? {
-      padding: "16px 8px 0px 8px",
+      padding: "16px 8px 16px 8px",
       "&:after": {
         content: "''",
         position: "absolute",
@@ -957,7 +957,7 @@ var getCommonPinningStyles = (column) => {
       }
     } : {},
     ...isFirstRightPinnedColumn ? {
-      padding: "16px 8px 0px 8px",
+      padding: "16px 8px 16px 8px",
       "&:after": {
         content: "''",
         position: "absolute",
@@ -1083,25 +1083,16 @@ var DataTable = React5.forwardRef((props, ref) => {
       w: "full",
       ...container,
       children: isLoading ? /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
-        /* @__PURE__ */ jsx24(Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ jsx24(
-          Th,
+        /* @__PURE__ */ jsx24(Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ jsx24(Th, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ jsx24(
+          Flex2,
           {
-            colSpan: header.colSpan,
-            width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
-            ...styles == null ? void 0 : styles.tableColumnHeader,
-            children: /* @__PURE__ */ jsx24(
-              Flex2,
-              {
-                "data-test-id": "CT_component_data-table_loader",
-                textTransform: "capitalize",
-                align: "center",
-                gap: 2,
-                children: flexRender(header.column.columnDef.header, header.getContext())
-              }
-            )
-          },
-          header.id
-        )) }, headerGroup.id)) }),
+            "data-test-id": "CT_component_data-table_loader",
+            textTransform: "capitalize",
+            align: "center",
+            gap: 2,
+            children: flexRender(header.column.columnDef.header, header.getContext())
+          }
+        ) }, header.id)) }, headerGroup.id)) }),
         /* @__PURE__ */ jsx24(Tbody, { children: [...Array(5)].map((num) => /* @__PURE__ */ jsx24(Tr, { mx: "2", children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ jsx24(Td, { width: 210, children: /* @__PURE__ */ jsx24(Skeleton2, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i) }, i)) }, num)) })
       ] }) : /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, children: [
         /* @__PURE__ */ jsx24(
@@ -1116,7 +1107,7 @@ var DataTable = React5.forwardRef((props, ref) => {
                 {
                   colSpan: header.colSpan,
                   sx: getCommonPinningStyles(header.column),
-                  width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
+                  width: header.getSize(),
                   ...styles == null ? void 0 : styles.tableColumnHeader,
                   children: /* @__PURE__ */ jsxs8(
                     Flex2,