@databiosphere/findable-ui 32.0.0 → 32.0.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "32.0.0"
+  ".": "32.0.1"
 }

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [32.0.1](https://github.com/DataBiosphere/findable-ui/compare/v32.0.0...v32.0.1) (2025-05-20)
+
+
+### Bug Fixes
+
+* prevent table column def and data mismatch for client side filtering ([#484](https://github.com/DataBiosphere/findable-ui/issues/484)) ([#485](https://github.com/DataBiosphere/findable-ui/issues/485)) ([04f0ec8](https://github.com/DataBiosphere/findable-ui/commit/04f0ec8d1ac13e91c8f97d5becb58a0662f54939))
+* update explorestate provider updateentityfilters action ([#486](https://github.com/DataBiosphere/findable-ui/issues/486)) ([ae16e1c](https://github.com/DataBiosphere/findable-ui/commit/ae16e1c810d629e533f287e229d783315fa37e29))
+* update explorestate provider updateentityfilters action: update filters when tabvalue matches entitylisttype ([#486](https://github.com/DataBiosphere/findable-ui/issues/486)) ([#487](https://github.com/DataBiosphere/findable-ui/issues/487)) ([ae16e1c](https://github.com/DataBiosphere/findable-ui/commit/ae16e1c810d629e533f287e229d783315fa37e29))
+
 ## [32.0.0](https://github.com/DataBiosphere/findable-ui/compare/v31.0.0...v32.0.0) (2025-05-19)
 
 

package/lib/components/Index/index.js

@@ -11,7 +11,7 @@ import { useTable } from "./table/hook";
 export const Index = ({ categoryFilters, className, entityListType, entityName, ListHero, loading, SideBarButton, SubTitleHero, Summaries, Tabs, title, }) => {
     const { onChange, viewMode, viewStatus } = useEntitiesView();
     const { dimensions } = useLayoutDimensions();
-    const { table } = useTable();
+    const { table } = useTable({ entityListType });
     return (React.createElement(IndexLayout, { className: className, marginTop: dimensions.header.height },
         React.createElement(Hero, { SideBarButton: SideBarButton, Summaries: Summaries, title: title }),
         SubTitleHero,

package/lib/components/Index/table/hook.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from "@tanstack/react-table";
-import { UseTable } from "./types";
-export declare const useTable: <T extends RowData>() => UseTable<T>;
+import { UseTable, UseTableProps } from "./types";
+export declare const useTable: <T extends RowData>({ entityListType, }: UseTableProps) => UseTable<T>;

package/lib/components/Index/table/hook.js

@@ -16,8 +16,7 @@ import { ROW_PREVIEW } from "../../Table/features/RowPreview/constants";
 import { buildBaseColumnDef } from "../../TableCreator/common/utils";
 import { useTableOptions } from "../../TableCreator/options/hook";
 import { createCell } from "./coreOptions/columns/cellFactory";
-// eslint-disable-next-line sonarjs/cognitive-complexity -- TODO fix component length / complexity
-export const useTable = () => {
+export const useTable = ({ entityListType, }) => {
     const { entityConfig } = useConfig();
     const exploreMode = useExploreMode();
     const { exploreDispatch, exploreState } = useExploreState();
@@ -141,6 +140,8 @@ export const useTable = () => {
     }, [clientFiltering, filterState, table]);
     // Process explore response - client-side filtering only.
     useEffect(() => {
+        if (entityListType !== tabValue)
+            return;
         if (!listItems || listItems.length === 0)
             return;
         if (clientFiltering) {
@@ -162,9 +163,11 @@ export const useTable = () => {
         allColumns,
         clientFiltering,
         columnFilters,
+        entityListType,
         exploreDispatch,
         listItems,
         rows,
+        tabValue,
     ]);
     return { table };
 };

package/lib/components/Index/table/types.d.ts

@@ -2,3 +2,6 @@ import { RowData, Table } from "@tanstack/react-table";
 export interface UseTable<T extends RowData> {
     table: Table<T>;
 }
+export interface UseTableProps {
+    entityListType: string;
+}

package/lib/providers/exploreState.js

@@ -262,6 +262,13 @@ function exploreReducer(state, action, exploreContext) {
                 ...state,
                 entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { grouping, rowPreview, rowSelection, sorting }, categoryGroupConfigKey),
                 rowPreview: closeRowPreview(state.rowPreview),
+                ...(payload.entityListType === state.tabValue
+                    ? {
+                        filterCount: getFilterCount(filterState),
+                        filterState,
+                        paginationState: { ...resetPage(state.paginationState), rows: 0 },
+                    }
+                    : {}),
             };
         }
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "32.0.0",
+  "version": "32.0.1",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",

package/src/components/Index/index.tsx

@@ -25,7 +25,7 @@ export const Index = ({
 }: IndexProps): JSX.Element => {
   const { onChange, viewMode, viewStatus } = useEntitiesView();
   const { dimensions } = useLayoutDimensions();
-  const { table } = useTable();
+  const { table } = useTable({ entityListType });
   return (
     <IndexLayout className={className} marginTop={dimensions.header.height}>
       <Hero SideBarButton={SideBarButton} Summaries={Summaries} title={title} />

package/src/components/Index/table/hook.ts

@@ -40,10 +40,12 @@ import { RowPreviewState } from "../../Table/features/RowPreview/entities";
 import { buildBaseColumnDef } from "../../TableCreator/common/utils";
 import { useTableOptions } from "../../TableCreator/options/hook";
 import { createCell } from "./coreOptions/columns/cellFactory";
-import { UseTable } from "./types";
+import { UseTable, UseTableProps } from "./types";
 
-// eslint-disable-next-line sonarjs/cognitive-complexity -- TODO fix component length / complexity
-export const useTable = <T extends RowData>(): UseTable<T> => {
+export const useTable = <T extends RowData>({
+  entityListType,
+}: // eslint-disable-next-line sonarjs/cognitive-complexity -- TODO fix complexity
+UseTableProps): UseTable<T> => {
   const { entityConfig } = useConfig();
   const exploreMode = useExploreMode();
   const { exploreDispatch, exploreState } = useExploreState();
@@ -209,6 +211,7 @@ export const useTable = <T extends RowData>(): UseTable<T> => {
 
   // Process explore response - client-side filtering only.
   useEffect(() => {
+    if (entityListType !== tabValue) return;
     if (!listItems || listItems.length === 0) return;
     if (clientFiltering) {
       exploreDispatch({
@@ -229,9 +232,11 @@ export const useTable = <T extends RowData>(): UseTable<T> => {
     allColumns,
     clientFiltering,
     columnFilters,
+    entityListType,
     exploreDispatch,
     listItems,
     rows,
+    tabValue,
   ]);
 
   return { table };

package/src/components/Index/table/types.ts

@@ -3,3 +3,7 @@ import { RowData, Table } from "@tanstack/react-table";
 export interface UseTable<T extends RowData> {
   table: Table<T>;
 }
+
+export interface UseTableProps {
+  entityListType: string;
+}

package/src/providers/exploreState.tsx

@@ -620,6 +620,13 @@ function exploreReducer(
           categoryGroupConfigKey
         ),
         rowPreview: closeRowPreview(state.rowPreview),
+        ...(payload.entityListType === state.tabValue
+          ? {
+              filterCount: getFilterCount(filterState),
+              filterState,
+              paginationState: { ...resetPage(state.paginationState), rows: 0 },
+            }
+          : {}),
       };
     }
     /**