@ctlyst.id/internal-ui 3.3.12 → 3.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +10 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -19
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1424,25 +1424,16 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1424
1424
|
w: "full",
|
|
1425
1425
|
...container,
|
|
1426
1426
|
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
|
|
1427
|
-
/* @__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)(
|
|
1428
|
-
import_react28.
|
|
1427
|
+
/* @__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)(
|
|
1428
|
+
import_react28.Flex,
|
|
1429
1429
|
{
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
textTransform: "capitalize",
|
|
1438
|
-
align: "center",
|
|
1439
|
-
gap: 2,
|
|
1440
|
-
children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
|
|
1441
|
-
}
|
|
1442
|
-
)
|
|
1443
|
-
},
|
|
1444
|
-
header.id
|
|
1445
|
-
)) }, headerGroup.id)) }),
|
|
1430
|
+
"data-test-id": "CT_component_data-table_loader",
|
|
1431
|
+
textTransform: "capitalize",
|
|
1432
|
+
align: "center",
|
|
1433
|
+
gap: 2,
|
|
1434
|
+
children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
|
|
1435
|
+
}
|
|
1436
|
+
) }, header.id)) }, headerGroup.id)) }),
|
|
1446
1437
|
/* @__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)) })
|
|
1447
1438
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, children: [
|
|
1448
1439
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
@@ -1457,7 +1448,7 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1457
1448
|
{
|
|
1458
1449
|
colSpan: header.colSpan,
|
|
1459
1450
|
sx: getCommonPinningStyles(header.column),
|
|
1460
|
-
width:
|
|
1451
|
+
width: header.getSize(),
|
|
1461
1452
|
...styles == null ? void 0 : styles.tableColumnHeader,
|
|
1462
1453
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
1463
1454
|
import_react28.Flex,
|