@thebuoyant-tsdev/mui-ts-library 3.27.0 → 3.28.0

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

@@ -1,43 +1,45 @@
 import { useEffect as e, useRef as t } from "react";
 import { Box as n, useTheme as r } from "@mui/material";
 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 { 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";
+import { defaultKeymap as ne, history as d, historyKeymap as f } from "@codemirror/commands";
+import { HighlightStyle as p, syntaxHighlighting as m } 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";
+import { MSSQL as v, MySQL as y, PostgreSQL as b, SQLite as x, StandardSQL as S, sql as re } from "@codemirror/lang-sql";
+import { autocompletion as ie, completionKeymap as ae } from "@codemirror/autocomplete";
 //#region src/components/sql-editor/SqlEditorContent.tsx
-var T = {
+var C = {
 	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 d()), X = t(new d()), Z = r(), Q = Z.palette.mode === "dark", $ = !!N, ie = JSON.stringify(j);
+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(() => {
-		V.current = y;
+		B.current = y;
 	}, [y]), e(() => {
+		V.current = F;
+	}, [F]), e(() => {
 		H.current = I;
 	}, [I]), e(() => {
 		U.current = L;
 	}, [L]), e(() => {
-		W.current = R;
-	}, [R]), e(() => {
-		G.current = F;
-	}, [F]), e(() => {
-		K.current = M;
+		W.current = P;
+	}, [P]), e(() => {
+		G.current = A;
+	}, [A]), e(() => {
+		K.current = j;
+	}, [j]), e(() => {
+		q.current = M;
 	}, [M]), e(() => {
-		q.current = N;
+		J.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, i = te.define([
+		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([
 			{
 				tag: _.keyword,
 				color: t,
@@ -78,7 +80,7 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 				color: Z.palette.error.main,
 				textDecoration: "underline wavy"
 			}
-		]), d = a.theme({
+		]), l = a.theme({
 			"&": {
 				height: "100%",
 				fontFamily: "'Fira Code', 'JetBrains Mono', 'Consolas', monospace",
@@ -139,11 +141,11 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 			".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) => ({
+		}, { dark: Q }), y = k ? Object.fromEntries(k.tables.map((e) => [e.name, (e.columns ?? []).map((e) => ({
 			label: e.name,
 			detail: e.type,
 			type: "property"
-		}))])) : void 0, M = async (e) => {
+		}))])) : void 0, A = async (e) => {
 			let t = q.current;
 			if (!t) return [];
 			let n = e.state.doc.toString();
@@ -161,63 +163,67 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 			} catch {
 				return [];
 			}
-		}, N = c.of([{
+		}, j = o.of([{
 			key: "Mod-Enter",
-			run: (e) => (K.current?.(e.state.doc.toString()), !0)
-		}]), P = [
-			d,
-			ne(i),
-			C({
-				dialect: T[D],
+			run: (e) => (G.current?.(e.state.doc.toString()), !0)
+		}]), M = o.of([{
+			key: "Shift-Alt-f",
+			run: () => (K.current?.(), !0)
+		}]), N = [
+			l,
+			m(i),
+			re({
+				dialect: C[T],
 				schema: y
 			}),
-			m(),
-			re(),
-			N,
-			c.of([
-				...p,
-				...ee,
-				...w
+			d(),
+			ie(),
+			j,
+			M,
+			o.of([
+				...ne,
+				...f,
+				...ae
 			]),
 			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 })] : [],
+			X.current.of(u.readOnly.of(S)),
+			ee(),
+			...w ? [s(), te()] : [],
+			...b ? [c(b)] : [],
+			...$ ? [h(), g(A, { delay: 600 })] : [],
 			a.updateListener.of((e) => {
-				e.docChanged && V.current?.(e.state.doc.toString());
+				e.docChanged && B.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);
+				V.current(n.number, t - n.from + 1);
 			}),
 			a.domEventHandlers({
 				blur: () => {
-					U.current?.();
+					H.current?.();
 				},
 				focus: () => {
-					W.current?.();
+					U.current?.();
 				}
 			})
-		], F = new a({
-			state: f.create({
+		], P = new a({
+			state: u.create({
 				doc: e,
-				extensions: P
+				extensions: N
 			}),
-			parent: z.current
+			parent: R.current
 		});
-		return B.current = F, G.current(F), () => {
-			G.current(null), F.destroy(), B.current = null;
+		return z.current = P, W.current(P), () => {
+			W.current(null), P.destroy(), z.current = null;
 		};
 	}, [
 		Q,
-		D,
+		T,
 		$,
+		E,
+		D,
 		O,
-		k,
-		A,
-		ie
+		oe
 	]), e(() => {
-		let e = B.current;
+		let e = z.current;
 		if (!e) return;
 		let t = e.state.doc.toString();
 		t !== (v ?? "") && e.dispatch({ changes: {
@@ -226,9 +232,9 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 			insert: v ?? ""
 		} });
 	}, [v]), e(() => {
-		B.current?.dispatch({ effects: [Y.current.reconfigure(a.editable.of(!x && !S)), X.current.reconfigure(f.readOnly.of(S))] });
+		z.current?.dispatch({ effects: [Y.current.reconfigure(a.editable.of(!x && !S)), X.current.reconfigure(u.readOnly.of(S))] });
 	}, [x, S]), /* @__PURE__ */ i(n, {
-		ref: z,
+		ref: R,
 		sx: {
 			flex: 1,
 			overflow: "hidden",
@@ -245,4 +251,4 @@ function E({ value: v, onChange: y, placeholder: b, disabled: x = !1, readonly:
 	});
 }
 //#endregion
-export { E as SqlEditorContent };
+export { w as SqlEditorContent };

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

@@ -10,8 +10,8 @@ import f from "@mui/icons-material/Delete";
 import p from "@mui/icons-material/Undo";
 import m from "@mui/icons-material/Redo";
 import h from "@mui/icons-material/AutoFixHigh";
-import g from "@mui/icons-material/PlayArrow";
-import { format as _ } from "sql-formatter";
+import { format as g } from "sql-formatter";
+import _ from "@mui/icons-material/PlayArrow";
 //#region src/components/sql-editor/SqlEditorToolbar.tsx
 var v = {
 	standard: "sql",
@@ -49,7 +49,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 		if (!e) return;
 		let t = e.state.doc.toString();
 		try {
-			let n = _(t, { language: v[S] });
+			let n = g(t, { language: v[S] });
 			e.dispatch({ changes: {
 				from: 0,
 				to: e.state.doc.length,
@@ -151,7 +151,7 @@ function y({ editorView: y, toolbarConfig: b, translation: x, dialect: S, disabl
 				sx: { mx: .5 }
 			}), /* @__PURE__ */ o(e, {
 				label: x.execute,
-				icon: /* @__PURE__ */ o(g, { fontSize: "small" }),
+				icon: /* @__PURE__ */ o(_, { fontSize: "small" }),
 				onClick: I,
 				disabled: A
 			})] }),