@layers-app/editor 0.0.2 → 0.0.4

package/dist/{DSD.C11ukNU9.js → DSD.KRbYP03K.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.D5yIMAX4.js";
+import { d as oe, P as ie } from "./DSD.BwAjvxen.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.BL_py6LH.js → DSD.yNW5052Q.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.D5yIMAX4.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/index.d.ts

@@ -14,7 +14,7 @@ export { CLEAR_EDITOR_COMMAND }
 
 export { Dropzone }
 
-export declare const Editor: <USER_DATA extends object, CHILD_PAGE extends PageData>({ initialContent, onChange, outputFormat, mode, maxHeight, onBlur, onFocus, fetchUploadImage, fetchDeleteImage, maxImageSize, contentModalUploadImage, maxImageSizeError, debounce: debounceMs, disable, ws, excludeNodes, imagePickerSettings, childPages, language, editorRef }: EditorProps<USER_DATA, CHILD_PAGE>) => JSX_2.Element;
+export declare const Editor: <USER_DATA extends object, CHILD_PAGE extends PageData>({ initialContent, onChange, outputFormat, mode, maxHeight, onBlur, onFocus, fetchUploadImage, fetchDeleteImage, maxImageSize, contentModalUploadImage, maxImageSizeError, debounce: debounceMs, disable, ws, excludeNodes, imagePickerSettings, childPages, language, editorRef, }: EditorProps<USER_DATA, CHILD_PAGE>) => JSX_2.Element;
 
 declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA extends PageData = PageData> {
     initialContent: Root | string;
@@ -81,7 +81,6 @@ declare interface PageData {
     icon: string | null;
     title: string;
     order: number;
-    onClick?: () => void;
 }
 
 export declare type Root = SerializedEditorState<SerializedLexicalNode>;