@thebuoyant-tsdev/mui-ts-library 3.2.1 → 3.6.0

package/dist/components/shared/ToolbarButton.js

@@ -0,0 +1,22 @@
+import { IconButton as e, Tooltip as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/shared/ToolbarButton.tsx
+function r({ label: r, icon: i, onClick: a, active: o, disabled: s }) {
+	return /* @__PURE__ */ n(t, {
+		title: r,
+		arrow: !0,
+		children: /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(e, {
+			size: "small",
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: a,
+			disabled: s,
+			color: o ? "primary" : "default",
+			sx: { borderRadius: 1 },
+			"aria-label": r,
+			"aria-pressed": o,
+			children: i
+		}) })
+	});
+}
+//#endregion
+export { r as ToolbarButton };

package/dist/components/shared/normalizeSize.js

@@ -0,0 +1,6 @@
+//#region src/components/shared/normalizeSize.ts
+function e(e) {
+	if (!(e === "" || e === void 0)) return typeof e == "string" && e !== "auto" && !isNaN(Number(e)) ? Number(e) : e;
+}
+//#endregion
+export { e as normalizeSize };

package/dist/components/sql-editor/SqlEditor.d.ts

@@ -1,2 +1,2 @@
 import { type SqlEditorProps } from "./SqlEditor.types";
-export declare function SqlEditor({ value, onChange, placeholder, height, width, disabled, readonly, error, helperText, name, dialect, showLineNumbers, showLineColumn, showErrorCount, toolbarConfig, translation, highlightColors, schema, onExecute, onLint, onBlur, onFocus, }: SqlEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SqlEditor({ value, onChange, placeholder, height, width, disabled, readonly, error, helperText, name, dialect, showLineNumbers, showLineColumn, showErrorCount, toolbarConfig, translation, highlightColors, schema, queryHistoryKey, queryHistoryMaxEntries, onExecute, onLint, onBlur, onFocus, }: SqlEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/sql-editor/SqlEditor.js

@@ -0,0 +1,113 @@
+import { normalizeSize as e } from "../shared/normalizeSize.js";
+import { DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG as t, DEFAULT_SQL_EDITOR_TRANSLATION as n } from "./SqlEditor.types.js";
+import { SqlEditorContent as r } from "./SqlEditorContent.js";
+import { SqlEditorToolbar as i } from "./SqlEditorToolbar.js";
+import { SqlEditorFooter as a } from "./SqlEditorFooter.js";
+import { useSqlQueryHistory as o } from "./useSqlQueryHistory.js";
+import { useCallback as s, useRef as c, useState as l } from "react";
+import { Box as u, Divider as d, Paper as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/sql-editor/SqlEditor.tsx
+function g({ value: g, onChange: _, placeholder: ee, height: v, width: y, disabled: b = !1, readonly: x = !1, error: S = !1, helperText: C, name: w, dialect: T = "standard", showLineNumbers: E = !0, showLineColumn: D = !0, showErrorCount: O = !1, toolbarConfig: k, translation: A, highlightColors: j, schema: M, queryHistoryKey: N = "sql-editor-query-history", queryHistoryMaxEntries: P = 20, onExecute: F, onLint: I, onBlur: L, onFocus: R }) {
+	let z = {
+		...n,
+		...A
+	}, B = {
+		...t,
+		...k
+	}, { history: te, addEntry: V, clearHistory: H } = o(N, P), U = e(v), W = e(y), G = U === "auto", K = G ? void 0 : U ?? 300, q = c(null), [J, Y] = l(null), [X, Z] = l({
+		line: 1,
+		col: 1
+	}), [Q, ne] = l(0), re = s((e) => {
+		q.current = e, Y(e);
+	}, []), ie = s((e, t) => {
+		Z({
+			line: e,
+			col: t
+		});
+	}, []), ae = s((e) => {
+		ne(e);
+	}, []), $ = F ? (e) => {
+		V(e), F(e);
+	} : void 0, oe = s((e) => {
+		let t = q.current;
+		t && (t.dispatch({ changes: {
+			from: 0,
+			to: t.state.doc.length,
+			insert: e
+		} }), t.focus()), _?.(e);
+	}, [_]), se = D || O || !!C;
+	return /* @__PURE__ */ h(u, {
+		sx: {
+			width: W ?? "100%",
+			...G ? {
+				display: "flex",
+				flexDirection: "column",
+				flex: 1
+			} : {}
+		},
+		children: [
+			/* @__PURE__ */ h(f, {
+				variant: "outlined",
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					overflow: "hidden",
+					...G ? { flex: 1 } : { height: K },
+					borderColor: S ? "error.main" : void 0,
+					"&:focus-within": {
+						borderColor: S ? "error.main" : "primary.main",
+						borderWidth: 2
+					}
+				},
+				children: [!x && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(i, {
+					editorView: J,
+					toolbarConfig: B,
+					translation: z,
+					dialect: T,
+					disabled: b,
+					onExecute: $,
+					queryHistory: te,
+					onSelectHistoryEntry: oe,
+					onClearHistory: H
+				}), /* @__PURE__ */ m(d, {})] }), /* @__PURE__ */ m(r, {
+					value: g,
+					onChange: _,
+					placeholder: ee,
+					disabled: b,
+					readonly: x,
+					showLineNumbers: E,
+					dialect: T,
+					keywordColor: j?.keyword,
+					stringColor: j?.string,
+					identifierColor: j?.identifier,
+					schema: M,
+					onExecute: $,
+					onLint: I,
+					onDiagnosticsChange: I ? ae : void 0,
+					onViewReady: re,
+					onCursorChange: ie,
+					onBlur: L,
+					onFocus: R
+				})]
+			}),
+			se && /* @__PURE__ */ m(a, {
+				helperText: C,
+				error: S,
+				showLineColumn: D,
+				showErrorCount: O,
+				diagnosticsCount: Q,
+				cursorLine: X.line,
+				cursorCol: X.col,
+				translation: z
+			}),
+			w && /* @__PURE__ */ m("input", {
+				type: "hidden",
+				name: w,
+				value: g ?? ""
+			})
+		]
+	});
+}
+//#endregion
+export { g as SqlEditor };

package/dist/components/sql-editor/SqlEditor.types.d.ts

@@ -10,6 +10,8 @@ export type SqlEditorToolbarConfig = {
     showClear?: boolean;
     showExecute?: boolean;
     showUndoRedo?: boolean;
+    /** Shows a "Query history" button — requires `onExecute` to be set (default: false). */
+    showHistory?: boolean;
 };
 export declare const DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG: Required<SqlEditorToolbarConfig>;
 export type SqlEditorTranslation = {
@@ -22,6 +24,9 @@ export type SqlEditorTranslation = {
     redo: string;
     lineColumn: string;
     errorCount: string;
+    history: string;
+    historyEmpty: string;
+    clearHistory: string;
 };
 export declare const DEFAULT_SQL_EDITOR_TRANSLATION: SqlEditorTranslation;
 export type SqlEditorDialect = "standard" | "mysql" | "postgresql" | "sqlite" | "mssql";
@@ -55,6 +60,10 @@ export type SqlEditorProps = {
     /** Name for native form submission via hidden input. */
     name?: string;
     placeholder?: string;
+    /** localStorage key for the query history — set a unique value if multiple SqlEditors run on the same page (default: "sql-editor-query-history"). */
+    queryHistoryKey?: string;
+    /** Maximum number of entries kept in the query history (default: 20). */
+    queryHistoryMaxEntries?: number;
     readonly?: boolean;
     schema?: SqlSchema;
     showErrorCount?: boolean;

package/dist/components/sql-editor/SqlEditor.types.js

@@ -0,0 +1,24 @@
+//#region src/components/sql-editor/SqlEditor.types.ts
+var e = {
+	showFormat: !0,
+	showCopy: !0,
+	showClear: !0,
+	showExecute: !1,
+	showUndoRedo: !0,
+	showHistory: !1
+}, t = {
+	format: "Format SQL",
+	copy: "Copy",
+	copySuccess: "Copied!",
+	clear: "Clear",
+	execute: "Execute",
+	undo: "Undo",
+	redo: "Redo",
+	lineColumn: "Ln {line}, Col {col}",
+	errorCount: "{count} error(s)",
+	history: "Query history",
+	historyEmpty: "No queries yet",
+	clearHistory: "Clear history"
+};
+//#endregion
+export { e as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, t as DEFAULT_SQL_EDITOR_TRANSLATION };

package/dist/components/sql-editor/SqlEditorContent.js

@@ -0,0 +1,248 @@
+import { useEffect as e, useRef as t } from "react";
+import { Box as n, useTheme as r } from "@mui/material";
+import { EditorView as i, highlightActiveLine as a, highlightActiveLineGutter as o, keymap as s, lineNumbers as c, placeholder as l } from "@codemirror/view";
+import { Compartment as u, EditorState as d } from "@codemirror/state";
+import { defaultKeymap as f, history as p, historyKeymap as m } from "@codemirror/commands";
+import { HighlightStyle as ee, syntaxHighlighting as te } from "@codemirror/language";
+import { lintGutter as ne, linter as h } from "@codemirror/lint";
+import { tags as g } from "@lezer/highlight";
+import { jsx as _ } from "react/jsx-runtime";
+import { MSSQL as v, MySQL as y, PostgreSQL as b, SQLite as x, StandardSQL as S, sql as C } from "@codemirror/lang-sql";
+import { autocompletion as re, completionKeymap as w } from "@codemirror/autocomplete";
+//#region src/components/sql-editor/SqlEditorContent.tsx
+var T = {
+	standard: S,
+	mysql: y,
+	postgresql: b,
+	sqlite: x,
+	mssql: v
+};
+function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly: S = !1, showLineNumbers: E = !0, dialect: D = "standard", keywordColor: O, stringColor: k, identifierColor: A, schema: j, onExecute: M, onLint: N, onDiagnosticsChange: P, onViewReady: F, onCursorChange: I, onBlur: L, onFocus: R }) {
+	let z = t(null), B = t(null), V = t(y), H = t(I), U = t(L), W = t(R), G = t(F), K = t(M), q = t(N), J = t(P), Y = t(new u()), X = t(new u()), Z = r(), Q = Z.palette.mode === "dark", $ = !!N, ie = JSON.stringify(j);
+	return e(() => {
+		V.current = y;
+	}, [y]), e(() => {
+		H.current = I;
+	}, [I]), e(() => {
+		U.current = L;
+	}, [L]), e(() => {
+		W.current = R;
+	}, [R]), e(() => {
+		G.current = F;
+	}, [F]), e(() => {
+		K.current = M;
+	}, [M]), e(() => {
+		q.current = N;
+	}, [N]), e(() => {
+		J.current = P;
+	}, [P]), e(() => {
+		if (!z.current) return;
+		let e = B.current?.state.doc.toString() ?? v ?? "", t = O ?? Z.palette.primary.main, n = k ?? Z.palette.success.main, r = A ?? Z.palette.info.main, u = ee.define([
+			{
+				tag: g.keyword,
+				color: t,
+				fontWeight: "bold"
+			},
+			{
+				tag: g.name,
+				color: r
+			},
+			{
+				tag: [g.string, g.special(g.string)],
+				color: n,
+				fontWeight: "bold"
+			},
+			{
+				tag: g.number,
+				color: Z.palette.warning.main
+			},
+			{
+				tag: [g.lineComment, g.blockComment],
+				color: Z.palette.text.disabled,
+				fontStyle: "italic"
+			},
+			{
+				tag: g.operator,
+				color: Z.palette.text.secondary
+			},
+			{
+				tag: [g.function(g.variableName), g.function(g.name)],
+				color: Z.palette.secondary.main
+			},
+			{
+				tag: g.typeName,
+				color: Z.palette.info.main
+			},
+			{
+				tag: g.invalid,
+				color: Z.palette.error.main,
+				textDecoration: "underline wavy"
+			}
+		]), _ = i.theme({
+			"&": {
+				height: "100%",
+				fontFamily: "'Fira Code', 'JetBrains Mono', 'Consolas', monospace",
+				fontSize: "0.875rem"
+			},
+			".cm-scroller": { overflow: "auto" },
+			".cm-content": {
+				padding: "8px 4px",
+				caretColor: Z.palette.text.primary
+			},
+			".cm-gutters": {
+				backgroundColor: Q ? Z.palette.grey[900] : Z.palette.grey[50],
+				color: Z.palette.text.disabled,
+				border: "none",
+				borderRight: `1px solid ${Z.palette.divider}`
+			},
+			".cm-lineNumbers .cm-gutterElement": {
+				paddingLeft: "4px",
+				paddingRight: "8px"
+			},
+			".cm-activeLineGutter": { backgroundColor: Z.palette.action.selected },
+			".cm-activeLine": { backgroundColor: Z.palette.action.hover },
+			"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: Z.palette.primary.main + "40" },
+			".cm-cursor, .cm-dropCursor": { borderLeftColor: Z.palette.text.primary },
+			"&.cm-focused": { outline: "none" },
+			".cm-placeholder": {
+				color: Z.palette.text.disabled,
+				fontStyle: "italic"
+			},
+			".cm-tooltip": {
+				backgroundColor: Z.palette.background.paper,
+				border: `1px solid ${Z.palette.divider}`,
+				borderRadius: "4px",
+				boxShadow: Z.shadows[4]
+			},
+			".cm-tooltip-autocomplete > ul > li": { color: Z.palette.text.primary },
+			".cm-tooltip-autocomplete > ul > li[aria-selected]": {
+				backgroundColor: Z.palette.primary.main + "20",
+				color: Z.palette.primary.main
+			},
+			".cm-completionMatchedText": {
+				color: Z.palette.primary.main,
+				textDecoration: "none",
+				fontWeight: "bold"
+			},
+			".cm-completionDetail": {
+				color: Z.palette.text.secondary,
+				fontStyle: "italic"
+			},
+			".cm-gutter-lint": { width: "16px" },
+			".cm-lint-marker-error": { color: Z.palette.error.main },
+			".cm-lint-marker-warning": { color: Z.palette.warning.main },
+			".cm-tooltip.cm-tooltip-lint": {
+				backgroundColor: Z.palette.background.paper,
+				border: `1px solid ${Z.palette.divider}`,
+				borderRadius: "4px"
+			},
+			".cm-diagnostic-error": { borderLeft: `3px solid ${Z.palette.error.main}` },
+			".cm-diagnostic-warning": { borderLeft: `3px solid ${Z.palette.warning.main}` },
+			".cm-diagnostic-info": { borderLeft: `3px solid ${Z.palette.info.main}` }
+		}, { dark: Q }), y = j ? Object.fromEntries(j.tables.map((e) => [e.name, (e.columns ?? []).map((e) => ({
+			label: e.name,
+			detail: e.type,
+			type: "property"
+		}))])) : void 0, M = async (e) => {
+			let t = q.current;
+			if (!t) return [];
+			let n = e.state.doc.toString();
+			try {
+				let r = (await t(n)).map((t) => {
+					let n = Math.max(1, Math.min(t.line, e.state.doc.lines)), r = e.state.doc.line(n);
+					return {
+						from: r.from + Math.max(0, (t.col ?? 1) - 1),
+						to: r.to,
+						severity: t.severity ?? "error",
+						message: t.message
+					};
+				});
+				return J.current?.(r.length), r;
+			} catch {
+				return [];
+			}
+		}, N = s.of([{
+			key: "Mod-Enter",
+			run: (e) => (K.current?.(e.state.doc.toString()), !0)
+		}]), P = [
+			_,
+			te(u),
+			C({
+				dialect: T[D],
+				schema: y
+			}),
+			p(),
+			re(),
+			N,
+			s.of([
+				...f,
+				...m,
+				...w
+			]),
+			Y.current.of(i.editable.of(!x && !S)),
+			X.current.of(d.readOnly.of(S)),
+			a(),
+			...E ? [c(), o()] : [],
+			...b ? [l(b)] : [],
+			...$ ? [ne(), h(M, { delay: 600 })] : [],
+			i.updateListener.of((e) => {
+				e.docChanged && V.current?.(e.state.doc.toString());
+				let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
+				H.current(n.number, t - n.from + 1);
+			}),
+			i.domEventHandlers({
+				blur: () => {
+					U.current?.();
+				},
+				focus: () => {
+					W.current?.();
+				}
+			})
+		], F = new i({
+			state: d.create({
+				doc: e,
+				extensions: P
+			}),
+			parent: z.current
+		});
+		return B.current = F, G.current(F), () => {
+			G.current(null), F.destroy(), B.current = null;
+		};
+	}, [
+		Q,
+		D,
+		$,
+		O,
+		k,
+		A,
+		ie
+	]), e(() => {
+		let e = B.current;
+		if (!e) return;
+		let t = e.state.doc.toString();
+		t !== (v ?? "") && e.dispatch({ changes: {
+			from: 0,
+			to: t.length,
+			insert: v ?? ""
+		} });
+	}, [v]), e(() => {
+		B.current?.dispatch({ effects: [Y.current.reconfigure(i.editable.of(!x && !S)), X.current.reconfigure(d.readOnly.of(S))] });
+	}, [x, S]), /* @__PURE__ */ _(n, {
+		ref: z,
+		sx: {
+			flex: 1,
+			overflow: "hidden",
+			display: "flex",
+			flexDirection: "column",
+			opacity: x ? .5 : 1,
+			backgroundColor: Z.palette.background.paper,
+			"& .cm-editor": {
+				flex: 1,
+				display: "flex",
+				flexDirection: "column"
+			}
+		}
+	});
+}
+//#endregion
+export { E as SqlEditorContent };

package/dist/components/sql-editor/SqlEditorFooter.js

@@ -0,0 +1,45 @@
+import { Box as e, FormHelperText as t } from "@mui/material";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@mui/icons-material/WarningAmber";
+//#region src/components/sql-editor/SqlEditorFooter.tsx
+function a({ helperText: a, error: o, showLineColumn: s, showErrorCount: c, diagnosticsCount: l, cursorLine: u, cursorCol: d, translation: f }) {
+	let p = f.lineColumn.replace("{line}", String(u)).replace("{col}", String(d)), m = f.errorCount.replace("{count}", String(l));
+	return /* @__PURE__ */ r(e, {
+		sx: {
+			display: "flex",
+			justifyContent: "space-between",
+			alignItems: "flex-start",
+			mt: .5,
+			px: .5
+		},
+		children: [/* @__PURE__ */ r(e, { children: [c && l > 0 && /* @__PURE__ */ r(e, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: .5
+			},
+			children: [/* @__PURE__ */ n(i, { sx: {
+				fontSize: "0.875rem",
+				color: "error.main"
+			} }), /* @__PURE__ */ n(t, {
+				sx: {
+					color: "error.main",
+					m: 0
+				},
+				children: m
+			})]
+		}), /* @__PURE__ */ n(t, {
+			error: o,
+			children: a ?? ""
+		})] }), s && /* @__PURE__ */ n(t, {
+			sx: {
+				color: "text.disabled",
+				fontFamily: "monospace",
+				whiteSpace: "nowrap"
+			},
+			children: p
+		})]
+	});
+}
+//#endregion
+export { a as SqlEditorFooter };

package/dist/components/sql-editor/SqlEditorHistoryMenu.d.ts

@@ -0,0 +1,11 @@
+import type { SqlEditorTranslation } from "./SqlEditor.types";
+import type { SqlQueryHistoryEntry } from "./util/sqlQueryHistory.util";
+type SqlEditorHistoryMenuProps = {
+    history: SqlQueryHistoryEntry[];
+    onSelect: (sql: string) => void;
+    onClear: () => void;
+    translation: SqlEditorTranslation;
+    disabled?: boolean;
+};
+export declare function SqlEditorHistoryMenu({ history, onSelect, onClear, translation: t, disabled, }: SqlEditorHistoryMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sql-editor/SqlEditorHistoryMenu.js

@@ -0,0 +1,75 @@
+import { useState as e } from "react";
+import { Divider as t, IconButton as n, ListItemIcon as r, ListItemText as i, Menu as a, MenuItem as o, Tooltip as s, Typography as c } from "@mui/material";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import f from "@mui/icons-material/History";
+import p from "@mui/icons-material/DeleteSweep";
+//#region src/components/sql-editor/SqlEditorHistoryMenu.tsx
+function m(e, t = 60) {
+	let n = e.replace(/\s+/g, " ").trim();
+	return n.length > t ? `${n.slice(0, t)}…` : n;
+}
+function h({ history: h, onSelect: g, onClear: _, translation: v, disabled: y }) {
+	let [b, x] = e(null);
+	function S() {
+		x(null);
+	}
+	function C(e) {
+		g(e), S();
+	}
+	function w() {
+		_(), S();
+	}
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(s, {
+		title: v.history,
+		arrow: !0,
+		children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(n, {
+			size: "small",
+			onClick: (e) => x(e.currentTarget),
+			disabled: y,
+			"aria-label": v.history,
+			children: /* @__PURE__ */ u(f, { fontSize: "small" })
+		}) })
+	}), /* @__PURE__ */ d(a, {
+		anchorEl: b,
+		open: !!b,
+		onClose: S,
+		slotProps: { paper: { sx: {
+			minWidth: 280,
+			maxWidth: 400
+		} } },
+		children: [
+			h.length === 0 && /* @__PURE__ */ u(o, {
+				disabled: !0,
+				children: /* @__PURE__ */ u(i, { children: v.historyEmpty })
+			}),
+			h.map((e) => /* @__PURE__ */ u(o, {
+				onClick: () => C(e.sql),
+				children: /* @__PURE__ */ u(i, {
+					primary: m(e.sql),
+					secondary: /* @__PURE__ */ u(c, {
+						variant: "caption",
+						color: "text.secondary",
+						children: new Date(e.timestamp).toLocaleString()
+					}),
+					slotProps: { primary: { sx: {
+						fontFamily: "monospace",
+						fontSize: "0.8125rem"
+					} } }
+				})
+			}, e.timestamp)),
+			h.length > 0 && /* @__PURE__ */ u(t, {}),
+			h.length > 0 && /* @__PURE__ */ d(o, {
+				onClick: w,
+				children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ u(p, {
+					fontSize: "small",
+					color: "error"
+				}) }), /* @__PURE__ */ u(i, {
+					sx: { color: "error.main" },
+					children: v.clearHistory
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+export { h as SqlEditorHistoryMenu };

package/dist/components/sql-editor/SqlEditorToolbar.d.ts

@@ -1,5 +1,6 @@
 import type { EditorView } from "@codemirror/view";
 import type { SqlEditorDialect, SqlEditorToolbarConfig, SqlEditorTranslation } from "./SqlEditor.types";
+import type { SqlQueryHistoryEntry } from "./util/sqlQueryHistory.util";
 type SqlEditorToolbarProps = {
     editorView: EditorView | null;
     toolbarConfig: Required<SqlEditorToolbarConfig>;
@@ -7,6 +8,9 @@ type SqlEditorToolbarProps = {
     dialect: SqlEditorDialect;
     disabled?: boolean;
     onExecute?: (sql: string) => void;
+    queryHistory?: SqlQueryHistoryEntry[];
+    onSelectHistoryEntry?: (sql: string) => void;
+    onClearHistory?: () => void;
 };
-export declare function SqlEditorToolbar({ editorView, toolbarConfig: tc, translation: t, dialect, disabled, onExecute, }: SqlEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SqlEditorToolbar({ editorView, toolbarConfig: tc, translation: t, dialect, disabled, onExecute, queryHistory, onSelectHistoryEntry, onClearHistory, }: SqlEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};