@ctlyst.id/internal-ui 3.3.13 → 3.3.14

package/dist/index.mjs

@@ -1083,16 +1083,25 @@ 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, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ jsx24(
-          Flex2,
+        /* @__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,
           {
-            "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)) }),
+            colSpan: header.colSpan,
+            width: `${header.getSize()}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)) }),
         /* @__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(
@@ -1107,7 +1116,7 @@ var DataTable = React5.forwardRef((props, ref) => {
                 {
                   colSpan: header.colSpan,
                   sx: getCommonPinningStyles(header.column),
-                  width: header.getSize(),
+                  width: `${header.getSize()}px`,
                   ...styles == null ? void 0 : styles.tableColumnHeader,
                   children: /* @__PURE__ */ jsxs8(
                     Flex2,
@@ -4754,7 +4763,8 @@ var InputTimeArea = forwardRef12((props, ref) => {
       px: "2px",
       py: 0,
       sx: {
-        fontVariantNumeric: "tabular-nums"
+        fontVariantNumeric: "tabular-nums",
+        fontSize: 12
       },
       ...props
     }