From 8622c3dafb1bf60e5a9f76c5f511f09331eec781 Mon Sep 17 00:00:00 2001
From: Maxim Dietz <maxim.dietz@goteleport.com>
Date: Mon, 4 Nov 2024 17:44:40 -0500
Subject: [PATCH] fix: Provide `isSearchable` prop to paginated table (#48251)

---
 web/packages/design/src/DataTable/Table.tsx | 36 ++++++++++++---------
 web/packages/design/src/DataTable/types.ts  |  1 +
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/web/packages/design/src/DataTable/Table.tsx b/web/packages/design/src/DataTable/Table.tsx
index d028e1b18a844..62739d25b0951 100644
--- a/web/packages/design/src/DataTable/Table.tsx
+++ b/web/packages/design/src/DataTable/Table.tsx
@@ -188,6 +188,7 @@ export default function Table<T>(props: TableProps<T>) {
       searchValue: state.searchValue,
       setSearchValue,
       fetching,
+      isSearchable,
     };
 
     if (state.pagination.CustomTable) {
@@ -279,6 +280,7 @@ function PagedTable<T>({
   fetching,
   className,
   style,
+  isSearchable,
 }: PagedTableProps<T>) {
   const { pagerPosition, paginatedData, currentPage } = pagination;
   const { showBothPager, showBottomPager, showTopPager } = getPagerPosition(
@@ -288,21 +290,25 @@ function PagedTable<T>({
 
   return (
     <>
-      <StyledPanel>
-        <InputSearch
-          searchValue={searchValue}
-          setSearchValue={setSearchValue}
-        />
-        {(showTopPager || showBothPager) && (
-          <ClientSidePager
-            nextPage={nextPage}
-            prevPage={prevPage}
-            data={data}
-            {...fetching}
-            {...pagination}
-          />
-        )}
-      </StyledPanel>
+      {(isSearchable || showTopPager || showBothPager) && (
+        <StyledPanel>
+          {isSearchable && (
+            <InputSearch
+              searchValue={searchValue}
+              setSearchValue={setSearchValue}
+            />
+          )}
+          {(showTopPager || showBothPager) && (
+            <ClientSidePager
+              nextPage={nextPage}
+              prevPage={prevPage}
+              data={data}
+              {...fetching}
+              {...pagination}
+            />
+          )}
+        </StyledPanel>
+      )}
       <StyledTable className={className} style={style}>
         {renderHeaders()}
         {renderBody(paginatedData[currentPage])}
diff --git a/web/packages/design/src/DataTable/types.ts b/web/packages/design/src/DataTable/types.ts
index 9f5ec0490653c..14f7c1344a99f 100644
--- a/web/packages/design/src/DataTable/types.ts
+++ b/web/packages/design/src/DataTable/types.ts
@@ -218,6 +218,7 @@ export type PagedTableProps<T> = SearchableBasicTableProps<T> & {
   prevPage: () => void;
   pagination: Pagination<T>;
   fetching?: FetchingConfig;
+  isSearchable?: boolean;
 };
 
 export type ServersideTableProps<T> = BasicTableProps<T> & {