@bsol-oss/react-datatable5 12.0.0-beta.49 → 12.0.0-beta.50

package/dist/index.d.ts

@@ -144,6 +144,7 @@ interface DataTableProps<TData = unknown> {
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
     translate: UseTranslationResponse<any, any>;
+    tableLabel: DataTableLabel;
 }
 /**
  * DataTable will create a context to hold all values to
@@ -155,32 +156,32 @@ interface DataTableProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-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>): react_jsx_runtime.JSX.Element;
-
-interface DataTableContext<TData = unknown> extends DataTableProps {
+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, tableLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface DataTableLabel {
+    view: string;
+    edit: string;
+    filterButtonText: string;
+    filterTitle: string;
+    filterReset: string;
+    filterClose: string;
+    reloadTooltip: string;
+    reloadButtonText: string;
+    resetSelection: string;
+    resetSorting: string;
+    rowCountText: string;
+    hasErrorText: string;
+}
+interface DataTableContextProps<TData = unknown> extends DataTableProps {
     table: Table$1<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
     type: "client" | "server";
     translate: UseTranslationResponse<any, unknown>;
-    tableLabel: {
-        view: string;
-        edit: string;
-        filterButtonText: string;
-        filterTitle: string;
-        filterReset: string;
-        filterClose: string;
-        reloadTooltip: string;
-        reloadButtonText: string;
-        resetSelection: string;
-        resetSorting: string;
-        rowCountText: string;
-        hasErrorText: string;
-    };
+    tableLabel: DataTableLabel;
 }
-declare const DataTableContext: React$1.Context<DataTableContext<unknown>>;
 
-declare const useDataTableContext: <TData>() => DataTableContext<TData>;
+declare const useDataTableContext: <TData>() => DataTableContextProps<TData>;
 
 interface DataDisplayProps {
     variant?: "horizontal" | "stats" | "";

package/dist/index.js

@@ -2818,7 +2818,20 @@ const fuzzyFilter = (row, columnId, value, addMeta) => {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSelection = true, enableSubRowSelection = true, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, }) {
+function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSelection = true, enableSubRowSelection = true, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, tableLabel = {
+    view: "View",
+    edit: "Edit",
+    filterButtonText: "Filter",
+    filterTitle: "Filter",
+    filterReset: "Reset",
+    filterClose: "Close",
+    reloadTooltip: "Reload",
+    reloadButtonText: "Reload",
+    resetSelection: "Reset Selection",
+    resetSorting: "Reset Sorting",
+    rowCountText: "Row Count",
+    hasErrorText: "Has Error",
+}, }) {
     const table = reactTable.useReactTable({
         _features: [DensityFeature],
         data: data,
@@ -2887,20 +2900,7 @@ function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSel
             columnVisibility,
             setColumnVisibility,
             data,
-            tableLabel: {
-                view: "View",
-                edit: "Edit",
-                filterButtonText: "Filter",
-                filterTitle: "Filter",
-                filterReset: "Reset",
-                filterClose: "Close",
-                reloadTooltip: "Reload",
-                reloadButtonText: "Reload",
-                resetSelection: "Reset Selection",
-                resetSorting: "Reset Sorting",
-                rowCountText: "Row Count",
-                hasErrorText: "Has Error",
-            },
+            tableLabel,
         }, children: children }));
 }
 

package/dist/index.mjs

@@ -2798,7 +2798,20 @@ const fuzzyFilter = (row, columnId, value, addMeta) => {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSelection = true, enableSubRowSelection = true, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, }) {
+function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSelection = true, enableSubRowSelection = true, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, tableLabel = {
+    view: "View",
+    edit: "Edit",
+    filterButtonText: "Filter",
+    filterTitle: "Filter",
+    filterReset: "Reset",
+    filterClose: "Close",
+    reloadTooltip: "Reload",
+    reloadButtonText: "Reload",
+    resetSelection: "Reset Selection",
+    resetSorting: "Reset Sorting",
+    rowCountText: "Row Count",
+    hasErrorText: "Has Error",
+}, }) {
     const table = useReactTable({
         _features: [DensityFeature],
         data: data,
@@ -2867,20 +2880,7 @@ function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSel
             columnVisibility,
             setColumnVisibility,
             data,
-            tableLabel: {
-                view: "View",
-                edit: "Edit",
-                filterButtonText: "Filter",
-                filterTitle: "Filter",
-                filterReset: "Reset",
-                filterClose: "Close",
-                reloadTooltip: "Reload",
-                reloadButtonText: "Reload",
-                resetSelection: "Reset Selection",
-                resetSorting: "Reset Sorting",
-                rowCountText: "Row Count",
-                hasErrorText: "Has Error",
-            },
+            tableLabel,
         }, children: children }));
 }
 

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 { DataTableLabel } from "./context/DataTableContext";
 import { UseTranslationResponse } from "react-i18next";
 declare module "@tanstack/react-table" {
     interface FilterFns {
@@ -49,6 +50,7 @@ export interface DataTableProps<TData = unknown> {
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
     translate: UseTranslationResponse<any, any>;
+    tableLabel: DataTableLabel;
 }
 /**
  * DataTable will create a context to hold all values to
@@ -60,4 +62,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, translate, 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, tableLabel, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;

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

@@ -2,25 +2,26 @@
 import { OnChangeFn, Table } from "@tanstack/react-table";
 import { UseTranslationResponse } from "react-i18next";
 import { DataTableProps } from "../DataTable";
-export interface DataTableContext<TData = unknown> extends DataTableProps {
+export interface DataTableLabel {
+    view: string;
+    edit: string;
+    filterButtonText: string;
+    filterTitle: string;
+    filterReset: string;
+    filterClose: string;
+    reloadTooltip: string;
+    reloadButtonText: string;
+    resetSelection: string;
+    resetSorting: string;
+    rowCountText: string;
+    hasErrorText: string;
+}
+export interface DataTableContextProps<TData = unknown> extends DataTableProps {
     table: Table<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
     type: "client" | "server";
     translate: UseTranslationResponse<any, unknown>;
-    tableLabel: {
-        view: string;
-        edit: string;
-        filterButtonText: string;
-        filterTitle: string;
-        filterReset: string;
-        filterClose: string;
-        reloadTooltip: string;
-        reloadButtonText: string;
-        resetSelection: string;
-        resetSorting: string;
-        rowCountText: string;
-        hasErrorText: string;
-    };
+    tableLabel: DataTableLabel;
 }
-export declare const DataTableContext: import("react").Context<DataTableContext<unknown>>;
+export declare const DataTableContext: import("react").Context<DataTableContextProps<unknown>>;

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

@@ -1,2 +1,2 @@
-import { DataTableContext } from "./DataTableContext";
-export declare const useDataTableContext: <TData>() => DataTableContext<TData>;
+import { DataTableContextProps } from "./DataTableContext";
+export declare const useDataTableContext: <TData>() => DataTableContextProps<TData>;

package/package.json

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