@flanksource/clicky-ui 0.3.17 → 0.3.19

package/dist/data/query-browser/QueryBrowser.cjs

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const commands = require("@codemirror/commands");
-const autocomplete = require("@codemirror/autocomplete");
-const langJson = require("@codemirror/lang-json");
-const langSql = require("@codemirror/lang-sql");
 const state = require("@codemirror/state");
 const view = require("@codemirror/view");
 const react = require("react");
@@ -13,85 +9,15 @@ const JsonSchemaForm = require("../../components/JsonSchemaForm.cjs");
 const utils = require("../../lib/utils.cjs");
 const SplitPane = require("../../layout/SplitPane.cjs");
 const Icon = require("../Icon.cjs");
-const DataTable = require("../DataTable.cjs");
 const dataTableUtils = require("../data-table-utils.cjs");
+const dataTableServerFilters = require("../data-table-server-filters.cjs");
 const ErrorDetails = require("../diagnostics/ErrorDetails.cjs");
-const Properties = require("../Properties.cjs");
-const QueryBrowser_completion = require("./QueryBrowser.completion.cjs");
+const QueryBrowser_editor = require("./QueryBrowser.editor.cjs");
+const QueryBrowserDiagnosticsPanel = require("./QueryBrowserDiagnosticsPanel.cjs");
+const QueryBrowserResults = require("./QueryBrowserResults.cjs");
+const QueryBrowser_types = require("./QueryBrowser.types.cjs");
+const UiDebug = require("../../icons/components/UiDebug.cjs");
 const UiPlay = require("../../icons/components/UiPlay.cjs");
-const MAX_HISTORY = 50;
-function historyKey(id) {
-  return `clicky-ui:query-browser:${id}:history`;
-}
-function readHistory(id) {
-  if (typeof window === "undefined") return [];
-  try {
-    const value = JSON.parse(
-      window.localStorage.getItem(historyKey(id)) ?? "[]"
-    );
-    return Array.isArray(value) ? value.slice(0, MAX_HISTORY) : [];
-  } catch {
-    return [];
-  }
-}
-function rememberQuery(id, query) {
-  const entries = readHistory(id).filter((entry) => entry.query !== query);
-  const next = [{ query, at: Date.now() }, ...entries].slice(0, MAX_HISTORY);
-  if (typeof window !== "undefined") {
-    window.localStorage.setItem(historyKey(id), JSON.stringify(next));
-  }
-  return next;
-}
-function editorExtensions(execute, onQueryChange, languageExtension2) {
-  return [
-    commands.history(),
-    view.keymap.of([
-      {
-        key: "Mod-Enter",
-        run: () => {
-          execute();
-          return true;
-        }
-      },
-      ...commands.historyKeymap
-    ]),
-    view.EditorView.lineWrapping,
-    view.EditorView.updateListener.of((update) => {
-      if (update.docChanged) onQueryChange(update.state.doc.toString());
-    }),
-    view.EditorView.theme({
-      "&": { height: "100%", fontSize: "13px", background: "transparent" },
-      ".cm-scroller": {
-        fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace"
-      },
-      ".cm-content": { padding: "12px 0" },
-      ".cm-gutters": { background: "transparent", border: "none" },
-      "&.cm-focused": { outline: "none" }
-    }),
-    languageExtension2
-  ];
-}
-function languageExtension(language, completion) {
-  if (language === "sql") {
-    if ((completion == null ? void 0 : completion.kind) !== "sql") return langSql.sql();
-    return langSql.sql({
-      dialect: QueryBrowser_completion.dialectFor(completion.dialect),
-      schema: QueryBrowser_completion.sqlCompletionNamespace(completion.schemas),
-      upperCaseKeywords: true,
-      ...completion.defaultSchema ? { defaultSchema: completion.defaultSchema } : {}
-    });
-  }
-  if (language === "json") {
-    if ((completion == null ? void 0 : completion.kind) !== "json-fields") return langJson.json();
-    return [
-      langJson.json(),
-      autocomplete.autocompletion({
-        override: [QueryBrowser_completion.openSearchJSONCompletionSource(completion.fields)]
-      })
-    ];
-  }
-  return [];
-}
 function QueryBrowser({
   id,
   title,
@@ -105,6 +31,7 @@ function QueryBrowser({
   onOptionsChange,
   navigator,
   execute,
+  lookupFilterValues,
   renderResults,
   className
 }) {
@@ -119,7 +46,42 @@ function QueryBrowser({
   const [result, setResult] = react.useState(null);
   const [error, setError] = react.useState(null);
   const [pending, setPending] = react.useState(false);
-  const [entries, setEntries] = react.useState(() => readHistory(id));
+  const [debug, setDebug] = react.useState(false);
+  const [entries, setEntries] = react.useState(
+    () => QueryBrowser_editor.readQueryBrowserHistory(id)
+  );
+  const [filters, setFilters] = react.useState({});
+  const lastRun = react.useRef(null);
+  const executedFilters = react.useRef({});
+  const runRequest = react.useCallback(
+    async (request) => {
+      setPending(true);
+      setError(null);
+      const started = performance.now();
+      try {
+        const next = await execute(request);
+        setResult({
+          ...next,
+          durationMs: next.durationMs ?? performance.now() - started
+        });
+        lastRun.current = {
+          query: request.query,
+          options: request.options,
+          ...request.filters ? { filters: request.filters } : {},
+          ...next.columns ? { columns: next.columns } : {}
+        };
+      } catch (err) {
+        setError({
+          message: err instanceof Error ? err.message : String(err),
+          query: request.query,
+          ...err instanceof QueryBrowser_types.QueryBrowserExecutionError && err.diagnostics ? { diagnostics: err.diagnostics } : {}
+        });
+      } finally {
+        setPending(false);
+      }
+    },
+    [execute]
+  );
   const currentQuery = react.useCallback(() => {
     const view2 = editor.current;
     if (!view2) return initialQuery;
@@ -129,24 +91,62 @@ function QueryBrowser({
     return view2.state.doc.toString();
   }, [initialQuery]);
   const run = react.useCallback(async () => {
+    var _a;
     const query = currentQuery().trim();
     if (!query || pending) return;
-    setPending(true);
-    setError(null);
-    setEntries(rememberQuery(id, query));
-    const started = performance.now();
-    try {
-      const next = await execute({ query, options });
-      setResult({
-        ...next,
-        durationMs: next.durationMs ?? performance.now() - started
+    setEntries(QueryBrowser_editor.rememberQueryBrowserQuery(id, query));
+    const repeat = ((_a = lastRun.current) == null ? void 0 : _a.query) === query ? lastRun.current : null;
+    const carried = repeat ? filters : {};
+    if (carried !== filters) setFilters(carried);
+    lastRun.current = { query, options };
+    executedFilters.current = carried;
+    await runRequest({
+      query,
+      options,
+      ...Object.keys(carried).length > 0 ? { filters: carried } : {},
+      ...(repeat == null ? void 0 : repeat.columns) ? { columns: repeat.columns } : {},
+      ...debug ? { debug: true } : {}
+    });
+  }, [currentQuery, debug, filters, id, options, pending, runRequest]);
+  const rerunWithFilters = react.useCallback(
+    async (selection) => {
+      const previous = lastRun.current;
+      if (!previous) {
+        throw new Error(
+          "QueryBrowser: a filter changed before any query had run"
+        );
+      }
+      await runRequest({
+        ...previous,
+        filters: selection,
+        ...(result == null ? void 0 : result.pagination) ? { pagination: { limit: result.pagination.limit } } : {},
+        ...debug ? { debug: true } : {}
       });
-    } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setPending(false);
-    }
-  }, [currentQuery, execute, id, options, pending]);
+    },
+    [debug, result == null ? void 0 : result.pagination, runRequest]
+  );
+  const rerunAt = react.useCallback(
+    async (pagination) => {
+      const previous = lastRun.current;
+      if (!previous) {
+        throw new Error(
+          "QueryBrowser: pagination changed before any query had run"
+        );
+      }
+      await runRequest({
+        ...previous,
+        pagination,
+        ...debug ? { debug: true } : {}
+      });
+    },
+    [debug, runRequest]
+  );
+  react.useEffect(() => {
+    if (!lastRun.current) return;
+    if (filters === executedFilters.current) return;
+    executedFilters.current = filters;
+    void rerunWithFilters(filters);
+  }, [filters, rerunWithFilters]);
   executeRef.current = () => void run();
   onQueryChangeRef.current = onQueryChange;
   react.useEffect(() => {
@@ -155,13 +155,15 @@ function QueryBrowser({
       parent: editorHost.current,
       state: state.EditorState.create({
         doc: initialQuery,
-        extensions: editorExtensions(
+        extensions: QueryBrowser_editor.queryBrowserEditorExtensions(
           () => executeRef.current(),
           (query) => {
             var _a;
             return (_a = onQueryChangeRef.current) == null ? void 0 : _a.call(onQueryChangeRef, query);
           },
-          languageConfig.current.of(languageExtension(language, completion))
+          languageConfig.current.of(
+            QueryBrowser_editor.queryBrowserLanguageExtension(language, completion)
+          )
         )
       })
     });
@@ -176,7 +178,7 @@ function QueryBrowser({
     if (!view2) return;
     view2.dispatch({
       effects: languageConfig.current.reconfigure(
-        languageExtension(language, completion)
+        QueryBrowser_editor.queryBrowserLanguageExtension(language, completion)
       )
     });
   }, [completion, language]);
@@ -198,58 +200,89 @@ function QueryBrowser({
     [onOptionsChange]
   );
   react.useEffect(() => {
-    setEntries(readHistory(id));
+    setEntries(QueryBrowser_editor.readQueryBrowserHistory(id));
     setResult(null);
     setError(null);
+    setFilters({});
+    setDebug(false);
+    lastRun.current = null;
+    executedFilters.current = {};
   }, [id]);
   const rows = (result == null ? void 0 : result.rows) ?? [];
+  const described = (result == null ? void 0 : result.columns) ?? [];
   const columns = react.useMemo(
-    () => dataTableUtils.inferColumns(rows, { literalKeys: true }),
-    [rows]
+    () => described.length > 0 ? dataTableServerFilters.serverColumnsToDataTableColumns(described) : dataTableUtils.inferColumns(rows, { literalKeys: true }),
+    [described, rows]
   );
-  const defaultResults = result ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        rows.length.toLocaleString(),
-        " rows",
-        result.truncated ? "+" : ""
-      ] }),
-      result.affectedRows !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        result.affectedRows.toLocaleString(),
-        " affected"
-      ] }),
-      result.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        Math.round(result.durationMs),
-        " ms"
-      ] }),
-      result.message && /* @__PURE__ */ jsxRuntime.jsx("span", { children: result.message })
-    ] }),
-    rows.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable.DataTable,
-      {
-        data: rows,
-        columns,
-        autoFilter: false,
-        showGlobalFilter: true,
-        showFullscreenControl: true,
-        fullscreenTitle: title ?? queryLabel,
-        detailStyle: "dialog",
-        detailDialogTitle: "Row details",
-        renderExpandedRow: (row) => /* @__PURE__ */ jsxRuntime.jsx(
-          Properties.Properties,
-          {
-            items: Object.entries(row).map(([key, value]) => ({
-              key,
-              value
-            })),
-            renderLabel: (key) => key,
-            density: "compact"
-          }
-        ),
-        className: "min-h-0 flex-1"
+  const lookupValues = react.useMemo(() => {
+    if (!lookupFilterValues) return void 0;
+    return (request) => {
+      const previous = lastRun.current;
+      if (!previous) {
+        throw new Error(
+          "QueryBrowser: a filter lookup ran before any query had"
+        );
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-h-40 place-items-center text-sm text-muted-foreground", children: "Run a query to see results." });
+      return lookupFilterValues({ ...request, ...previous, filters });
+    };
+  }, [filters, lookupFilterValues]);
+  const filterConfig = react.useMemo(
+    () => dataTableServerFilters.serverFiltersToFilterBar(
+      described,
+      filters,
+      setFilters,
+      lookupValues ? { lookupValues } : {}
+    ),
+    [described, filters, lookupValues]
+  );
+  const serverFiltered = filterConfig.filters.length > 0 || filterConfig.timeRange !== void 0;
+  const tablePagination = react.useMemo(() => {
+    const pagination = result == null ? void 0 : result.pagination;
+    if (!pagination) return void 0;
+    const shared = {
+      pageSize: pagination.limit,
+      ...pagination.total !== void 0 ? { total: pagination.total } : {},
+      ...pagination.totalRelation === "eq" || pagination.totalRelation === "gte" ? { totalRelation: pagination.totalRelation } : {},
+      hasMore: pagination.hasMore,
+      onPageSizeChange: (limit) => void rerunAt({ limit })
+    };
+    if (pagination.mode === "cursor") {
+      return {
+        ...shared,
+        page: 0,
+        cursor: {
+          ...pagination.cursor ? { current: pagination.cursor } : {},
+          ...pagination.nextCursor ? { next: pagination.nextCursor } : {},
+          onCursorChange: (cursor) => void rerunAt({
+            limit: pagination.limit,
+            ...cursor ? { cursor } : {}
+          })
+        }
+      };
+    }
+    const page = Math.floor((pagination.offset ?? 0) / pagination.limit);
+    return {
+      ...shared,
+      page,
+      onPageChange: (nextPage) => void rerunAt({
+        limit: pagination.limit,
+        offset: nextPage * pagination.limit
+      })
+    };
+  }, [rerunAt, result == null ? void 0 : result.pagination]);
+  const defaultResults = /* @__PURE__ */ jsxRuntime.jsx(
+    QueryBrowserResults.QueryBrowserResults,
+    {
+      result,
+      pending,
+      ...title ? { title } : {},
+      queryLabel,
+      columns,
+      filterConfig,
+      serverFiltered,
+      ...tablePagination ? { pagination: tablePagination } : {}
+    }
+  );
   const workspace = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b px-3 py-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -277,6 +310,19 @@ function QueryBrowser({
           ]
         }
       ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          size: "sm",
+          variant: debug ? "secondary" : "outline",
+          "aria-pressed": debug,
+          onClick: () => setDebug((enabled) => !enabled),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiDebug.UiDebug, className: "size-4" }),
+            "Debug"
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs(
         button.Button,
         {
@@ -304,18 +350,21 @@ function QueryBrowser({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref: editorHost, className: "h-[34%] min-h-44 border-b" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-3", children: error ? /* @__PURE__ */ jsxRuntime.jsx(
-      ErrorDetails.ErrorDetails,
-      {
-        diagnostics: {
-          message: error,
-          context: [
-            ["Query", currentQuery()],
-            ["Language", language]
-          ]
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-3", children: error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ErrorDetails.ErrorDetails,
+        {
+          diagnostics: {
+            message: error.message,
+            context: [
+              ["Query", error.query],
+              ["Language", language]
+            ]
+          }
         }
-      }
-    ) : result && renderResults ? renderResults({ result, defaultView: defaultResults }) : defaultResults })
+      ),
+      error.diagnostics && /* @__PURE__ */ jsxRuntime.jsx(QueryBrowserDiagnosticsPanel.QueryBrowserDiagnosticsPanel, { diagnostics: error.diagnostics })
+    ] }) : result && renderResults ? renderResults({ result, defaultView: defaultResults }) : defaultResults })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-[calc(100vh-15rem)] min-h-[32rem]", className), children: navigator ? /* @__PURE__ */ jsxRuntime.jsx(SplitPane.SplitPane, { defaultSplit: 28, left: navigator, right: workspace }) : workspace });
 }

package/dist/data/query-browser/QueryBrowser.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowser.cjs","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { history, historyKeymap } from \"@codemirror/commands\";\nimport { autocompletion } from \"@codemirror/autocomplete\";\nimport { json } from \"@codemirror/lang-json\";\nimport { sql } from \"@codemirror/lang-sql\";\nimport { Compartment, EditorState, type Extension } from \"@codemirror/state\";\nimport { EditorView, keymap } from \"@codemirror/view\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiPlay } from \"../../icons\";\nimport { DataTable } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport { Properties } from \"../Properties\";\nimport {\n  dialectFor,\n  openSearchJSONCompletionSource,\n  sqlCompletionNamespace,\n  type QueryBrowserCompletion,\n} from \"./QueryBrowser.completion\";\n\nexport type QueryBrowserColumn = {\n  name: string;\n  databaseType?: string;\n};\n\nexport type QueryBrowserResult = {\n  rows?: Record<string, unknown>[];\n  columns?: QueryBrowserColumn[];\n  affectedRows?: number;\n  durationMs?: number;\n  message?: string;\n  truncated?: boolean;\n  metadata?: Record<string, unknown>;\n};\n\nexport type QueryBrowserRequest = {\n  query: string;\n  options: Record<string, unknown>;\n};\n\nexport type QueryBrowserResultContext = {\n  result: QueryBrowserResult;\n  defaultView: ReactNode;\n};\n\nexport type QueryBrowserProps = {\n  id: string;\n  title?: string;\n  language?: \"sql\" | \"json\" | \"text\";\n  initialQuery?: string;\n  queryLabel?: string;\n  optionsSchema?: JsonSchemaObject;\n  initialOptions?: Record<string, unknown>;\n  completion?: QueryBrowserCompletion;\n  onQueryChange?: (query: string) => void;\n  onOptionsChange?: (options: Record<string, unknown>) => void;\n  navigator?: ReactNode;\n  execute: (request: QueryBrowserRequest) => Promise<QueryBrowserResult>;\n  renderResults?: (context: QueryBrowserResultContext) => ReactNode;\n  className?: string;\n};\n\ntype HistoryEntry = { query: string; at: number };\n\nconst MAX_HISTORY = 50;\n\nfunction historyKey(id: string) {\n  return `clicky-ui:query-browser:${id}:history`;\n}\n\nfunction readHistory(id: string): HistoryEntry[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const value = JSON.parse(\n      window.localStorage.getItem(historyKey(id)) ?? \"[]\",\n    );\n    return Array.isArray(value) ? value.slice(0, MAX_HISTORY) : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction rememberQuery(id: string, query: string): HistoryEntry[] {\n  const entries = readHistory(id).filter((entry) => entry.query !== query);\n  const next = [{ query, at: Date.now() }, ...entries].slice(0, MAX_HISTORY);\n  if (typeof window !== \"undefined\") {\n    window.localStorage.setItem(historyKey(id), JSON.stringify(next));\n  }\n  return next;\n}\n\nfunction editorExtensions(\n  execute: () => void,\n  onQueryChange: (query: string) => void,\n  languageExtension: Extension,\n) {\n  return [\n    history(),\n    keymap.of([\n      {\n        key: \"Mod-Enter\",\n        run: () => {\n          execute();\n          return true;\n        },\n      },\n      ...historyKeymap,\n    ]),\n    EditorView.lineWrapping,\n    EditorView.updateListener.of((update) => {\n      if (update.docChanged) onQueryChange(update.state.doc.toString());\n    }),\n    EditorView.theme({\n      \"&\": { height: \"100%\", fontSize: \"13px\", background: \"transparent\" },\n      \".cm-scroller\": {\n        fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n      },\n      \".cm-content\": { padding: \"12px 0\" },\n      \".cm-gutters\": { background: \"transparent\", border: \"none\" },\n      \"&.cm-focused\": { outline: \"none\" },\n    }),\n    languageExtension,\n  ];\n}\n\nfunction languageExtension(\n  language: QueryBrowserProps[\"language\"],\n  completion?: QueryBrowserCompletion,\n): Extension {\n  if (language === \"sql\") {\n    if (completion?.kind !== \"sql\") return sql();\n    return sql({\n      dialect: dialectFor(completion.dialect),\n      schema: sqlCompletionNamespace(completion.schemas),\n      upperCaseKeywords: true,\n      ...(completion.defaultSchema\n        ? { defaultSchema: completion.defaultSchema }\n        : {}),\n    });\n  }\n  if (language === \"json\") {\n    if (completion?.kind !== \"json-fields\") return json();\n    return [\n      json(),\n      autocompletion({\n        override: [openSearchJSONCompletionSource(completion.fields)],\n      }),\n    ];\n  }\n  return [];\n}\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [pending, setPending] = useState(false);\n  const [entries, setEntries] = useState<HistoryEntry[]>(() => readHistory(id));\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if (!query || pending) return;\n    setPending(true);\n    setError(null);\n    setEntries(rememberQuery(id, query));\n    const started = performance.now();\n    try {\n      const next = await execute({ query, options });\n      setResult({\n        ...next,\n        durationMs: next.durationMs ?? performance.now() - started,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setPending(false);\n    }\n  }, [currentQuery, execute, id, options, pending]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: editorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(languageExtension(language, completion)),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        languageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readHistory(id));\n    setResult(null);\n    setError(null);\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const columns = useMemo(\n    () => inferColumns(rows, { literalKeys: true }),\n    [rows],\n  );\n  const defaultResults = result ? (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          autoFilter={false}\n          showGlobalFilter\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          className=\"min-h-0 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n      Run a query to see results.\n    </div>\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <ErrorDetails\n            diagnostics={{\n              message: error,\n              context: [\n                [\"Query\", currentQuery()],\n                [\"Language\", language],\n              ],\n            }}\n          />\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n    </div>\n  );\n}\n"],"names":["languageExtension","history","keymap","historyKeymap","EditorView","sql","dialectFor","sqlCompletionNamespace","json","autocompletion","openSearchJSONCompletionSource","useRef","Compartment","useState","useCallback","view","useEffect","EditorState","useMemo","inferColumns","jsxs","jsx","DataTable","Properties","Button","Icon","UiPlay","JsonSchemaForm","ErrorDetails","cn","SplitPane"],"mappings":"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"}
+{"version":3,"file":"QueryBrowser.cjs","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { Compartment, EditorState } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiDebug, UiPlay } from \"../../icons\";\nimport type { DataTablePagination } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport type { DataTableFilterSelection } from \"../data-table-filter-values\";\nimport {\n  serverColumnsToDataTableColumns,\n  serverFiltersToFilterBar,\n  type DataTableFilterLookup,\n  type DataTableServerColumn,\n} from \"../data-table-server-filters\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport {\n  queryBrowserEditorExtensions,\n  queryBrowserLanguageExtension,\n  readQueryBrowserHistory,\n  rememberQueryBrowserQuery,\n  type QueryBrowserHistoryEntry,\n} from \"./QueryBrowser.editor\";\nimport { QueryBrowserDiagnosticsPanel } from \"./QueryBrowserDiagnosticsPanel\";\nimport { QueryBrowserResults } from \"./QueryBrowserResults\";\nimport {\n  QueryBrowserExecutionError,\n  type QueryBrowserDiagnostics,\n  type QueryBrowserProps,\n  type QueryBrowserRequest,\n  type QueryBrowserResult,\n} from \"./QueryBrowser.types\";\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  lookupFilterValues,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<{\n    message: string;\n    query: string;\n    diagnostics?: QueryBrowserDiagnostics;\n  } | null>(null);\n  const [pending, setPending] = useState(false);\n  const [debug, setDebug] = useState(false);\n  const [entries, setEntries] = useState<QueryBrowserHistoryEntry[]>(() =>\n    readQueryBrowserHistory(id),\n  );\n  const [filters, setFilters] = useState<DataTableFilterSelection>({});\n  // What the displayed result came from. A filter re-runs *this*, never the\n  // editor's current text — otherwise changing a pill would execute a\n  // half-typed edit nobody asked to run.\n  const lastRun = useRef<{\n    query: string;\n    options: Record<string, unknown>;\n    filters?: DataTableFilterSelection;\n    columns?: DataTableServerColumn[];\n  } | null>(null);\n  const executedFilters = useRef<DataTableFilterSelection>({});\n\n  // Every run goes through here so the record a filter re-runs from is refreshed\n  // in one place: the query, its options, and the columns the source described,\n  // which are what a subsequent selection binds to.\n  const runRequest = useCallback(\n    async (request: QueryBrowserRequest) => {\n      setPending(true);\n      setError(null);\n      const started = performance.now();\n      try {\n        const next = await execute(request);\n        setResult({\n          ...next,\n          durationMs: next.durationMs ?? performance.now() - started,\n        });\n        lastRun.current = {\n          query: request.query,\n          options: request.options,\n          ...(request.filters ? { filters: request.filters } : {}),\n          ...(next.columns ? { columns: next.columns } : {}),\n        };\n      } catch (err) {\n        setError({\n          message: err instanceof Error ? err.message : String(err),\n          query: request.query,\n          ...(err instanceof QueryBrowserExecutionError && err.diagnostics\n            ? { diagnostics: err.diagnostics }\n            : {}),\n        });\n      } finally {\n        setPending(false);\n      }\n    },\n    [execute],\n  );\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if (!query || pending) return;\n    setEntries(rememberQueryBrowserQuery(id, query));\n    // A different statement is a different result set, so neither its filters\n    // nor the columns they bind to survive: both name columns the new query may\n    // not return.\n    const repeat = lastRun.current?.query === query ? lastRun.current : null;\n    const carried = repeat ? filters : {};\n    if (carried !== filters) setFilters(carried);\n    lastRun.current = { query, options };\n    executedFilters.current = carried;\n    await runRequest({\n      query,\n      options,\n      ...(Object.keys(carried).length > 0 ? { filters: carried } : {}),\n      ...(repeat?.columns ? { columns: repeat.columns } : {}),\n      ...(debug ? { debug: true } : {}),\n    });\n  }, [currentQuery, debug, filters, id, options, pending, runRequest]);\n\n  // A filter pill is not a draft the way query text is: it commits a discrete\n  // value on selection, and the bar already debounces its free-text fields. So\n  // a change re-runs the last executed query immediately rather than waiting\n  // for Run, which is also how the profile catalog behaves.\n  const rerunWithFilters = useCallback(\n    async (selection: DataTableFilterSelection) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: a filter changed before any query had run\",\n        );\n      }\n      await runRequest({\n        ...previous,\n        filters: selection,\n        ...(result?.pagination\n          ? { pagination: { limit: result.pagination.limit } }\n          : {}),\n        ...(debug ? { debug: true } : {}),\n      });\n    },\n    [debug, result?.pagination, runRequest],\n  );\n\n  const rerunAt = useCallback(\n    async (pagination: NonNullable<QueryBrowserRequest[\"pagination\"]>) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: pagination changed before any query had run\",\n        );\n      }\n      await runRequest({\n        ...previous,\n        pagination,\n        ...(debug ? { debug: true } : {}),\n      });\n    },\n    [debug, runRequest],\n  );\n\n  useEffect(() => {\n    if (!lastRun.current) return;\n    if (filters === executedFilters.current) return;\n    executedFilters.current = filters;\n    void rerunWithFilters(filters);\n  }, [filters, rerunWithFilters]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: queryBrowserEditorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(\n            queryBrowserLanguageExtension(language, completion),\n          ),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        queryBrowserLanguageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readQueryBrowserHistory(id));\n    setResult(null);\n    setError(null);\n    setFilters({});\n    setDebug(false);\n    lastRun.current = null;\n    executedFilters.current = {};\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const described = result?.columns ?? [];\n  const columns = useMemo(\n    () =>\n      described.length > 0\n        ? serverColumnsToDataTableColumns<Record<string, unknown>>(described)\n        : inferColumns(rows, { literalKeys: true }),\n    [described, rows],\n  );\n  const lookupValues = useMemo<DataTableFilterLookup | undefined>(() => {\n    if (!lookupFilterValues) return undefined;\n    return (request) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: a filter lookup ran before any query had\",\n        );\n      }\n      return lookupFilterValues({ ...request, ...previous, filters });\n    };\n  }, [filters, lookupFilterValues]);\n  const filterConfig = useMemo(\n    () =>\n      serverFiltersToFilterBar(\n        described,\n        filters,\n        setFilters,\n        lookupValues ? { lookupValues } : {},\n      ),\n    [described, filters, lookupValues],\n  );\n  const serverFiltered =\n    filterConfig.filters.length > 0 || filterConfig.timeRange !== undefined;\n  const tablePagination = useMemo<DataTablePagination | undefined>(() => {\n    const pagination = result?.pagination;\n    if (!pagination) return undefined;\n    const shared = {\n      pageSize: pagination.limit,\n      ...(pagination.total !== undefined ? { total: pagination.total } : {}),\n      ...(pagination.totalRelation === \"eq\" ||\n      pagination.totalRelation === \"gte\"\n        ? { totalRelation: pagination.totalRelation }\n        : {}),\n      hasMore: pagination.hasMore,\n      onPageSizeChange: (limit: number) => void rerunAt({ limit }),\n    };\n    if (pagination.mode === \"cursor\") {\n      return {\n        ...shared,\n        page: 0,\n        cursor: {\n          ...(pagination.cursor ? { current: pagination.cursor } : {}),\n          ...(pagination.nextCursor ? { next: pagination.nextCursor } : {}),\n          onCursorChange: (cursor: string | undefined) =>\n            void rerunAt({\n              limit: pagination.limit,\n              ...(cursor ? { cursor } : {}),\n            }),\n        },\n      };\n    }\n    const page = Math.floor((pagination.offset ?? 0) / pagination.limit);\n    return {\n      ...shared,\n      page,\n      onPageChange: (nextPage: number) =>\n        void rerunAt({\n          limit: pagination.limit,\n          offset: nextPage * pagination.limit,\n        }),\n    };\n  }, [rerunAt, result?.pagination]);\n  const defaultResults = (\n    <QueryBrowserResults\n      result={result}\n      pending={pending}\n      {...(title ? { title } : {})}\n      queryLabel={queryLabel}\n      columns={columns}\n      filterConfig={filterConfig}\n      serverFiltered={serverFiltered}\n      {...(tablePagination ? { pagination: tablePagination } : {})}\n    />\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          variant={debug ? \"secondary\" : \"outline\"}\n          aria-pressed={debug}\n          onClick={() => setDebug((enabled) => !enabled)}\n        >\n          <Icon icon={UiDebug} className=\"size-4\" />\n          Debug\n        </Button>\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <div className=\"space-y-3\">\n            <ErrorDetails\n              diagnostics={{\n                message: error.message,\n                context: [\n                  [\"Query\", error.query],\n                  [\"Language\", language],\n                ],\n              }}\n            />\n            {error.diagnostics && (\n              <QueryBrowserDiagnosticsPanel diagnostics={error.diagnostics} />\n            )}\n          </div>\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n    </div>\n  );\n}\n"],"names":["useRef","Compartment","useState","readQueryBrowserHistory","useCallback","QueryBrowserExecutionError","view","rememberQueryBrowserQuery","useEffect","EditorView","EditorState","queryBrowserEditorExtensions","queryBrowserLanguageExtension","useMemo","serverColumnsToDataTableColumns","inferColumns","serverFiltersToFilterBar","jsx","QueryBrowserResults","jsxs","Button","Icon","UiDebug","UiPlay","JsonSchemaForm","ErrorDetails","QueryBrowserDiagnosticsPanel","cn","SplitPane"],"mappings":"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"}

package/dist/data/query-browser/QueryBrowser.d.ts

@@ -1,42 +1,3 @@
-import { ReactNode } from 'react';
-import { JsonSchemaObject } from '../../components/json-schema-form-types';
-import { QueryBrowserCompletion } from './QueryBrowser.completion';
-export type QueryBrowserColumn = {
-    name: string;
-    databaseType?: string;
-};
-export type QueryBrowserResult = {
-    rows?: Record<string, unknown>[];
-    columns?: QueryBrowserColumn[];
-    affectedRows?: number;
-    durationMs?: number;
-    message?: string;
-    truncated?: boolean;
-    metadata?: Record<string, unknown>;
-};
-export type QueryBrowserRequest = {
-    query: string;
-    options: Record<string, unknown>;
-};
-export type QueryBrowserResultContext = {
-    result: QueryBrowserResult;
-    defaultView: ReactNode;
-};
-export type QueryBrowserProps = {
-    id: string;
-    title?: string;
-    language?: "sql" | "json" | "text";
-    initialQuery?: string;
-    queryLabel?: string;
-    optionsSchema?: JsonSchemaObject;
-    initialOptions?: Record<string, unknown>;
-    completion?: QueryBrowserCompletion;
-    onQueryChange?: (query: string) => void;
-    onOptionsChange?: (options: Record<string, unknown>) => void;
-    navigator?: ReactNode;
-    execute: (request: QueryBrowserRequest) => Promise<QueryBrowserResult>;
-    renderResults?: (context: QueryBrowserResultContext) => ReactNode;
-    className?: string;
-};
-export declare function QueryBrowser({ id, title, language, initialQuery, queryLabel, optionsSchema, initialOptions, completion, onQueryChange, onOptionsChange, navigator, execute, renderResults, className, }: QueryBrowserProps): import("react/jsx-runtime").JSX.Element;
+import { QueryBrowserProps } from './QueryBrowser.types';
+export declare function QueryBrowser({ id, title, language, initialQuery, queryLabel, optionsSchema, initialOptions, completion, onQueryChange, onOptionsChange, navigator, execute, lookupFilterValues, renderResults, className, }: QueryBrowserProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QueryBrowser.d.ts.map

package/dist/data/query-browser/QueryBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"names":[],"mappings":"AAMA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAShF,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4FF,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,QAAiB,EACjB,YAAiB,EACjB,UAAoB,EACpB,aAAa,EACb,cAAc,EACd,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,2CA+OnB"}
+{"version":3,"file":"QueryBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,QAAiB,EACjB,YAAiB,EACjB,UAAoB,EACpB,aAAa,EACb,cAAc,EACd,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,2CAyYnB"}