@bsol-oss/react-datatable5 12.0.0-beta.80 → 12.0.0-beta.81
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/dist/index.d.ts +365 -353
- package/dist/index.js +1009 -831
- package/dist/index.mjs +1012 -834
- package/dist/types/components/DataTable/display/Table.d.ts +2 -1
- package/dist/types/components/DataTable/hooks/useResponsiveColumnVisibility.d.ts +13 -0
- package/dist/types/components/Form/components/fields/StringInputField.d.ts +4 -0
- package/dist/types/index.d.ts +64 -57
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ export interface TableProps extends TableRootProps {
|
|
|
5
5
|
loadingComponent?: ReactNode;
|
|
6
6
|
emptyComponent?: ReactNode;
|
|
7
7
|
canResize?: boolean;
|
|
8
|
+
showSelector?: boolean;
|
|
8
9
|
children: ReactNode;
|
|
9
10
|
}
|
|
10
|
-
export declare const Table: ({ children, emptyComponent, canResize, showLoading, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export declare const Table: ({ children, emptyComponent, canResize, showLoading, showSelector, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
interface UseResponsiveColumnVisibilityOptions {
|
|
3
|
+
containerRef: RefObject<HTMLElement>;
|
|
4
|
+
enabled: boolean;
|
|
5
|
+
showSelector?: boolean;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Hook to automatically hide/show columns based on container width.
|
|
9
|
+
* Columns are hidden based on their responsivePriority (lower = hide first).
|
|
10
|
+
* Only activates when canResize={false}.
|
|
11
|
+
*/
|
|
12
|
+
export declare const useResponsiveColumnVisibility: ({ containerRef, enabled, showSelector, }: UseResponsiveColumnVisibilityOptions) => void;
|
|
13
|
+
export {};
|
|
@@ -15,6 +15,10 @@ export interface CustomQueryFnParams {
|
|
|
15
15
|
searching: string;
|
|
16
16
|
limit: number;
|
|
17
17
|
offset: number;
|
|
18
|
+
where?: Array<{
|
|
19
|
+
id: string;
|
|
20
|
+
value: string | string[];
|
|
21
|
+
}>;
|
|
18
22
|
}
|
|
19
23
|
export type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse>;
|
|
20
24
|
export interface ForeignKeyProps {
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Column, RowData } from
|
|
2
|
-
import { ReactNode } from
|
|
3
|
-
declare module
|
|
1
|
+
import { Column, RowData } from '@tanstack/react-table';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
declare module '@tanstack/react-table' {
|
|
4
4
|
interface ColumnMeta<TData extends RowData, TValue> {
|
|
5
5
|
/**
|
|
6
6
|
* If `showCustomDisplay` is `true`, it will use the cell render to render the value.
|
|
@@ -39,7 +39,7 @@ declare module "@tanstack/react-table" {
|
|
|
39
39
|
* - "dateRange": A date range filter.
|
|
40
40
|
* - "custom": A custom filter function.
|
|
41
41
|
*/
|
|
42
|
-
filterVariant?:
|
|
42
|
+
filterVariant?: 'text' | 'range' | 'select' | 'tag' | 'boolean' | 'dateRange' | 'custom';
|
|
43
43
|
/**
|
|
44
44
|
* Options for the select filter variant, if applicable.
|
|
45
45
|
*/
|
|
@@ -69,58 +69,65 @@ declare module "@tanstack/react-table" {
|
|
|
69
69
|
* @returns A JSX element representing the filter UI.
|
|
70
70
|
*/
|
|
71
71
|
renderFilter?: (column: Column<TData>) => ReactNode;
|
|
72
|
+
/**
|
|
73
|
+
* Priority for responsive column hiding when table width is too narrow.
|
|
74
|
+
* Lower priority numbers = hide first (e.g., priority 1 hides before priority 10).
|
|
75
|
+
* Columns without priority default to Infinity (highest priority, never auto-hide).
|
|
76
|
+
* Only applies when canResize={false}.
|
|
77
|
+
*/
|
|
78
|
+
responsivePriority?: number;
|
|
72
79
|
}
|
|
73
80
|
}
|
|
74
|
-
export
|
|
75
|
-
export * from
|
|
76
|
-
export * from
|
|
77
|
-
export * from
|
|
78
|
-
export * from
|
|
79
|
-
export * from
|
|
80
|
-
export * from
|
|
81
|
-
export * from
|
|
82
|
-
export * from
|
|
83
|
-
export * from
|
|
84
|
-
export * from
|
|
85
|
-
export * from
|
|
86
|
-
export * from
|
|
87
|
-
export * from
|
|
88
|
-
export * from
|
|
89
|
-
export * from
|
|
90
|
-
export * from
|
|
91
|
-
export * from
|
|
92
|
-
export * from
|
|
93
|
-
export * from
|
|
94
|
-
export * from
|
|
95
|
-
export * from
|
|
96
|
-
export * from
|
|
97
|
-
export * from
|
|
98
|
-
export * from
|
|
99
|
-
export * from
|
|
100
|
-
export * from
|
|
101
|
-
export * from
|
|
102
|
-
export * from
|
|
103
|
-
export * from
|
|
104
|
-
export
|
|
105
|
-
export * from
|
|
106
|
-
export * from
|
|
107
|
-
export * from
|
|
108
|
-
export * from
|
|
109
|
-
export * from
|
|
110
|
-
export * from
|
|
111
|
-
export * from
|
|
112
|
-
export * from
|
|
113
|
-
export * from
|
|
114
|
-
export * from
|
|
115
|
-
export * from
|
|
116
|
-
export * from
|
|
117
|
-
export * from
|
|
118
|
-
export * from
|
|
119
|
-
export * from
|
|
120
|
-
export * from
|
|
121
|
-
export * from
|
|
122
|
-
export * from
|
|
123
|
-
export * from
|
|
124
|
-
export * from
|
|
125
|
-
export * from
|
|
126
|
-
export * from
|
|
81
|
+
export type { TableHeaderTexts } from './components/DataTable/display/TableHeader';
|
|
82
|
+
export * from './components/DataTable/controls/DensityToggleButton';
|
|
83
|
+
export * from './components/DataTable/controls/EditSortingButton';
|
|
84
|
+
export * from './components/DataTable/controls/FilterDialog';
|
|
85
|
+
export * from './components/DataTable/controls/PageSizeControl';
|
|
86
|
+
export * from './components/DataTable/controls/Pagination';
|
|
87
|
+
export * from './components/DataTable/controls/ResetFilteringButton';
|
|
88
|
+
export * from './components/DataTable/controls/ResetSelectionButton';
|
|
89
|
+
export * from './components/DataTable/controls/ResetSortingButton';
|
|
90
|
+
export * from './components/DataTable/controls/RowCountText';
|
|
91
|
+
export * from './components/DataTable/controls/ViewDialog';
|
|
92
|
+
export * from './components/DataTable/controls/ReloadButton';
|
|
93
|
+
export * from './components/Filter/GlobalFilter';
|
|
94
|
+
export * from './components/DataTable/controls/TableSelector';
|
|
95
|
+
export * from './components/DataTable/controls/TableSorter';
|
|
96
|
+
export * from './components/DataTable/controls/TableViewer';
|
|
97
|
+
export * from './components/DataTable/controls/TableControls';
|
|
98
|
+
export * from './components/DataTable/controls/TableFilters';
|
|
99
|
+
export * from './components/DataTable/controls/TableFilterTags';
|
|
100
|
+
export * from './components/DataTable/display/Table';
|
|
101
|
+
export * from './components/DataTable/display/TableBody';
|
|
102
|
+
export * from './components/DataTable/display/TableCardContainer';
|
|
103
|
+
export * from './components/DataTable/display/TableCards';
|
|
104
|
+
export * from './components/DataTable/display/TableComponent';
|
|
105
|
+
export * from './components/DataTable/display/TableFooter';
|
|
106
|
+
export * from './components/DataTable/display/TableHeader';
|
|
107
|
+
export * from './components/DataTable/display/TableLoadingComponent';
|
|
108
|
+
export * from './components/DataTable/display/TextCell';
|
|
109
|
+
export * from './components/DataTable/display/CardHeader';
|
|
110
|
+
export * from './components/DataTable/display/EmptyState';
|
|
111
|
+
export * from './components/DataTable/display/ErrorAlert';
|
|
112
|
+
export * from './components/DataTable/useDataTable';
|
|
113
|
+
export * from './components/DataTable/useDataTableServer';
|
|
114
|
+
export * from './components/DataTable/context/useDataTableContext';
|
|
115
|
+
export * from './components/DataTable/utils/getColumns';
|
|
116
|
+
export * from './components/Form/components/core/DefaultForm';
|
|
117
|
+
export * from './components/Form/components/core/FormRoot';
|
|
118
|
+
export * from './components/Form/components/core/FormTitle';
|
|
119
|
+
export * from './components/Form/components/core/FormBody';
|
|
120
|
+
export * from './components/Form/components/types/CustomJSONSchema7';
|
|
121
|
+
export * from './components/Form/useForm';
|
|
122
|
+
export * from './components/Form/utils/buildErrorMessages';
|
|
123
|
+
export * from './components/DatePicker/DatePicker';
|
|
124
|
+
export * from './components/DatePicker/getMultiDates';
|
|
125
|
+
export * from './components/DatePicker/getRangeDates';
|
|
126
|
+
export * from './components/DatePicker/RangeDatePicker';
|
|
127
|
+
export * from './components/DataTable/display/RecordDisplay';
|
|
128
|
+
export * from './components/DataTable/display/TableDataDisplay';
|
|
129
|
+
export * from './components/DataTable/DefaultTable';
|
|
130
|
+
export * from './components/DataTable/DefaultTableServer';
|
|
131
|
+
export * from './components/DataTable/display/DataDisplay';
|
|
132
|
+
export * from './components/DataTable/DataTable';
|
|
133
|
+
export * from './components/DataTable/DataTableServer';
|