@bsol-oss/react-datatable5 7.1.0 → 7.3.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.
@@ -35,4 +35,4 @@ export interface DataTableProps<TData> {
35
35
  setDensity: OnChangeFn<DensityState>;
36
36
  setColumnVisibility: OnChangeFn<VisibilityState>;
37
37
  }
38
- export declare const DataTable: <TData>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, children, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
38
+ export declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, children, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
@@ -8,7 +8,6 @@ export interface DataTableServerProps<TData> {
8
8
  enableRowSelection?: boolean;
9
9
  enableMultiRowSelection?: boolean;
10
10
  enableSubRowSelection?: boolean;
11
- onRowSelect?: (rowSelectionState: RowSelectionState, data: TData[]) => void;
12
11
  columnOrder: ColumnOrderState;
13
12
  columnFilters: ColumnFiltersState;
14
13
  globalFilter: string;
@@ -28,4 +27,4 @@ export interface DataTableServerProps<TData> {
28
27
  query: UseQueryResult<TData>;
29
28
  url: string;
30
29
  }
31
- export declare const DataTableServer: <TData>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, children, url, }: DataTableServerProps<TData>) => import("react/jsx-runtime").JSX.Element;
30
+ export declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, children, url, }: DataTableServerProps<TData>): import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,12 @@
1
1
  import { ReactNode } from "react";
2
2
  export interface TableControlsProps {
3
3
  totalText?: string;
4
- showFilter?: boolean;
5
4
  fitTableWidth?: boolean;
6
5
  fitTableHeight?: boolean;
7
6
  isMobile?: boolean;
8
7
  children?: ReactNode;
8
+ showGlobalFilter?: boolean;
9
+ showFilter?: boolean;
9
10
  showFilterName?: boolean;
10
11
  showFilterTags?: boolean;
11
12
  showReload?: boolean;
@@ -14,4 +15,4 @@ export interface TableControlsProps {
14
15
  loading?: boolean;
15
16
  hasError?: boolean;
16
17
  }
17
- export declare const TableControls: ({ totalText, showFilter, fitTableWidth, fitTableHeight, isMobile, children, showFilterName, showFilterTags, showReload, filterOptions, extraItems, loading, hasError, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const TableControls: ({ totalText, fitTableWidth, fitTableHeight, isMobile, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, filterOptions, extraItems, loading, hasError, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export interface EmptyStateProps {
2
+ title: string;
3
+ description: string;
4
+ }
5
+ export declare const EmptyState: ({ title, description, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface ErrorAlertProps {
2
+ showMessage: boolean;
3
+ }
4
+ export declare const ErrorAlert: ({ showMessage }: ErrorAlertProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,5 +4,6 @@ export interface DataTableContext<TData> {
4
4
  table: Table<TData>;
5
5
  globalFilter: string;
6
6
  setGlobalFilter: OnChangeFn<string>;
7
+ type: "client" | "server";
7
8
  }
8
9
  export declare const DataTableContext: import("react").Context<DataTableContext<any>>;
@@ -11,6 +11,11 @@ export interface DisplayTextProps {
11
11
  submitSuccess?: string;
12
12
  submitAgain?: string;
13
13
  fieldRequired?: string;
14
+ total: string;
15
+ showing: string;
16
+ close: string;
17
+ typeToSearch: string;
18
+ showMore: string;
14
19
  }
15
20
  export interface FormProps<TData extends FieldValues> {
16
21
  schema: JSONSchema7;
@@ -20,7 +25,7 @@ export interface FormProps<TData extends FieldValues> {
20
25
  onSubmit?: SubmitHandler<TData>;
21
26
  preLoadedValues?: object;
22
27
  rowNumber?: number | string;
23
- displayText?: DisplayTextProps;
28
+ displayText?: Partial<DisplayTextProps>;
24
29
  }
25
30
  export interface CustomJSONSchema7Definition extends JSONSchema7 {
26
31
  variant: string;
@@ -0,0 +1,5 @@
1
+ export interface IdPickerProps {
2
+ column: string;
3
+ isMultiple?: boolean;
4
+ }
5
+ export declare const EnumPicker: ({ column, isMultiple }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -74,7 +74,7 @@ export * from "./components/DataTable/TableCardContainer";
74
74
  export * from "./components/DataTable/TableCards";
75
75
  export * from "./components/DataTable/TableComponent";
76
76
  export * from "./components/DataTable/TableControls";
77
- export * from "./components/DataTable/TableFilter";
77
+ export * from "./components/DataTable/TableFilters";
78
78
  export * from "./components/DataTable/TableFilterTags";
79
79
  export * from "./components/DataTable/TableFooter";
80
80
  export * from "./components/DataTable/TableHeader";
@@ -88,6 +88,8 @@ export * from "./components/DataTable/useDataTable";
88
88
  export * from "./components/DataTable/context/useDataTableContext";
89
89
  export * from "./components/DataTable/useDataTableServer";
90
90
  export * from "./components/DataTable/utils/getColumns";
91
+ export * from "./components/DataTable/components/EmptyState";
92
+ export * from "./components/DataTable/components/ErrorAlert";
91
93
  export * from "./components/Filter/FilterOptions";
92
94
  export * from "./components/Filter/GlobalFilter";
93
95
  export * from "./components/Form/Form";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bsol-oss/react-datatable5",
3
- "version": "7.1.0",
3
+ "version": "7.3.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -44,12 +44,12 @@
44
44
  "@tanstack/react-table": "^8.16.0",
45
45
  "axios": "^1.7.9",
46
46
  "dayjs": "^1.11.13",
47
+ "next-themes": "^0.4.4",
47
48
  "react": "^19.0.0",
48
49
  "react-dom": "^19.0.0",
49
50
  "react-hook-form": "^7.54.2",
50
51
  "react-icons": "^5.4.0",
51
- "tiny-invariant": "^1.3.3",
52
- "next-themes": "^0.4.4"
52
+ "tiny-invariant": "^1.3.3"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@chromatic-com/storybook": "^3.2.3",
@@ -78,5 +78,7 @@
78
78
  "typescript": "^5.2.2",
79
79
  "vite": "^5.2.0"
80
80
  },
81
- "dependencies": {}
81
+ "dependencies": {
82
+ "@uidotdev/usehooks": "^2.4.1"
83
+ }
82
84
  }