@prt-ts/fluent-react-table-v2 9.54.4-build-1.0 → 9.55.0-build-1.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/index.cjs.js +4 -7
- package/package.json +4 -4
- package/src/lib/components/GridContainer.d.ts +1 -1
- package/src/lib/components/extensions/PinRowAction.d.ts +1 -1
- package/src/lib/components/extensions/SelectRowCheckbox.d.ts +1 -1
- package/src/lib/components/extensions/SelectRowRadio.d.ts +1 -1
- package/src/lib/components/filters/Filter.d.ts +1 -1
- package/src/lib/components/filters/FilterDate.d.ts +1 -1
- package/src/lib/components/filters/FilterDateRange.d.ts +1 -1
- package/src/lib/components/filters/FilterDrawer.d.ts +1 -1
- package/src/lib/components/filters/FilterMultiSelectCheckbox.d.ts +2 -2
- package/src/lib/components/filters/FilterNumberRange.d.ts +1 -1
- package/src/lib/components/filters/FilterSelectRadio.d.ts +2 -2
- package/src/lib/components/grid-header/GridHeader.d.ts +1 -1
- package/src/lib/components/loading/Loading.d.ts +1 -1
- package/src/lib/components/pagination/Pagination.d.ts +1 -1
- package/src/lib/components/table/Table.d.ts +1 -1
- package/src/lib/components/tbody/TableBody.d.ts +0 -1
- package/src/lib/components/tbody/TableRow.d.ts +0 -1
- package/src/lib/components/useGridContainer.d.ts +2 -2
- package/src/lib/components/views/ViewSaveForm.d.ts +1 -1
- package/src/lib/components/views/ViewsDrawer.d.ts +1 -1
- package/src/lib/helpers/Helpers.d.ts +2 -2
- package/src/lib/helpers/StylesHelper.d.ts +4 -4
- package/src/lib/helpers/TableExportDataHelper.d.ts +2 -2
- package/src/lib/index.d.ts +0 -1
package/index.cjs.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var reactComponents = require('@fluentui/react-components');
|
|
@@ -15,8 +13,7 @@ var reactDatepickerCompat = require('@fluentui/react-datepicker-compat');
|
|
|
15
13
|
var core = require('@dnd-kit/core');
|
|
16
14
|
var modifiers = require('@dnd-kit/modifiers');
|
|
17
15
|
|
|
18
|
-
function
|
|
19
|
-
if (e && e.__esModule) return e;
|
|
16
|
+
function _interopNamespaceDefault(e) {
|
|
20
17
|
var n = Object.create(null);
|
|
21
18
|
if (e) {
|
|
22
19
|
Object.keys(e).forEach(function (k) {
|
|
@@ -29,11 +26,11 @@ function _interopNamespace(e) {
|
|
|
29
26
|
}
|
|
30
27
|
});
|
|
31
28
|
}
|
|
32
|
-
n
|
|
29
|
+
n.default = e;
|
|
33
30
|
return Object.freeze(n);
|
|
34
31
|
}
|
|
35
32
|
|
|
36
|
-
var React__namespace = /*#__PURE__*/
|
|
33
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
37
34
|
|
|
38
35
|
const disableAllShorthand = {
|
|
39
36
|
enableGrouping: false,
|
|
@@ -1449,7 +1446,7 @@ const getTableData = (table) => {
|
|
|
1449
1446
|
return data;
|
|
1450
1447
|
};
|
|
1451
1448
|
|
|
1452
|
-
Object.defineProperty(exports,
|
|
1449
|
+
Object.defineProperty(exports, "createColumnHelper", {
|
|
1453
1450
|
enumerable: true,
|
|
1454
1451
|
get: function () { return reactTable.createColumnHelper; }
|
|
1455
1452
|
});
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prt-ts/fluent-react-table-v2",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.55.0-build-1.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"react": ">=17.0.0",
|
|
6
6
|
"react-dom": ">=17.0.0",
|
|
7
|
-
"@fluentui/react-components": ">=9.
|
|
8
|
-
"@fluentui/react-icons": ">=2.0.
|
|
7
|
+
"@fluentui/react-components": ">=9.55.0",
|
|
8
|
+
"@fluentui/react-icons": ">=2.0.260",
|
|
9
9
|
"@fluentui/react-datepicker-compat": ">=0.4.32"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
@@ -29,4 +29,4 @@
|
|
|
29
29
|
"types": "./index.cjs.d.ts",
|
|
30
30
|
"module": "./index.esm.js",
|
|
31
31
|
"main": "./index.cjs.js"
|
|
32
|
-
}
|
|
32
|
+
}
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { TableProps, TableRef } from "../types";
|
|
3
3
|
import { RowData } from "@tanstack/react-table";
|
|
4
4
|
export declare function AdvancedTable<TItem extends RowData>(props: TableProps<TItem>, ref: React.ForwardedRef<TableRef<TItem>>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const ForwardedAdvancedTable: <TItem extends
|
|
5
|
+
export declare const ForwardedAdvancedTable: <TItem extends RowData>(props: TableProps<TItem> & {
|
|
6
6
|
ref?: React.ForwardedRef<TableRef<TItem>>;
|
|
7
7
|
}) => React.ReactElement<TableProps<TItem> & {
|
|
8
8
|
ref?: React.ForwardedRef<TableRef<TItem>>;
|
|
@@ -2,5 +2,5 @@ import { Row, RowData } from "@tanstack/react-table";
|
|
|
2
2
|
type PinRowActionProps<TData extends RowData> = {
|
|
3
3
|
row: Row<TData>;
|
|
4
4
|
};
|
|
5
|
-
export declare const PinRowAction: <TData extends
|
|
5
|
+
export declare const PinRowAction: <TData extends RowData>({ row }: PinRowActionProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,5 @@ import { Row, RowData } from "@tanstack/react-table";
|
|
|
2
2
|
type SelectRowCheckboxProps<TData extends RowData> = {
|
|
3
3
|
row: Row<TData>;
|
|
4
4
|
};
|
|
5
|
-
export declare const SelectRowCheckbox: <TData extends
|
|
5
|
+
export declare const SelectRowCheckbox: <TData extends RowData>({ row }: SelectRowCheckboxProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,5 @@ import { Row, RowData } from "@tanstack/react-table";
|
|
|
2
2
|
type SelectRowRadioProps<TData extends RowData> = {
|
|
3
3
|
row: Row<TData>;
|
|
4
4
|
};
|
|
5
|
-
export declare const SelectRowRadio: <TData extends
|
|
5
|
+
export declare const SelectRowRadio: <TData extends RowData>({ row }: SelectRowRadioProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Column, RowData, Table } from '@tanstack/react-table';
|
|
2
|
-
export declare const Filter: <TItem extends
|
|
2
|
+
export declare const Filter: <TItem extends RowData>({ column, table, }: {
|
|
3
3
|
column: Column<TItem, RowData>;
|
|
4
4
|
table: Table<TItem>;
|
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,5 +3,5 @@ type FilterNumberRangeProps<TItem extends RowData> = {
|
|
|
3
3
|
column: Column<TItem, unknown>;
|
|
4
4
|
table: Table<TItem>;
|
|
5
5
|
};
|
|
6
|
-
export declare const FilterDate: <TItem extends
|
|
6
|
+
export declare const FilterDate: <TItem extends RowData>(props: FilterNumberRangeProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -3,5 +3,5 @@ type FilterNumberRangeProps<TItem extends RowData> = {
|
|
|
3
3
|
column: Column<TItem, unknown>;
|
|
4
4
|
table: Table<TItem>;
|
|
5
5
|
};
|
|
6
|
-
export declare const FilterDateRange: <TItem extends
|
|
6
|
+
export declare const FilterDateRange: <TItem extends RowData>(props: FilterNumberRangeProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -2,5 +2,5 @@ import { RowData, Table } from '@tanstack/react-table';
|
|
|
2
2
|
type FilterDrawerProps<TItem extends RowData> = {
|
|
3
3
|
table: Table<TItem>;
|
|
4
4
|
};
|
|
5
|
-
export declare const FilterDrawer: <TItem extends
|
|
5
|
+
export declare const FilterDrawer: <TItem extends RowData>({ table }: FilterDrawerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Column, Table } from '@tanstack/react-table';
|
|
2
|
-
export declare const FilterMultiSelectCheckbox: <TItem extends
|
|
1
|
+
import { Column, RowData, Table } from '@tanstack/react-table';
|
|
2
|
+
export declare const FilterMultiSelectCheckbox: <TItem extends RowData>({ column, table, }: {
|
|
3
3
|
column: Column<TItem, unknown>;
|
|
4
4
|
table: Table<TItem>;
|
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,5 +3,5 @@ type FilterNumberRangeProps<TItem extends RowData> = {
|
|
|
3
3
|
column: Column<TItem, unknown>;
|
|
4
4
|
table: Table<TItem>;
|
|
5
5
|
};
|
|
6
|
-
export declare const FilterNumberRange: <TItem extends
|
|
6
|
+
export declare const FilterNumberRange: <TItem extends RowData>(props: FilterNumberRangeProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Column, Table } from "@tanstack/react-table";
|
|
2
|
-
export declare const FilterSelectRadio: <TItem extends
|
|
1
|
+
import { Column, RowData, Table } from "@tanstack/react-table";
|
|
2
|
+
export declare const FilterSelectRadio: <TItem extends RowData>({ column, table, }: {
|
|
3
3
|
column: Column<TItem, unknown>;
|
|
4
4
|
table: Table<TItem>;
|
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,5 +8,5 @@ type GridHeaderProps<TItem extends RowData> = {
|
|
|
8
8
|
setGlobalFilter: (value: string) => void;
|
|
9
9
|
applyTableState: (tableState: TableState) => boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const GridHeader: <TItem extends
|
|
11
|
+
export declare const GridHeader: <TItem extends RowData>(props: GridHeaderProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -4,5 +4,5 @@ type LoadingProps<TItem extends RowData> = {
|
|
|
4
4
|
visibleColumns: Column<TItem, unknown>[];
|
|
5
5
|
table: Table<TItem>;
|
|
6
6
|
};
|
|
7
|
-
export declare const Loading: <TItem extends
|
|
7
|
+
export declare const Loading: <TItem extends RowData>(props: LoadingProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -2,5 +2,5 @@ import { RowData, Table } from "@tanstack/react-table";
|
|
|
2
2
|
type PaginationProps<TItem extends RowData> = {
|
|
3
3
|
table: Table<TItem>;
|
|
4
4
|
};
|
|
5
|
-
export declare const Pagination: <TItem extends
|
|
5
|
+
export declare const Pagination: <TItem extends RowData>(props: PaginationProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -7,5 +7,5 @@ type TableContainerProps<TItem extends RowData> = {
|
|
|
7
7
|
isLoading: boolean;
|
|
8
8
|
data: TItem[];
|
|
9
9
|
};
|
|
10
|
-
export declare const TableContainer: <TItem extends
|
|
10
|
+
export declare const TableContainer: <TItem extends RowData>(props: TableContainerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { TableState } from '@tanstack/react-table';
|
|
1
|
+
import { RowData, TableState } from '@tanstack/react-table';
|
|
2
2
|
import { TableProps, TableRef, TableView } from '../types';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
export declare const useGridContainer: <TItem extends
|
|
4
|
+
export declare const useGridContainer: <TItem extends RowData>(props: TableProps<TItem>, ref: React.ForwardedRef<TableRef<TItem>>) => {
|
|
5
5
|
table: import("@tanstack/react-table").Table<TItem>;
|
|
6
6
|
globalFilter: string;
|
|
7
7
|
tableViews: TableView[];
|
|
@@ -5,5 +5,5 @@ type ViewSaveFormProps<TItem extends RowData> = {
|
|
|
5
5
|
onSave: TableProps<TItem>['onTableViewSave'];
|
|
6
6
|
getTableState: () => TableState;
|
|
7
7
|
};
|
|
8
|
-
export declare const ViewSaveForm: <TItem extends
|
|
8
|
+
export declare const ViewSaveForm: <TItem extends RowData>(props: ViewSaveFormProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -6,5 +6,5 @@ type ViewsDrawerProps<TItem extends RowData> = {
|
|
|
6
6
|
applyTableState: (tableView: TableState) => boolean;
|
|
7
7
|
resetToGridDefaultView: () => boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const ViewsDrawer: <TItem extends
|
|
9
|
+
export declare const ViewsDrawer: <TItem extends RowData>(props: ViewsDrawerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Column } from "@tanstack/react-table";
|
|
2
|
-
export declare const getLeafColumns: <TItem extends
|
|
1
|
+
import { Column, RowData } from "@tanstack/react-table";
|
|
2
|
+
export declare const getLeafColumns: <TItem extends RowData>(columns: Column<TItem>[]) => Column<TItem>[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Column, Row } from "@tanstack/react-table";
|
|
1
|
+
import { Column, Row, RowData } from "@tanstack/react-table";
|
|
2
2
|
import { CSSProperties } from "react";
|
|
3
|
-
export declare const getHeaderCellPinningStyles: <TItem extends
|
|
4
|
-
export declare const getBodyCellPinningStyles: <TItem extends
|
|
5
|
-
export declare const getRowPinningStyles: <TItem extends
|
|
3
|
+
export declare const getHeaderCellPinningStyles: <TItem extends RowData>(column: Column<TItem, unknown>, isDragging: boolean, additionalStyles: CSSProperties) => CSSProperties;
|
|
4
|
+
export declare const getBodyCellPinningStyles: <TItem extends RowData>(column: Column<TItem, unknown>, isDragging: boolean, additionalStyles: CSSProperties) => CSSProperties;
|
|
5
|
+
export declare const getRowPinningStyles: <TItem extends RowData>(row: Row<TItem>, bottomRowLength: number, headerGroupLength: number, additionalStyles: CSSProperties) => CSSProperties;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Table } from "@tanstack/react-table";
|
|
1
|
+
import { RowData, Table } from "@tanstack/react-table";
|
|
2
2
|
export type TableExportData = Record<string, unknown>[];
|
|
3
|
-
export declare const getTableData: <TItem extends
|
|
3
|
+
export declare const getTableData: <TItem extends RowData>(table: Table<TItem>) => TableExportData;
|
package/src/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, ExpandedState, FilterFn, GroupingState, PaginationState, RowData, RowPinningState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
|
|
3
2
|
import { TableProps, TableSettings } from "./types";
|
|
4
3
|
import { ActionType, DrawerTableState } from "./components/reducer";
|