@sps-woodland/core 8.56.2 → 8.56.3

package/lib/rich-text-editor/rich-text-editor/hooks/useMdToHtml.js

@@ -1,22 +1,16 @@
-import { useMemo as e } from "react";
-import t from "remark-parse";
-import m from "remark-rehype";
+import { flattenListItemParagraphs as e } from "../utils/flattenListItemParagraphs.js";
+import { useMemo as t } from "react";
+import n from "remark-parse";
+import r from "remark-rehype";
 import i from "rehype-sanitize";
-import s from "rehype-stringify";
-import { unified as p } from "unified";
-import { flattenListItemParagraphs as n } from "../utils/flattenListItemParagraphs.js";
-function l() {
-  const r = e(
-    () => p().use(t).use(n).use(m).use(i).use(s),
-    []
-  );
-  return e(
-    () => function(o) {
-      return r.process(o).then(String);
-    },
-    [r]
-  );
+import a from "rehype-stringify";
+import { unified as o } from "unified";
+//#region src/rich-text-editor/rich-text-editor/hooks/useMdToHtml.ts
+function s() {
+	let s = t(() => o().use(n).use(e).use(r).use(i).use(a), []);
+	return t(() => function(e) {
+		return s.process(e).then(String);
+	}, [s]);
 }
-export {
-  l as useMdToHtml
-};
+//#endregion
+export { s as useMdToHtml };

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEContent.js

@@ -1,28 +1,34 @@
-import { useState as l, useCallback as d, useEffect as p } from "react";
-import { useMdToHtml as v } from "./useMdToHtml.js";
-import { useHtmlToMd as w } from "./useHtmlToMd.js";
-function E(n = "", t = "") {
-  const [s, r] = l(), [f, g] = l({ html: t }), c = w(), u = v(), T = d(async (e) => {
-    const m = await u(e), o = { md: e, html: m };
-    return r(o), o;
-  }, [u]), a = d(async (e) => {
-    const o = { md: await c(e), html: e };
-    return r(o), o;
-  }, [c]);
-  p(() => {
-    !t && n !== s?.md ? T(n).then(({ html: e }) => {
-      g({ html: e });
-    }) : !n && t && t !== s?.html && a(t);
-  }, [n, t]);
-  function h(e) {
-    e.current && a(e.current.innerHTML);
-  }
-  return {
-    aggValue: s,
-    editableDivInnerHtml: f,
-    updateStateFromDiv: h
-  };
+import { useMdToHtml as e } from "./useMdToHtml.js";
+import { useHtmlToMd as t } from "./useHtmlToMd.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+//#region src/rich-text-editor/rich-text-editor/hooks/useRTEContent.ts
+function a(a = "", o = "") {
+	let [s, c] = i(), [l, u] = i({ html: o }), d = t(), f = e(), p = n(async (e) => {
+		let t = {
+			md: e,
+			html: await f(e)
+		};
+		return c(t), t;
+	}, [f]), m = n(async (e) => {
+		let t = {
+			md: await d(e),
+			html: e
+		};
+		return c(t), t;
+	}, [d]);
+	r(() => {
+		!o && a !== s?.md ? p(a).then(({ html: e }) => {
+			u({ html: e });
+		}) : !a && o && o !== s?.html && m(o);
+	}, [a, o]);
+	function h(e) {
+		e.current && m(e.current.innerHTML);
+	}
+	return {
+		aggValue: s,
+		editableDivInnerHtml: l,
+		updateStateFromDiv: h
+	};
 }
-export {
-  E as useRTEContent
-};
+//#endregion
+export { a as useRTEContent };

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEObserver.js

@@ -1,94 +1,85 @@
-import { useRef as g, useMemo as f, useEffect as i } from "react";
-function x(e) {
-  if (e instanceof HTMLElement) {
-    for (const t of Array.from(e.attributes))
-      /(style|class|data-[^=]+)/.test(t.name) && e.removeAttribute(t.name);
-    e.innerHTML = e.innerHTML.replace(/(style|class|data-[^=]+)="[^"]+"/g, "");
-  }
+import { useEffect as e, useMemo as t, useRef as n } from "react";
+//#region src/rich-text-editor/rich-text-editor/hooks/useRTEObserver.ts
+function r(e) {
+	if (e instanceof HTMLElement) {
+		for (let t of Array.from(e.attributes)) /(style|class|data-[^=]+)/.test(t.name) && e.removeAttribute(t.name);
+		e.innerHTML = e.innerHTML.replace(/(style|class|data-[^=]+)="[^"]+"/g, "");
+	}
 }
-const u = [
-  // Bold
-  {
-    regex: /\*\*([^*]+)\*\*/,
-    command: "bold"
-  },
-  // Italic
-  {
-    regex: new RegExp("(?<!\\*)\\*([^*]+)\\*"),
-    command: "italic"
-  },
-  // Bulleted list
-  {
-    regex: /^\*[ \u00a0]/,
-    command: "insertUnorderedList"
-  },
-  // Numbered list
-  {
-    regex: /^1\.[ \u00a0]/,
-    command: "insertOrderedList"
-  },
-  // Link
-  {
-    regex: /\[([^\]]+)\]\(([^)]+)\)/,
-    command: "createLink",
-    getCommandArg: ([, , e]) => /^https?:\/\//.test(e) ? e : `https://${e}`
-  }
+var i = [
+	{
+		regex: /\*\*([^*]+)\*\*/,
+		command: "bold"
+	},
+	{
+		regex: /(?<!\*)\*([^*]+)\*/,
+		command: "italic"
+	},
+	{
+		regex: /^\*[ \u00a0]/,
+		command: "insertUnorderedList"
+	},
+	{
+		regex: /^1\.[ \u00a0]/,
+		command: "insertOrderedList"
+	},
+	{
+		regex: /\[([^\]]+)\]\(([^)]+)\)/,
+		command: "createLink",
+		getCommandArg: ([, , e]) => /^https?:\/\//.test(e) ? e : `https://${e}`
+	}
 ];
-function E(e, t, a) {
-  const n = document.createRange();
-  n.setStart(e, t), n.setEnd(e, a);
-  const r = window.getSelection();
-  r?.removeAllRanges(), r?.addRange(n);
+function a(e, t, n) {
+	let r = document.createRange();
+	r.setStart(e, t), r.setEnd(e, n);
+	let i = window.getSelection();
+	i?.removeAllRanges(), i?.addRange(r);
 }
-function L(e) {
-  const t = document.createRange();
-  t.setStartAfter(e), t.setEndAfter(e);
-  const a = window.getSelection();
-  a?.removeAllRanges(), a?.addRange(t);
+function o(e) {
+	let t = document.createRange();
+	t.setStartAfter(e), t.setEndAfter(e);
+	let n = window.getSelection();
+	n?.removeAllRanges(), n?.addRange(t);
 }
-function C(e) {
-  const t = document.createRange();
-  t.setStartBefore(e), t.setEndBefore(e);
-  const a = window.getSelection();
-  a?.removeAllRanges(), a?.addRange(t);
+function s(e) {
+	let t = document.createRange();
+	t.setStartBefore(e), t.setEndBefore(e);
+	let n = window.getSelection();
+	n?.removeAllRanges(), n?.addRange(t);
 }
-function v(e) {
-  const t = g(null), a = f(() => new MutationObserver(([n]) => {
-    if (n.type === "characterData" && n.oldValue && n.target.textContent) {
-      for (const r of u)
-        if (!r.regex.test(n.oldValue) && r.regex.test(n.target.textContent)) {
-          const s = r.regex.exec(n.target.textContent), [o, c = ""] = s, d = n.target.textContent.indexOf(o);
-          n.target.textContent = n.target.textContent.replace(o, c);
-          const l = d + c.length;
-          E(n.target, d, l);
-          const m = r.getCommandArg ? r.getCommandArg(s) : void 0;
-          document.execCommand(r.command, void 0, m), c && (L(n.target.parentNode), document.execCommand(r.command));
-        }
-    } else n.type === "childList" && Array.from(n.addedNodes).forEach((r) => {
-      let s;
-      if (r instanceof HTMLElement && r.tagName === "LI" ? s = r : r?.parentElement?.tagName === "LI" && (s = r?.parentElement), s) {
-        const o = s.nextElementSibling, c = o?.childNodes?.[0];
-        if (c instanceof HTMLElement && ["UL", "OL"].includes(c.tagName)) {
-          const l = document.createElement("br");
-          o.insertBefore(l, c), C(l);
-        }
-      }
-      x(r);
-    });
-    e(t);
-  }), []);
-  return i(() => () => {
-    a && a.disconnect();
-  }, []), i(() => {
-    t.current !== null && a.observe(t.current, {
-      childList: !0,
-      subtree: !0,
-      characterDataOldValue: !0
-    });
-  }, [a, t]), t;
+function c(c) {
+	let l = n(null), u = t(() => new MutationObserver(([e]) => {
+		if (e.type === "characterData" && e.oldValue && e.target.textContent) {
+			for (let t of i) if (!t.regex.test(e.oldValue) && t.regex.test(e.target.textContent)) {
+				let n = t.regex.exec(e.target.textContent), [r, i = ""] = n, s = e.target.textContent.indexOf(r);
+				e.target.textContent = e.target.textContent.replace(r, i);
+				let c = s + i.length;
+				a(e.target, s, c);
+				let l = t.getCommandArg ? t.getCommandArg(n) : void 0;
+				document.execCommand(t.command, void 0, l), i && (o(e.target.parentNode), document.execCommand(t.command));
+			}
+		} else e.type === "childList" && Array.from(e.addedNodes).forEach((e) => {
+			let t;
+			if (e instanceof HTMLElement && e.tagName === "LI" ? t = e : e?.parentElement?.tagName === "LI" && (t = e?.parentElement), t) {
+				let e = t.nextElementSibling, n = e?.childNodes?.[0];
+				if (n instanceof HTMLElement && ["UL", "OL"].includes(n.tagName)) {
+					let t = document.createElement("br");
+					e.insertBefore(t, n), s(t);
+				}
+			}
+			r(e);
+		});
+		c(l);
+	}), []);
+	return e(() => () => {
+		u && u.disconnect();
+	}, []), e(() => {
+		l.current !== null && u.observe(l.current, {
+			childList: !0,
+			subtree: !0,
+			characterDataOldValue: !0
+		});
+	}, [u, l]), l;
 }
-export {
-  L as moveCaretAfter,
-  C as moveCaretBefore,
-  v as useRTEObserver
-};
+//#endregion
+export { o as moveCaretAfter, s as moveCaretBefore, c as useRTEObserver };

package/lib/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.js

@@ -1,37 +1,29 @@
-import { useState as l, useEffect as s, useCallback as i } from "react";
-function m(o) {
-  const [t, c] = l();
-  s(() => {
-    function r() {
-      const e = window.getSelection();
-      Number(e?.rangeCount) > 0 && c(e?.getRangeAt(0));
-    }
-    return document.addEventListener("selectionchange", r), () => {
-      document.removeEventListener("selectionchange", r);
-    };
-  }, []);
-  const u = i(
-    (r) => {
-      if (!t)
-        return null;
-      const e = t.commonAncestorContainer;
-      if (!o.current || !o.current.contains(e))
-        return null;
-      let n = e instanceof HTMLElement ? e : e.parentElement;
-      for (; n && n !== o.current; ) {
-        if (r(n))
-          return n;
-        n = n.parentElement;
-      }
-      return null;
-    },
-    [t]
-  );
-  return {
-    selectionRange: t,
-    selectionDOMContextFind: u
-  };
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.ts
+function r(r) {
+	let [i, a] = n();
+	return t(() => {
+		function e() {
+			let e = window.getSelection();
+			Number(e?.rangeCount) > 0 && a(e?.getRangeAt(0));
+		}
+		return document.addEventListener("selectionchange", e), () => {
+			document.removeEventListener("selectionchange", e);
+		};
+	}, []), {
+		selectionRange: i,
+		selectionDOMContextFind: e((e) => {
+			if (!i) return null;
+			let t = i.commonAncestorContainer;
+			if (!r.current || !r.current.contains(t)) return null;
+			let n = t instanceof HTMLElement ? t : t.parentElement;
+			for (; n && n !== r.current;) {
+				if (e(n)) return n;
+				n = n.parentElement;
+			}
+			return null;
+		}, [i])
+	};
 }
-export {
-  m as useRTESelectionListener
-};
+//#endregion
+export { r as useRTESelectionListener };