@layers-app/editor 0.0.21 → 0.0.23

package/dist/{layers.C99LCymA.js → layers.Y41CVpLS.js}

@@ -1,45 +1,45 @@
 import { jsx as a, jsxs as v, Fragment as j } from "react/jsx-runtime";
-import { useRef as k, useContext as K, useMemo as U, useEffect as P, useState as T, useCallback as y, Suspense as W } from "react";
-import { e as R, o as q, l as z, f as G, g as H, u as J, w as M, h as D, c as A, i as Q, F as $, N as V, j as X, K as w, k as Y, m as Z, n as ee, D as te, r as ne, p as ae, L as le, q as re, s as oe, v as ie, x as se } from "./layers.CFJiIrku.js";
-import { Button as ce, TextInput as ue } from "@mantine/core";
-function de(e) {
+import { useRef as k, useContext as K, useMemo as U, useEffect as P, useState as y, useCallback as M, Suspense as W } from "react";
+import { v as R, x as z, l as G, y as H, o as J, u as Q, z as T, B as D, d as A, D as q, F as O, N as V, G as X, K as x, H as Y, p as Z, w as ee, J as te, r as ne, L as ae, M as le, O as re, P as oe, Q as se, S as ie } from "./layers.CClfR9Rs.js";
+import { Button as ce, TextInput as de } from "@mantine/core";
+function ue(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = de(function(e) {
+var me = ue(function(e) {
   const t = new URLSearchParams();
   t.append("code", e);
   for (let n = 1; n < arguments.length; n++) t.append("v", arguments[n]);
   throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
 });
-function O(e) {
+function $(e) {
   const t = e.transform();
   return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
 }
 function fe({ initialEditor: e, children: t, initialNodes: n, initialTheme: c, skipCollabChecks: o }) {
-  const i = k(!1), r = K(R);
+  const s = k(!1), r = K(R);
   r == null && me(9);
-  const [m, { getTheme: E }] = r, x = U(() => {
-    const d = c || E() || void 0, p = q(r, d);
-    if (d !== void 0 && (e._config.theme = d), e._parentEditor = m, n) for (let l of n) {
+  const [m, { getTheme: E }] = r, w = U(() => {
+    const u = c || E() || void 0, p = z(r, u);
+    if (u !== void 0 && (e._config.theme = u), e._parentEditor = m, n) for (let l of n) {
       let I = null, g = null;
       if (typeof l != "function") {
         const _ = l;
         l = _.replace, I = _.with, g = _.withKlass || null;
       }
       const S = e._nodes.get(l.getType());
-      e._nodes.set(l.getType(), { exportDOM: S ? S.exportDOM : void 0, klass: l, replace: I, replaceWithKlass: g, transforms: O(l) });
+      e._nodes.set(l.getType(), { exportDOM: S ? S.exportDOM : void 0, klass: l, replace: I, replaceWithKlass: g, transforms: $(l) });
     }
     else {
       const l = e._nodes = new Map(m._nodes);
-      for (const [I, g] of l) e._nodes.set(I, { exportDOM: g.exportDOM, klass: g.klass, replace: g.replace, replaceWithKlass: g.replaceWithKlass, transforms: O(g.klass) });
+      for (const [I, g] of l) e._nodes.set(I, { exportDOM: g.exportDOM, klass: g.klass, replace: g.replace, replaceWithKlass: g.replaceWithKlass, transforms: $(g.klass) });
     }
     return e._config.namespace = m._config.namespace, e._editable = m._editable, [e, p];
-  }, []), { isCollabActive: b, yjsDocMap: C } = z(), u = o || i.current || C.has(e.getKey());
+  }, []), { isCollabActive: b, yjsDocMap: C } = G(), d = o || s.current || C.has(e.getKey());
   return P(() => {
-    u && (i.current = !0);
-  }, [u]), P(() => m.registerEditableListener((d) => {
-    e.setEditable(d);
-  }), [e, m]), a(R.Provider, { value: x, children: !b || u ? t : null });
+    d && (s.current = !0);
+  }, [d]), P(() => m.registerEditableListener((u) => {
+    e.setEditable(u);
+  }), [e, m]), a(R.Provider, { value: w, children: !b || d ? t : null });
 }
 function pe({
   "data-test-id": e,
@@ -47,7 +47,7 @@ function pe({
   className: n,
   onClick: c,
   disabled: o,
-  small: i,
+  small: s,
   title: r
 }) {
   return /* @__PURE__ */ a(ce, { onClick: c, disabled: o, variant: "filled", children: t });
@@ -75,12 +75,12 @@ function ve({
   onChange: n,
   placeholder: c = "",
   "data-test-id": o,
-  type: i = "text"
+  type: s = "text"
 }) {
   return /* @__PURE__ */ a(
-    ue,
+    de,
     {
-      type: i,
+      type: s,
       placeholder: c,
       value: t,
       onChange: (r) => {
@@ -108,7 +108,7 @@ function Ce({
   imageRef: n,
   src: c,
   width: o,
-  height: i,
+  height: s,
   position: r
 }) {
   return be(c), /* @__PURE__ */ a(
@@ -121,7 +121,7 @@ function Ce({
       "data-position": r,
       style: {
         display: "block",
-        height: i,
+        height: s,
         width: o
       },
       draggable: "false"
@@ -135,12 +135,12 @@ function _e({
 }) {
   const o = e.getEditorState().read(
     () => A(t)
-  ), [i, r] = T(o.getAltText()), [m, E] = T(o.getShowCaption()), [x, b] = T(o.getPosition()), C = (p) => {
+  ), [s, r] = y(o.getAltText()), [m, E] = y(o.getShowCaption()), [w, b] = y(o.getPosition()), C = (p) => {
     E(p.target.checked);
-  }, u = (p) => {
+  }, d = (p) => {
     b(p.target.value);
-  }, d = () => {
-    const p = { altText: i, position: x, showCaption: m };
+  }, u = () => {
+    const p = { altText: s, position: w, showCaption: m };
     o && e.update(() => {
       o.update(p);
     }), n();
@@ -152,7 +152,7 @@ function _e({
         label: "Alt-текст",
         placeholder: "Альтернативный текст",
         onChange: r,
-        value: i,
+        value: s,
         "data-test-id": "image-modal-alt-text-input"
       }
     ) }),
@@ -160,11 +160,11 @@ function _e({
       he,
       {
         style: { marginBottom: "1em", width: "208px" },
-        value: x,
+        value: w,
         label: "Position",
         name: "position",
         id: "position-select",
-        onChange: u,
+        onChange: d,
         children: [
           /* @__PURE__ */ a("option", { value: "left", children: "Left" }),
           /* @__PURE__ */ a("option", { value: "right", children: "Right" }),
@@ -188,7 +188,7 @@ function _e({
       pe,
       {
         "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => d(),
+        onClick: () => u(),
         children: "Применить"
       }
     )
@@ -200,79 +200,79 @@ function Ne({
   nodeKey: n,
   width: c,
   height: o,
-  showCaption: i,
+  showCaption: s,
   caption: r,
   position: m
 }) {
-  const [E, x] = G(), b = k(null), C = k(null), [u, d, p] = H(n), [l] = J(), [I, g] = T(null), S = k(null), _ = y(
+  const [E, w] = H(), b = k(null), C = k(null), [d, u, p] = J(n), [l] = Q(), [I, g] = y(null), S = k(null), _ = M(
     (f) => {
-      if (u && M(D())) {
+      if (d && T(D())) {
         f.preventDefault();
-        const s = A(n);
-        Q(s) && s.remove();
+        const i = A(n);
+        q(i) && i.remove();
       }
       return !1;
     },
-    [u, n]
-  ), F = y(
+    [d, n]
+  ), F = M(
     (f) => {
-      const h = D(), s = C.current;
-      if (u && M(h) && h.getNodes().length === 1) {
-        if (i)
-          return $(null), f.preventDefault(), r.focus(), !0;
-        if (s !== null && s !== document.activeElement)
-          return f.preventDefault(), s.focus(), !0;
+      const h = D(), i = C.current;
+      if (d && T(h) && h.getNodes().length === 1) {
+        if (s)
+          return O(null), f.preventDefault(), r.focus(), !0;
+        if (i !== null && i !== document.activeElement)
+          return f.preventDefault(), i.focus(), !0;
       }
       return !1;
     },
-    [r, u, i]
-  ), L = y(
-    (f) => S.current === r || C.current === f.target ? ($(null), l.update(() => {
-      d(!0);
+    [r, d, s]
+  ), L = M(
+    (f) => S.current === r || C.current === f.target ? (O(null), l.update(() => {
+      u(!0);
       const h = l.getRootElement();
       h !== null && h.focus();
     }), !0) : !1,
-    [r, l, d]
+    [r, l, u]
   );
   return P(() => {
     let f = !0;
     const h = V(
-      l.registerUpdateListener(({ editorState: s }) => {
-        f && g(s.read(() => D()));
+      l.registerUpdateListener(({ editorState: i }) => {
+        f && g(i.read(() => D()));
       }),
       l.registerCommand(
         ae,
-        (s, N) => (S.current = N, !1),
-        w
+        (i, N) => (S.current = N, !1),
+        x
       ),
       l.registerCommand(
         ne,
-        (s) => {
-          const N = s;
-          return N.target === b.current ? (N.shiftKey ? d(!u) : (p(), d(!0)), !0) : !1;
+        (i) => {
+          const N = i;
+          return N.target === b.current ? (N.shiftKey ? u(!d) : (p(), u(!0)), !0) : !1;
         },
-        w
+        x
       ),
       l.registerCommand(
         te,
-        (s) => s.target === b.current ? (s.preventDefault(), !0) : !1,
-        w
+        (i) => i.target === b.current ? (i.preventDefault(), !0) : !1,
+        x
       ),
       l.registerCommand(
         ee,
         _,
-        w
+        x
       ),
       l.registerCommand(
         Z,
         _,
-        w
+        x
       ),
-      l.registerCommand(Y, F, w),
+      l.registerCommand(Y, F, x),
       l.registerCommand(
         X,
         L,
-        w
+        x
       )
     );
     return () => {
@@ -281,12 +281,12 @@ function Ne({
   }, [
     p,
     l,
-    u,
+    d,
     n,
     _,
     F,
     L,
-    d
+    u
   ]), /* @__PURE__ */ v(W, { fallback: null, children: [
     /* @__PURE__ */ v(j, { children: [
       /* @__PURE__ */ v("div", { draggable: !1, children: [
@@ -296,7 +296,7 @@ function Ne({
             className: "image-edit-button",
             ref: C,
             onClick: () => {
-              x("Update Inline Image", (f) => /* @__PURE__ */ a(
+              w("Update Inline Image", (f) => /* @__PURE__ */ a(
                 _e,
                 {
                   activeEditor: l,
@@ -311,7 +311,7 @@ function Ne({
         /* @__PURE__ */ a(
           Ce,
           {
-            className: u ? `focused ${M(I) ? "draggable" : ""}` : null,
+            className: d ? `focused ${T(I) ? "draggable" : ""}` : null,
             src: e,
             altText: t,
             imageRef: b,
@@ -321,15 +321,15 @@ function Ne({
           }
         )
       ] }),
-      i && /* @__PURE__ */ a("div", { className: "image-caption-container", children: /* @__PURE__ */ v(fe, { initialEditor: r, children: [
+      s && /* @__PURE__ */ a("div", { className: "image-caption-container", children: /* @__PURE__ */ v(fe, { initialEditor: r, children: [
         /* @__PURE__ */ a(le, {}),
         /* @__PURE__ */ a(re, {}),
         /* @__PURE__ */ a(
           oe,
           {
-            contentEditable: /* @__PURE__ */ a(se, { className: "InlineImageNode__contentEditable" }),
+            contentEditable: /* @__PURE__ */ a(ie, { className: "InlineImageNode__contentEditable" }),
             placeholder: /* @__PURE__ */ a(ge, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: ie
+            ErrorBoundary: se
           }
         )
       ] }) })