@marimo-team/islands 0.23.11-dev9 → 0.23.11

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;
@@ -195,6 +196,7 @@ interface Data<T> {
   hiddenColumns?: string[];
   textJustifyColumns?: Record<string, "left" | "center" | "right">;
   wrappedColumns?: string[];
+  columnWidths?: Record<string, number>;
   headerTooltip?: Record<string, string>;
   totalColumns: number;
   maxColumns: number | "all";
@@ -266,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(),
@@ -274,6 +277,9 @@ export const DataTablePlugin = createPlugin<S>("marimo-table")
         .record(z.string(), z.enum(["left", "center", "right"]))
         .optional(),
       wrappedColumns: z.array(z.string()).optional(),
+      columnWidths: z
+        .record(z.string(), z.number().int().positive())
+        .optional(),
       headerTooltip: z.record(z.string(), z.string()).optional(),
       fieldTypes: columnToFieldTypesSchema.nullish(),
       totalColumns: z.number(),
@@ -381,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}
@@ -466,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;
@@ -837,7 +840,7 @@ const DataTableComponent = ({
   setValue,
   sorting,
   setSorting,
-  enableSearch,
+  showSearch,
   searchQuery,
   setSearchQuery,
   filters,
@@ -848,6 +851,7 @@ const DataTableComponent = ({
   hiddenColumns,
   textJustifyColumns,
   wrappedColumns,
+  columnWidths,
   headerTooltip,
   totalColumns,
   get_row_ids,
@@ -935,6 +939,7 @@ const DataTableComponent = ({
   const memoizedRowHeaders = useDeepCompareMemoize(rowHeaders);
   const memoizedTextJustifyColumns = useDeepCompareMemoize(textJustifyColumns);
   const memoizedWrappedColumns = useDeepCompareMemoize(wrappedColumns);
+  const memoizedColumnWidths = useDeepCompareMemoize(columnWidths);
   const memoizedChartSpecModel = useDeepCompareMemoize(chartSpecModel);
   const fractionDigitsByColumn = useDeepCompareMemoize(computedFractionDigits);
   const shownColumns = memoizedClampedFieldTypes.length;
@@ -953,6 +958,7 @@ const DataTableComponent = ({
         fieldTypes: memoizedClampedFieldTypes,
         textJustifyColumns: memoizedTextJustifyColumns,
         wrappedColumns: memoizedWrappedColumns,
+        columnWidths: memoizedColumnWidths,
         headerTooltip: headerTooltip,
         // Only show data types if they are explicitly set
         showDataTypes: showDataTypes,
@@ -967,6 +973,7 @@ const DataTableComponent = ({
       memoizedClampedFieldTypes,
       memoizedTextJustifyColumns,
       memoizedWrappedColumns,
+      memoizedColumnWidths,
       headerTooltip,
       calculate_top_k_rows,
       fractionDigitsByColumn,
@@ -1138,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/chat/chat-ui.tsx

@@ -445,6 +445,7 @@ export const Chatbot: React.FC<Props> = (props) => {
                   message,
                   isStreamingReasoning: status === "streaming",
                   isLast,
+                  isActive: isLoading,
                   addToolApprovalResponse: isLast
                     ? addToolApprovalResponse
                     : undefined,

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}

package/dist/assets/__vite-browser-external-eshhtsgZ.js

@@ -1 +0,0 @@
-import{t as e}from"./worker-CC0Oul9k.js";var t=e(((e,t)=>{t.exports={}}));export default t();

package/src/components/editor/actions/useHideAllMarkdownCode.ts

@@ -1,53 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { useCallback } from "react"; /* Copyright 2026 Marimo. All rights reserved. */
-import { getNotebook, useCellActions } from "@/core/cells/cells";
-import type { CellId } from "@/core/cells/ids";
-import { MarkdownLanguageAdapter } from "@/core/codemirror/language/languages/markdown";
-import { useRequestClient } from "@/core/network/requests";
-import type { CellConfig } from "@/core/network/types";
-import { Objects } from "@/utils/objects";
-
-/**
- * Hook to hide all markdown code cells
- */
-export const useHideAllMarkdownCode = () => {
-  const { updateCellConfig } = useCellActions();
-  const { saveCellConfig } = useRequestClient();
-
-  return useCallback(async () => {
-    const markdownAdapter = new MarkdownLanguageAdapter();
-    const notebook = getNotebook();
-    const cellIds = notebook.cellIds.inOrderIds;
-
-    const newConfigs: Record<CellId, Partial<CellConfig>> = {};
-
-    // Find all markdown cells that aren't already hidden
-    for (const cellId of cellIds) {
-      if (notebook.cellData[cellId] === undefined) {
-        continue;
-      }
-      const { code, config } = notebook.cellData[cellId];
-      if (config.hide_code) {
-        continue;
-      }
-      if (markdownAdapter.isSupported(code)) {
-        newConfigs[cellId] = { hide_code: true };
-      }
-    }
-
-    const entries = Objects.entries(newConfigs);
-
-    if (entries.length === 0) {
-      return;
-    }
-
-    // Save to backend
-    await saveCellConfig({ configs: newConfigs });
-
-    // Update on frontend
-    for (const [cellId, config] of entries) {
-      updateCellConfig({ cellId, config });
-    }
-  }, [updateCellConfig]);
-};