@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.mjs
CHANGED
|
@@ -1083,25 +1083,16 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1083
1083
|
w: "full",
|
|
1084
1084
|
...container,
|
|
1085
1085
|
children: isLoading ? /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
|
|
1086
|
-
/* @__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(
|
|
1087
|
-
|
|
1086
|
+
/* @__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(
|
|
1087
|
+
Flex2,
|
|
1088
1088
|
{
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
textTransform: "capitalize",
|
|
1097
|
-
align: "center",
|
|
1098
|
-
gap: 2,
|
|
1099
|
-
children: flexRender(header.column.columnDef.header, header.getContext())
|
|
1100
|
-
}
|
|
1101
|
-
)
|
|
1102
|
-
},
|
|
1103
|
-
header.id
|
|
1104
|
-
)) }, headerGroup.id)) }),
|
|
1089
|
+
"data-test-id": "CT_component_data-table_loader",
|
|
1090
|
+
textTransform: "capitalize",
|
|
1091
|
+
align: "center",
|
|
1092
|
+
gap: 2,
|
|
1093
|
+
children: flexRender(header.column.columnDef.header, header.getContext())
|
|
1094
|
+
}
|
|
1095
|
+
) }, header.id)) }, headerGroup.id)) }),
|
|
1105
1096
|
/* @__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)) })
|
|
1106
1097
|
] }) : /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, children: [
|
|
1107
1098
|
/* @__PURE__ */ jsx24(
|
|
@@ -1116,7 +1107,7 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1116
1107
|
{
|
|
1117
1108
|
colSpan: header.colSpan,
|
|
1118
1109
|
sx: getCommonPinningStyles(header.column),
|
|
1119
|
-
width:
|
|
1110
|
+
width: header.getSize(),
|
|
1120
1111
|
...styles == null ? void 0 : styles.tableColumnHeader,
|
|
1121
1112
|
children: /* @__PURE__ */ jsxs8(
|
|
1122
1113
|
Flex2,
|