@layers-app/editor 0.0.10 → 0.0.12

package/dist/{DSD.RjfD_Vp_.js → layers.C5bl-M5E.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.CLhKx58f.js";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as V } from "react";
+import { u as j, f as E, w as P, g as x, c as k, x as b, N as R, k as w, K as v, m as y, r as B, B as A, y as T, l as W } from "./layers.D0SxWFme.js";
 function O(...t) {
   return t.filter(Boolean).join(" ");
 }
@@ -14,19 +14,19 @@ function L({
   totalVotes: a,
   withPollNode: p
 }) {
-  const { clientID: r } = W(), _ = S(null), m = t.votes, f = m.indexOf(r) !== -1, i = m.length, h = t.text;
-  return /* @__PURE__ */ C("div", { className: "PollNode__optionContainer", children: [
+  const { clientID: r } = W(), h = S(null), m = t.votes, _ = m.indexOf(r) !== -1, i = m.length, f = t.text;
+  return /* @__PURE__ */ g("div", { className: "PollNode__optionContainer", children: [
     /* @__PURE__ */ o(
       "div",
       {
         className: O(
           "PollNode__optionCheckboxWrapper",
-          f && "PollNode__optionCheckboxChecked"
+          _ && "PollNode__optionCheckboxChecked"
         ),
         children: /* @__PURE__ */ o(
           "input",
           {
-            ref: _,
+            ref: h,
             className: "PollNode__optionCheckbox",
             type: "checkbox",
             onChange: () => {
@@ -34,12 +34,12 @@ function L({
                 d.toggleVote(t, r);
               });
             },
-            checked: f
+            checked: _
           }
         )
       }
     ),
-    /* @__PURE__ */ C("div", { className: "PollNode__optionInputWrapper", children: [
+    /* @__PURE__ */ g("div", { className: "PollNode__optionInputWrapper", children: [
       /* @__PURE__ */ o(
         "div",
         {
@@ -53,7 +53,7 @@ function L({
         {
           className: "PollNode__optionInput",
           type: "text",
-          value: h,
+          value: f,
           onChange: (d) => {
             const u = d.target, N = u.value, e = u.selectionStart, l = u.selectionEnd;
             p(
@@ -92,7 +92,7 @@ function z({
   options: c,
   nodeKey: n
 }) {
-  const [a] = V(), p = I(() => F(c), [c]), [r, _, m] = j(n), [g, f] = D(null), i = S(null), h = $(
+  const [a] = j(), p = I(() => F(c), [c]), [r, h, m] = E(n), [C, _] = D(null), i = S(null), f = $(
     (e) => {
       if (r && P(x())) {
         e.preventDefault();
@@ -103,29 +103,29 @@ function z({
     },
     [r, n]
   );
-  R(() => E(
+  V(() => R(
     a.registerUpdateListener(({ editorState: e }) => {
-      f(e.read(() => x()));
+      _(e.read(() => x()));
     }),
     a.registerCommand(
-      y,
+      B,
       (e) => {
         const l = e;
-        return l.target === i.current ? (l.shiftKey || m(), _(!r), !0) : !1;
+        return l.target === i.current ? (l.shiftKey || m(), h(!r), !0) : !1;
       },
       v
     ),
     a.registerCommand(
-      B,
-      h,
+      y,
+      f,
       v
     ),
     a.registerCommand(
       w,
-      h,
+      f,
       v
     )
-  ), [m, a, r, n, h, _]);
+  ), [m, a, r, n, f, h]);
   const d = (e, l) => {
     a.update(
       () => {
@@ -138,13 +138,13 @@ function z({
     d((e) => {
       e.addOption(T());
     });
-  }, N = P(g) && r;
+  }, N = P(C) && r;
   return /* @__PURE__ */ o(
     "div",
     {
       className: `PollNode__container ${N ? "focused" : ""}`,
       ref: i,
-      children: /* @__PURE__ */ C("div", { className: "PollNode__inner", children: [
+      children: /* @__PURE__ */ g("div", { className: "PollNode__inner", children: [
         /* @__PURE__ */ o("h2", { className: "PollNode__heading", children: t }),
         c.map((e, l) => {
           const s = e.uid;

package/dist/{DSD.AwtUbg5v.js → layers.CJQEaaIH.js}

@@ -1,4 +1,4 @@
-import { a6 as p, a7 as k, n as E } from "./DSD.CLhKx58f.js";
+import { ae as p, af as k, l as E } from "./layers.D0SxWFme.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) {
@@ -19,18 +19,18 @@ function S({ initialEditor: e, children: t, initialNodes: o, initialTheme: g, sk
   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, o) for (let n of o) {
-      let s = null, r = null;
-      if (typeof n != "function") {
-        const d = n;
-        n = d.replace, s = d.with, r = d.withKlass || 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, n = d.withKlass || null;
       }
-      const u = e._nodes.get(n.getType());
-      e._nodes.set(n.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: n, replace: s, replaceWithKlass: r, transforms: m(n) });
+      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 n = e._nodes = new Map(l._nodes);
-      for (const [s, r] of n) e._nodes.set(s, { exportDOM: r.exportDOM, klass: r.klass, replace: r.replace, replaceWithKlass: r.replaceWithKlass, transforms: m(r.klass) });
+      const r = e._nodes = new Map(l._nodes);
+      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());