@thebuoyant-tsdev/mui-ts-library 3.29.2 → 3.31.0

package/dist/components/rich-text-editor/RichTextEditorTableMenu.js

@@ -1,22 +1,22 @@
-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 } from "@mui/material";
+import { Divider as e, IconButton as t, ListItemIcon as n, ListItemText as r, Menu as i, MenuItem as a, Tooltip as o } from "@mui/material";
+import { useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "@mui/icons-material/Delete";
 import f from "@mui/icons-material/Add";
 import p from "@mui/icons-material/TableChart";
 //#region src/components/rich-text-editor/RichTextEditorTableMenu.tsx
 function m({ editor: m, translation: h, disabled: g }) {
-	let [_, v] = e(null), y = g || !m, b = m?.isActive("table") ?? !1;
+	let [_, v] = s(null), y = g || !m, b = m?.isActive("table") ?? !1;
 	function x() {
 		v(null);
 	}
 	function S(e) {
 		e(), x();
 	}
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(s, {
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, {
 		title: h.table,
 		arrow: !0,
-		children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(n, {
+		children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(t, {
 			size: "small",
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: (e) => v(e.currentTarget),
@@ -27,65 +27,65 @@ function m({ editor: m, translation: h, disabled: g }) {
 			"aria-pressed": b,
 			children: /* @__PURE__ */ l(p, { fontSize: "small" })
 		}) })
-	}), /* @__PURE__ */ u(a, {
+	}), /* @__PURE__ */ u(i, {
 		anchorEl: _,
 		open: !!_,
 		onClose: x,
 		slotProps: { paper: { sx: { minWidth: 220 } } },
 		children: [
-			/* @__PURE__ */ u(o, {
+			/* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().insertTable({
 					rows: 3,
 					cols: 3,
 					withHeaderRow: !0
 				}).run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(p, { fontSize: "small" }) }), /* @__PURE__ */ l(i, { children: h.insertTable })]
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(p, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.insertTable })]
 			}),
-			b && /* @__PURE__ */ l(t, {}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ l(e, {}),
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().addRowBefore().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(i, { children: h.addRowBefore })]
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addRowBefore })]
 			}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().addRowAfter().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(i, { children: h.addRowAfter })]
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addRowAfter })]
 			}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().deleteRow().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(d, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ l(i, {
+				}) }), /* @__PURE__ */ l(r, {
 					sx: { color: "error.main" },
 					children: h.deleteRow
 				})]
 			}),
-			b && /* @__PURE__ */ l(t, {}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ l(e, {}),
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().addColumnBefore().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(i, { children: h.addColumnBefore })]
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addColumnBefore })]
 			}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().addColumnAfter().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(i, { children: h.addColumnAfter })]
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addColumnAfter })]
 			}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().deleteColumn().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(d, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ l(i, {
+				}) }), /* @__PURE__ */ l(r, {
 					sx: { color: "error.main" },
 					children: h.deleteColumn
 				})]
 			}),
-			b && /* @__PURE__ */ l(t, {}),
-			b && /* @__PURE__ */ u(o, {
+			b && /* @__PURE__ */ l(e, {}),
+			b && /* @__PURE__ */ u(a, {
 				onClick: () => S(() => m?.chain().focus().deleteTable().run()),
-				children: [/* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(d, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ l(i, {
+				}) }), /* @__PURE__ */ l(r, {
 					sx: { color: "error.main" },
 					children: h.deleteTable
 				})]

package/dist/components/rich-text-editor/RichTextEditorToolbar.js

@@ -5,14 +5,14 @@ import { RichTextEditorTableMenu as r } from "./RichTextEditorTableMenu.js";
 import { RichTextEditorImageDialog as i } from "./RichTextEditorImageDialog.js";
 import { RichTextEditorEmojiPicker as a } from "./RichTextEditorEmojiPicker.js";
 import { RichTextEditorMarkdownDialog as ee } from "./RichTextEditorMarkdownDialog.js";
-import { useState as o } from "react";
-import { Box as s, Divider as te, IconButton as c, Tooltip as l } from "@mui/material";
+import { Box as o, Divider as te, IconButton as s, Tooltip as c } from "@mui/material";
+import { useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import ne from "@mui/icons-material/Undo";
 import re from "@mui/icons-material/Redo";
 import ie from "@mui/icons-material/Fullscreen";
-import p from "@mui/icons-material/FullscreenExit";
-import ae from "@mui/icons-material/Image";
+import ae from "@mui/icons-material/FullscreenExit";
+import p from "@mui/icons-material/Image";
 import oe from "@mui/icons-material/EmojiEmotions";
 import se from "@mui/icons-material/FormatBold";
 import ce from "@mui/icons-material/FormatItalic";
@@ -22,19 +22,19 @@ import de from "@mui/icons-material/FormatListBulleted";
 import m from "@mui/icons-material/FormatListNumbered";
 import fe from "@mui/icons-material/FormatQuote";
 import pe from "@mui/icons-material/Code";
-import me from "@mui/icons-material/InsertLink";
-import h from "@mui/icons-material/HorizontalRule";
-import g from "@mui/icons-material/FormatColorText";
-import _ from "@mui/icons-material/BorderColor";
-import v from "@mui/icons-material/FormatClear";
+import h from "@mui/icons-material/InsertLink";
+import g from "@mui/icons-material/HorizontalRule";
+import _ from "@mui/icons-material/FormatColorText";
+import v from "@mui/icons-material/BorderColor";
+import me from "@mui/icons-material/FormatClear";
 import he from "@mui/icons-material/ContentPaste";
 import ge from "@mui/icons-material/ContentPasteOff";
 //#region src/components/rich-text-editor/RichTextEditorToolbar.tsx
 function y({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
-	return /* @__PURE__ */ d(l, {
+	return /* @__PURE__ */ d(c, {
 		title: e,
 		arrow: !0,
-		children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ f(c, {
+		children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ f(s, {
 			size: "small",
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: i,
@@ -46,13 +46,13 @@ function y({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
 				pb: .25
 			},
 			"aria-label": e,
-			children: [/* @__PURE__ */ d(s, {
+			children: [/* @__PURE__ */ d(o, {
 				sx: {
 					display: "flex",
 					alignItems: "center"
 				},
 				children: t
-			}), /* @__PURE__ */ d(s, { sx: {
+			}), /* @__PURE__ */ d(o, { sx: {
 				width: "80%",
 				height: 3,
 				bgcolor: n ?? "text.primary",
@@ -86,7 +86,7 @@ function x({ level: e }) {
 	return /* @__PURE__ */ d(b, { text: `H${e}` });
 }
 function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscreen: E, onToggleFullscreen: D, pasteAsPlainText: O, onTogglePasteAsPlainText: k }) {
-	let [A, j] = o(!1), [M, N] = o(!1), [P, F] = o(!1), [I, L] = o(null), [R, z] = o(null), [B, V] = o(null), H = T || !S, U = S?.getAttributes("textStyle")?.color, W = S?.getAttributes("highlight")?.color, G = C.showBold || C.showItalic || C.showUnderline || C.showStrike, K = C.showHeading1 || C.showHeading2 || C.showHeading3, q = C.showBulletList || C.showOrderedList, J = C.showBlockquote || C.showCodeBlock || C.showLink || C.showHorizontalRule, Y = C.showTextColor || C.showHighlight, X = C.showUndoRedo || C.showClearFormat, Z = C.showTableButton || C.showImageButton || C.showEmojiButton, Q = [
+	let [A, j] = l(!1), [M, N] = l(!1), [P, F] = l(!1), [I, L] = l(null), [R, z] = l(null), [B, V] = l(null), H = T || !S, U = S?.getAttributes("textStyle")?.color, W = S?.getAttributes("highlight")?.color, G = C.showBold || C.showItalic || C.showUnderline || C.showStrike, K = C.showHeading1 || C.showHeading2 || C.showHeading3, q = C.showBulletList || C.showOrderedList, J = C.showBlockquote || C.showCodeBlock || C.showLink || C.showHorizontalRule, Y = C.showTextColor || C.showHighlight, X = C.showUndoRedo || C.showClearFormat, Z = C.showTableButton || C.showImageButton || C.showEmojiButton, Q = [
 		G,
 		K,
 		q,
@@ -103,7 +103,7 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 		}, `div-${t}`);
 	}
 	return /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ f(s, {
+		/* @__PURE__ */ f(o, {
 			sx: {
 				display: "flex",
 				flexWrap: "wrap",
@@ -115,7 +115,7 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 			role: "toolbar",
 			"aria-label": "Text formatting",
 			children: [
-				G && /* @__PURE__ */ f(s, {
+				G && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
@@ -152,7 +152,7 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 					]
 				}),
 				$(G, 0),
-				K && /* @__PURE__ */ f(s, {
+				K && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
@@ -182,7 +182,7 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 					]
 				}),
 				$(K, 1),
-				q && /* @__PURE__ */ f(s, {
+				q && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
@@ -202,7 +202,7 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 					})]
 				}),
 				$(q, 2),
-				J && /* @__PURE__ */ f(s, {
+				J && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
@@ -224,41 +224,41 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 						}),
 						C.showLink && /* @__PURE__ */ d(e, {
 							label: w.link,
-							icon: /* @__PURE__ */ d(me, { fontSize: "small" }),
+							icon: /* @__PURE__ */ d(h, { fontSize: "small" }),
 							onClick: () => j(!0),
 							active: S?.isActive("link"),
 							disabled: H
 						}),
 						C.showHorizontalRule && /* @__PURE__ */ d(e, {
 							label: w.horizontalRule,
-							icon: /* @__PURE__ */ d(h, { fontSize: "small" }),
+							icon: /* @__PURE__ */ d(g, { fontSize: "small" }),
 							onClick: () => S?.chain().focus().setHorizontalRule().run(),
 							disabled: H
 						})
 					]
 				}),
 				$(J, 3),
-				Y && /* @__PURE__ */ f(s, {
+				Y && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
 					children: [C.showTextColor && /* @__PURE__ */ d(y, {
 						label: w.textColor,
-						icon: /* @__PURE__ */ d(g, { fontSize: "small" }),
+						icon: /* @__PURE__ */ d(_, { fontSize: "small" }),
 						activeColor: U,
 						disabled: H,
 						onClick: (e) => z(e.currentTarget)
 					}), C.showHighlight && /* @__PURE__ */ d(y, {
 						label: w.highlight,
-						icon: /* @__PURE__ */ d(_, { fontSize: "small" }),
+						icon: /* @__PURE__ */ d(v, { fontSize: "small" }),
 						activeColor: W,
 						disabled: H,
 						onClick: (e) => V(e.currentTarget)
 					})]
 				}),
 				$(Y, 4),
-				X && /* @__PURE__ */ f(s, {
+				X && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
@@ -275,13 +275,13 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 						disabled: H || !S?.can().redo()
 					})] }), C.showClearFormat && /* @__PURE__ */ d(e, {
 						label: w.clearFormat,
-						icon: /* @__PURE__ */ d(v, { fontSize: "small" }),
+						icon: /* @__PURE__ */ d(me, { fontSize: "small" }),
 						onClick: () => S?.chain().focus().clearNodes().unsetAllMarks().run(),
 						disabled: H
 					})]
 				}),
 				$(X, 5),
-				Z && /* @__PURE__ */ f(s, {
+				Z && /* @__PURE__ */ f(o, {
 					sx: {
 						display: "flex",
 						gap: .25
@@ -294,14 +294,14 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 						}),
 						C.showImageButton && /* @__PURE__ */ d(e, {
 							label: w.image,
-							icon: /* @__PURE__ */ d(ae, { fontSize: "small" }),
+							icon: /* @__PURE__ */ d(p, { fontSize: "small" }),
 							onClick: () => N(!0),
 							disabled: H
 						}),
-						C.showEmojiButton && /* @__PURE__ */ d(l, {
+						C.showEmojiButton && /* @__PURE__ */ d(c, {
 							title: w.emoji,
 							arrow: !0,
-							children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(c, {
+							children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(s, {
 								size: "small",
 								onMouseDown: (e) => e.preventDefault(),
 								onClick: (e) => L(e.currentTarget),
@@ -313,8 +313,8 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 						})
 					]
 				}),
-				_e === 0 && /* @__PURE__ */ d(s, { sx: { height: 32 } }),
-				(C.showPasteAsPlainTextButton || C.showMarkdownButton || C.showFullscreenButton) && /* @__PURE__ */ f(s, {
+				_e === 0 && /* @__PURE__ */ d(o, { sx: { height: 32 } }),
+				(C.showPasteAsPlainTextButton || C.showMarkdownButton || C.showFullscreenButton) && /* @__PURE__ */ f(o, {
 					sx: {
 						ml: "auto",
 						display: "flex",
@@ -334,17 +334,17 @@ function S({ editor: S, toolbarConfig: C, translation: w, disabled: T, isFullscr
 							onClick: () => F(!0),
 							disabled: T || !S
 						}),
-						C.showFullscreenButton && /* @__PURE__ */ d(l, {
+						C.showFullscreenButton && /* @__PURE__ */ d(c, {
 							title: E ? w.exitFullscreen : w.fullscreen,
 							arrow: !0,
-							children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(c, {
+							children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(s, {
 								size: "small",
 								onMouseDown: (e) => e.preventDefault(),
 								onClick: D,
 								disabled: T || !S,
 								sx: { borderRadius: 1 },
 								"aria-label": E ? w.exitFullscreen : w.fullscreen,
-								children: d(E ? p : ie, { fontSize: "small" })
+								children: d(E ? ae : ie, { fontSize: "small" })
 							}) })
 						})
 					]

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

@@ -1,15 +1,15 @@
 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 ee } from "./SqlEditorFooter.js";
+import { SqlEditorContent as ee } from "./SqlEditorContent.js";
+import { SqlEditorToolbar as r } from "./SqlEditorToolbar.js";
+import { SqlEditorFooter as i } from "./SqlEditorFooter.js";
 import { useSqlQueryHistory as a } from "./useSqlQueryHistory.js";
-import { useCallback as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Box as u, Divider as d, Paper as te } from "@mui/material";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { format as h } from "sql-formatter";
+import { Box as o, Divider as s, Paper as c } from "@mui/material";
+import { useCallback as l, useMemo as te, useRef as ne, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { format as m } from "sql-formatter";
 //#region src/components/sql-editor/SqlEditor.tsx
-var ne = {
+var h = {
 	standard: "sql",
 	mysql: "mysql",
 	postgresql: "postgresql",
@@ -23,27 +23,27 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 	}, B = {
 		...t,
 		...k
-	}, { history: V, addEntry: H, clearHistory: U } = a(N, P), W = e(v), G = e(y), K = W === "auto", q = K ? void 0 : W ?? 300, J = c(null), [Y, X] = l(null), [Z, ie] = l({
+	}, { history: V, addEntry: H, clearHistory: U } = a(N, P), W = e(v), G = e(y), K = W === "auto", q = K ? void 0 : W ?? 300, J = ne(null), [Y, X] = u(null), [Z, ie] = u({
 		line: 1,
 		col: 1
-	}), [ae, Q] = l(0), oe = o((e) => {
+	}), [ae, oe] = u(0), se = l((e) => {
 		J.current = e, X(e);
-	}, []), se = o((e, t) => {
+	}, []), Q = l((e, t) => {
 		ie({
 			line: e,
 			col: t
 		});
-	}, []), ce = o((e) => {
-		Q(e);
+	}, []), ce = l((e) => {
+		oe(e);
 	}, []), $ = F ? (e) => {
 		H(e), F(e);
-	} : void 0, le = s(() => {
+	} : void 0, le = te(() => {
 		if (!(x || !B.showFormat)) return () => {
 			let e = J.current;
 			if (!e) return;
 			let t = e.state.doc.toString();
 			try {
-				let n = h(t, { language: ne[T] });
+				let n = m(t, { language: h[T] });
 				e.dispatch({ changes: {
 					from: 0,
 					to: e.state.doc.length,
@@ -56,7 +56,7 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 		T,
 		x,
 		B.showFormat
-	]), ue = o((e) => {
+	]), ue = l((e) => {
 		let t = J.current;
 		t && (t.dispatch({ changes: {
 			from: 0,
@@ -64,7 +64,7 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 			insert: e
 		} }), t.focus()), _?.(e);
 	}, [_]), de = D || O || !!C;
-	return /* @__PURE__ */ m(u, {
+	return /* @__PURE__ */ p(o, {
 		sx: {
 			width: G ?? "100%",
 			...K ? {
@@ -74,7 +74,7 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 			} : {}
 		},
 		children: [
-			/* @__PURE__ */ m(te, {
+			/* @__PURE__ */ p(c, {
 				variant: "outlined",
 				sx: {
 					display: "flex",
@@ -87,7 +87,7 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 						borderWidth: 2
 					}
 				},
-				children: [!x && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+				children: [!x && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
 					editorView: Y,
 					toolbarConfig: B,
 					translation: z,
@@ -97,7 +97,7 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 					queryHistory: V,
 					onSelectHistoryEntry: ue,
 					onClearHistory: U
-				}), /* @__PURE__ */ p(d, {})] }), /* @__PURE__ */ p(r, {
+				}), /* @__PURE__ */ f(s, {})] }), /* @__PURE__ */ f(ee, {
 					value: g,
 					onChange: _,
 					placeholder: re,
@@ -113,13 +113,13 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 					onFormat: le,
 					onLint: I,
 					onDiagnosticsChange: I ? ce : void 0,
-					onViewReady: oe,
-					onCursorChange: se,
+					onViewReady: se,
+					onCursorChange: Q,
 					onBlur: L,
 					onFocus: R
 				})]
 			}),
-			de && /* @__PURE__ */ p(ee, {
+			de && /* @__PURE__ */ f(i, {
 				helperText: C,
 				error: S,
 				showLineColumn: D,
@@ -129,7 +129,7 @@ function g({ value: g, onChange: _, placeholder: re, height: v, width: y, disabl
 				cursorCol: Z.col,
 				translation: z
 			}),
-			w && /* @__PURE__ */ p("input", {
+			w && /* @__PURE__ */ f("input", {
 				type: "hidden",
 				name: w,
 				value: g ?? ""

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

@@ -1,5 +1,5 @@
-import { useEffect as e, useRef as t } from "react";
-import { Box as n, useTheme as r } from "@mui/material";
+import { Box as e, useTheme as t } from "@mui/material";
+import { useEffect as n, useRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 import { EditorView as a, highlightActiveLine as ee, highlightActiveLineGutter as te, keymap as o, lineNumbers as s, placeholder as c } from "@codemirror/view";
 import { Compartment as l, EditorState as u } from "@codemirror/state";
@@ -18,26 +18,26 @@ var C = {
 	mssql: v
 };
 function w({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly: S = !1, showLineNumbers: w = !0, dialect: T = "standard", keywordColor: E, stringColor: D, identifierColor: O, schema: k, onExecute: A, onFormat: j, onLint: M, onDiagnosticsChange: N, onViewReady: P, onCursorChange: F, onBlur: I, onFocus: L }) {
-	let R = t(null), z = t(null), B = t(y), V = t(F), H = t(I), U = t(L), W = t(P), G = t(A), K = t(j), q = t(M), J = t(N), Y = t(new l()), X = t(new l()), Z = r(), Q = Z.palette.mode === "dark", $ = !!M, oe = JSON.stringify(k);
-	return e(() => {
+	let R = r(null), z = r(null), B = r(y), V = r(F), H = r(I), U = r(L), W = r(P), G = r(A), K = r(j), q = r(M), J = r(N), Y = r(new l()), X = r(new l()), Z = t(), Q = Z.palette.mode === "dark", $ = !!M, oe = JSON.stringify(k);
+	return n(() => {
 		B.current = y;
-	}, [y]), e(() => {
+	}, [y]), n(() => {
 		V.current = F;
-	}, [F]), e(() => {
+	}, [F]), n(() => {
 		H.current = I;
-	}, [I]), e(() => {
+	}, [I]), n(() => {
 		U.current = L;
-	}, [L]), e(() => {
+	}, [L]), n(() => {
 		W.current = P;
-	}, [P]), e(() => {
+	}, [P]), n(() => {
 		G.current = A;
-	}, [A]), e(() => {
+	}, [A]), n(() => {
 		K.current = j;
-	}, [j]), e(() => {
+	}, [j]), n(() => {
 		q.current = M;
-	}, [M]), e(() => {
+	}, [M]), n(() => {
 		J.current = N;
-	}, [N]), e(() => {
+	}, [N]), n(() => {
 		if (!R.current) return;
 		let e = z.current?.state.doc.toString() ?? v ?? "", t = E ?? Z.palette.primary.main, n = D ?? Z.palette.success.main, r = O ?? Z.palette.info.main, i = p.define([
 			{
@@ -222,7 +222,7 @@ function w({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 		D,
 		O,
 		oe
-	]), e(() => {
+	]), n(() => {
 		let e = z.current;
 		if (!e) return;
 		let t = e.state.doc.toString();
@@ -231,9 +231,9 @@ function w({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 			to: t.length,
 			insert: v ?? ""
 		} });
-	}, [v]), e(() => {
+	}, [v]), n(() => {
 		z.current?.dispatch({ effects: [Y.current.reconfigure(a.editable.of(!x && !S)), X.current.reconfigure(u.readOnly.of(S))] });
-	}, [x, S]), /* @__PURE__ */ i(n, {
+	}, [x, S]), /* @__PURE__ */ i(e, {
 		ref: R,
 		sx: {
 			flex: 1,

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

@@ -1,5 +1,5 @@
-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 { Divider as e, IconButton as t, ListItemIcon as n, ListItemText as r, Menu as i, MenuItem as a, Tooltip as o, Typography as s } from "@mui/material";
+import { useState as c } from "react";
 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";
@@ -9,7 +9,7 @@ function m(e, t = 60) {
 	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);
+	let [b, x] = c(null);
 	function S() {
 		x(null);
 	}
@@ -19,17 +19,17 @@ function h({ history: h, onSelect: g, onClear: _, translation: v, disabled: y })
 	function w() {
 		_(), S();
 	}
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(s, {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(o, {
 		title: v.history,
 		arrow: !0,
-		children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(n, {
+		children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(t, {
 			size: "small",
 			onClick: (e) => x(e.currentTarget),
 			disabled: y,
 			"aria-label": v.history,
 			children: /* @__PURE__ */ u(f, { fontSize: "small" })
 		}) })
-	}), /* @__PURE__ */ d(a, {
+	}), /* @__PURE__ */ d(i, {
 		anchorEl: b,
 		open: !!b,
 		onClose: S,
@@ -38,15 +38,15 @@ function h({ history: h, onSelect: g, onClear: _, translation: v, disabled: y })
 			maxWidth: 400
 		} } },
 		children: [
-			h.length === 0 && /* @__PURE__ */ u(o, {
+			h.length === 0 && /* @__PURE__ */ u(a, {
 				disabled: !0,
-				children: /* @__PURE__ */ u(i, { children: v.historyEmpty })
+				children: /* @__PURE__ */ u(r, { children: v.historyEmpty })
 			}),
-			h.map((e) => /* @__PURE__ */ u(o, {
+			h.map((e) => /* @__PURE__ */ u(a, {
 				onClick: () => C(e.sql),
-				children: /* @__PURE__ */ u(i, {
+				children: /* @__PURE__ */ u(r, {
 					primary: m(e.sql),
-					secondary: /* @__PURE__ */ u(c, {
+					secondary: /* @__PURE__ */ u(s, {
 						variant: "caption",
 						color: "text.secondary",
 						children: new Date(e.timestamp).toLocaleString()
@@ -57,13 +57,13 @@ function h({ history: h, onSelect: g, onClear: _, translation: v, disabled: y })
 					} } }
 				})
 			}, e.id)),
-			h.length > 0 && /* @__PURE__ */ u(t, {}),
-			h.length > 0 && /* @__PURE__ */ d(o, {
+			h.length > 0 && /* @__PURE__ */ u(e, {}),
+			h.length > 0 && /* @__PURE__ */ d(a, {
 				onClick: w,
-				children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ u(p, {
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(p, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ u(i, {
+				}) }), /* @__PURE__ */ u(r, {
 					sx: { color: "error.main" },
 					children: v.clearHistory
 				})]