@thebuoyant-tsdev/mui-ts-library 3.24.1 → 3.26.0

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

@@ -1,12 +1,12 @@
 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 { jsx as i } from "react/jsx-runtime";
+import { EditorView as a, highlightActiveLine as o, highlightActiveLineGutter as s, keymap as c, lineNumbers as l, placeholder as u } from "@codemirror/view";
+import { Compartment as d, EditorState as f } from "@codemirror/state";
+import { defaultKeymap as p, history as m, historyKeymap as ee } from "@codemirror/commands";
+import { HighlightStyle as te, syntaxHighlighting as ne } from "@codemirror/language";
+import { lintGutter as h, linter as g } from "@codemirror/lint";
+import { tags as _ } from "@lezer/highlight";
 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
@@ -18,7 +18,7 @@ var T = {
 	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);
+	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 d()), X = t(new d()), Z = r(), Q = Z.palette.mode === "dark", $ = !!N, ie = JSON.stringify(j);
 	return e(() => {
 		V.current = y;
 	}, [y]), e(() => {
@@ -37,48 +37,48 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 		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([
+		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, i = te.define([
 			{
-				tag: g.keyword,
+				tag: _.keyword,
 				color: t,
 				fontWeight: "bold"
 			},
 			{
-				tag: g.name,
+				tag: _.name,
 				color: r
 			},
 			{
-				tag: [g.string, g.special(g.string)],
+				tag: [_.string, _.special(_.string)],
 				color: n,
 				fontWeight: "bold"
 			},
 			{
-				tag: g.number,
+				tag: _.number,
 				color: Z.palette.warning.main
 			},
 			{
-				tag: [g.lineComment, g.blockComment],
+				tag: [_.lineComment, _.blockComment],
 				color: Z.palette.text.disabled,
 				fontStyle: "italic"
 			},
 			{
-				tag: g.operator,
+				tag: _.operator,
 				color: Z.palette.text.secondary
 			},
 			{
-				tag: [g.function(g.variableName), g.function(g.name)],
+				tag: [_.function(_.variableName), _.function(_.name)],
 				color: Z.palette.secondary.main
 			},
 			{
-				tag: g.typeName,
+				tag: _.typeName,
 				color: Z.palette.info.main
 			},
 			{
-				tag: g.invalid,
+				tag: _.invalid,
 				color: Z.palette.error.main,
 				textDecoration: "underline wavy"
 			}
-		]), _ = i.theme({
+		]), d = a.theme({
 			"&": {
 				height: "100%",
 				fontFamily: "'Fira Code', 'JetBrains Mono', 'Consolas', monospace",
@@ -161,36 +161,36 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 			} catch {
 				return [];
 			}
-		}, N = s.of([{
+		}, N = c.of([{
 			key: "Mod-Enter",
 			run: (e) => (K.current?.(e.state.doc.toString()), !0)
 		}]), P = [
-			_,
-			te(u),
+			d,
+			ne(i),
 			C({
 				dialect: T[D],
 				schema: y
 			}),
-			p(),
+			m(),
 			re(),
 			N,
-			s.of([
-				...f,
-				...m,
+			c.of([
+				...p,
+				...ee,
 				...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) => {
+			Y.current.of(a.editable.of(!x && !S)),
+			X.current.of(f.readOnly.of(S)),
+			o(),
+			...E ? [l(), s()] : [],
+			...b ? [u(b)] : [],
+			...$ ? [h(), g(M, { delay: 600 })] : [],
+			a.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({
+			a.domEventHandlers({
 				blur: () => {
 					U.current?.();
 				},
@@ -198,8 +198,8 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 					W.current?.();
 				}
 			})
-		], F = new i({
-			state: d.create({
+		], F = new a({
+			state: f.create({
 				doc: e,
 				extensions: P
 			}),
@@ -226,8 +226,8 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 			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, {
+		B.current?.dispatch({ effects: [Y.current.reconfigure(a.editable.of(!x && !S)), X.current.reconfigure(f.readOnly.of(S))] });
+	}, [x, S]), /* @__PURE__ */ i(n, {
 		ref: z,
 		sx: {
 			flex: 1,

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

@@ -2,8 +2,8 @@ import { ToolbarButton as e } from "../shared/ToolbarButton.js";
 import { SqlEditorHistoryMenu as t } from "./SqlEditorHistoryMenu.js";
 import { useState as n } from "react";
 import { Box as r, Divider as i } from "@mui/material";
-import { redo as a, undo as o } from "@codemirror/commands";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { redo as c, undo as l } from "@codemirror/commands";
 import u from "@mui/icons-material/ContentCopy";
 import d from "@mui/icons-material/Check";
 import f from "@mui/icons-material/Delete";
@@ -38,11 +38,11 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 	}
 	function N() {
 		let e = y;
-		e && (o(e), e.focus());
+		e && (l(e), e.focus());
 	}
 	function P() {
 		let e = y;
-		e && (a(e), e.focus());
+		e && (c(e), e.focus());
 	}
 	function F() {
 		let e = y;
@@ -63,7 +63,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 		!e || !w || w(e.state.doc.toString());
 	}
 	let L = b.showFormat, R = b.showCopy || b.showClear, z = b.showUndoRedo, B = b.showExecute && !!w, V = b.showHistory && !!w && !!E && !!D;
-	return /* @__PURE__ */ l(r, {
+	return /* @__PURE__ */ s(r, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -75,87 +75,87 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 		role: "toolbar",
 		"aria-label": "SQL editor actions",
 		children: [
-			L && /* @__PURE__ */ c(r, {
+			L && /* @__PURE__ */ o(r, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
-				children: /* @__PURE__ */ c(e, {
+				children: /* @__PURE__ */ o(e, {
 					label: x.format,
-					icon: /* @__PURE__ */ c(h, { fontSize: "small" }),
+					icon: /* @__PURE__ */ o(h, { fontSize: "small" }),
 					onClick: F,
 					disabled: A
 				})
 			}),
-			L && (R || z) && /* @__PURE__ */ c(i, {
+			L && (R || z) && /* @__PURE__ */ o(i, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
 			}),
-			R && /* @__PURE__ */ l(r, {
+			R && /* @__PURE__ */ s(r, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
-				children: [b.showCopy && /* @__PURE__ */ c(e, {
+				children: [b.showCopy && /* @__PURE__ */ o(e, {
 					label: O ? x.copySuccess : x.copy,
-					icon: O ? /* @__PURE__ */ c(d, {
+					icon: O ? /* @__PURE__ */ o(d, {
 						fontSize: "small",
 						color: "success"
-					}) : /* @__PURE__ */ c(u, { fontSize: "small" }),
+					}) : /* @__PURE__ */ o(u, { fontSize: "small" }),
 					onClick: j,
 					disabled: A
-				}), b.showClear && /* @__PURE__ */ c(e, {
+				}), b.showClear && /* @__PURE__ */ o(e, {
 					label: x.clear,
-					icon: /* @__PURE__ */ c(f, { fontSize: "small" }),
+					icon: /* @__PURE__ */ o(f, { fontSize: "small" }),
 					onClick: M,
 					disabled: A
 				})]
 			}),
-			R && z && /* @__PURE__ */ c(i, {
+			R && z && /* @__PURE__ */ o(i, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
 			}),
-			z && /* @__PURE__ */ l(r, {
+			z && /* @__PURE__ */ s(r, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
-				children: [/* @__PURE__ */ c(e, {
+				children: [/* @__PURE__ */ o(e, {
 					label: x.undo,
-					icon: /* @__PURE__ */ c(p, { fontSize: "small" }),
+					icon: /* @__PURE__ */ o(p, { fontSize: "small" }),
 					onClick: N,
 					disabled: A
-				}), /* @__PURE__ */ c(e, {
+				}), /* @__PURE__ */ o(e, {
 					label: x.redo,
-					icon: /* @__PURE__ */ c(m, { fontSize: "small" }),
+					icon: /* @__PURE__ */ o(m, { fontSize: "small" }),
 					onClick: P,
 					disabled: A
 				})]
 			}),
-			V && /* @__PURE__ */ l(s, { children: [(R || z) && /* @__PURE__ */ c(i, {
+			V && /* @__PURE__ */ s(a, { children: [(R || z) && /* @__PURE__ */ o(i, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
-			}), /* @__PURE__ */ c(t, {
+			}), /* @__PURE__ */ o(t, {
 				history: T,
 				onSelect: E,
 				onClear: D,
 				translation: x,
 				disabled: C
 			})] }),
-			B && /* @__PURE__ */ l(s, { children: [(R || z || V) && /* @__PURE__ */ c(i, {
+			B && /* @__PURE__ */ s(a, { children: [(R || z || V) && /* @__PURE__ */ o(i, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
-			}), /* @__PURE__ */ c(e, {
+			}), /* @__PURE__ */ o(e, {
 				label: x.execute,
-				icon: /* @__PURE__ */ c(g, { fontSize: "small" }),
+				icon: /* @__PURE__ */ o(g, { fontSize: "small" }),
 				onClick: I,
 				disabled: A
 			})] }),
-			!L && !R && !z && !V && !B && /* @__PURE__ */ c(r, { sx: { height: 32 } })
+			!L && !R && !z && !V && !B && /* @__PURE__ */ o(r, { sx: { height: 32 } })
 		]
 	});
 }