@ethanhann/mantine-dataview 0.2.0 → 0.4.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.
- package/README.md +216 -40
- package/dist/components/DataCards/DataCards.d.ts +3 -1
- package/dist/components/DataTable/DataTable.d.ts +5 -1
- package/dist/components/DataToolbar/DataToolbar.d.ts +8 -1
- package/dist/components/DataToolbar/ViewSwitcher.d.ts +8 -2
- package/dist/components/DataToolbar/index.d.ts +1 -0
- package/dist/components/{DataView/DataView.d.ts → DataViewer/DataViewer.d.ts} +9 -7
- package/dist/components/{DataView → DataViewer}/context.d.ts +1 -0
- package/dist/components/DataViewer/index.d.ts +2 -0
- package/dist/core/useRowTransition.d.ts +8 -0
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.js +482 -413
- package/dist/index.js.map +1 -1
- package/dist/mantine-dataview.css +2 -0
- package/dist/types/options.d.ts +3 -1
- package/dist/types/request.d.ts +4 -0
- package/package.json +1 -1
- package/dist/components/DataView/index.d.ts +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@keyframes dataview-row-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dataview-body-crossfade{0%{opacity:.3}to{opacity:1}}tr[data-entering],div[data-entering]{animation:.2s ease-out dataview-row-enter}tbody[data-changed],div[data-changed]{animation:.25s ease-out dataview-body-crossfade}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/types/options.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { ExportCsvOptions } from '../core/exportCsv';
|
|
|
4
4
|
import { UrlSerializer, UrlStateAdapter } from '../url/types';
|
|
5
5
|
import { ColumnDataType, ColumnFormatOption, DataColumnDef } from './column';
|
|
6
6
|
import { FacetData } from './facets';
|
|
7
|
-
import { DataViewRequest } from './request';
|
|
7
|
+
import { DataViewRequest, FilterParam } from './request';
|
|
8
8
|
import { DataViewState, DataViewStatus, Status, ViewMode } from './state';
|
|
9
9
|
/** Force cards at or below a Mantine breakpoint. Cards are the preferred view on small screens. */
|
|
10
10
|
export interface ResponsiveOptions {
|
|
@@ -57,6 +57,8 @@ export interface UseDataViewOptions<TData> {
|
|
|
57
57
|
formatDefaults?: Partial<Record<ColumnDataType, ColumnFormatOption>>;
|
|
58
58
|
/** Facet aggregation data from the server, keyed by column ID. */
|
|
59
59
|
facets?: Record<string, FacetData>;
|
|
60
|
+
/** External parameters included in every request. Changes trigger a refetch and reset pagination. */
|
|
61
|
+
params?: Record<string, FilterParam>;
|
|
60
62
|
}
|
|
61
63
|
/** Current selection, derived from `rowSelection` keyed by `getRowId`. */
|
|
62
64
|
export interface DataViewSelection<TData> {
|
package/dist/types/request.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { FacetData } from './facets';
|
|
2
2
|
import { DataViewFilter, DataViewPagination, DataViewSort } from './state';
|
|
3
|
+
/** Allowed value types for external filter parameters. */
|
|
4
|
+
export type FilterParam = string | number | boolean | null | string[] | number[];
|
|
3
5
|
/** Emitted by the core whenever view state changes. The consumer turns it into a fetch. */
|
|
4
6
|
export interface DataViewRequest {
|
|
5
7
|
pagination: DataViewPagination;
|
|
@@ -7,6 +9,8 @@ export interface DataViewRequest {
|
|
|
7
9
|
/** Filters keyed by column. The `value` shape depends on the filter variant. */
|
|
8
10
|
filters: DataViewFilter[];
|
|
9
11
|
globalFilter: string;
|
|
12
|
+
/** External parameters passed through from the consumer. */
|
|
13
|
+
params: Record<string, FilterParam>;
|
|
10
14
|
}
|
|
11
15
|
/** What the consumer feeds back in for the current page. */
|
|
12
16
|
export interface DataViewResponse<TData> {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ethanhann/mantine-dataview",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "A React library that renders server-driven, paginated datasets as a table or card grid, switchable at runtime, built on Mantine v9 and TanStack Table v8",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|