@ctlyst.id/internal-ui 3.3.12 → 3.3.13

package/dist/index.js

@@ -1424,25 +1424,16 @@ var DataTable = React5.forwardRef((props, ref) => {
       w: "full",
       ...container,
       children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react28.Th,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Th, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react28.Flex,
           {
-            colSpan: header.colSpan,
-            width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
-            ...styles == null ? void 0 : styles.tableColumnHeader,
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              import_react28.Flex,
-              {
-                "data-test-id": "CT_component_data-table_loader",
-                textTransform: "capitalize",
-                align: "center",
-                gap: 2,
-                children: (0, import_react_table.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: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
+          }
+        ) }, header.id)) }, headerGroup.id)) }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tbody, { children: [...Array(5)].map((num) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Td, { width: 210, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Skeleton, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i) }, i)) }, num)) })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -1457,7 +1448,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__ */ (0, import_jsx_runtime24.jsxs)(
                     import_react28.Flex,