@ctlyst.id/internal-ui 5.6.3 → 5.6.5
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 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1466,6 +1466,10 @@ var getCommonPinningStyles = (column, paddingRowX) => {
|
|
|
1466
1466
|
} : {}
|
|
1467
1467
|
};
|
|
1468
1468
|
};
|
|
1469
|
+
var fadeIn = import_react30.keyframes`
|
|
1470
|
+
from { opacity: 0; }
|
|
1471
|
+
to { opacity: 1; }
|
|
1472
|
+
`;
|
|
1469
1473
|
var useDataTable = ({
|
|
1470
1474
|
columns,
|
|
1471
1475
|
dataSource = [],
|
|
@@ -1683,22 +1687,24 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1683
1687
|
colSpan: header.colSpan,
|
|
1684
1688
|
_first: { paddingLeft: `${paddingRowX + 8}px` },
|
|
1685
1689
|
_last: { paddingRight: `${paddingRowX + 8}px` },
|
|
1690
|
+
sx: getCommonPinningStyles(header.column, paddingRowX),
|
|
1686
1691
|
...styles == null ? void 0 : styles.tableColumnHeader,
|
|
1687
1692
|
...getTableHeaderSize(header, index, headerGroup.headers.length),
|
|
1688
1693
|
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
1694
|
},
|
|
1690
1695
|
header.id
|
|
1691
1696
|
)) }, headerGroup.id)) }),
|
|
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:
|
|
1697
|
+
/* @__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: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1693
1698
|
import_react30.Td,
|
|
1694
1699
|
{
|
|
1695
1700
|
width: "100%",
|
|
1696
1701
|
_first: { paddingLeft: `${paddingRowX + 8}px` },
|
|
1697
1702
|
_last: { paddingRight: `${paddingRowX + 8}px` },
|
|
1703
|
+
sx: getCommonPinningStyles(column, paddingRowX),
|
|
1698
1704
|
...styles == null ? void 0 : styles.tableCell,
|
|
1699
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Skeleton, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }
|
|
1705
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Skeleton, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" })
|
|
1700
1706
|
},
|
|
1701
|
-
|
|
1707
|
+
column.id
|
|
1702
1708
|
)) }, num)) })
|
|
1703
1709
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react30.Table, { ...styles == null ? void 0 : styles.table, children: [
|
|
1704
1710
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
@@ -1753,7 +1759,7 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1753
1759
|
}) }, headerGroup.id))
|
|
1754
1760
|
}
|
|
1755
1761
|
),
|
|
1756
|
-
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tbody, { ...styles == null ? void 0 : styles.tableBody, children: table.getRowModel().rows.map((row, index) => {
|
|
1762
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tbody, { ...styles == null ? void 0 : styles.tableBody, animation: `${fadeIn} 0.15s ease-out`, children: table.getRowModel().rows.map((row, index) => {
|
|
1757
1763
|
const isDisabledRow = disabledRow && disabledRow(row.original);
|
|
1758
1764
|
const isHighlightedRow = Object.keys(selectedRow != null ? selectedRow : {}).filter((key) => selectedRow == null ? void 0 : selectedRow[key]).includes(row.id) || highlightedRow && highlightedRow(row.original);
|
|
1759
1765
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|