@layers-app/editor 0.0.2 → 0.0.3

package/README.md

@@ -48,26 +48,26 @@ const json = {
             style: '',
             text: text,
             type: 'text',
-            version: 1
-          }
+            version: 1,
+          },
         ],
         direction: 'ltr',
         format: '',
         indent: 0,
         type: 'paragraph',
-        version: 1
-      }
+        version: 1,
+      },
     ],
     direction: 'ltr',
     format: '',
     indent: 0,
     type: 'root',
-    version: 1
-  }
+    version: 1,
+  },
 };
 
 const onChange = (
-  data // json
+  data, // json
 ) => <Editor initialContent={json} onChange={onChange} />;
 ```
 
@@ -301,7 +301,7 @@ Dropzone.Idle is visible when the user is not dragging any file into the drop zo
     getActiveUsers: (users) => {
       // Returns active users editing the document
       setActiveUsers(users);
-    }
+    },
   }}
 />
 ```

package/dist/{DSD.BL_py6LH.js → DSD.BOfOm0fi.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as C } from "react/jsx-runtime";
 import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as R } from "react";
-import { b as V, a as j, w as P, R as x, C as k, l as b, N as E, k as w, K as v, e as B, r as y, B as A, m as T, n as W } from "./DSD.BJ38UQLe.js";
+import { b as V, a as j, w as P, R as x, C as k, l as b, N as E, k as w, K as v, e as B, r as y, B as A, m as T, n as W } from "./DSD.NL0fFbop.js";
 function O(...t) {
   return t.filter(Boolean).join(" ");
 }
@@ -115,8 +115,16 @@ function z({
       },
       v
     ),
-    a.registerCommand(B, h, v),
-    a.registerCommand(w, h, v)
+    a.registerCommand(
+      B,
+      h,
+      v
+    ),
+    a.registerCommand(
+      w,
+      h,
+      v
+    )
   ), [m, a, r, n, h, _]);
   const d = (e, l) => {
     a.update(
@@ -131,24 +139,31 @@ function z({
       e.addOption(W());
     });
   }, N = P(g) && r;
-  return /* @__PURE__ */ o("div", { className: `PollNode__container ${N ? "focused" : ""}`, ref: i, children: /* @__PURE__ */ C("div", { className: "PollNode__inner", children: [
-    /* @__PURE__ */ o("h2", { className: "PollNode__heading", children: t }),
-    c.map((e, l) => {
-      const s = e.uid;
-      return /* @__PURE__ */ o(
-        L,
-        {
-          withPollNode: d,
-          option: e,
-          index: l,
-          options: c,
-          totalVotes: p
-        },
-        s
-      );
-    }),
-    /* @__PURE__ */ o("div", { className: "PollNode__footer", children: /* @__PURE__ */ o(A, { onClick: u, small: !0, children: "Add Option" }) })
-  ] }) });
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `PollNode__container ${N ? "focused" : ""}`,
+      ref: i,
+      children: /* @__PURE__ */ C("div", { className: "PollNode__inner", children: [
+        /* @__PURE__ */ o("h2", { className: "PollNode__heading", children: t }),
+        c.map((e, l) => {
+          const s = e.uid;
+          return /* @__PURE__ */ o(
+            L,
+            {
+              withPollNode: d,
+              option: e,
+              index: l,
+              options: c,
+              totalVotes: p
+            },
+            s
+          );
+        }),
+        /* @__PURE__ */ o("div", { className: "PollNode__footer", children: /* @__PURE__ */ o(A, { onClick: u, small: !0, children: "Add Option" }) })
+      ] })
+    }
+  );
 }
 export {
   z as default

package/dist/{DSD.CjmkQe7N.js → DSD.CLvOmiXk.js}

@@ -1,7 +1,7 @@
 import { jsx as g, jsxs as $, Fragment as F } from "react/jsx-runtime";
 import { useState as U, useEffect as b, useMemo as V, Suspense as q, useLayoutEffect as Y, useRef as W } from "react";
-import { N as T, D as G, R as a, o as c, p as u, q as J, s as Q, v as A, x as Z, A as ee, z as te, H as ne, d as re, y as M, e as oe, E as S, k as se, G as ie, I as O, J as X, M as ae, O as ce, P as le, Q as ue, S as de, T as fe, U as me, V as ge, b as B, W as pe, X as Ce, Y as he, Z as ye, _ as ve, a0 as Ee, a1 as we, m as ke, a2 as De, a3 as be, a4 as Le, g as Re, i as Se, C as x, a5 as P } from "./DSD.BJ38UQLe.js";
-import { d as xe, P as Pe } from "./DSD.CdYWFL0O.js";
+import { N as T, D as G, R as a, o as c, p as u, q as J, s as Q, v as A, x as Z, A as ee, z as te, H as ne, d as re, y as M, e as oe, E as S, k as se, G as ie, I as O, J as X, M as ae, O as ce, P as le, Q as ue, S as de, T as fe, U as me, V as ge, b as B, W as pe, X as Ce, Y as he, Z as ye, _ as ve, a0 as Ee, a1 as we, m as ke, a2 as De, a3 as be, a4 as Le, g as Re, i as Se, C as x, a5 as P } from "./DSD.NL0fFbop.js";
+import { d as xe, P as Pe } from "./DSD.CaG79eSb.js";
 import { flushSync as $e, createPortal as Ne } from "react-dom";
 const E = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, Te = E && "documentMode" in document ? document.documentMode : null, Be = !(!E || !("InputEvent" in window) || Te) && "getTargetRanges" in new window.InputEvent("input"), _e = E && /Version\/[\d.]+.*Safari/.test(navigator.userAgent), z = E && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, We = E && /^(?=.*Chrome).*/i.test(navigator.userAgent), Ae = E && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !We;
 function I(n, t) {
@@ -187,9 +187,11 @@ function Ge({
         const _ = d.current;
         _ !== null && L(_, r);
       }
-    }), f = o.registerRootListener((h, p) => {
-      p !== null && l.unobserve(p), h !== null && l.observe(h);
-    }), C = () => {
+    }), f = o.registerRootListener(
+      (h, p) => {
+        p !== null && l.unobserve(p), h !== null && l.observe(h);
+      }
+    ), C = () => {
       const h = o.getRootElement(), p = d.current;
       h !== null && p !== null && (r.rootElementRect = h.getBoundingClientRect(), L(p, r));
     };
@@ -199,7 +201,10 @@ function Ge({
   }, [o]), b(() => {
     const r = d.current;
     r !== null && setTimeout(() => {
-      r.style.setProperty("transition", "top 0.3s ease 0s, left 0.3s ease 0s");
+      r.style.setProperty(
+        "transition",
+        "top 0.3s ease 0s, left 0.3s ease 0s"
+      );
     }, 500);
   }, []);
   const y = (r) => {

package/dist/{DSD.C11ukNU9.js → DSD.CXZkNRqi.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as f, Fragment as L } from "react/jsx-runtime";
-import { u as j, a as M, b as U, w, R as _, C as B, $ as z, F as D, N as O, c as W, K as h, d as q, k as G, e as H, D as J, r as Q, t as V, L as X, f as Y, h as Z, g as K, i as ee, j as te, B as ne } from "./DSD.BJ38UQLe.js";
-import { d as ae, P as le } from "./DSD.CdYWFL0O.js";
-import { useRef as k, useState as E, useCallback as F, useEffect as oe, Suspense as ie } from "react";
+import { useRef as w, useState as E, useCallback as _, useEffect as j, Suspense as M } from "react";
+import { u as U, a as z, b as O, w as k, R as F, C as B, $ as W, F as D, N as q, c as G, K as h, d as H, k as J, e as Q, D as V, r as X, t as Y, L as Z, f as K, h as ee, g as te, i as ne, j as ae, B as le } from "./DSD.NL0fFbop.js";
+import { d as oe, P as ie } from "./DSD.CaG79eSb.js";
 import { TextInput as re } from "@mantine/core";
 function se({
   label: n,
@@ -26,7 +26,12 @@ function se({
     }
   );
 }
-function ce({ children: n, label: o, className: t, ...u }) {
+function ce({
+  children: n,
+  label: o,
+  className: t,
+  ...u
+}) {
   return /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
     /* @__PURE__ */ e("label", { style: { marginTop: "-1em" }, className: "Input__label", children: o }),
     /* @__PURE__ */ e("select", { ...u, className: t || "select", children: n })
@@ -73,7 +78,9 @@ function me({
   nodeKey: o,
   onClose: t
 }) {
-  const i = n.getEditorState().read(() => B(o)), [c, r] = E(i.getAltText()), [I, x] = E(i.getShowCaption()), [v, C] = E(i.getPosition()), b = (m) => {
+  const i = n.getEditorState().read(
+    () => B(o)
+  ), [c, r] = E(i.getAltText()), [I, x] = E(i.getShowCaption()), [v, C] = E(i.getPosition()), b = (m) => {
     x(m.target.checked);
   }, d = (m) => {
     C(m.target.value);
@@ -122,7 +129,14 @@ function me({
       ),
       /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
     ] }),
-    /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(ne, { "data-test-id": "image-modal-file-upload-btn", onClick: () => p(), children: "Применить" }) })
+    /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+      le,
+      {
+        "data-test-id": "image-modal-file-upload-btn",
+        onClick: () => p(),
+        children: "Применить"
+      }
+    ) })
   ] });
 }
 function Ie({
@@ -135,20 +149,20 @@ function Ie({
   caption: r,
   position: I
 }) {
-  const [x, v] = j(), C = k(null), b = k(null), [d, p, m] = M(t), [l] = U(), [$, A] = E(null), P = k(null), N = F(
+  const [x, v] = U(), C = w(null), b = w(null), [d, p, m] = z(t), [l] = O(), [$, A] = E(null), P = w(null), N = _(
     (s) => {
-      if (d && w(_())) {
+      if (d && k(F())) {
         s.preventDefault();
         const a = B(t);
-        z(a) && a.remove();
+        W(a) && a.remove();
       }
       return !1;
     },
     [d, t]
-  ), R = F(
+  ), R = _(
     (s) => {
-      const g = _(), a = b.current;
-      if (d && w(g) && g.getNodes().length === 1) {
+      const g = F(), a = b.current;
+      if (d && k(g) && g.getNodes().length === 1) {
         if (c)
           return D(null), s.preventDefault(), r.focus(), !0;
         if (a !== null && a !== document.activeElement)
@@ -157,7 +171,7 @@ function Ie({
       return !1;
     },
     [r, d, c]
-  ), T = F(
+  ), T = _(
     (s) => P.current === r || b.current === s.target ? (D(null), l.update(() => {
       p(!0);
       const g = l.getRootElement();
@@ -165,19 +179,19 @@ function Ie({
     }), !0) : !1,
     [r, l, p]
   );
-  return oe(() => {
+  return j(() => {
     let s = !0;
-    const g = O(
+    const g = q(
       l.registerUpdateListener(({ editorState: a }) => {
-        s && A(a.read(() => _()));
+        s && A(a.read(() => F()));
       }),
       l.registerCommand(
-        V,
+        Y,
         (a, S) => (P.current = S, !1),
         h
       ),
       l.registerCommand(
-        Q,
+        X,
         (a) => {
           const S = a;
           return S.target === C.current ? (S.shiftKey ? p(!d) : (m(), p(!0)), !0) : !1;
@@ -185,19 +199,40 @@ function Ie({
         h
       ),
       l.registerCommand(
-        J,
+        V,
         (a) => a.target === C.current ? (a.preventDefault(), !0) : !1,
         h
       ),
-      l.registerCommand(H, N, h),
-      l.registerCommand(G, N, h),
-      l.registerCommand(q, R, h),
-      l.registerCommand(W, T, h)
+      l.registerCommand(
+        Q,
+        N,
+        h
+      ),
+      l.registerCommand(
+        J,
+        N,
+        h
+      ),
+      l.registerCommand(H, R, h),
+      l.registerCommand(
+        G,
+        T,
+        h
+      )
     );
     return () => {
       s = !1, g();
     };
-  }, [m, l, d, t, N, R, T, p]), /* @__PURE__ */ f(ie, { fallback: null, children: [
+  }, [
+    m,
+    l,
+    d,
+    t,
+    N,
+    R,
+    T,
+    p
+  ]), /* @__PURE__ */ f(M, { fallback: null, children: [
     /* @__PURE__ */ f(L, { children: [
       /* @__PURE__ */ f("div", { draggable: !1, children: [
         /* @__PURE__ */ e(
@@ -221,7 +256,7 @@ function Ie({
         /* @__PURE__ */ e(
           de,
           {
-            className: d ? `focused ${w($) ? "draggable" : ""}` : null,
+            className: d ? `focused ${k($) ? "draggable" : ""}` : null,
             src: n,
             altText: o,
             imageRef: C,
@@ -231,15 +266,15 @@ function Ie({
           }
         )
       ] }),
-      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ f(ae, { initialEditor: r, children: [
-        /* @__PURE__ */ e(X, {}),
-        /* @__PURE__ */ e(Y, {}),
+      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ f(oe, { initialEditor: r, children: [
+        /* @__PURE__ */ e(Z, {}),
+        /* @__PURE__ */ e(K, {}),
         /* @__PURE__ */ e(
-          Z,
+          ee,
           {
-            contentEditable: /* @__PURE__ */ e(K, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ e(le, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: ee
+            contentEditable: /* @__PURE__ */ e(te, { className: "InlineImageNode__contentEditable" }),
+            placeholder: /* @__PURE__ */ e(ie, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
+            ErrorBoundary: ne
           }
         )
       ] }) })

package/dist/{DSD.CdYWFL0O.js → DSD.CaG79eSb.js}

@@ -1,4 +1,4 @@
-import { a6 as p, a7 as k, m as E } from "./DSD.BJ38UQLe.js";
+import { a6 as p, a7 as k, m as E } from "./DSD.NL0fFbop.js";
 import { useRef as O, useContext as P, useMemo as D, useEffect as h } from "react";
 import { jsx as _ } from "react/jsx-runtime";
 function K(e) {