@marimo-team/islands 0.23.11-dev28 → 0.23.11-dev29

package/dist/{code-visibility-BkNk8VeO.js → code-visibility-BtAh8-ga.js}

@@ -34027,7 +34027,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   var NOOP_ON_SEARCH = () => {
   };
   let TableTopBar;
-  TableTopBar = ({ table: e, enableSearch: t, searchQuery: n, onSearchQueryChange: i, reloading: o, showChartBuilder: s, isChartBuilderOpen: c, toggleDisplayHeader: d, showTableExplorer: f, togglePanel: _, isAnyPanelOpen: v, downloadAs: y, sizeBytes: S, sizeBytesIsLoading: w }) => {
+  TableTopBar = ({ table: e, showSearch: t, searchQuery: n, onSearchQueryChange: i, reloading: o, showChartBuilder: s, isChartBuilderOpen: c, toggleDisplayHeader: d, showTableExplorer: f, togglePanel: _, isAnyPanelOpen: v, downloadAs: y, sizeBytes: S, sizeBytesIsLoading: w }) => {
     let [E, O] = (0, import_react.useState)(n || ""), A = useDebounce(E, 500), M = useEvent_default(i ?? NOOP_ON_SEARCH), I = import_react.useRef(null);
     return (0, import_react.useEffect)(() => {
       M(A);
@@ -34070,7 +34070,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           ]
         }),
         (0, import_jsx_runtime.jsxs)("div", {
-          className: "flex items-center shrink-0",
+          className: "flex items-center shrink-0 ml-auto",
           children: [
             (0, import_jsx_runtime.jsx)(ColumnVisibilityDropdown, {
               table: e
@@ -34109,7 +34109,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     });
   };
-  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, sizeBytes: _, sizeBytesIsLoading: v, manualSorting: y = false, sorting: S, setSorting: w, rowSelection: E, cellSelection: O, cellStyling: A, hoverTemplate: M, cellHoverTexts: I, paginationState: z, setPaginationState: U, downloadAs: K, manualPagination: q = false, pagination: J = false, onRowSelectionChange: Q, onCellSelectionChange: $, getRowIds: Iq, enableSearch: Lq = false, searchQuery: Rq, onSearchQueryChange: zq, showFilters: Bq = false, filters: Vq, onFiltersChange: Hq, calculateTopKRows: Uq, reloading: Wq, freezeColumnsLeft: Gq, freezeColumnsRight: Kq, hiddenColumns: qq, toggleDisplayHeader: Jq, showChartBuilder: Yq, isChartBuilderOpen: Xq, showPageSizeSelector: Zq, showTableExplorer: Qq, togglePanel: $q, isPanelOpen: eJ, isAnyPanelOpen: tJ, viewedRowIdx: nJ, onViewedRowChange: rJ, renderTableExplorerPanel: iJ }) => {
+  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, sizeBytes: _, sizeBytesIsLoading: v, manualSorting: y = false, sorting: S, setSorting: w, rowSelection: E, cellSelection: O, cellStyling: A, hoverTemplate: M, cellHoverTexts: I, paginationState: z, setPaginationState: U, downloadAs: K, manualPagination: q = false, pagination: J = false, onRowSelectionChange: Q, onCellSelectionChange: $, getRowIds: Iq, showSearch: Lq = false, searchQuery: Rq, onSearchQueryChange: zq, showFilters: Bq = false, filters: Vq, onFiltersChange: Hq, calculateTopKRows: Uq, reloading: Wq, freezeColumnsLeft: Gq, freezeColumnsRight: Kq, hiddenColumns: qq, toggleDisplayHeader: Jq, showChartBuilder: Yq, isChartBuilderOpen: Xq, showPageSizeSelector: Zq, showTableExplorer: Qq, togglePanel: $q, isPanelOpen: eJ, isAnyPanelOpen: tJ, viewedRowIdx: nJ, onViewedRowChange: rJ, renderTableExplorerPanel: iJ }) => {
     let [aJ, oJ] = import_react.useState(false), { locale: sJ } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: cJ, setColumnPinning: lJ } = useColumnPinning(Gq, Kq), { columnVisibility: uJ, setColumnVisibility: dJ } = useColumnVisibility(qq);
     import_react.useEffect(() => {
       let e2;
@@ -34227,7 +34227,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               children: [
                 (0, import_jsx_runtime.jsx)(TableTopBar, {
                   table: pJ,
-                  enableSearch: Lq,
+                  showSearch: Lq,
                   searchQuery: Rq,
                   onSearchQueryChange: zq,
                   reloading: Wq,
@@ -35996,7 +35996,7 @@ ${d}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.11-dev28");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.11-dev29");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as reducer, B as safeExtractSetUIElementMessageBuffers, Bn as CircleA
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist-Dk6PV_d3.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-f8-xgaui.js";
-import { $ as contextAwarePanelOpen, $t as $fae977aafc393c5c$export$6b862160d295c8e, A as prettifyRowCount, At as SELECT_COLUMN_ID, B as DatePicker, Bt as TabsContent, C as downloadSizeLimitAtom, Ct as DelayMount, D as ErrorState, Dt as loadTableAndRawData, E as EmptyState, Et as getPageIndexForRow, F as ContextMenuSeparator, Ft as Maps, G as CommandEmpty, Gt as ChartLoadingState, H as Combobox, Ht as TabsTrigger, I as ContextMenuTrigger, It as dateToLocalISODate, J as CommandList, Jt as RenderTextWithLinks, K as CommandInput, Kt as LazyVegaEmbed, L as useInternalStateWithSync, Lt as dateToLocalISODateTime, M as ContextMenu, Mt as toFieldTypes, N as ContextMenuContent, Nt as getMimeValues, O as LoadingState, Ot as loadTableData, P as ContextMenuItem, Pt as isNullishFilter, Q as PANEL_TYPES, Qt as $fae977aafc393c5c$export$588937bcd60ade55, R as useSelectList, Rt as dateToLocalISOTime, S as Filenames, St as ColumnChartSpecModel, T as ColumnPreviewContainer, Tt as usePrevious$1, U as ComboboxItem, Ut as ChartErrorState, V as DateRangePicker, Vt as TabsList, W as Command, Wt as ChartInfoState, X as smartMatch, Xt as HtmlOutput, Y as CommandSeparator, Yt as Kbd, Z as ContextAwarePanelItem, Zt as EmotionCacheProvider, _ as ADD_PRINTING_CLASS, _t as NAMELESS_COLUMN_PREFIX, an as Ellipsis, at as Toggle, b as downloadHTMLAsImage, bt as renderCellValue, c as Slide, cn as ChevronsUpDown, d as RadioGroupItem, dn as ChevronsDownUp, dt as Table, en as TextWrap, et as contextAwarePanelOwner, f as JsonOutput, fn as ChevronLeft, ft as TableBody, g as InstallPackageButton, gt as TableRow, h as DataTable, ht as TableHeader, it as slotsController, j as getColumnCountForDisplay, jt as TOO_MANY_ROWS, k as prettifyRowColumnCount, kt as INDEX_COLUMN_NAME, l as Switch, ln as ChevronsRight, lt as Fill, m as OutputRenderer, mt as TableHead, n as marimoVersionAtom, nn as Funnel, nt as isCellAwareAtom, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as Download, p as OutputArea, pn as ArrowDownWideNarrow, pt as TableCell, q as CommandItem, qt as useOverflowDetection, r as showCodeInRunModeAtom, rn as EyeOff, rt as SlotNames, sn as Code, t as useNotebookCodeAvailable, tn as GripHorizontal, tt as contextAwarePanelType, u as RadioGroup, un as ChevronsLeft, ut as Provider$1, v as downloadBlob, vt as generateColumns, w as ColumnName, wt as useIntersectionObserver, x as Progress, xt as ColumnChartContext, y as downloadByURL, yt as inferFieldTypes, z as CompactChipRow, zt as Tabs, __tla as __tla_2 } from "./code-visibility-BkNk8VeO.js";
+import { $ as contextAwarePanelOpen, $t as $fae977aafc393c5c$export$6b862160d295c8e, A as prettifyRowCount, At as SELECT_COLUMN_ID, B as DatePicker, Bt as TabsContent, C as downloadSizeLimitAtom, Ct as DelayMount, D as ErrorState, Dt as loadTableAndRawData, E as EmptyState, Et as getPageIndexForRow, F as ContextMenuSeparator, Ft as Maps, G as CommandEmpty, Gt as ChartLoadingState, H as Combobox, Ht as TabsTrigger, I as ContextMenuTrigger, It as dateToLocalISODate, J as CommandList, Jt as RenderTextWithLinks, K as CommandInput, Kt as LazyVegaEmbed, L as useInternalStateWithSync, Lt as dateToLocalISODateTime, M as ContextMenu, Mt as toFieldTypes, N as ContextMenuContent, Nt as getMimeValues, O as LoadingState, Ot as loadTableData, P as ContextMenuItem, Pt as isNullishFilter, Q as PANEL_TYPES, Qt as $fae977aafc393c5c$export$588937bcd60ade55, R as useSelectList, Rt as dateToLocalISOTime, S as Filenames, St as ColumnChartSpecModel, T as ColumnPreviewContainer, Tt as usePrevious$1, U as ComboboxItem, Ut as ChartErrorState, V as DateRangePicker, Vt as TabsList, W as Command, Wt as ChartInfoState, X as smartMatch, Xt as HtmlOutput, Y as CommandSeparator, Yt as Kbd, Z as ContextAwarePanelItem, Zt as EmotionCacheProvider, _ as ADD_PRINTING_CLASS, _t as NAMELESS_COLUMN_PREFIX, an as Ellipsis, at as Toggle, b as downloadHTMLAsImage, bt as renderCellValue, c as Slide, cn as ChevronsUpDown, d as RadioGroupItem, dn as ChevronsDownUp, dt as Table, en as TextWrap, et as contextAwarePanelOwner, f as JsonOutput, fn as ChevronLeft, ft as TableBody, g as InstallPackageButton, gt as TableRow, h as DataTable, ht as TableHeader, it as slotsController, j as getColumnCountForDisplay, jt as TOO_MANY_ROWS, k as prettifyRowColumnCount, kt as INDEX_COLUMN_NAME, l as Switch, ln as ChevronsRight, lt as Fill, m as OutputRenderer, mt as TableHead, n as marimoVersionAtom, nn as Funnel, nt as isCellAwareAtom, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as Download, p as OutputArea, pn as ArrowDownWideNarrow, pt as TableCell, q as CommandItem, qt as useOverflowDetection, r as showCodeInRunModeAtom, rn as EyeOff, rt as SlotNames, sn as Code, t as useNotebookCodeAvailable, tn as GripHorizontal, tt as contextAwarePanelType, u as RadioGroup, un as ChevronsLeft, ut as Provider$1, v as downloadBlob, vt as generateColumns, w as ColumnName, wt as useIntersectionObserver, x as Progress, xt as ColumnChartContext, y as downloadByURL, yt as inferFieldTypes, z as CompactChipRow, zt as Tabs, __tla as __tla_2 } from "./code-visibility-BtAh8-ga.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-B3NOEiY5.js";
 import { t as Check } from "./check-BCaJeT-J.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-J57tzLr3.js";
@@ -14152,6 +14152,7 @@ ${c}
     showColumnExplorer: boolean().default(true),
     showRowExplorer: boolean().default(true),
     showChartBuilder: boolean().default(true),
+    showSearch: boolean().default(true),
     rowHeaders: columnToFieldTypesSchema,
     freezeColumnsLeft: array(string()).optional(),
     freezeColumnsRight: array(string()).optional(),
@@ -14262,7 +14263,6 @@ ${c}
         ...e.data,
         ...e.functions,
         host: e.host,
-        enableSearch: true,
         data: e.data.data,
         value: e.value,
         setValue: e.setValue,
@@ -14520,7 +14520,7 @@ ${c}
     }), r[115] = _W, r[116] = OW, r[117] = kW) : kW = r[117], kW;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, enableSearch: W, searchQuery: G, setSearchQuery: q, filters: qU, setFilters: Z, reloading: JU, freezeColumnsLeft: YU, freezeColumnsRight: XU, hiddenColumns: ZU, textJustifyColumns: QU, wrappedColumns: $U, columnWidths: eW, headerTooltip: tW, totalColumns: nW, get_row_ids: rW, cellStyles: iW, hoverTemplate: aW, cellHoverTexts: oW, toggleDisplayHeader: sW, isChartBuilderOpen: cW, calculate_top_k_rows: lW, preview_column: uW, getRow: dW, cellId: fW, maxHeight: pW }) => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, showSearch: W, searchQuery: G, setSearchQuery: q, filters: qU, setFilters: Z, reloading: JU, freezeColumnsLeft: YU, freezeColumnsRight: XU, hiddenColumns: ZU, textJustifyColumns: QU, wrappedColumns: $U, columnWidths: eW, headerTooltip: tW, totalColumns: nW, get_row_ids: rW, cellStyles: iW, hoverTemplate: aW, cellHoverTexts: oW, toggleDisplayHeader: sW, isChartBuilderOpen: cW, calculate_top_k_rows: lW, preview_column: uW, getRow: dW, cellId: fW, maxHeight: pW }) => {
     let mW = (0, import_react.useId)(), [hW, gW] = (0, import_react.useState)(0), { isPanelOpen: _W, isAnyPanelOpen: vW, togglePanel: yW, panelType: bW, setPanelType: xW } = usePanelOwnership(mW, fW), SW = (0, import_react.useMemo)(() => {
       if (!L || !O || !L.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(O);
@@ -14695,7 +14695,7 @@ ${c}
               hoverTemplate: aW,
               cellHoverTexts: oW,
               downloadAs: _ ? I : void 0,
-              enableSearch: W,
+              showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: g,
@@ -16923,7 +16923,7 @@ ${c}
       showDownload: u,
       download_as: _,
       get_size_bytes: v,
-      enableSearch: false,
+      showSearch: false,
       showFilters: false,
       search: g,
       showColumnSummaries: false,
@@ -36190,7 +36190,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-C8gBbSKY.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-CiJIhe23.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a3;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [

package/dist/{reveal-component-C8gBbSKY.js → reveal-component-CiJIhe23.js}

@@ -9,7 +9,7 @@ import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { lt as kioskModeAtom } from "./html-to-image-BJbLjZyG.js";
 import "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { u as createLucideIcon } from "./dist-Dk6PV_d3.js";
-import { a as DEFAULT_SLIDE_TYPE, c as Slide, ct as PanelResizeHandle, i as DEFAULT_DECK_TRANSITION, in as Expand, ot as Panel, rn as EyeOff, s as SlideSidebar, sn as Code, st as PanelGroup, t as useNotebookCodeAvailable } from "./code-visibility-BkNk8VeO.js";
+import { a as DEFAULT_SLIDE_TYPE, c as Slide, ct as PanelResizeHandle, i as DEFAULT_DECK_TRANSITION, in as Expand, ot as Panel, rn as EyeOff, s as SlideSidebar, sn as Code, st as PanelGroup, t as useNotebookCodeAvailable } from "./code-visibility-BtAh8-ga.js";
 import { X as useDebouncedCallback } from "./input-Cn-SZdXY.js";
 import "./toDate-B4-pUFYh.js";
 import "./react-dom-BTJzcVJ9.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.23.11-dev28",
+  "version": "0.23.11-dev29",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/TableTopBar.tsx

@@ -27,7 +27,7 @@ const NOOP_ON_SEARCH = () => {
 
 interface TableTopBarProps<TData> extends Partial<ExportActionProps> {
   table: Table<TData>;
-  enableSearch: boolean;
+  showSearch: boolean;
   searchQuery?: string;
   onSearchQueryChange?: (query: string) => void;
   reloading?: boolean;
@@ -43,7 +43,7 @@ interface TableTopBarProps<TData> extends Partial<ExportActionProps> {
 
 export const TableTopBar = <TData,>({
   table,
-  enableSearch,
+  showSearch,
   searchQuery,
   onSearchQueryChange,
   reloading,
@@ -68,7 +68,7 @@ export const TableTopBar = <TData,>({
 
   return (
     <div className="flex items-center h-10 px-2 border-b gap-2">
-      {onSearchQueryChange && enableSearch && (
+      {onSearchQueryChange && showSearch && (
         <div className="flex flex-1 items-center gap-1 px-2 rounded-sm focus-within:ring-1 focus-within:ring-border transition-shadow">
           <SearchIcon className="w-4 h-4 text-muted-foreground shrink-0" />
           <input
@@ -99,7 +99,7 @@ export const TableTopBar = <TData,>({
         </div>
       )}
 
-      <div className="flex items-center shrink-0">
+      <div className="flex items-center shrink-0 ml-auto">
         <ColumnVisibilityDropdown table={table} />
         {showChartBuilder && (
           <Button

package/src/components/data-table/__tests__/data-table.test.tsx

@@ -69,6 +69,34 @@ describe("DataTable", () => {
     expect(commonProps.rowSelection).toEqual(initialRowSelection);
   });
 
+  it("hides the search bar when showSearch is false", () => {
+    const columns: ColumnDef<TestData>[] = [
+      { accessorKey: "name", header: "Name" },
+    ];
+    const commonProps = {
+      data: [{ id: 1, name: "Test 1" }] as TestData[],
+      columns,
+      totalRows: 1,
+      totalColumns: 1,
+      pagination: false,
+      onSearchQueryChange: () => {},
+    };
+
+    const { rerender } = render(
+      <TooltipProvider>
+        <DataTable {...commonProps} showSearch={true} />
+      </TooltipProvider>,
+    );
+    expect(screen.queryByPlaceholderText("Search...")).not.toBeNull();
+
+    rerender(
+      <TooltipProvider>
+        <DataTable {...commonProps} showSearch={false} />
+      </TooltipProvider>,
+    );
+    expect(screen.queryByPlaceholderText("Search...")).toBeNull();
+  });
+
   it("shows the hoverTemplate text as a styled tooltip on hover", async () => {
     vi.useFakeTimers();
     interface RowData {

package/src/components/data-table/data-table.tsx

@@ -104,7 +104,7 @@ interface DataTableProps<TData> extends Partial<ExportActionProps> {
   onCellSelectionChange?: OnChangeFn<CellSelectionState>;
   getRowIds?: GetRowIds;
   // Search
-  enableSearch?: boolean;
+  showSearch?: boolean;
   searchQuery?: string;
   onSearchQueryChange?: (query: string) => void;
   showFilters?: boolean;
@@ -159,7 +159,7 @@ const DataTableInternal = <TData,>({
   onRowSelectionChange,
   onCellSelectionChange,
   getRowIds,
-  enableSearch = false,
+  showSearch = false,
   searchQuery,
   onSearchQueryChange,
   showFilters = false,
@@ -357,7 +357,7 @@ const DataTableInternal = <TData,>({
           >
             <TableTopBar
               table={table}
-              enableSearch={enableSearch}
+              showSearch={showSearch}
               searchQuery={searchQuery}
               onSearchQueryChange={onSearchQueryChange}
               reloading={reloading}

package/src/plugins/impl/DataTablePlugin.tsx

@@ -181,6 +181,7 @@ interface Data<T> {
   maxHeight?: number;
   selection: DataTableSelection;
   showDownload: boolean;
+  showSearch: boolean;
   showFilters: boolean;
   showColumnSummaries: boolean | "stats" | "chart";
   showDataTypes: boolean;
@@ -267,6 +268,7 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
       showColumnExplorer: z.boolean().default(true),
       showRowExplorer: z.boolean().default(true),
       showChartBuilder: z.boolean().default(true),
+      showSearch: z.boolean().default(true),
       rowHeaders: columnToFieldTypesSchema,
       freezeColumnsLeft: z.array(z.string()).optional(),
       freezeColumnsRight: z.array(z.string()).optional(),
@@ -385,7 +387,6 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
             {...props.data}
             {...props.functions}
             host={props.host}
-            enableSearch={true}
             data={props.data.data}
             value={props.value}
             setValue={props.setValue}
@@ -470,8 +471,6 @@ interface DataTableProps<T> extends Data<T>, DataTableFunctions {
   // Selection
   value: S;
   setValue: (value: S) => void;
-  // Search
-  enableSearch: boolean;
   // Filters
   enableFilters?: boolean;
   cellStyles?: CellStyleState | null;
@@ -841,7 +840,7 @@ const DataTableComponent = ({
   setValue,
   sorting,
   setSorting,
-  enableSearch,
+  showSearch,
   searchQuery,
   setSearchQuery,
   filters,
@@ -1146,7 +1145,7 @@ const DataTableComponent = ({
             hoverTemplate={hoverTemplate}
             cellHoverTexts={cellHoverTexts}
             downloadAs={showDownload ? downloadAs : undefined}
-            enableSearch={enableSearch}
+            showSearch={showSearch}
             searchQuery={searchQuery}
             onSearchQueryChange={setSearchQuery}
             showFilters={showFilters}

package/src/plugins/impl/__tests__/DataTablePlugin.test.tsx

@@ -94,7 +94,7 @@ describe("LoadingDataTableComponent", () => {
       hasStableRowId: false,
       lazy: false,
       host,
-      enableSearch: true,
+      showSearch: true,
       value: [] as (number | string | { rowId: string; columnName?: string })[],
       setValue,
       download_as: vi.fn() as DownloadAsArgs,

package/src/plugins/impl/data-frames/DataFramePlugin.tsx

@@ -338,7 +338,7 @@ export const DataFrameComponent = memo(
           showDownload={showDownload}
           download_as={download_as}
           get_size_bytes={get_size_bytes}
-          enableSearch={false}
+          showSearch={false}
           showFilters={false}
           search={search}
           showColumnSummaries={false}