@ctlyst.id/internal-ui 3.3.13 → 3.3.14

package/dist/index.js

@@ -1424,16 +1424,25 @@ 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, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react28.Flex,
+        /* @__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,
           {
-            "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)) }),
+            colSpan: header.colSpan,
+            width: `${header.getSize()}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)) }),
         /* @__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)(
@@ -1448,7 +1457,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__ */ (0, import_jsx_runtime24.jsxs)(
                     import_react28.Flex,
@@ -4889,7 +4898,8 @@ var InputTimeArea = (0, import_react84.forwardRef)((props, ref) => {
       px: "2px",
       py: 0,
       sx: {
-        fontVariantNumeric: "tabular-nums"
+        fontVariantNumeric: "tabular-nums",
+        fontSize: 12
       },
       ...props
     }