@layers-app/editor 0.0.1 → 0.0.2

package/dist/{DSD.BTb8iwne.js → DSD.BL_py6LH.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.BSMoqlgJ.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.BJ38UQLe.js";
 function O(...t) {
   return t.filter(Boolean).join(" ");
 }

package/dist/{DSD.Dps-yU0B.js → DSD.C11ukNU9.js}

@@ -1,6 +1,6 @@
 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.BSMoqlgJ.js";
-import { d as ae, P as le } from "./DSD.wx0g6wlB.js";
+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 { TextInput as re } from "@mantine/core";
 function se({
@@ -73,12 +73,12 @@ function me({
   nodeKey: o,
   onClose: t
 }) {
-  const i = n.getEditorState().read(() => B(o)), [c, r] = E(i.getAltText()), [v, x] = E(i.getShowCaption()), [I, 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);
   }, p = () => {
-    const m = { altText: c, position: I, showCaption: v };
+    const m = { altText: c, position: v, showCaption: I };
     i && n.update(() => {
       i.update(m);
     }), t();
@@ -98,7 +98,7 @@ function me({
       ce,
       {
         style: { marginBottom: "1em", width: "208px" },
-        value: I,
+        value: v,
         label: "Position",
         name: "position",
         id: "position-select",
@@ -116,7 +116,7 @@ function me({
         {
           id: "caption",
           type: "checkbox",
-          checked: v,
+          checked: I,
           onChange: b
         }
       ),
@@ -125,7 +125,7 @@ function me({
     /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(ne, { "data-test-id": "image-modal-file-upload-btn", onClick: () => p(), children: "Применить" }) })
   ] });
 }
-function ve({
+function Ie({
   src: n,
   altText: o,
   nodeKey: t,
@@ -133,9 +133,9 @@ function ve({
   height: i,
   showCaption: c,
   caption: r,
-  position: v
+  position: I
 }) {
-  const [x, I] = 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] = j(), C = k(null), b = k(null), [d, p, m] = M(t), [l] = U(), [$, A] = E(null), P = k(null), N = F(
     (s) => {
       if (d && w(_())) {
         s.preventDefault();
@@ -206,7 +206,7 @@ function ve({
             className: "image-edit-button",
             ref: b,
             onClick: () => {
-              I("Update Inline Image", (s) => /* @__PURE__ */ e(
+              v("Update Inline Image", (s) => /* @__PURE__ */ e(
                 me,
                 {
                   activeEditor: l,
@@ -227,7 +227,7 @@ function ve({
             imageRef: C,
             width: u,
             height: i,
-            position: v
+            position: I
           }
         )
       ] }),
@@ -249,5 +249,5 @@ function ve({
 }
 export {
   me as UpdateInlineImageDialog,
-  ve as default
+  Ie as default
 };

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

@@ -1,36 +1,36 @@
-import { a6 as u, a7 as k, m as E } from "./DSD.BSMoqlgJ.js";
+import { a6 as p, a7 as k, m as E } from "./DSD.BJ38UQLe.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) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+  return e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var C = K(function(e) {
   const t = new URLSearchParams();
   t.append("code", e);
-  for (let n = 1; n < arguments.length; n++) t.append("v", arguments[n]);
+  for (let o = 1; o < arguments.length; o++) t.append("v", arguments[o]);
   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 m(e) {
   const t = e.transform();
   return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
 }
-function S({ initialEditor: e, children: t, initialNodes: n, initialTheme: g, skipCollabChecks: v }) {
-  const f = O(!1), i = P(u);
+function S({ initialEditor: e, children: t, initialNodes: o, initialTheme: g, skipCollabChecks: v }) {
+  const f = O(!1), i = P(p);
   i == null && C(9);
   const [l, { getTheme: w }] = i, x = D(() => {
     const a = g || w() || void 0, y = k(i, a);
-    if (a !== void 0 && (e._config.theme = a), e._parentEditor = l, n) for (let r of n) {
-      let s = null, o = null;
+    if (a !== void 0 && (e._config.theme = a), e._parentEditor = l, o) for (let r of o) {
+      let s = null, n = null;
       if (typeof r != "function") {
         const d = r;
-        r = d.replace, s = d.with, o = d.withKlass || null;
+        r = d.replace, s = d.with, n = d.withKlass || null;
       }
-      const p = e._nodes.get(r.getType());
-      e._nodes.set(r.getType(), { exportDOM: p ? p.exportDOM : void 0, klass: r, replace: s, replaceWithKlass: o, transforms: m(r) });
+      const u = e._nodes.get(r.getType());
+      e._nodes.set(r.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: r, replace: s, replaceWithKlass: n, transforms: m(r) });
     }
     else {
       const r = e._nodes = new Map(l._nodes);
-      for (const [s, o] of r) e._nodes.set(s, { exportDOM: o.exportDOM, klass: o.klass, replace: o.replace, replaceWithKlass: o.replaceWithKlass, transforms: m(o.klass) });
+      for (const [s, n] of r) e._nodes.set(s, { exportDOM: n.exportDOM, klass: n.klass, replace: n.replace, replaceWithKlass: n.replaceWithKlass, transforms: m(n.klass) });
     }
     return e._config.namespace = l._config.namespace, e._editable = l._editable, [e, y];
   }, []), { isCollabActive: M, yjsDocMap: b } = E(), c = v || f.current || b.has(e.getKey());
@@ -38,7 +38,7 @@ function S({ initialEditor: e, children: t, initialNodes: n, initialTheme: g, sk
     c && (f.current = !0);
   }, [c]), h(() => l.registerEditableListener((a) => {
     e.setEditable(a);
-  }), [e, l]), _(u.Provider, { value: x, children: !M || c ? t : null });
+  }), [e, l]), _(p.Provider, { value: x, children: !M || c ? t : null });
 }
 function W({
   children: e,

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

@@ -1,13 +1,13 @@
 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 oe, y as M, e as re, 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 me, U as fe, V as ge, b as B, W as pe, X as Ce, Y as he, Z as ve, _ as ye, 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.BSMoqlgJ.js";
-import { d as xe, P as Pe } from "./DSD.wx0g6wlB.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.BJ38UQLe.js";
+import { d as xe, P as Pe } from "./DSD.CdYWFL0O.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) {
   t.update(() => {
     if (n !== null) {
-      const e = fe(n, KeyboardEvent) ? null : n.clipboardData, s = a();
+      const e = me(n, KeyboardEvent) ? null : n.clipboardData, s = a();
       if (s !== null && e != null) {
         n.preventDefault();
         const i = ge(t);
@@ -20,7 +20,7 @@ function Me(n) {
   return T(n.registerCommand(S, (t) => {
     const e = a();
     return !!c(e) && (e.deleteCharacter(t), !0);
-  }, u), n.registerCommand(me, (t) => {
+  }, u), n.registerCommand(fe, (t) => {
     const e = a();
     return !!c(e) && (e.deleteWord(t), !0);
   }, u), n.registerCommand(de, (t) => {
@@ -61,10 +61,10 @@ function Me(n) {
   }, u), n.registerCommand(se, (t) => {
     const e = a();
     return !!c(e) && (!z || navigator.language !== "ko-KR") && (t.preventDefault(), n.dispatchCommand(S, !0));
-  }, u), n.registerCommand(re, (t) => {
+  }, u), n.registerCommand(oe, (t) => {
     const e = a();
     return !!c(e) && (t.preventDefault(), n.dispatchCommand(S, !1));
-  }, u), n.registerCommand(oe, (t) => {
+  }, u), n.registerCommand(re, (t) => {
     const e = a();
     if (!c(e)) return !1;
     if (t !== null) {
@@ -79,16 +79,16 @@ function Me(n) {
     const e = a();
     return !!c(e) && (function(s, i) {
       I(s, i), i.update(() => {
-        const r = a();
-        c(r) && r.removeText();
+        const o = a();
+        c(o) && o.removeText();
       });
     }(t, n), !0);
   }, u), n.registerCommand(Q, (t) => {
     const e = a();
     return !!c(e) && (function(s, i) {
       s.preventDefault(), i.update(() => {
-        const r = a(), { clipboardData: d } = s;
-        d != null && c(r) && A(d, r);
+        const o = a(), { clipboardData: d } = s;
+        d != null && c(o) && A(d, o);
       }, { tag: "paste" });
     }(t, n), !0);
   }, u), n.registerCommand(J, (t) => {
@@ -104,41 +104,41 @@ function K(n) {
   return n.getEditorState().read(he(n.isComposing()));
 }
 function Oe({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
-  const [s] = B(), i = function(r, d) {
-    const [f, y] = U(() => r.getDecorators());
-    return N(() => r.registerDecoratorListener((v) => {
+  const [s] = B(), i = function(o, d) {
+    const [m, v] = U(() => o.getDecorators());
+    return N(() => o.registerDecoratorListener((y) => {
       $e(() => {
-        y(v);
+        v(y);
       });
-    }), [r]), b(() => {
-      y(r.getDecorators());
-    }, [r]), V(() => {
-      const v = [], w = Object.keys(f);
+    }), [o]), b(() => {
+      v(o.getDecorators());
+    }, [o]), V(() => {
+      const y = [], w = Object.keys(m);
       for (let k = 0; k < w.length; k++) {
-        const D = w[k], R = g(d, { onError: (l) => r._onError(l), children: g(q, { fallback: null, children: f[D] }) }), o = r.getElementByKey(D);
-        o !== null && v.push(Ne(R, o, D));
+        const D = w[k], R = g(d, { onError: (l) => o._onError(l), children: g(q, { fallback: null, children: m[D] }) }), r = o.getElementByKey(D);
+        r !== null && y.push(Ne(R, r, D));
       }
-      return v;
-    }, [d, f, r]);
+      return y;
+    }, [d, m, o]);
   }(s, e);
-  return function(r) {
-    N(() => T(Me(r), pe(r)), [r]);
+  return function(o) {
+    N(() => T(Me(o), pe(o)), [o]);
   }(s), $(F, { children: [n, g(Xe, { content: t }), i] });
 }
 function Xe({ content: n }) {
   const [t] = B(), e = function(i) {
-    const [r, d] = U(() => K(i));
+    const [o, d] = U(() => K(i));
     return N(() => {
-      function f() {
-        const y = K(i);
-        d(y);
+      function m() {
+        const v = K(i);
+        d(v);
       }
-      return f(), T(i.registerUpdateListener(() => {
-        f();
+      return m(), T(i.registerUpdateListener(() => {
+        m();
       }), i.registerEditableListener(() => {
-        f();
+        m();
       }));
-    }, [i]), r;
+    }, [i]), o;
   }(t), s = Ce();
   return e ? typeof n == "function" ? n(s) : n : null;
 }
@@ -147,7 +147,7 @@ new URLSearchParams(ze.search);
 const Ie = "https://wss.dudoc.io";
 function Ke(n, t) {
   let e = t.get(n);
-  return e === void 0 ? (e = new ve(), t.set(n, e)) : e.load(), new ye(Ie, "/" + n, e, {
+  return e === void 0 ? (e = new ye(), t.set(n, e)) : e.load(), new ve(Ie, "/" + n, e, {
     connect: !1
   });
 }
@@ -156,8 +156,8 @@ const Ue = Ee ? Y : b, Ye = {
   paragraph: "StickyEditorTheme__paragraph"
 };
 function L(n, t) {
-  const e = n.style, s = t.rootElementRect, i = s !== null ? s.left : 0, r = s !== null ? s.top : 0;
-  e.top = r + t.y + "px", e.left = i + t.x + "px";
+  const e = n.style, s = t.rootElementRect, i = s !== null ? s.left : 0, o = s !== null ? s.top : 0;
+  e.top = o + t.y + "px", e.left = i + t.x + "px";
 }
 function Ge({
   x: n,
@@ -166,74 +166,74 @@ function Ge({
   color: s,
   caption: i
 }) {
-  const [r] = B(), d = W(null), f = W({
+  const [o] = B(), d = W(null), m = W({
     isDragging: !1,
     offsetX: 0,
     offsetY: 0,
     rootElementRect: null,
     x: 0,
     y: 0
-  }), { isCollabActive: y } = ke();
+  }), { isCollabActive: v } = ke();
   b(() => {
-    const o = f.current;
-    o.x = n, o.y = t;
+    const r = m.current;
+    r.x = n, r.y = t;
     const l = d.current;
-    l !== null && L(l, o);
+    l !== null && L(l, r);
   }, [n, t]), Ue(() => {
-    const o = f.current, l = new ResizeObserver((h) => {
+    const r = m.current, l = new ResizeObserver((h) => {
       for (let p = 0; p < h.length; p++) {
         const H = h[p], { target: j } = H;
-        o.rootElementRect = j.getBoundingClientRect();
+        r.rootElementRect = j.getBoundingClientRect();
         const _ = d.current;
-        _ !== null && L(_, o);
+        _ !== null && L(_, r);
       }
-    }), m = r.registerRootListener((h, p) => {
+    }), f = o.registerRootListener((h, p) => {
       p !== null && l.unobserve(p), h !== null && l.observe(h);
     }), C = () => {
-      const h = r.getRootElement(), p = d.current;
-      h !== null && p !== null && (o.rootElementRect = h.getBoundingClientRect(), L(p, o));
+      const h = o.getRootElement(), p = d.current;
+      h !== null && p !== null && (r.rootElementRect = h.getBoundingClientRect(), L(p, r));
     };
     return window.addEventListener("resize", C), () => {
-      window.removeEventListener("resize", C), m();
+      window.removeEventListener("resize", C), f();
     };
-  }, [r]), b(() => {
-    const o = d.current;
-    o !== null && setTimeout(() => {
-      o.style.setProperty("transition", "top 0.3s ease 0s, left 0.3s ease 0s");
+  }, [o]), b(() => {
+    const r = d.current;
+    r !== null && setTimeout(() => {
+      r.style.setProperty("transition", "top 0.3s ease 0s, left 0.3s ease 0s");
     }, 500);
   }, []);
-  const v = (o) => {
-    const l = d.current, m = f.current, C = m.rootElementRect;
-    l !== null && m.isDragging && C !== null && (m.x = o.pageX - m.offsetX - C.left, m.y = o.pageY - m.offsetY - C.top, L(l, m));
+  const y = (r) => {
+    const l = d.current, f = m.current, C = f.rootElementRect;
+    l !== null && f.isDragging && C !== null && (f.x = r.pageX - f.offsetX - C.left, f.y = r.pageY - f.offsetY - C.top, L(l, f));
   }, w = () => {
-    const o = d.current, l = f.current;
-    o !== null && (l.isDragging = !1, o.classList.remove("dragging"), r.update(() => {
-      const m = x(e);
-      P(m) && m.setPosition(l.x, l.y);
-    })), document.removeEventListener("pointermove", v), document.removeEventListener("pointerup", w);
+    const r = d.current, l = m.current;
+    r !== null && (l.isDragging = !1, r.classList.remove("dragging"), o.update(() => {
+      const f = x(e);
+      P(f) && f.setPosition(l.x, l.y);
+    })), document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", w);
   }, k = () => {
-    r.update(() => {
-      const o = x(e);
-      P(o) && o.remove();
+    o.update(() => {
+      const r = x(e);
+      P(r) && r.remove();
     });
   }, D = () => {
-    r.update(() => {
-      const o = x(e);
-      P(o) && o.toggleColor();
+    o.update(() => {
+      const r = x(e);
+      P(r) && r.toggleColor();
     });
   }, { historyState: R } = De();
   return /* @__PURE__ */ g("div", { ref: d, className: "sticky-note-container", children: /* @__PURE__ */ $(
     "div",
     {
       className: `sticky-note ${s}`,
-      onPointerDown: (o) => {
+      onPointerDown: (r) => {
         const l = d.current;
-        if (l == null || o.button === 2 || o.target !== l.firstChild)
+        if (l == null || r.button === 2 || r.target !== l.firstChild)
           return;
-        const m = l, C = f.current;
-        if (m !== null) {
-          const { top: h, left: p } = m.getBoundingClientRect();
-          C.offsetX = o.clientX - p, C.offsetY = o.clientY - h, C.isDragging = !0, m.classList.add("dragging"), document.addEventListener("pointermove", v), document.addEventListener("pointerup", w), o.preventDefault();
+        const f = l, C = m.current;
+        if (f !== null) {
+          const { top: h, left: p } = f.getBoundingClientRect();
+          C.offsetX = r.clientX - p, C.offsetY = r.clientY - h, C.isDragging = !0, f.classList.add("dragging"), document.addEventListener("pointermove", y), document.addEventListener("pointerup", w), r.preventDefault();
         }
       },
       children: [
@@ -258,7 +258,7 @@ function Ge({
           }
         ),
         /* @__PURE__ */ $(xe, { initialEditor: i, initialTheme: Ye, children: [
-          y ? /* @__PURE__ */ g(
+          v ? /* @__PURE__ */ g(
             be,
             {
               id: i.getKey(),

package/dist/index.d.ts

@@ -12,10 +12,6 @@ export declare type ActiveUserProfile<DATA extends object> = EditorUser<DATA> &
 
 export { CLEAR_EDITOR_COMMAND }
 
-export declare const DocSpaceStylesProvider: ({ children }: {
-    children: React.ReactNode;
-}) => JSX_2.Element;
-
 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;
@@ -90,6 +86,10 @@ declare interface PageData {
 
 export declare type Root = SerializedEditorState<SerializedLexicalNode>;
 
+export declare const StylesProvider: ({ children }: {
+    children: React.ReactNode;
+}) => JSX_2.Element;
+
 declare type SuccessDeleteImage = () => void;
 
 declare type SuccessUploadImage = (url: string, id: string) => void;