@bsol-oss/react-datatable5 9.2.0 → 11.0.0-beta.0

package/dist/types/components/Controls/FilterDialog.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface EditFilterButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const FilterDialog: ({ icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Controls/Pagination.d.ts

@@ -0,0 +1 @@
+export declare const Pagination: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Controls/ViewDialog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface EditViewButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const ViewDialog: ({ icon }: EditViewButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/DataTable.d.ts

@@ -2,6 +2,7 @@ import { ColumnDef, ColumnFiltersState, ColumnOrderState, FilterFn, OnChangeFn,
 import { ReactNode } from "react";
 import { RankingInfo } from "@tanstack/match-sorter-utils";
 import { DensityState } from "../Controls/DensityFeature";
+import { UseTranslationResponse } from "react-i18next";
 declare module "@tanstack/react-table" {
     interface FilterFns {
         fuzzy: FilterFn<unknown>;
@@ -47,6 +48,7 @@ export interface DataTableProps<TData = unknown> {
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
+    translate: UseTranslationResponse<any, any>;
 }
 /**
  * DataTable will create a context to hold all values to
@@ -58,4 +60,4 @@ export interface DataTableProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-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;
+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, translate, children, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/DataTableServer.d.ts

@@ -3,6 +3,7 @@ import { UseQueryResult } from "@tanstack/react-query";
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { DensityState } from "../Controls/DensityFeature";
 import { DataResponse } from "./useDataTableServer";
+import { UseTranslationResponse } from "react-i18next";
 export interface DataTableServerProps<TData extends DataResponse = DataResponse<unknown>> {
     children: ReactNode | ReactNode[];
     /**
@@ -34,6 +35,7 @@ export interface DataTableServerProps<TData extends DataResponse = DataResponse<
     setColumnVisibility: OnChangeFn<VisibilityState>;
     query: UseQueryResult<TData>;
     url: string;
+    translate: UseTranslationResponse<any, any>;
 }
 /**
  * DataTableServer will create a context to hold all values to
@@ -46,4 +48,4 @@ export interface DataTableServerProps<TData extends DataResponse = DataResponse<
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-export declare function DataTableServer<TData extends DataResponse = DataResponse<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;
+export declare function DataTableServer<TData extends DataResponse = DataResponse<unknown>>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, translate, children, }: DataTableServerProps<TData>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/TableControls.d.ts

@@ -3,7 +3,6 @@ export interface TableControlsProps {
     totalText?: string;
     fitTableWidth?: boolean;
     fitTableHeight?: boolean;
-    isMobile?: boolean;
     children?: ReactNode;
     showGlobalFilter?: boolean;
     showFilter?: boolean;
@@ -13,9 +12,10 @@ export interface TableControlsProps {
     showPagination?: boolean;
     showPageSizeControl?: boolean;
     showPageCountText?: boolean;
+    showView?: boolean;
     filterOptions?: string[];
     extraItems?: ReactNode;
     loading?: boolean;
     hasError?: boolean;
 }
-export declare const TableControls: ({ totalText, fitTableWidth, fitTableHeight, isMobile, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, filterOptions, extraItems, loading, hasError, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterOptions, extraItems, loading, hasError, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/context/DataTableContext.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { OnChangeFn, Table } from "@tanstack/react-table";
+import { UseTranslationResponse } from "react-i18next";
 export interface DataTableContext<TData = unknown> {
     table: Table<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
     type: "client" | "server";
+    translate: UseTranslationResponse<any, any>;
 }
 export declare const DataTableContext: import("react").Context<DataTableContext<unknown>>;

package/dist/types/components/DataTable/useDataTable.d.ts

@@ -1,5 +1,6 @@
 import { ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { DensityState } from "../Controls/DensityFeature";
+import { UseTranslationResponse } from "react-i18next";
 export interface DataTableDefaultState {
     sorting?: SortingState;
     columnFilters?: ColumnFiltersState;
@@ -12,6 +13,7 @@ export interface DataTableDefaultState {
 }
 export interface UseDataTableProps {
     default?: DataTableDefaultState;
+    keyPrefix?: string;
 }
 export interface UseDataTableReturn {
     sorting: SortingState;
@@ -30,5 +32,6 @@ export interface UseDataTableReturn {
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
+    translate: UseTranslationResponse<any, any>;
 }
-export declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;
+export declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, keyPrefix, }?: UseDataTableProps) => UseDataTableReturn;

package/dist/types/components/DataTable/useDataTableServer.d.ts

@@ -24,4 +24,4 @@ export interface Result<T = unknown> {
 export interface DataResponse<T = unknown> extends Result<T> {
     count: number;
 }
-export declare const useDataTableServer: <TData>({ url, default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }: UseDataTableServerProps) => UseDataTableServerReturn<TData>;
+export declare const useDataTableServer: <TData>({ url, default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, keyPrefix, }: UseDataTableServerProps) => UseDataTableServerReturn<TData>;

package/dist/types/components/Form/Form.d.ts

@@ -1,4 +1,5 @@
 import { ForeignKeyProps } from "@/components/Form/components/StringInputField";
+import { AxiosRequestConfig } from "axios";
 import { JSONSchema7 } from "json-schema";
 import { Dispatch, SetStateAction } from "react";
 import { FieldValues, SubmitHandler, UseFormReturn } from "react-hook-form";
@@ -6,6 +7,7 @@ import { UseTranslationResponse } from "react-i18next";
 export interface FormProps<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
+    requestUrl?: string;
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
     form: UseFormReturn;
@@ -13,8 +15,8 @@ export interface FormProps<TData extends FieldValues> {
     order?: string[];
     ignore?: string[];
     onSubmit?: SubmitHandler<TData>;
-    preLoadedValues?: object;
     rowNumber?: number | string;
+    requestOptions?: AxiosRequestConfig;
 }
 export interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
@@ -25,4 +27,4 @@ export interface CustomJSONSchema7Definition extends JSONSchema7 {
     gridRow: string;
     foreign_key: ForeignKeyProps;
 }
-export declare const Form: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, order, ignore, onSubmit, preLoadedValues, rowNumber, }: FormProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, order, ignore, onSubmit, preLoadedValues, rowNumber, requestOptions, }: FormProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/SchemaFormContext.d.ts

@@ -1,3 +1,4 @@
+import { AxiosRequestConfig } from "axios";
 import { JSONSchema7 } from "json-schema";
 import { Dispatch, SetStateAction } from "react";
 import { FieldValues } from "react-hook-form";
@@ -5,6 +6,7 @@ import { UseTranslationResponse } from "react-i18next";
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
+    requestUrl: string;
     order: string[];
     ignore: string[];
     onSubmit?: (data: TData) => Promise<void>;
@@ -12,5 +14,6 @@ export interface SchemaFormContext<TData extends FieldValues> {
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
     translate: UseTranslationResponse<any, any>;
+    requestOptions: AxiosRequestConfig;
 }
 export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;

package/dist/types/components/Form/useSchemaContext.d.ts

@@ -2,6 +2,7 @@
 export declare const useSchemaContext: () => {
     schema: import("json-schema").JSONSchema7;
     serverUrl: string;
+    requestUrl: string;
     order: string[];
     ignore: string[];
     onSubmit: ((data: unknown) => Promise<void>) | undefined;
@@ -9,4 +10,5 @@ export declare const useSchemaContext: () => {
     idMap: Record<string, object>;
     setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, object>>>;
     translate: import("react-i18next").UseTranslationResponse<any, any>;
+    requestOptions: import("axios").AxiosRequestConfig<any>;
 };

package/dist/types/index.d.ts

@@ -58,16 +58,16 @@ declare module "@tanstack/react-table" {
     }
 }
 export * from "./components/Controls/DensityToggleButton";
-export * from "./components/Controls/EditFilterButton";
+export * from "./components/Controls/FilterDialog";
 export * from "./components/Controls/EditOrderButton";
 export * from "./components/Controls/EditSortingButton";
-export * from "./components/Controls/EditViewButton";
+export * from "./components/Controls/ViewDialog";
 export * from "./components/Controls/PageSizeControl";
 export * from "./components/Controls/ResetFilteringButton";
 export * from "./components/Controls/ResetSelectionButton";
 export * from "./components/Controls/ResetSortingButton";
 export * from "./components/Controls/RowCountText";
-export * from "./components/Controls/TablePagination";
+export * from "./components/Controls/Pagination";
 export * from "./components/DataTable/CardHeader";
 export * from "./components/DataTable/DataDisplay";
 export * from "./components/DataTable/DataTable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "9.2.0",
+  "version": "11.0.0-beta.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",