@ctlyst.id/internal-ui 5.6.2 → 5.6.3
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 +5 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1677,24 +1677,25 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1677
1677
|
...((_e = columnPinning == null ? void 0 : columnPinning.right) == null ? void 0 : _e.length) && hasScroll ? { "data-pin-right": true } : {},
|
|
1678
1678
|
...container,
|
|
1679
1679
|
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react30.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
|
|
1680
|
-
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.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_react30.Tr, {
|
|
1680
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.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_react30.Tr, { ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1681
1681
|
import_react30.Th,
|
|
1682
1682
|
{
|
|
1683
1683
|
colSpan: header.colSpan,
|
|
1684
|
-
width: `${header.getSize()}px`,
|
|
1685
1684
|
_first: { paddingLeft: `${paddingRowX + 8}px` },
|
|
1686
1685
|
_last: { paddingRight: `${paddingRowX + 8}px` },
|
|
1687
1686
|
...styles == null ? void 0 : styles.tableColumnHeader,
|
|
1687
|
+
...getTableHeaderSize(header, index, headerGroup.headers.length),
|
|
1688
1688
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Flex, { "data-test-id": "CT_component_data-table_loader", align: "center", gap: 2, children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()) })
|
|
1689
1689
|
},
|
|
1690
1690
|
header.id
|
|
1691
1691
|
)) }, headerGroup.id)) }),
|
|
1692
|
-
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tbody, { children: [...Array(5)].map((num) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tr, { mx: "2", children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1692
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tbody, { ...styles == null ? void 0 : styles.tableBody, children: [...Array(5)].map((num) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1693
1693
|
import_react30.Td,
|
|
1694
1694
|
{
|
|
1695
|
-
width:
|
|
1695
|
+
width: "100%",
|
|
1696
1696
|
_first: { paddingLeft: `${paddingRowX + 8}px` },
|
|
1697
1697
|
_last: { paddingRight: `${paddingRowX + 8}px` },
|
|
1698
|
+
...styles == null ? void 0 : styles.tableCell,
|
|
1698
1699
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Skeleton, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i)
|
|
1699
1700
|
},
|
|
1700
1701
|
i
|