sliftutils 0.17.0 → 0.18.0

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.
Files changed (4) hide show
  1. package/index.d.ts +1 -1
  2. package/package.json +1 -1
  3. package/render-utils/Table.d.ts +1 -1
  4. package/render-utils/Table.tsx +8 -6
package/index.d.ts CHANGED
@@ -317,7 +317,7 @@ declare module "sliftutils/render-utils/Table" {
317
317
  lineLimit?: number;
318
318
  characterLimit?: number;
319
319
  excludeEmptyColumns?: boolean;
320
- rowClassName?: (row: RowT) => string;
320
+ getRowFields?: (row: RowT) => preact.JSX.HTMLAttributes<HTMLTableRowElement>;
321
321
  }> {
322
322
  state: {
323
323
  limit: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sliftutils",
3
- "version": "0.17.0",
3
+ "version": "0.18.0",
4
4
  "main": "index.js",
5
5
  "license": "MIT",
6
6
  "files": [
package/render-utils/Table.d.ts CHANGED
@@ -24,7 +24,7 @@ export declare class Table<RowT extends RowType> extends preact.Component<TableT
24
24
  lineLimit?: number;
25
25
  characterLimit?: number;
26
26
  excludeEmptyColumns?: boolean;
27
- rowClassName?: (row: RowT) => string;
27
+ getRowFields?: (row: RowT) => preact.JSX.HTMLAttributes<HTMLTableRowElement>;
28
28
  }> {
29
29
  state: {
30
30
  limit: number;
package/render-utils/Table.tsx CHANGED
@@ -33,7 +33,7 @@ export class Table<RowT extends RowType> extends preact.Component<TableType<RowT
33
33
 
34
34
  excludeEmptyColumns?: boolean;
35
35
 
36
- rowClassName?: (row: RowT) => string
36
+ getRowFields?: (row: RowT) => preact.JSX.HTMLAttributes<HTMLTableRowElement>;
37
37
  }> {
38
38
  state = {
39
39
  limit: this.props.initialLimit || 100,
@@ -65,9 +65,11 @@ export class Table<RowT extends RowType> extends preact.Component<TableType<RowT
65
65
  <th className={css.pad2(8, 4) + cellClass}>{column?.title || toSpaceCase(columnName)}</th>
66
66
  )}
67
67
  </tr>
68
- {rows.map((row, index) => (
69
- <tr
70
- className={(this.props.rowClassName?.(row) || "") + (index % 2 === 1 && css.hsla(0, 0, 100, 0.25) || "")}
68
+ {rows.map((row, index) => {
69
+ let rowFields = this.props.getRowFields?.(row) || {};
70
+ return <tr
71
+ {...rowFields}
72
+ className={rowFields.className + " " + (index % 2 === 1 && css.hsla(0, 0, 100, 0.25) || "")}
71
73
  >
72
74
  <td className={css.center}>{index + 1}</td>
73
75
  {Object.entries(columns).filter(x => x[1] !== null).map(([columnName, column]: [string, ColumnType]) => {
@@ -116,8 +118,8 @@ export class Table<RowT extends RowType> extends preact.Component<TableType<RowT
116
118
  {innerContent}
117
119
  </td>;
118
120
  })}
119
- </tr>
120
- ))}
121
+ </tr>;
122
+ })}
121
123
  {allRows.length > rows.length && <tr>
122
124
  <td
123
125
  colSpan={1 + Object.keys(columns).length}