@tint-ui/data-table 0.3.6 → 0.3.8

package/cjs/data-table.js

@@ -13,7 +13,7 @@ var _context = require("./context");
 var _dataTableToolbar = require("./data-table-toolbar");
 var _dataTableContent = require("./data-table-content");
 var _dataTablePagination = require("./data-table-pagination");
-const _excluded = ["themePropsType", "header", "table", "data", "navbar", "initialData", "limit", "offset", "lexicon", "total", "onRowClick", "filter", "filterText", "sortBy", "sortDir", "toolbar", "cacheable"];
+const _excluded = ["themePropsType", "header", "table", "data", "navbar", "initialData", "limit", "offset", "lexicon", "total", "onRowClick", "filter", "filterText", "sortBy", "sortDir", "toolbar", "cacheable", "options"];
 const DataTable = exports.DataTable = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       themePropsType = "data-table",
@@ -32,7 +32,8 @@ const DataTable = exports.DataTable = /*#__PURE__*/React.forwardRef((_ref, ref)
       sortBy,
       sortDir,
       toolbar,
-      cacheable
+      cacheable,
+      options
     } = _ref,
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const context = (0, _useDataTable.useDataTable)({
@@ -51,7 +52,8 @@ const DataTable = exports.DataTable = /*#__PURE__*/React.forwardRef((_ref, ref)
     sortDir,
     header,
     onRowClick,
-    cacheable
+    cacheable,
+    options
   });
   return /*#__PURE__*/React.createElement(_context.DataTableContext.Provider, {
     value: context

package/cjs/index.js

@@ -91,6 +91,12 @@ Object.keys(_paginationSizeOptions).forEach(function (key) {
   if (key in exports && exports[key] === _paginationSizeOptions[key]) return;
   exports[key] = _paginationSizeOptions[key];
 });
+var _useDataTable = require("./use-data-table");
+Object.keys(_useDataTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDataTable[key]) return;
+  exports[key] = _useDataTable[key];
+});
 var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/use-data-table.js

@@ -199,7 +199,8 @@ const useDataTable = function (props) {
     cacheable = true,
     onRowClick,
     toolbar: toolbarProp,
-    navbar: navbarProp
+    navbar: navbarProp,
+    options
   } = props;
   const {
     name,
@@ -390,6 +391,10 @@ const useDataTable = function (props) {
             return prev;
           }
           const state = Object.assign({}, prev, {
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             columnFilters: [],
             globalFilter: ""
           });
@@ -431,6 +436,10 @@ const useDataTable = function (props) {
             value = value(globalFilter);
           }
           const state = Object.assign({}, rest, {
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             globalFilter: value == null ? "" : String(value)
           });
           if (force(state, true, "filter-text")) {
@@ -456,6 +465,10 @@ const useDataTable = function (props) {
             value
           }) => Array.isArray(value) ? value.length > 0 : value != null && value !== "");
           const state = Object.assign({}, rest, {
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             columnFilters: value
           });
           if (force(state)) {
@@ -475,6 +488,10 @@ const useDataTable = function (props) {
             } = prev,
             rest = (0, _objectWithoutPropertiesLoose2.default)(prev, _excluded3);
           const state = Object.assign({}, rest, {
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             error: null,
             sorting: typeof value === "function" ? value(sorting) : value,
             loading: false
@@ -689,7 +706,7 @@ const useDataTable = function (props) {
   const {
     pagination
   } = state;
-  const tableCtx = (0, _reactTable.useReactTable)({
+  const tableCtx = (0, _reactTable.useReactTable)(Object.assign({
     data,
     columns,
     pageCount: manual ? state.pageCount : undefined,
@@ -713,7 +730,7 @@ const useDataTable = function (props) {
     manualFiltering: manual,
     manualSorting: manual,
     manualPagination: manual
-  });
+  }, options));
 
   // lexicon page config
   const limit = pagination.pageSize;
@@ -736,7 +753,6 @@ const useDataTable = function (props) {
     size,
     selected: state.selected.length
   });
-  console.log("state.loadingTarget", state.loadingTarget);
   return {
     hash,
     data,

package/data-table.js

@@ -25,6 +25,7 @@ const DataTable = /*#__PURE__*/React.forwardRef(({
   sortDir,
   toolbar,
   cacheable,
+  options,
   ...props
 }, ref) => {
   const context = useDataTable({
@@ -43,7 +44,8 @@ const DataTable = /*#__PURE__*/React.forwardRef(({
     sortDir,
     header,
     onRowClick,
-    cacheable
+    cacheable,
+    options
   });
   return /*#__PURE__*/React.createElement(DataTableContext.Provider, {
     value: context

package/index.d.ts

@@ -13,4 +13,5 @@ export * from "./data-table";
 export * from "./pagination-arrow";
 export * from "./pagination-number";
 export * from "./pagination-size-options";
+export * from "./use-data-table";
 export * from "./types";

package/index.js

@@ -13,4 +13,5 @@ export * from "./data-table.js";
 export * from "./pagination-arrow.js";
 export * from "./pagination-number.js";
 export * from "./pagination-size-options.js";
+export * from "./use-data-table.js";
 export * from "./types.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tint-ui/data-table",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "author": "phragon@websoftlab.com",
   "license": "MIT",
   "dependencies": {

package/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { Table } from "@tanstack/react-table";
+import type { Table, TableOptions } from "@tanstack/react-table";
 import type { InputSelectOption } from "@tint-ui/tools";
 import type { TriggerProp } from "@tint-ui/trigger";
 interface FilterRangeType {
@@ -47,6 +47,7 @@ export interface DataTableCoreProps<TData> extends FilterType<TData> {
     navbar?: Partial<Omit<NavbarConfig, "onPageSizeChange">> | null;
     compact?: boolean;
     cacheable?: boolean;
+    options?: TableOptions<TData>;
 }
 export type StringOrFn = string | (() => string);
 export interface DataTableLexicon {

package/use-data-table.js

@@ -189,7 +189,8 @@ const useDataTable = function (props) {
     cacheable = true,
     onRowClick,
     toolbar: toolbarProp,
-    navbar: navbarProp
+    navbar: navbarProp,
+    options
   } = props;
   const {
     name,
@@ -383,6 +384,10 @@ const useDataTable = function (props) {
           }
           const state = {
             ...prev,
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             columnFilters: [],
             globalFilter: ""
           };
@@ -426,6 +431,10 @@ const useDataTable = function (props) {
           }
           const state = {
             ...rest,
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             globalFilter: value == null ? "" : String(value)
           };
           if (force(state, true, "filter-text")) {
@@ -452,6 +461,10 @@ const useDataTable = function (props) {
           }) => Array.isArray(value) ? value.length > 0 : value != null && value !== "");
           const state = {
             ...rest,
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             columnFilters: value
           };
           if (force(state)) {
@@ -472,6 +485,10 @@ const useDataTable = function (props) {
           } = prev;
           const state = {
             ...rest,
+            pagination: {
+              pageSize: prev.pagination.pageSize,
+              pageIndex: 0
+            },
             error: null,
             sorting: typeof value === "function" ? value(sorting) : value,
             loading: false
@@ -710,7 +727,8 @@ const useDataTable = function (props) {
     onPaginationChange,
     manualFiltering: manual,
     manualSorting: manual,
-    manualPagination: manual
+    manualPagination: manual,
+    ...options
   });
 
   // lexicon page config
@@ -734,7 +752,6 @@ const useDataTable = function (props) {
     size,
     selected: state.selected.length
   });
-  console.log("state.loadingTarget", state.loadingTarget);
   return {
     hash,
     data,