@thebuoyant-tsdev/mui-ts-library 3.9.1 → 3.11.2

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

@@ -1,48 +1,49 @@
-import { useEffect as e, useState as t } from "react";
-import { Box as n, Button as r, Dialog as i, DialogActions as a, DialogContent as o, DialogTitle as s, TextField as c, Typography as l } from "@mui/material";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import f from "@mui/icons-material/ContentCopy";
-import p from "@mui/icons-material/Check";
+import { useTimedFlag as e } from "../shared/useTimedFlag.js";
+import { useEffect as t, useState as n } from "react";
+import { Box as r, Button as i, Dialog as a, DialogActions as o, DialogContent as s, DialogTitle as c, TextField as l, Typography as u } from "@mui/material";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "@mui/icons-material/ContentCopy";
+import m from "@mui/icons-material/Check";
 //#region src/components/rich-text-editor/RichTextEditorMarkdownDialog.tsx
-function m({ open: m, onClose: h, editor: g, translation: _ }) {
-	let [v, y] = t(""), [b, x] = t(!1);
-	e(() => {
-		m && y(g.storage.markdown.getMarkdown());
-	}, [m, g]);
-	function S() {
-		g.commands.setContent(v), h();
-	}
+function h({ open: h, onClose: g, editor: _, translation: v }) {
+	let [y, b] = n(""), [x, S] = e();
+	t(() => {
+		h && b(_.storage.markdown.getMarkdown());
+	}, [h, _]);
 	function C() {
-		navigator.clipboard.writeText(v).then(() => {
-			x(!0), setTimeout(() => x(!1), 2e3);
+		_.commands.setContent(y), g();
+	}
+	function w() {
+		navigator.clipboard.writeText(y).then(() => {
+			S();
 		});
 	}
-	return /* @__PURE__ */ d(i, {
-		open: m,
-		onClose: h,
+	return /* @__PURE__ */ f(a, {
+		open: h,
+		onClose: g,
 		maxWidth: "sm",
 		fullWidth: !0,
 		children: [
-			/* @__PURE__ */ u(s, { children: _.markdownDialogTitle }),
-			/* @__PURE__ */ d(o, {
+			/* @__PURE__ */ d(c, { children: v.markdownDialogTitle }),
+			/* @__PURE__ */ f(s, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 1.5,
 					pt: "16px !important"
 				},
-				children: [/* @__PURE__ */ u(l, {
+				children: [/* @__PURE__ */ d(u, {
 					variant: "body2",
 					color: "text.secondary",
-					children: _.markdownDialogDescription
-				}), /* @__PURE__ */ u(c, {
+					children: v.markdownDialogDescription
+				}), /* @__PURE__ */ d(l, {
 					autoFocus: !0,
 					fullWidth: !0,
 					multiline: !0,
 					minRows: 8,
 					maxRows: 16,
-					value: v,
-					onChange: (e) => y(e.target.value),
+					value: y,
+					onChange: (e) => b(e.target.value),
 					variant: "outlined",
 					size: "small",
 					sx: { fontFamily: "monospace" },
@@ -52,32 +53,32 @@ function m({ open: m, onClose: h, editor: g, translation: _ }) {
 					} } }
 				})]
 			}),
-			/* @__PURE__ */ d(a, {
+			/* @__PURE__ */ f(o, {
 				sx: {
 					px: 3,
 					pb: 2,
 					gap: 1
 				},
 				children: [
-					/* @__PURE__ */ u(n, {
+					/* @__PURE__ */ d(r, {
 						sx: { flex: 1 },
-						children: /* @__PURE__ */ u(r, {
-							onClick: C,
-							startIcon: b ? /* @__PURE__ */ u(p, {
+						children: /* @__PURE__ */ d(i, {
+							onClick: w,
+							startIcon: x ? /* @__PURE__ */ d(m, {
 								fontSize: "small",
 								color: "success"
-							}) : /* @__PURE__ */ u(f, { fontSize: "small" }),
-							children: b ? _.markdownDialogCopied : _.markdownDialogCopy
+							}) : /* @__PURE__ */ d(p, { fontSize: "small" }),
+							children: x ? v.markdownDialogCopied : v.markdownDialogCopy
 						})
 					}),
-					/* @__PURE__ */ u(r, {
-						onClick: h,
-						children: _.markdownDialogCancel
+					/* @__PURE__ */ d(i, {
+						onClick: g,
+						children: v.markdownDialogCancel
 					}),
-					/* @__PURE__ */ u(r, {
-						onClick: S,
+					/* @__PURE__ */ d(i, {
+						onClick: C,
 						variant: "contained",
-						children: _.markdownDialogApply
+						children: v.markdownDialogApply
 					})
 				]
 			})
@@ -85,4 +86,4 @@ function m({ open: m, onClose: h, editor: g, translation: _ }) {
 	});
 }
 //#endregion
-export { m as RichTextEditorMarkdownDialog };
+export { h as RichTextEditorMarkdownDialog };

package/dist/components/shared/useTimedFlag.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A boolean that auto-resets to `false` after `duration` ms — for "Copied!"-style
+ * transient feedback. Re-triggering restarts the timer instead of stacking timers,
+ * and the pending timeout is cleared on unmount to avoid a state update after unmount.
+ */
+export declare function useTimedFlag(duration?: number): [boolean, () => void];

package/dist/components/shared/useTimedFlag.js

@@ -0,0 +1,14 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region src/components/shared/useTimedFlag.ts
+function i(i = 2e3) {
+	let [a, o] = r(!1), s = n(null), c = e(() => {
+		s.current && clearTimeout(s.current), o(!0), s.current = setTimeout(() => {
+			o(!1), s.current = null;
+		}, i);
+	}, [i]);
+	return t(() => () => {
+		s.current && clearTimeout(s.current);
+	}, []), [a, c];
+}
+//#endregion
+export { i as useTimedFlag };

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

@@ -56,7 +56,7 @@ function h({ history: h, onSelect: g, onClear: _, translation: v, disabled: y })
 						fontSize: "0.8125rem"
 					} } }
 				})
-			}, e.timestamp)),
+			}, e.id)),
 			h.length > 0 && /* @__PURE__ */ u(t, {}),
 			h.length > 0 && /* @__PURE__ */ d(o, {
 				onClick: w,

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

@@ -1,20 +1,22 @@
 import { addQueryToHistory as e, loadQueryHistory as t, saveQueryHistory as n } from "./util/sqlQueryHistory.util.js";
-import { useCallback as r, useState as i } from "react";
+import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region src/components/sql-editor/useSqlQueryHistory.ts
-function a(a, o) {
-	let [s, c] = i(() => t(a));
-	return {
-		history: s,
+function o(o, s) {
+	let [c, l] = a(() => t(o));
+	return i(() => {
+		l(t(o));
+	}, [o]), {
+		history: c,
 		addEntry: r((t) => {
-			c((r) => {
-				let i = e(r, t, o);
-				return n(a, i), i;
+			l((r) => {
+				let i = e(r, t, s);
+				return n(o, i), i;
 			});
-		}, [a, o]),
+		}, [o, s]),
 		clearHistory: r(() => {
-			c([]), n(a, []);
-		}, [a])
+			l([]), n(o, []);
+		}, [o])
 	};
 }
 //#endregion
-export { a as useSqlQueryHistory };
+export { o as useSqlQueryHistory };

package/dist/components/sql-editor/util/sqlQueryHistory.util.d.ts

@@ -1,4 +1,5 @@
 export type SqlQueryHistoryEntry = {
+    id: string;
     sql: string;
     timestamp: number;
 };

package/dist/components/sql-editor/util/sqlQueryHistory.util.js

@@ -1,28 +1,36 @@
 //#region src/components/sql-editor/util/sqlQueryHistory.util.ts
-function e(e) {
+var e = 0;
+function t() {
+	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (e += 1, `${Date.now()}-${e}`);
+}
+function n(e) {
 	if (typeof window > "u") return [];
 	try {
-		let t = window.localStorage.getItem(e);
-		if (!t) return [];
-		let n = JSON.parse(t);
-		return Array.isArray(n) ? n.filter((e) => typeof e?.sql == "string" && typeof e?.timestamp == "number") : [];
+		let n = window.localStorage.getItem(e);
+		if (!n) return [];
+		let r = JSON.parse(n);
+		return Array.isArray(r) ? r.filter((e) => typeof e?.sql == "string" && typeof e?.timestamp == "number").map((e) => ({
+			...e,
+			id: typeof e.id == "string" ? e.id : t()
+		})) : [];
 	} catch {
 		return [];
 	}
 }
-function t(e, t) {
+function r(e, t) {
 	if (!(typeof window > "u")) try {
 		window.localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
 }
-function n(e, t, n) {
-	let r = t.trim();
-	if (!r) return e;
-	let i = e.filter((e) => e.sql !== r);
+function i(e, n, r) {
+	let i = n.trim();
+	if (!i) return e;
+	let a = e.filter((e) => e.sql !== i);
 	return [{
-		sql: r,
+		id: t(),
+		sql: i,
 		timestamp: Date.now()
-	}, ...i].slice(0, Math.max(0, n));
+	}, ...a].slice(0, Math.max(0, r));
 }
 //#endregion
-export { n as addQueryToHistory, e as loadQueryHistory, t as saveQueryHistory };
+export { i as addQueryToHistory, n as loadQueryHistory, r as saveQueryHistory };

package/dist/components/sunburst-chart/SunburstChart.d.ts

@@ -1,5 +1,5 @@
 import { type SunburstChartProps } from "./SunburstChart.types";
-export declare function SunburstChart({ data, size, showSegmentLabels, innerRadius, sortBy, chartColors, showRootLabel, onSegmentClick, onZoomChange, valueDecimalCount, valueDecimalSeparator, valueThousandsSeparator, zoomable, disabled, }: SunburstChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function SunburstChart({ data, size, showSegmentLabels, innerRadius, sortBy, chartColors, showRootLabel, onSegmentClick, onZoomChange, valueDecimalCount, valueDecimalSeparator, valueThousandsSeparator, zoomable, duration, disabled, translation, }: SunburstChartProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace SunburstChart {
     var displayName: string;
 }