@spark-web/data-table 0.3.2 → 0.3.4

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 (7) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/declarations/src/data-table.d.ts +2 -1
  3. package/dist/declarations/src/index.d.ts +1 -1
  4. package/dist/spark-web-data-table.cjs.dev.js +7 -2
  5. package/dist/spark-web-data-table.cjs.prod.js +7 -2
  6. package/dist/spark-web-data-table.esm.js +4 -3
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @spark-web/data-table
2
2
 
3
+ ## 0.3.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#513](https://github.com/brighte-labs/spark-web/pull/513)
8
+ [`df02fb7`](https://github.com/brighte-labs/spark-web/commit/df02fb7805072e4dfe7007d59d58cd4e19603c5f)
9
+ Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Added rowClassName in
10
+ data-table to support customized row
11
+
12
+ ## 0.3.3
13
+
14
+ ### Patch Changes
15
+
16
+ - [#509](https://github.com/brighte-labs/spark-web/pull/509)
17
+ [`99b1199`](https://github.com/brighte-labs/spark-web/commit/99b1199ec7624aa2ecc5d03d7f0a18ea377936e9)
18
+ Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Export flexRender
19
+
3
20
  ## 0.3.2
4
21
 
5
22
  ### Patch Changes
package/dist/declarations/src/data-table.d.ts CHANGED
@@ -7,12 +7,13 @@ import type { HTMLAttributes, ReactElement } from 'react';
7
7
  *
8
8
  * @see https://spark.brighte.com.au/package/data-table
9
9
  */
10
- declare function DataTable<T>({ data, items, className, columns, enableExpanding, enableHiding, enableMultiRowSelection, enableClickableRow, headerClassName, footerClassName, showBottomSpinner: showSpinner, expandedRowComponent, onBottomSpinnerShown, onRowClick, onRowSelectionChange, renderRow, ...tableOptions }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
10
+ declare function DataTable<T>({ data, items, className, columns, enableExpanding, enableHiding, enableMultiRowSelection, enableClickableRow, headerClassName, footerClassName, showBottomSpinner: showSpinner, rowClassName, expandedRowComponent, onBottomSpinnerShown, onRowClick, onRowSelectionChange, renderRow, ...tableOptions }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
11
11
  declare type TableSubsetAttributes = Pick<HTMLAttributes<HTMLTableElement>, 'className'>;
12
12
  declare type TableSubsetOptions<T> = Pick<TableOptions<T>, 'columns' | 'enableExpanding' | 'enableHiding' | 'enableMultiRowSelection' | 'state' | 'onStateChange' | 'onExpandedChange' | 'onRowSelectionChange' | 'getRowId'>;
13
13
  declare type DataTableProps<T> = TableSubsetAttributes & TableSubsetOptions<T> & {
14
14
  headerClassName?: string;
15
15
  footerClassName?: string;
16
+ rowClassName?: (row: Row<T>, index: number) => string;
16
17
  /** Map of data attributes. */
17
18
  data?: DataAttributeMap;
18
19
  items: Array<T>;
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { createColumnHelper, DataTable } from "./data-table.js";
1
+ export { createColumnHelper, DataTable, flexRender } from "./data-table.js";
2
2
  export type { ColumnDef, ColumnHelper, DataTableProps, DataTableRow, ExpandedState, OnChangeFn, } from "./data-table.js";
package/dist/spark-web-data-table.cjs.dev.js CHANGED
@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefault(React);
20
20
 
21
- var _excluded = ["data", "items", "className", "columns", "enableExpanding", "enableHiding", "enableMultiRowSelection", "enableClickableRow", "headerClassName", "footerClassName", "showBottomSpinner", "expandedRowComponent", "onBottomSpinnerShown", "onRowClick", "onRowSelectionChange", "renderRow"];
21
+ var _excluded = ["data", "items", "className", "columns", "enableExpanding", "enableHiding", "enableMultiRowSelection", "enableClickableRow", "headerClassName", "footerClassName", "showBottomSpinner", "rowClassName", "expandedRowComponent", "onBottomSpinnerShown", "onRowClick", "onRowSelectionChange", "renderRow"];
22
22
  function DataTable(_ref) {
23
23
  var data = _ref.data,
24
24
  items = _ref.items,
@@ -34,6 +34,7 @@ function DataTable(_ref) {
34
34
  headerClassName = _ref.headerClassName,
35
35
  footerClassName = _ref.footerClassName,
36
36
  showSpinner = _ref.showBottomSpinner,
37
+ rowClassName = _ref.rowClassName,
37
38
  expandedRowComponent = _ref.expandedRowComponent,
38
39
  onBottomSpinnerShown = _ref.onBottomSpinnerShown,
39
40
  onRowClick = _ref.onRowClick,
@@ -105,7 +106,7 @@ function DataTable(_ref) {
105
106
  background: theme$1.backgroundInteractions.neutralHover,
106
107
  cursor: enableClickableRow ? 'pointer' : undefined
107
108
  }
108
- }),
109
+ }, rowClassName ? rowClassName(row, row.index) : undefined),
109
110
  onClick: function onClick() {
110
111
  return enableClickableRow && (onRowClick ? onRowClick(row) : defaultOnRowClick(row));
111
112
  },
@@ -175,4 +176,8 @@ Object.defineProperty(exports, 'createColumnHelper', {
175
176
  enumerable: true,
176
177
  get: function () { return reactTable.createColumnHelper; }
177
178
  });
179
+ Object.defineProperty(exports, 'flexRender', {
180
+ enumerable: true,
181
+ get: function () { return reactTable.flexRender; }
182
+ });
178
183
  exports.DataTable = DataTable;
package/dist/spark-web-data-table.cjs.prod.js CHANGED
@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefault(React);
20
20
 
21
- var _excluded = ["data", "items", "className", "columns", "enableExpanding", "enableHiding", "enableMultiRowSelection", "enableClickableRow", "headerClassName", "footerClassName", "showBottomSpinner", "expandedRowComponent", "onBottomSpinnerShown", "onRowClick", "onRowSelectionChange", "renderRow"];
21
+ var _excluded = ["data", "items", "className", "columns", "enableExpanding", "enableHiding", "enableMultiRowSelection", "enableClickableRow", "headerClassName", "footerClassName", "showBottomSpinner", "rowClassName", "expandedRowComponent", "onBottomSpinnerShown", "onRowClick", "onRowSelectionChange", "renderRow"];
22
22
  function DataTable(_ref) {
23
23
  var data = _ref.data,
24
24
  items = _ref.items,
@@ -34,6 +34,7 @@ function DataTable(_ref) {
34
34
  headerClassName = _ref.headerClassName,
35
35
  footerClassName = _ref.footerClassName,
36
36
  showSpinner = _ref.showBottomSpinner,
37
+ rowClassName = _ref.rowClassName,
37
38
  expandedRowComponent = _ref.expandedRowComponent,
38
39
  onBottomSpinnerShown = _ref.onBottomSpinnerShown,
39
40
  onRowClick = _ref.onRowClick,
@@ -105,7 +106,7 @@ function DataTable(_ref) {
105
106
  background: theme$1.backgroundInteractions.neutralHover,
106
107
  cursor: enableClickableRow ? 'pointer' : undefined
107
108
  }
108
- }),
109
+ }, rowClassName ? rowClassName(row, row.index) : undefined),
109
110
  onClick: function onClick() {
110
111
  return enableClickableRow && (onRowClick ? onRowClick(row) : defaultOnRowClick(row));
111
112
  },
@@ -175,4 +176,8 @@ Object.defineProperty(exports, 'createColumnHelper', {
175
176
  enumerable: true,
176
177
  get: function () { return reactTable.createColumnHelper; }
177
178
  });
179
+ Object.defineProperty(exports, 'flexRender', {
180
+ enumerable: true,
181
+ get: function () { return reactTable.flexRender; }
182
+ });
178
183
  exports.DataTable = DataTable;
package/dist/spark-web-data-table.esm.js CHANGED
@@ -6,12 +6,12 @@ import { Spinner } from '@spark-web/spinner';
6
6
  import { useTheme } from '@spark-web/theme';
7
7
  import { buildDataAttributes } from '@spark-web/utils/internal';
8
8
  import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
9
- export { createColumnHelper } from '@tanstack/react-table';
9
+ export { createColumnHelper, flexRender } from '@tanstack/react-table';
10
10
  import React from 'react';
11
11
  import { InView } from 'react-intersection-observer';
12
12
  import { jsxs, jsx } from 'react/jsx-runtime';
13
13
 
14
- var _excluded = ["data", "items", "className", "columns", "enableExpanding", "enableHiding", "enableMultiRowSelection", "enableClickableRow", "headerClassName", "footerClassName", "showBottomSpinner", "expandedRowComponent", "onBottomSpinnerShown", "onRowClick", "onRowSelectionChange", "renderRow"];
14
+ var _excluded = ["data", "items", "className", "columns", "enableExpanding", "enableHiding", "enableMultiRowSelection", "enableClickableRow", "headerClassName", "footerClassName", "showBottomSpinner", "rowClassName", "expandedRowComponent", "onBottomSpinnerShown", "onRowClick", "onRowSelectionChange", "renderRow"];
15
15
  function DataTable(_ref) {
16
16
  var data = _ref.data,
17
17
  items = _ref.items,
@@ -27,6 +27,7 @@ function DataTable(_ref) {
27
27
  headerClassName = _ref.headerClassName,
28
28
  footerClassName = _ref.footerClassName,
29
29
  showSpinner = _ref.showBottomSpinner,
30
+ rowClassName = _ref.rowClassName,
30
31
  expandedRowComponent = _ref.expandedRowComponent,
31
32
  onBottomSpinnerShown = _ref.onBottomSpinnerShown,
32
33
  onRowClick = _ref.onRowClick,
@@ -98,7 +99,7 @@ function DataTable(_ref) {
98
99
  background: theme.backgroundInteractions.neutralHover,
99
100
  cursor: enableClickableRow ? 'pointer' : undefined
100
101
  }
101
- }),
102
+ }, rowClassName ? rowClassName(row, row.index) : undefined),
102
103
  onClick: function onClick() {
103
104
  return enableClickableRow && (onRowClick ? onRowClick(row) : defaultOnRowClick(row));
104
105
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/data-table",
3
- "version": "0.3.2",
3
+ "version": "0.3.4",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",