opus-toolkit-components 0.5.1 → 0.5.2
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.
|
@@ -1006,22 +1006,26 @@ function Table(_ref) {
|
|
|
1006
1006
|
// Array defining columns and rendering logic
|
|
1007
1007
|
rows = [],
|
|
1008
1008
|
// Array defining rows
|
|
1009
|
-
className =
|
|
1009
|
+
className = '',
|
|
1010
|
+
rowClassName = '',
|
|
1011
|
+
cellClassName = '',
|
|
1012
|
+
headRowClassName = '',
|
|
1013
|
+
headCellClassName = '',
|
|
1010
1014
|
rowKeyExtractor = (row, index) => index // Function to extract unique keys for rows
|
|
1011
1015
|
} = _ref;
|
|
1012
1016
|
return /*#__PURE__*/external_react_default().createElement("table", {
|
|
1013
1017
|
className: "w-full table-auto text-left border-collapse ".concat(className)
|
|
1014
1018
|
}, /*#__PURE__*/external_react_default().createElement("thead", null, /*#__PURE__*/external_react_default().createElement("tr", {
|
|
1015
|
-
className: "bg-greyBaseDark900"
|
|
1019
|
+
className: "bg-greyBaseDark900 ".concat(headRowClassName)
|
|
1016
1020
|
}, data.map(column => /*#__PURE__*/external_react_default().createElement("th", {
|
|
1017
1021
|
key: column.key,
|
|
1018
|
-
className: "border-b border-gray-300 py-2 px-4 text-sm font-normal text-greyDark1000"
|
|
1022
|
+
className: "border-b border-gray-300 py-2 px-4 text-sm font-normal text-greyDark1000 ".concat(headCellClassName)
|
|
1019
1023
|
}, column.header)))), /*#__PURE__*/external_react_default().createElement("tbody", null, rows.map((row, index) => /*#__PURE__*/external_react_default().createElement("tr", {
|
|
1020
1024
|
key: rowKeyExtractor(row, index),
|
|
1021
|
-
className: "".concat(index % 2 === 0 ? "bg-greyLight100" : "bg-greyLight50", " hover:bg-greyLight500")
|
|
1025
|
+
className: "".concat(index % 2 === 0 ? "bg-greyLight100" : "bg-greyLight50", " hover:bg-greyLight500 ").concat(rowClassName)
|
|
1022
1026
|
}, data.map(column => /*#__PURE__*/external_react_default().createElement("td", {
|
|
1023
1027
|
key: column.key,
|
|
1024
|
-
className: "p-4 text-sm text-greyLight700"
|
|
1028
|
+
className: "p-4 text-sm text-greyLight700 ".concat(cellClassName)
|
|
1025
1029
|
}, column.render ? column.render(row) : row[column.key]))))));
|
|
1026
1030
|
}
|
|
1027
1031
|
;// ./node_modules/@react-aria/utils/dist/platform.mjs
|
|
@@ -9496,4 +9500,4 @@ const Modal = _ref => {
|
|
|
9496
9500
|
/******/ })()
|
|
9497
9501
|
;
|
|
9498
9502
|
});
|
|
9499
|
-
//# sourceMappingURL=main.
|
|
9503
|
+
//# sourceMappingURL=main.06986501865044f51795.js.map
|