@databiosphere/findable-ui 37.0.0 → 37.1.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "37.0.0"
+  ".": "37.1.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [37.1.0](https://github.com/DataBiosphere/findable-ui/compare/v37.0.0...v37.1.0) (2025-06-19)
+
+
+### Features
+
+* hide global filtering search bar when global filters are disabled ([#547](https://github.com/DataBiosphere/findable-ui/issues/547)) ([#548](https://github.com/DataBiosphere/findable-ui/issues/548)) ([1a392ba](https://github.com/DataBiosphere/findable-ui/commit/1a392bac3707451404365989dc3187f59c181998))
+
 ## [37.0.0](https://github.com/DataBiosphere/findable-ui/compare/v36.0.0...v37.0.0) (2025-06-19)
 
 

package/lib/components/DataDictionary/components/Filters/components/ColumnFilters/columnFilters.d.ts

@@ -1,4 +1,4 @@
 import { RowData } from "@tanstack/react-table";
 import { Attribute } from "../../../../../../common/entities";
 import { ColumnFiltersProps } from "./types";
-export declare const ColumnFilters: <T extends RowData = Attribute>({ table, }: ColumnFiltersProps<T>) => JSX.Element;
+export declare const ColumnFilters: <T extends RowData = Attribute>({ table, }: ColumnFiltersProps<T>) => JSX.Element | null;

package/lib/components/DataDictionary/components/Filters/components/ColumnFilters/columnFilters.js

@@ -5,5 +5,8 @@ import { ColumnFilter } from "../../../../../Table/components/TableFeatures/Colu
 export const ColumnFilters = ({ table, }) => {
     const columns = table.getAllColumns();
     const columnFilters = columns.filter((column) => column.getCanFilter());
+    const enableColumnFilters = table.options.enableColumnFilters;
+    if (!enableColumnFilters)
+        return null;
     return (React.createElement(ButtonGroup, { ...BUTTON_GROUP_PROPS.SECONDARY_OUTLINED }, columnFilters.map((column) => (React.createElement(ColumnFilter, { key: column.id, column: column })))));
 };

package/lib/components/DataDictionary/components/Filters/stories/filters.stories.js

@@ -30,6 +30,7 @@ const DefaultStory = () => {
     const table = {
         getAllColumns: () => [DESCRIPTION, REQUIRED, BIONETWORK, EXAMPLE].map(makeColumn),
         getState: () => ({ globalFilter }),
+        options: { enableColumnFilters: true, enableGlobalFilter: true },
         setGlobalFilter,
     };
     return React.createElement(Filters, { table: table });

package/lib/components/Table/components/TableFeatures/GlobalFilter/globalFilter.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from "@tanstack/react-table";
 import { GlobalFilterProps } from "./types";
-export declare const GlobalFilter: <T extends RowData>({ className, table, ...props }: GlobalFilterProps<T>) => JSX.Element;
+export declare const GlobalFilter: <T extends RowData>({ className, table, ...props }: GlobalFilterProps<T>) => JSX.Element | null;

package/lib/components/Table/components/TableFeatures/GlobalFilter/globalFilter.js

@@ -4,7 +4,10 @@ import { SearchInputAdornment } from "../../../../common/OutlinedInput/component
 import { StyledOutlinedInput } from "../../../../common/OutlinedInput/outlinedInput.styles";
 import { OUTLINED_INPUT_PROPS } from "./constants";
 export const GlobalFilter = ({ className, table, ...props /* MuiOutlinedInputProps */ }) => {
-    const { getState, setGlobalFilter } = table;
+    const { getState, options, setGlobalFilter } = table;
     const { globalFilter } = getState();
+    const { enableGlobalFilter } = options;
+    if (!enableGlobalFilter)
+        return null;
     return (React.createElement(StyledOutlinedInput, { ...OUTLINED_INPUT_PROPS, className: className, endAdornment: React.createElement(ClearInputAdornment, { in: !!globalFilter, onClick: () => setGlobalFilter(undefined) }), hasValue: !!globalFilter, onChange: (e) => setGlobalFilter(e.target.value), startAdornment: React.createElement(SearchInputAdornment, null), value: globalFilter ?? "", ...props }));
 };

package/package.json

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

package/src/components/DataDictionary/components/Filters/components/ColumnFilters/columnFilters.tsx

@@ -8,9 +8,13 @@ import { ColumnFiltersProps } from "./types";
 
 export const ColumnFilters = <T extends RowData = Attribute>({
   table,
-}: ColumnFiltersProps<T>): JSX.Element => {
+}: ColumnFiltersProps<T>): JSX.Element | null => {
   const columns = table.getAllColumns();
   const columnFilters = columns.filter((column) => column.getCanFilter());
+  const enableColumnFilters = table.options.enableColumnFilters;
+
+  if (!enableColumnFilters) return null;
+
   return (
     <ButtonGroup {...BUTTON_GROUP_PROPS.SECONDARY_OUTLINED}>
       {columnFilters.map((column) => (

package/src/components/DataDictionary/components/Filters/stories/filters.stories.tsx

@@ -43,6 +43,7 @@ const DefaultStory = (): JSX.Element => {
     getAllColumns: () =>
       [DESCRIPTION, REQUIRED, BIONETWORK, EXAMPLE].map(makeColumn),
     getState: () => ({ globalFilter }),
+    options: { enableColumnFilters: true, enableGlobalFilter: true },
     setGlobalFilter,
   } as Table<unknown>;
 

package/src/components/Table/components/TableFeatures/GlobalFilter/globalFilter.tsx

@@ -10,9 +10,13 @@ export const GlobalFilter = <T extends RowData>({
   className,
   table,
   ...props /* MuiOutlinedInputProps */
-}: GlobalFilterProps<T>): JSX.Element => {
-  const { getState, setGlobalFilter } = table;
+}: GlobalFilterProps<T>): JSX.Element | null => {
+  const { getState, options, setGlobalFilter } = table;
   const { globalFilter } = getState();
+  const { enableGlobalFilter } = options;
+
+  if (!enableGlobalFilter) return null;
+
   return (
     <StyledOutlinedInput
       {...OUTLINED_INPUT_PROPS}