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

package/dist/components/json-editor/JsonEditor.js

@@ -15,31 +15,31 @@ function h(e) {
 		return !1;
 	}
 }
-function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b, width: x, disabled: S = !1, readonly: C = !1, error: w = !1, helperText: T, name: E, indent: D = 2, schema: O, showLineNumbers: k = !0, showLineColumn: A = !0, showMinimap: j = !1, showFolding: M = !0, showValidation: N = !1, enablePathFinder: P = !0, toolbarConfig: F, translation: I, highlightColors: L, onBlur: R, onFocus: ee, onPathCopy: z }) {
-	let B = {
+function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b, width: x, disabled: S = !1, readonly: C = !1, error: w = !1, helperText: T, name: E, indent: D = 2, schema: O, showLineNumbers: k = !0, showLineColumn: A = !0, showMinimap: j = !1, showFolding: M = !0, showValidation: N = !1, enablePathFinder: P = !0, downloadFilename: F = "file.json", toolbarConfig: I, translation: L, highlightColors: R, onBlur: ee, onFocus: z, onPathCopy: B }) {
+	let V = {
 		...t,
-		...I
-	}, V = {
+		...L
+	}, H = {
 		...e,
-		...F
-	}, H = a(b), U = a(x), W = H === "auto", G = W ? void 0 : H ?? 300, K = s(null), [q, J] = c(null), [Y, X] = c({
+		...I
+	}, U = a(b), W = a(x), G = U === "auto", K = G ? void 0 : U ?? 300, q = s(null), [J, Y] = c(null), [X, Z] = c({
 		line: 1,
 		col: 1
-	}), [Z, Q] = c(() => h(g ?? "")), $ = o((e) => {
-		K.current = e, J(e);
-	}, []), te = o((e, t) => {
-		X({
+	}), [Q, $] = c(() => h(g ?? "")), te = o((e) => {
+		q.current = e, Y(e);
+	}, []), ne = o((e, t) => {
+		Z({
 			line: e,
 			col: t
 		});
-	}, []), ne = o((e) => {
+	}, []), re = o((e) => {
 		let t = h(e);
-		Q(t), v?.(t), _?.(e);
-	}, [_, v]), re = A || N || !!T;
+		$(t), v?.(t), _?.(e);
+	}, [_, v]), ie = A || N || !!T;
 	return /* @__PURE__ */ m(l, {
 		sx: {
-			width: U ?? "100%",
-			...W ? {
+			width: W ?? "100%",
+			...G ? {
 				display: "flex",
 				flexDirection: "column",
 				flex: 1
@@ -52,7 +52,7 @@ function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b,
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					...W ? { flex: 1 } : { height: G },
+					...G ? { flex: 1 } : { height: K },
 					borderColor: w ? "error.main" : void 0,
 					"&:focus-within": {
 						borderColor: w ? "error.main" : "primary.main",
@@ -60,14 +60,15 @@ function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b,
 					}
 				},
 				children: [!C && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(r, {
-					editorView: q,
-					toolbarConfig: V,
-					translation: B,
+					editorView: J,
+					toolbarConfig: H,
+					translation: V,
 					indent: D,
+					downloadFilename: F,
 					disabled: S
 				}), /* @__PURE__ */ p(u, {})] }), /* @__PURE__ */ p(n, {
 					value: g,
-					onChange: ne,
+					onChange: re,
 					placeholder: y,
 					disabled: S,
 					readonly: C,
@@ -76,23 +77,23 @@ function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b,
 					showMinimap: j,
 					showFolding: M,
 					enablePathFinder: P,
-					highlightColors: L,
-					onViewReady: $,
-					onCursorChange: te,
-					onBlur: R,
-					onFocus: ee,
-					onPathCopy: z
+					highlightColors: R,
+					onViewReady: te,
+					onCursorChange: ne,
+					onBlur: ee,
+					onFocus: z,
+					onPathCopy: B
 				})]
 			}),
-			re && /* @__PURE__ */ p(i, {
+			ie && /* @__PURE__ */ p(i, {
 				helperText: T,
 				error: w,
 				showLineColumn: A,
 				showValidation: N,
-				isValid: Z,
-				cursorLine: Y.line,
-				cursorCol: Y.col,
-				translation: B
+				isValid: Q,
+				cursorLine: X.line,
+				cursorCol: X.col,
+				translation: V
 			}),
 			E && /* @__PURE__ */ p("input", {
 				type: "hidden",

package/dist/components/json-editor/JsonEditor.types.d.ts

@@ -2,6 +2,7 @@ export type JsonEditorToolbarConfig = {
     showFormat?: boolean;
     showCompact?: boolean;
     showCopy?: boolean;
+    showDownload?: boolean;
     showClear?: boolean;
     showUndoRedo?: boolean;
 };
@@ -11,6 +12,8 @@ export type JsonEditorTranslation = {
     compact: string;
     copy: string;
     copySuccess: string;
+    download: string;
+    downloadSuccess: string;
     clear: string;
     undo: string;
     redo: string;
@@ -72,6 +75,8 @@ export type JsonEditorProps = {
     showFolding?: boolean;
     /** Shows a Valid / Invalid JSON indicator in the footer. */
     showValidation?: boolean;
+    /** Filename for the Download button export. Default: "file.json". */
+    downloadFilename?: string;
     toolbarConfig?: JsonEditorToolbarConfig;
     translation?: Partial<JsonEditorTranslation>;
     value?: string;

package/dist/components/json-editor/JsonEditor.types.js

@@ -3,6 +3,7 @@ var e = {
 	showFormat: !0,
 	showCompact: !0,
 	showCopy: !0,
+	showDownload: !0,
 	showClear: !0,
 	showUndoRedo: !0
 }, t = {
@@ -10,6 +11,8 @@ var e = {
 	compact: "Compact JSON",
 	copy: "Copy",
 	copySuccess: "Copied!",
+	download: "Download",
+	downloadSuccess: "Downloaded!",
 	clear: "Clear",
 	undo: "Undo",
 	redo: "Redo",

package/dist/components/json-editor/JsonEditorContent.js

@@ -2,30 +2,30 @@ import { computeJsonPath as e } from "./util/jsonPathFinder.js";
 import { findRangeForPath as t, validateAgainstSchema as n } from "./util/jsonSchemaValidator.js";
 import { useEffect as r, useRef as i, useState as a } from "react";
 import { Box as o, Fade as s, Paper as c, Typography as ee, useTheme as te } from "@mui/material";
-import { EditorView as l, highlightActiveLine as ne, highlightActiveLineGutter as u, keymap as re, lineNumbers as d, placeholder as f } from "@codemirror/view";
-import { Compartment as p, EditorState as m } from "@codemirror/state";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { EditorView as d, highlightActiveLine as ne, highlightActiveLineGutter as f, keymap as re, lineNumbers as p, placeholder as m } from "@codemirror/view";
+import { Compartment as h, EditorState as g } from "@codemirror/state";
 import { json as ie, jsonParseLinter as ae } from "@codemirror/lang-json";
 import { defaultKeymap as oe, history as se, historyKeymap as ce } from "@codemirror/commands";
-import { HighlightStyle as le, foldGutter as h, foldKeymap as ue, syntaxHighlighting as de } from "@codemirror/language";
-import { forceLinting as fe, lintGutter as pe, linter as g } from "@codemirror/lint";
-import { tags as _ } from "@lezer/highlight";
+import { HighlightStyle as le, foldGutter as _, foldKeymap as ue, syntaxHighlighting as de } from "@codemirror/language";
+import { forceLinting as fe, lintGutter as pe, linter as v } from "@codemirror/lint";
+import { tags as y } from "@lezer/highlight";
 import { showMinimap as me } from "@replit/codemirror-minimap";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/json-editor/JsonEditorContent.tsx
 function b(e) {
-	return e ? [d(), u()] : [];
+	return e ? [p(), f()] : [];
 }
 function x(e) {
-	return e ? [h()] : [];
+	return e ? [_()] : [];
 }
 function S(e) {
-	return e ? [f(e)] : [];
+	return e ? [m(e)] : [];
 }
-function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly: C = !1, schema: w, showLineNumbers: T = !0, showMinimap: E = !1, showFolding: D = !0, enablePathFinder: O = !0, highlightColors: k, onViewReady: A, onCursorChange: j, onBlur: M, onFocus: N, onPathCopy: P }) {
-	let F = i(null), I = i(null), L = i(null), R = i(d), z = i(j), he = i(M), B = i(N), V = i(A), H = i(P), U = i(O), W = i(w), [G, K] = a(null), q = i(new p()), J = i(new p()), Y = i(new p()), X = i(new p()), Z = i(new p()), Q = te(), $ = Q.palette.mode === "dark", ge = k?.propertyName ?? Q.palette.primary.main, _e = k?.string ?? Q.palette.success.main, ve = k?.number ?? Q.palette.warning.main, ye = k?.boolean ?? Q.palette.info.main, be = k?.null ?? Q.palette.text.secondary;
+function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly: C = !1, schema: w, showLineNumbers: T = !0, showMinimap: E = !1, showFolding: D = !0, enablePathFinder: O = !0, highlightColors: k, onViewReady: A, onCursorChange: j, onBlur: M, onFocus: N, onPathCopy: P }) {
+	let F = i(null), I = i(null), L = i(null), R = i(p), z = i(j), he = i(M), B = i(N), V = i(A), H = i(P), U = i(O), W = i(w), [G, K] = a(null), q = i(new h()), J = i(new h()), Y = i(new h()), X = i(new h()), Z = i(new h()), Q = te(), $ = Q.palette.mode === "dark", ge = k?.propertyName ?? Q.palette.primary.main, _e = k?.string ?? Q.palette.success.main, ve = k?.number ?? Q.palette.warning.main, ye = k?.boolean ?? Q.palette.info.main, be = k?.null ?? Q.palette.text.secondary;
 	return r(() => {
-		R.current = d;
-	}, [d]), r(() => {
+		R.current = p;
+	}, [p]), r(() => {
 		z.current = j;
 	}, [j]), r(() => {
 		he.current = M;
@@ -41,44 +41,44 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 		W.current = w, L.current && fe(L.current);
 	}, [w]), r(() => {
 		if (!I.current) return;
-		let r = L.current?.state.doc.toString() ?? u ?? "", i = le.define([
+		let r = L.current?.state.doc.toString() ?? f ?? "", i = le.define([
 			{
-				tag: _.propertyName,
+				tag: y.propertyName,
 				color: ge,
 				fontWeight: "bold"
 			},
 			{
-				tag: _.string,
+				tag: y.string,
 				color: _e
 			},
 			{
-				tag: _.number,
+				tag: y.number,
 				color: ve
 			},
 			{
-				tag: _.bool,
+				tag: y.bool,
 				color: ye,
 				fontWeight: "bold"
 			},
 			{
-				tag: _.null,
+				tag: y.null,
 				color: be,
 				fontStyle: "italic"
 			},
 			{
-				tag: _.bracket,
+				tag: y.bracket,
 				color: Q.palette.text.secondary
 			},
 			{
-				tag: _.punctuation,
+				tag: y.punctuation,
 				color: Q.palette.text.disabled
 			},
 			{
-				tag: _.invalid,
+				tag: y.invalid,
 				color: Q.palette.error.main,
 				textDecoration: "underline wavy"
 			}
-		]), a = l.theme({
+		]), a = d.theme({
 			"&": {
 				height: "100%",
 				fontFamily: "'Fira Code', 'JetBrains Mono', 'Consolas', monospace",
@@ -141,8 +141,8 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 			de(i),
 			ie(),
 			pe(),
-			g(ae()),
-			g((e) => {
+			v(ae()),
+			v((e) => {
 				let r = W.current;
 				if (!r) return [];
 				let i;
@@ -169,19 +169,19 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 				...ce,
 				...ue
 			]),
-			q.current.of(l.editable.of(!h && !C)),
-			J.current.of(m.readOnly.of(C)),
+			q.current.of(d.editable.of(!_ && !C)),
+			J.current.of(g.readOnly.of(C)),
 			ne(),
 			X.current.of(b(T)),
 			Y.current.of(x(D)),
-			Z.current.of(S(f)),
+			Z.current.of(S(m)),
 			...o,
-			l.updateListener.of((e) => {
+			d.updateListener.of((e) => {
 				e.docChanged && R.current?.(e.state.doc.toString());
 				let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
 				z.current(n.number, t - n.from + 1);
 			}),
-			l.domEventHandlers({
+			d.domEventHandlers({
 				blur: () => {
 					he.current?.();
 				},
@@ -211,8 +211,8 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 					}), !0) : !1;
 				}
 			})
-		], c = new l({
-			state: m.create({
+		], c = new d({
+			state: g.create({
 				doc: r,
 				extensions: s
 			}),
@@ -233,24 +233,24 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 		let e = L.current;
 		if (!e) return;
 		let t = e.state.doc.toString();
-		t !== (u ?? "") && e.dispatch({ changes: {
+		t !== (f ?? "") && e.dispatch({ changes: {
 			from: 0,
 			to: t.length,
-			insert: u ?? ""
+			insert: f ?? ""
 		} });
-	}, [u]), r(() => {
-		L.current?.dispatch({ effects: [q.current.reconfigure(l.editable.of(!h && !C)), J.current.reconfigure(m.readOnly.of(C))] });
-	}, [h, C]), r(() => {
+	}, [f]), r(() => {
+		L.current?.dispatch({ effects: [q.current.reconfigure(d.editable.of(!_ && !C)), J.current.reconfigure(g.readOnly.of(C))] });
+	}, [_, C]), r(() => {
 		L.current?.dispatch({ effects: X.current.reconfigure(b(T)) });
 	}, [T]), r(() => {
 		L.current?.dispatch({ effects: Y.current.reconfigure(x(D)) });
 	}, [D]), r(() => {
-		L.current?.dispatch({ effects: Z.current.reconfigure(S(f)) });
-	}, [f]), r(() => {
+		L.current?.dispatch({ effects: Z.current.reconfigure(S(m)) });
+	}, [m]), r(() => {
 		if (!G) return;
 		let e = setTimeout(() => K(null), 1500);
 		return () => clearTimeout(e);
-	}, [G]), /* @__PURE__ */ y(o, {
+	}, [G]), /* @__PURE__ */ u(o, {
 		ref: F,
 		sx: {
 			position: "relative",
@@ -258,14 +258,14 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 			overflow: "hidden",
 			display: "flex"
 		},
-		children: [/* @__PURE__ */ v(o, {
+		children: [/* @__PURE__ */ l(o, {
 			ref: I,
 			sx: {
 				flex: 1,
 				overflow: "hidden",
 				display: "flex",
 				flexDirection: "column",
-				opacity: h ? .5 : 1,
+				opacity: _ ? .5 : 1,
 				backgroundColor: Q.palette.background.paper,
 				"& .cm-editor": {
 					flex: 1,
@@ -273,9 +273,9 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 					flexDirection: "column"
 				}
 			}
-		}), G && /* @__PURE__ */ v(s, {
+		}), G && /* @__PURE__ */ l(s, {
 			in: !0,
-			children: /* @__PURE__ */ v(c, {
+			children: /* @__PURE__ */ l(c, {
 				elevation: 3,
 				sx: {
 					position: "absolute",
@@ -289,7 +289,7 @@ function C({ value: u, onChange: d, placeholder: f, disabled: h = !1, readonly:
 					bgcolor: "grey.900",
 					color: "common.white"
 				},
-				children: /* @__PURE__ */ y(ee, {
+				children: /* @__PURE__ */ u(ee, {
 					variant: "caption",
 					sx: { fontFamily: "monospace" },
 					children: ["Copied: ", G.path]

package/dist/components/json-editor/JsonEditorToolbar.d.ts

@@ -5,7 +5,8 @@ type JsonEditorToolbarProps = {
     toolbarConfig: Required<JsonEditorToolbarConfig>;
     translation: JsonEditorTranslation;
     indent: number;
+    downloadFilename: string;
     disabled?: boolean;
 };
-export declare function JsonEditorToolbar({ editorView, toolbarConfig: tc, translation: t, indent, disabled, }: JsonEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function JsonEditorToolbar({ editorView, toolbarConfig: tc, translation: t, indent, downloadFilename, disabled, }: JsonEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/json-editor/JsonEditorToolbar.js

@@ -1,24 +1,25 @@
 import { ToolbarButton as e } from "../shared/ToolbarButton.js";
 import { useTimedFlag as t } from "../shared/useTimedFlag.js";
 import { Box as n, Divider as r } from "@mui/material";
-import { redo as i, undo as a } from "@codemirror/commands";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { redo as o, undo as s } from "@codemirror/commands";
 import c from "@mui/icons-material/ContentCopy";
-import l from "@mui/icons-material/Check";
-import u from "@mui/icons-material/Delete";
-import d from "@mui/icons-material/Undo";
-import f from "@mui/icons-material/Redo";
-import p from "@mui/icons-material/AutoFixHigh";
-import m from "@mui/icons-material/Compress";
+import l from "@mui/icons-material/Download";
+import u from "@mui/icons-material/Check";
+import d from "@mui/icons-material/Delete";
+import f from "@mui/icons-material/Undo";
+import p from "@mui/icons-material/Redo";
+import m from "@mui/icons-material/AutoFixHigh";
+import h from "@mui/icons-material/Compress";
 //#region src/components/json-editor/JsonEditorToolbar.tsx
-function h({ editorView: h, toolbarConfig: g, translation: _, indent: v, disabled: y }) {
-	let [b, x] = t(), S = y || !h;
-	function C() {
-		let e = h;
+function g({ editorView: g, toolbarConfig: _, translation: v, indent: y, downloadFilename: b, disabled: x }) {
+	let [S, C] = t(), [w, T] = t(), E = x || !g;
+	function D() {
+		let e = g;
 		if (!e) return;
 		let t = e.state.doc.toString();
 		try {
-			let n = JSON.stringify(JSON.parse(t), null, v);
+			let n = JSON.stringify(JSON.parse(t), null, y);
 			e.dispatch({ changes: {
 				from: 0,
 				to: e.state.doc.length,
@@ -27,8 +28,8 @@ function h({ editorView: h, toolbarConfig: g, translation: _, indent: v, disable
 		} catch {}
 		e.focus();
 	}
-	function w() {
-		let e = h;
+	function O() {
+		let e = g;
 		if (!e) return;
 		let t = e.state.doc.toString();
 		try {
@@ -41,30 +42,34 @@ function h({ editorView: h, toolbarConfig: g, translation: _, indent: v, disable
 		} catch {}
 		e.focus();
 	}
-	function T() {
-		let e = h?.state.doc.toString() ?? "";
+	function k() {
+		let e = g?.state.doc.toString() ?? "";
 		navigator.clipboard.writeText(e).then(() => {
-			x();
+			C();
 		});
 	}
-	function E() {
-		let e = h;
+	function A() {
+		let e = g?.state.doc.toString() ?? "", t = new Blob([e], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = b, r.click(), URL.revokeObjectURL(n), T();
+	}
+	function j() {
+		let e = g;
 		e && (e.dispatch({ changes: {
 			from: 0,
 			to: e.state.doc.length,
 			insert: ""
 		} }), e.focus());
 	}
-	function D() {
-		let e = h;
-		e && (a(e), e.focus());
+	function M() {
+		let e = g;
+		e && (s(e), e.focus());
 	}
-	function O() {
-		let e = h;
-		e && (i(e), e.focus());
+	function N() {
+		let e = g;
+		e && (o(e), e.focus());
 	}
-	let k = g.showFormat || g.showCompact, A = g.showCopy || g.showClear, j = g.showUndoRedo;
-	return /* @__PURE__ */ s(n, {
+	let P = _.showFormat || _.showCompact, F = _.showCopy || _.showDownload || _.showClear, I = _.showUndoRedo;
+	return /* @__PURE__ */ a(n, {
 		sx: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -76,73 +81,85 @@ function h({ editorView: h, toolbarConfig: g, translation: _, indent: v, disable
 		role: "toolbar",
 		"aria-label": "JSON editor actions",
 		children: [
-			k && /* @__PURE__ */ s(n, {
+			P && /* @__PURE__ */ a(n, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
-				children: [g.showFormat && /* @__PURE__ */ o(e, {
-					label: _.format,
-					icon: /* @__PURE__ */ o(p, { fontSize: "small" }),
-					onClick: C,
-					disabled: S
-				}), g.showCompact && /* @__PURE__ */ o(e, {
-					label: _.compact,
-					icon: /* @__PURE__ */ o(m, { fontSize: "small" }),
-					onClick: w,
-					disabled: S
+				children: [_.showFormat && /* @__PURE__ */ i(e, {
+					label: v.format,
+					icon: /* @__PURE__ */ i(m, { fontSize: "small" }),
+					onClick: D,
+					disabled: E
+				}), _.showCompact && /* @__PURE__ */ i(e, {
+					label: v.compact,
+					icon: /* @__PURE__ */ i(h, { fontSize: "small" }),
+					onClick: O,
+					disabled: E
 				})]
 			}),
-			k && (A || j) && /* @__PURE__ */ o(r, {
+			P && (F || I) && /* @__PURE__ */ i(r, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
 			}),
-			A && /* @__PURE__ */ s(n, {
+			F && /* @__PURE__ */ a(n, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
-				children: [g.showCopy && /* @__PURE__ */ o(e, {
-					label: b ? _.copySuccess : _.copy,
-					icon: b ? /* @__PURE__ */ o(l, {
-						fontSize: "small",
-						color: "success"
-					}) : /* @__PURE__ */ o(c, { fontSize: "small" }),
-					onClick: T,
-					disabled: S
-				}), g.showClear && /* @__PURE__ */ o(e, {
-					label: _.clear,
-					icon: /* @__PURE__ */ o(u, { fontSize: "small" }),
-					onClick: E,
-					disabled: S
-				})]
+				children: [
+					_.showCopy && /* @__PURE__ */ i(e, {
+						label: S ? v.copySuccess : v.copy,
+						icon: S ? /* @__PURE__ */ i(u, {
+							fontSize: "small",
+							color: "success"
+						}) : /* @__PURE__ */ i(c, { fontSize: "small" }),
+						onClick: k,
+						disabled: E
+					}),
+					_.showDownload && /* @__PURE__ */ i(e, {
+						label: w ? v.downloadSuccess : v.download,
+						icon: w ? /* @__PURE__ */ i(u, {
+							fontSize: "small",
+							color: "success"
+						}) : /* @__PURE__ */ i(l, { fontSize: "small" }),
+						onClick: A,
+						disabled: E
+					}),
+					_.showClear && /* @__PURE__ */ i(e, {
+						label: v.clear,
+						icon: /* @__PURE__ */ i(d, { fontSize: "small" }),
+						onClick: j,
+						disabled: E
+					})
+				]
 			}),
-			A && j && /* @__PURE__ */ o(r, {
+			F && I && /* @__PURE__ */ i(r, {
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
 			}),
-			j && /* @__PURE__ */ s(n, {
+			I && /* @__PURE__ */ a(n, {
 				sx: {
 					display: "flex",
 					gap: .25
 				},
-				children: [/* @__PURE__ */ o(e, {
-					label: _.undo,
-					icon: /* @__PURE__ */ o(d, { fontSize: "small" }),
-					onClick: D,
-					disabled: S
-				}), /* @__PURE__ */ o(e, {
-					label: _.redo,
-					icon: /* @__PURE__ */ o(f, { fontSize: "small" }),
-					onClick: O,
-					disabled: S
+				children: [/* @__PURE__ */ i(e, {
+					label: v.undo,
+					icon: /* @__PURE__ */ i(f, { fontSize: "small" }),
+					onClick: M,
+					disabled: E
+				}), /* @__PURE__ */ i(e, {
+					label: v.redo,
+					icon: /* @__PURE__ */ i(p, { fontSize: "small" }),
+					onClick: N,
+					disabled: E
 				})]
 			}),
-			!k && !A && !j && /* @__PURE__ */ o(n, { sx: { height: 32 } })
+			!P && !F && !I && /* @__PURE__ */ i(n, { sx: { height: 32 } })
 		]
 	});
 }
 //#endregion
-export { h as JsonEditorToolbar };
+export { g as JsonEditorToolbar };