markdown-flow-ui 0.2.35-dev.2 → 0.2.36-dev.1

package/dist/components/MarkdownFlowEditor/MarkdownFlowEditor.es.js

@@ -16,19 +16,20 @@ import lt from "./components/VideoInject.es.js";
 import ct from "./components/VariableSelect.es.js";
 import { SelectedOption as f } from "./types.es.js";
 /* empty css                          */
-import { extractVariableNames as ut, getImageContentToInsert as mt, getVideoContentToInsert as ft, createSlashCommands as ht, parseContentInfo as pt, createVariableExpressionRegexp as gt } from "./utils.es.js";
+import { getImageContentToInsert as ut, getVideoContentToInsert as mt, createSlashCommands as ft, parseContentInfo as ht, createVariableExpressionRegexp as pt } from "./utils.es.js";
 import dt from "./plugins/ImgPlaceholder.es.js";
-import Vt from "./plugins/VideoPlaceholder.es.js";
-import { mediaPlaceholderLabels as Ct } from "./plugins/mediaPlaceholderLabels.es.js";
-import bt from "./plugins/VariablePlaceholder.es.js";
-import St from "./plugins/SyntaxHighlighter.es.js";
+import gt from "./plugins/VideoPlaceholder.es.js";
+import { mediaPlaceholderLabels as Vt } from "./plugins/mediaPlaceholderLabels.es.js";
+import Ct from "./plugins/VariablePlaceholder.es.js";
+import bt from "./plugins/SyntaxHighlighter.es.js";
 import ie from "../../node_modules/i18next/dist/esm/i18next.es.js";
-import { DEFAULT_EDITOR_LOCALE as ae, editorLocaleResources as Ee, getEditorLocaleMessages as It } from "./editorI18n.es.js";
-import { normalizeMarkdownFlowLocale as wt, getMarkdownFlowDirection as vt, getMarkdownFlowLanguage as Lt } from "../../lib/locale.es.js";
-import { useDetachedLanguage as Et } from "../../lib/useDetachedLanguage.es.js";
-import { useResolvedDirection as Tt } from "../../lib/useResolvedDirection.es.js";
-import { initReactI18next as kt } from "../../node_modules/react-i18next/dist/es/initReactI18next.es.js";
-import { useTranslation as Ot } from "../../node_modules/react-i18next/dist/es/useTranslation.es.js";
+import { DEFAULT_EDITOR_LOCALE as ae, editorLocaleResources as Ee, getEditorLocaleMessages as St } from "./editorI18n.es.js";
+import { normalizeMarkdownFlowLocale as It, getMarkdownFlowDirection as wt, getMarkdownFlowLanguage as vt } from "../../lib/locale.es.js";
+import { useDetachedLanguage as Lt } from "../../lib/useDetachedLanguage.es.js";
+import { useResolvedDirection as Et } from "../../lib/useResolvedDirection.es.js";
+import { initReactI18next as Tt } from "../../node_modules/react-i18next/dist/es/initReactI18next.es.js";
+import { useTranslation as kt } from "../../node_modules/react-i18next/dist/es/useTranslation.es.js";
+import { d as xt } from "../../_virtual/index.es.js";
 ie.isInitialized ? Object.entries(Ee).forEach(([C, h]) => {
   ie.addResourceBundle(
     C,
@@ -37,7 +38,7 @@ ie.isInitialized ? Object.entries(Ee).forEach(([C, h]) => {
     !0,
     !0
   );
-}) : ie.use(kt).init({
+}) : ie.use(Tt).init({
   resources: Ee,
   lng: ae,
   fallbackLng: ae,
@@ -46,36 +47,36 @@ ie.isInitialized ? Object.entries(Ee).forEach(([C, h]) => {
 const Te = [], ke = (C, h) => {
   if (!C || h < 0)
     return !1;
-  const O = gt();
+  const x = pt();
   let L;
-  for (; (L = O.exec(C)) !== null; ) {
+  for (; (L = x.exec(C)) !== null; ) {
     const E = L.index ?? 0, U = E + L[0].length, R = E + 2, Y = U - 2;
     if (h >= R && h <= Y)
       return !0;
-    O.lastIndex === L.index && O.lastIndex++;
+    x.lastIndex === L.index && x.lastIndex++;
   }
   return !1;
-}, xt = (C = "") => `{{${C}}}`, so = ({
+}, Ot = (C = "") => `{{${C}}}`, lo = ({
   content: C = "",
   editMode: h = "codeEdit",
-  variables: O,
+  variables: x,
   systemVariables: L,
   onChange: E,
   onBlur: U,
   locale: R,
   lang: Y,
-  uploadProps: Oe,
+  uploadProps: xe,
   disabled: n = !1,
   toolbarActionsRight: J,
-  onReady: xe
+  onReady: Oe
 }) => {
-  const { t: a, i18n: X } = Ot(), j = wt(
+  const { t: a, i18n: X } = kt(), j = It(
     R ?? ae
-  ), se = vt(R), le = Y ?? Lt(R);
+  ), se = wt(R), le = Y ?? vt(R);
   b(() => {
     X.language !== j && X.changeLanguage(j);
   }, [X, j]);
-  const x = It(j), V = w(
+  const O = St(j), V = w(
     () => ({
       image: a("toolbarInsertImage", {
         defaultValue: "Insert image"
@@ -145,11 +146,11 @@ const Te = [], ke = (C, h) => {
     const e = new Set(
       A.map((r) => r.name.toLowerCase())
     ), o = /* @__PURE__ */ new Set();
-    return (O ?? Te).filter((r) => {
+    return (x ?? Te).filter((r) => {
       const t = typeof r?.name == "string" ? r.name.toLowerCase() : "";
       return !t || e.has(t) || o.has(t) ? !1 : (o.add(t), !0);
     });
-  }, [O, A]), [ee, T] = v(!1), [te, y] = v(!1), H = Q(null), z = Et(H, le), { resolvedDirection: B } = Tt(
+  }, [x, A]), [ee, T] = v(!1), [te, y] = v(!1), H = Q(null), z = Lt(H, le), { resolvedDirection: B } = Et(
     H,
     se
   ), [Ne, F] = v(null), [ce, oe] = v(
@@ -164,19 +165,19 @@ const Te = [], ke = (C, h) => {
   }, [A]);
   const [S, k] = v(
     f.Empty
-  ), [l, M] = v(), i = Q(null), _ = Q(null), G = Q(null), [ne, ue] = v(!1), g = s(() => {
+  ), [l, M] = v(), i = Q(null), _ = Q(null), G = Q(null), [ne, ue] = v(!1), d = s(() => {
     ue(!1), G.current = null;
   }, []), Re = s(
     (e) => {
       if (!n) {
         if (ne && G.current === e) {
-          g();
+          d();
           return;
         }
         G.current = e, ue(!0);
       }
     },
-    [g, n, ne]
+    [d, n, ne]
   ), Ae = {
     selectedOption: S,
     setSelectedOption: k,
@@ -188,9 +189,9 @@ const Te = [], ke = (C, h) => {
     setPopoverPosition: F
   };
   b(() => {
-    n && (T(!1), y(!1), k(f.Empty), M(null), F(null), g());
+    n && (T(!1), y(!1), k(f.Empty), M(null), F(null), d());
   }, [
-    g,
+    d,
     n,
     T,
     y,
@@ -202,7 +203,7 @@ const Te = [], ke = (C, h) => {
     (e) => {
       if (h !== "quickEdit" || !e)
         return;
-      const o = ut(e);
+      const o = xt.extractVariableNames(e);
       if (!o.length)
         return;
       const r = new Set(
@@ -210,11 +211,11 @@ const Te = [], ke = (C, h) => {
       );
       oe((t) => {
         const c = new Set(
-          t.map((d) => d.name.toLowerCase())
+          t.map((g) => g.name.toLowerCase())
         ), u = /* @__PURE__ */ new Set(), p = [];
-        return o.forEach((d) => {
-          const I = d.toLowerCase();
-          !d || r.has(I) || c.has(I) || u.has(I) || (p.push({ name: d }), u.add(I));
+        return o.forEach((g) => {
+          const I = g.toLowerCase();
+          !g || r.has(I) || c.has(I) || u.has(I) || (p.push({ name: g }), u.add(I));
         }), p.length ? [...p, ...t] : t;
       });
     },
@@ -226,7 +227,7 @@ const Te = [], ke = (C, h) => {
   const re = s(
     (e) => {
       if (!n)
-        if (g(), k(e), e === f.Variable) {
+        if (d(), k(e), e === f.Variable) {
           if (i.current) {
             const { state: o } = i.current, r = o.selection.main.from, t = i.current.coordsAtPos(r);
             t && F({
@@ -238,7 +239,7 @@ const Te = [], ke = (C, h) => {
         } else
           T(!0);
     },
-    [g, n]
+    [d, n]
   ), N = s(
     (e) => {
       if (n || !i.current) return;
@@ -288,12 +289,12 @@ const Te = [], ke = (C, h) => {
     (e, o, r = !1) => {
       if (n || !i.current)
         return;
-      const t = i.current, { state: c, dispatch: u } = t, p = o ?? c.selection.main, d = xt(e), I = r ? d.length : 2 + e.length;
+      const t = i.current, { state: c, dispatch: u } = t, p = o ?? c.selection.main, g = Ot(e), I = r ? g.length : 2 + e.length;
       u({
         changes: {
           from: p.from,
           to: p.to,
-          insert: d
+          insert: g
         },
         selection: {
           anchor: p.from + I
@@ -302,8 +303,8 @@ const Te = [], ke = (C, h) => {
     },
     [n]
   ), ze = s(() => {
-    n || (g(), K(""));
-  }, [g, n, K]), Be = s(() => {
+    n || (d(), K(""));
+  }, [d, n, K]), Be = s(() => {
     if (n || !i.current)
       return;
     const e = i.current, { state: o, dispatch: r } = e, t = o.selection.main;
@@ -402,7 +403,7 @@ const Te = [], ke = (C, h) => {
       scalePercent: r
     }) => {
       if (!e || n) return;
-      const t = mt({
+      const t = ut({
         resourceUrl: e,
         resourceTitle: o,
         scalePercent: r
@@ -425,7 +426,7 @@ const Te = [], ke = (C, h) => {
     }) => {
       if (n)
         return;
-      const r = ft(e, o);
+      const r = mt(e, o);
       if (l?.type === f.Video) {
         if (W(), !i.current) return;
         const { dispatch: t } = i.current;
@@ -437,30 +438,30 @@ const Te = [], ke = (C, h) => {
       T(!1);
     },
     [W, n, N, l]
-  ), ge = s(
+  ), de = s(
     (e) => {
       if (n)
         return;
       const o = l?.type === f.Variable ? { from: l.from, to: l.to } : void 0;
-      K(e.name, o, !0), y(!1), g();
+      K(e.name, o, !0), y(!1), d();
     },
-    [n, K, l, g]
-  ), de = s(() => Ue({
+    [n, K, l, d]
+  ), ge = s(() => Ue({
     override: [
-      ht(re, {
+      ft(re, {
         // divider: currentStrings.slashDivider,
         // fixedText: currentStrings.slashFixedText,
-        image: x.slashImage,
-        video: x.slashVideo,
-        variable: x.slashVariable
+        image: O.slashImage,
+        video: O.slashVideo,
+        variable: O.slashVariable
       })
     ]
   }), [
     // currentStrings.slashDivider,
     // currentStrings.slashFixedText,
-    x.slashImage,
-    x.slashVideo,
-    x.slashVariable,
+    O.slashImage,
+    O.slashVideo,
+    O.slashVariable,
     re
   ]), Ve = s(
     (e) => {
@@ -477,7 +478,7 @@ const Te = [], ke = (C, h) => {
     (e) => {
       if (e.stopPropagation(), n)
         return;
-      const { type: o, from: r, to: t, dataset: c, target: u } = e.detail, p = pt(o, c);
+      const { type: o, from: r, to: t, dataset: c, target: u } = e.detail, p = ht(o, c);
       if (M({
         type: o,
         value: p,
@@ -485,12 +486,12 @@ const Te = [], ke = (C, h) => {
         to: t
       }), k(o), o === f.Variable) {
         if (u) {
-          const d = u.getBoundingClientRect(), I = u.ownerDocument.defaultView?.getComputedStyle(
+          const g = u.getBoundingClientRect(), I = u.ownerDocument.defaultView?.getComputedStyle(
             H.current ?? u
           ).direction;
           F({
-            x: I === "rtl" ? d.right : d.left,
-            y: d.bottom
+            x: I === "rtl" ? g.right : g.left,
+            y: g.bottom
           });
         }
         y(!0);
@@ -512,7 +513,7 @@ const Te = [], ke = (C, h) => {
     };
   }, [Ce]);
   const be = a("imageDefaultTitle"), Se = a("videoDefaultTitle"), Ie = w(
-    () => Ct.of({
+    () => Vt.of({
       image: be,
       video: Se
     }),
@@ -522,13 +523,13 @@ const Te = [], ke = (C, h) => {
       Le.lineWrapping,
       Ye(),
       Je(Xe),
-      St
+      bt
     ];
-    return n || e.push(de()), h === "quickEdit" && e.push(
+    return n || e.push(ge()), h === "quickEdit" && e.push(
       Ie,
       dt,
-      Vt,
-      bt
+      gt,
+      Ct
       // fixedTextPlaceholderExtension,
       // DividerPlaceholder,
     ), e.push(
@@ -539,7 +540,7 @@ const Te = [], ke = (C, h) => {
   }, [
     n,
     h,
-    de,
+    ge,
     Ve,
     Ie
   ]), We = s(
@@ -621,7 +622,7 @@ const Te = [], ke = (C, h) => {
     J
   ]);
   return b(() => {
-    xe?.(D);
+    Oe?.(D);
   }, [D]), /* @__PURE__ */ $(
     "div",
     {
@@ -642,7 +643,7 @@ const Te = [], ke = (C, h) => {
             onSelect: re,
             onInsertVariablePlaceholder: ze,
             onVariableSearchToggle: Re,
-            onVariableSearchClose: g,
+            onVariableSearchClose: d,
             onInsertConfirmOutput: Be,
             onInsertLink: Fe,
             onInsertButton: Me,
@@ -658,8 +659,8 @@ const Te = [], ke = (C, h) => {
           {
             open: we,
             anchorElement: G.current,
-            onClose: g,
-            onSelect: ge,
+            onClose: d,
+            onSelect: de,
             variables: ce,
             systemVariables: q,
             labels: ye
@@ -703,7 +704,7 @@ const Te = [], ke = (C, h) => {
                   {
                     value: l?.value,
                     onSelect: qe,
-                    uploadProps: Oe
+                    uploadProps: xe
                   }
                 ),
                 S === f.Video && /* @__PURE__ */ m(
@@ -722,7 +723,7 @@ const Te = [], ke = (C, h) => {
               variables: ce,
               systemVariables: q,
               selectedName: l?.value?.variableName,
-              onSelect: ge,
+              onSelect: de,
               onAddVariable: (e) => {
                 oe((o) => {
                   const r = e.name.toLowerCase();
@@ -739,6 +740,6 @@ const Te = [], ke = (C, h) => {
   );
 };
 export {
-  so as default
+  lo as default
 };
 //# sourceMappingURL=MarkdownFlowEditor.es.js.map