@snack-uikit/table 0.17.3 → 0.17.4-preview-b7782fba.0

package/dist/components/Table/Table.js

@@ -38,7 +38,6 @@ export function Table(_a) {
     const { state: sorting, onStateChange: onSortingChange } = useStateControl(sortingProp, []);
     const { state: pagination, onStateChange: onPaginationChange } = useStateControl(paginationProp, defaultPaginationState);
     const enableSelection = Boolean(rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.enable);
-    usePageReset({ data, pagination, onPaginationChange });
     const tableColumns = useMemo(() => {
         let cols = columnDefinitions;
         if (enableSelection) {
@@ -77,7 +76,7 @@ export function Table(_a) {
         manualSorting,
         manualPagination,
         manualFiltering,
-        globalFilterFn: enableFuzzySearch ? fuzzyFilter : undefined,
+        globalFilterFn: enableFuzzySearch ? fuzzyFilter : 'includesString',
         onGlobalFilterChange,
         getRowId,
         onRowSelectionChange,
@@ -169,6 +168,12 @@ export function Table(_a) {
         const tempPageSize = !suppressPagination ? tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize : pageSize;
         return !tableRows.length ? Math.min(Math.max(tempPageSize, 5), DEFAULT_PAGE_SIZE) : tempPageSize;
     }, [pageSize, suppressPagination, tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize, tableRows.length]);
+    usePageReset({
+        manualPagination,
+        maximumAvailablePage: pageCount || data.length / pagination.pageSize,
+        pagination,
+        onPaginationChange,
+    });
     return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ style: {
                 '--page-size': cssPageSize,
             }, className: cn(styles.wrapper, className) }, extractSupportProps(rest), { children: [!suppressToolbar && (_jsxs("div", { className: styles.header, children: [_jsx(Toolbar, { search: {

package/dist/components/Table/hooks/usePageReset.d.ts

@@ -1,8 +1,9 @@
 import { PaginationState } from '@tanstack/react-table';
-type UsePageResetProps<TData extends object> = {
-    data: TData[];
+type UsePageResetProps = {
+    manualPagination: boolean;
+    maximumAvailablePage: number;
     pagination: PaginationState;
     onPaginationChange(state: PaginationState): void;
 };
-export declare function usePageReset<TData extends object>({ pagination, data, onPaginationChange }: UsePageResetProps<TData>): void;
+export declare function usePageReset({ manualPagination, pagination, maximumAvailablePage, onPaginationChange, }: UsePageResetProps): void;
 export {};

package/dist/components/Table/hooks/usePageReset.js

@@ -1,10 +1,9 @@
 import { useEffect } from 'react';
-export function usePageReset({ pagination, data, onPaginationChange }) {
+export function usePageReset({ manualPagination, pagination, maximumAvailablePage, onPaginationChange, }) {
     useEffect(() => {
         const { pageIndex } = pagination;
-        const maximumAvailablePage = data.length / pagination.pageSize;
-        if (pageIndex > 0 && pageIndex >= maximumAvailablePage) {
+        if (!manualPagination && pageIndex > 0 && pageIndex >= maximumAvailablePage) {
             onPaginationChange(Object.assign(Object.assign({}, pagination), { pageIndex: 0 }));
         }
-    }, [data.length, onPaginationChange, pagination]);
+    }, [maximumAvailablePage, manualPagination, onPaginationChange, pagination]);
 }

package/dist/utils.d.ts

@@ -1,2 +1,3 @@
 import { FilterFn } from '@tanstack/react-table';
 export declare const fuzzyFilter: FilterFn<any>;
+export declare const preciseFilter: FilterFn<any>;

package/dist/utils.js

@@ -7,3 +7,11 @@ export const fuzzyFilter = (row, columnId, value, addMeta) => {
     });
     return itemRank.passed;
 };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const preciseFilter = (row, columnId, value, addMeta) => {
+    const itemRank = rankItem(row.getValue(columnId), value);
+    addMeta({
+        itemRank,
+    });
+    return itemRank.passed;
+};

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.17.3",
+  "version": "0.17.4-preview-b7782fba.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "ef7c38971275539431807881d3f80e00b393d34d"
+  "gitHead": "12795dac1883cc52041c7d0e5665542da3535fc8"
 }

package/src/components/Table/Table.tsx

@@ -100,8 +100,6 @@ export function Table<TData extends object>({
   );
   const enableSelection = Boolean(rowSelectionProp?.enable);
 
-  usePageReset({ data, pagination, onPaginationChange });
-
   const tableColumns: ColumnDefinition<TData>[] = useMemo(() => {
     let cols: ColumnDefinition<TData>[] = columnDefinitions;
     if (enableSelection) {
@@ -143,7 +141,7 @@ export function Table<TData extends object>({
     manualPagination,
     manualFiltering,
 
-    globalFilterFn: enableFuzzySearch ? fuzzyFilter : undefined,
+    globalFilterFn: enableFuzzySearch ? fuzzyFilter : 'includesString',
     onGlobalFilterChange,
 
     getRowId,
@@ -257,6 +255,13 @@ export function Table<TData extends object>({
     return !tableRows.length ? Math.min(Math.max(tempPageSize, 5), DEFAULT_PAGE_SIZE) : tempPageSize;
   }, [pageSize, suppressPagination, tablePagination?.pageSize, tableRows.length]);
 
+  usePageReset({
+    manualPagination,
+    maximumAvailablePage: pageCount || data.length / pagination.pageSize,
+    pagination,
+    onPaginationChange,
+  });
+
   return (
     <>
       <div

package/src/components/Table/hooks/usePageReset.ts

@@ -1,19 +1,24 @@
 import { PaginationState } from '@tanstack/react-table';
 import { useEffect } from 'react';
 
-type UsePageResetProps<TData extends object> = {
-  data: TData[];
+type UsePageResetProps = {
+  manualPagination: boolean;
+  maximumAvailablePage: number;
   pagination: PaginationState;
   onPaginationChange(state: PaginationState): void;
 };
 
-export function usePageReset<TData extends object>({ pagination, data, onPaginationChange }: UsePageResetProps<TData>) {
+export function usePageReset({
+  manualPagination,
+  pagination,
+  maximumAvailablePage,
+  onPaginationChange,
+}: UsePageResetProps) {
   useEffect(() => {
     const { pageIndex } = pagination;
-    const maximumAvailablePage = data.length / pagination.pageSize;
 
-    if (pageIndex > 0 && pageIndex >= maximumAvailablePage) {
+    if (!manualPagination && pageIndex > 0 && pageIndex >= maximumAvailablePage) {
       onPaginationChange({ ...pagination, pageIndex: 0 });
     }
-  }, [data.length, onPaginationChange, pagination]);
+  }, [maximumAvailablePage, manualPagination, onPaginationChange, pagination]);
 }

package/src/utils.ts

@@ -11,3 +11,14 @@ export const fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {
 
   return itemRank.passed;
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const preciseFilter: FilterFn<any> = (row, columnId, value, addMeta) => {
+  const itemRank: RankingInfo = rankItem(row.getValue(columnId), value);
+
+  addMeta({
+    itemRank,
+  });
+
+  return itemRank.passed;
+};