@alxgrn/prose-editor 0.0.37 → 0.0.39

package/dist/lib/prose/ProseEditor.d.ts

@@ -1,8 +1,9 @@
 import { FC } from 'react';
 import { TEditorSaver, TImageUploader } from '../types';
 type Props = {
-    content: string | null;
+    content?: string | null;
     onSave: TEditorSaver;
+    onView?: () => void;
     onChange?: (changed: boolean) => void;
     onUpload?: TImageUploader;
 };

package/dist/lib/prose/menubar/MenuBar.d.ts

@@ -4,6 +4,7 @@ import { TEditorSaver } from '../../types';
 type Props = {
     schema: Schema;
     onSave: TEditorSaver;
+    onView?: () => void;
 };
 export declare const MenuBar: FC<Props>;
 export default MenuBar;

package/dist/prose-editor.es.js

@@ -17724,34 +17724,38 @@ const Tf = ({ schema: n }) => n.nodes.carousel ? /* @__PURE__ */ g.jsx(hr, { ite
     );
   }
 ), If = ({ onSave: n, disabled: e = !1, notEmpty: t = !0, wasChanged: r = !0 }) => {
-  const [s, o] = M(!0);
-  et((l) => {
-    let a = !1;
-    const c = l.state.doc, u = !!c.textBetween(0, c.content.size, void 0, " ").length, f = !!Uo(l.state);
-    r && t ? a = u && f : r ? a = f : t && (a = u), o(a);
+  const [s, o] = M(!0), [i, l] = M(!1);
+  et((c) => {
+    let u = !1;
+    const f = c.state.doc, d = !!f.textBetween(0, f.content.size, void 0, " ").length, p = !!Uo(c.state);
+    r && t ? u = d && p : r ? u = p : t && (u = d), o(u);
   });
-  const i = se((l) => {
+  const a = se(async (c) => {
+    l(!0);
     try {
-      let a;
-      const c = mi(l.state);
-      if (c) {
-        const u = l.state.apply(c.setMeta("addToHistory", !1));
-        a = JSON.stringify(u.doc.toJSON());
+      let u;
+      const f = mi(c.state);
+      if (f) {
+        const p = c.state.apply(f.setMeta("addToHistory", !1));
+        u = JSON.stringify(p.doc.toJSON());
       } else
-        a = JSON.stringify(l.state.doc.toJSON());
-      n({ content: a, format: "prose" });
-    } catch (a) {
-      console.error(`Can not save doc: ${a}`);
-    }
+        u = JSON.stringify(c.state.doc.toJSON());
+      const d = await n({ content: u, format: "prose" });
+      if (d) throw new Error(d);
+      c.focus();
+    } catch (u) {
+      console.error(`Can not save doc: ${u}`);
+    }
+    l(!1);
   });
   return /* @__PURE__ */ g.jsx(
     Hf,
     {
       type: "Accent",
-      disabled: e || !s,
-      label: "Сохранить",
+      disabled: e || !s || i,
+      label: i ? "Сохраняю" : "Сохранить",
       size: "Small",
-      onClick: i
+      onClick: a
     }
   );
 }, d1 = ({ title: n = !1, content: e, onSave: t, onCancel: r, onChange: s, onUpload: o }) => {
@@ -17912,7 +17916,7 @@ const Tf = ({ schema: n }) => n.nodes.carousel ? /* @__PURE__ */ g.jsx(hr, { ite
       }
     )
   ] }) : null;
-}, D0 = ({ schema: n, onSave: e }) => /* @__PURE__ */ g.jsxs("div", { className: "MenuBar", children: [
+}, D0 = ({ schema: n, onSave: e, onView: t }) => /* @__PURE__ */ g.jsxs("div", { className: "MenuBar", children: [
   /* @__PURE__ */ g.jsxs("div", { className: "MenuBlock", children: [
     /* @__PURE__ */ g.jsx(C0, { schema: n }),
     /* @__PURE__ */ g.jsx(wf, { schema: n })
@@ -17923,6 +17927,7 @@ const Tf = ({ schema: n }) => n.nodes.carousel ? /* @__PURE__ */ g.jsx(hr, { ite
   /* @__PURE__ */ g.jsx(N0, { schema: n }),
   /* @__PURE__ */ g.jsx(Tf, { schema: n }),
   /* @__PURE__ */ g.jsx(Nf, {}),
+  t && /* @__PURE__ */ g.jsx("div", { className: "MenuItem", onClick: () => t(), children: /* @__PURE__ */ g.jsx(T.Eye, {}) }),
   /* @__PURE__ */ g.jsx("div", { className: "MenuBlock", children: /* @__PURE__ */ g.jsx(If, { onSave: e }) })
 ] }), O0 = 7, vf = 1, Bn = 50, E0 = ({ width: n, onChange: e, onWidth: t }) => {
   const [r, s] = M(!1), [o, i] = M(0), [l, a] = M(0), [c, u] = M(n), f = (h) => {
@@ -18311,30 +18316,30 @@ const Tf = ({ schema: n }) => n.nodes.carousel ? /* @__PURE__ */ g.jsx(hr, { ite
       /* @__PURE__ */ g.jsx(Of, { pos: d, isOpen: i, onClose: () => l(!1) })
     ] });
   }
-), h1 = ({ content: n, onSave: e, onChange: t, onUpload: r }) => {
-  const [s, o] = M();
+), h1 = ({ content: n, onSave: e, onView: t, onChange: r, onUpload: s }) => {
+  const [o, i] = M();
   return _(() => {
-    let i;
+    let l;
     if (n)
       try {
-        i = Ne.fromJSON(Nt, JSON.parse(n));
-      } catch (c) {
-        console.error(`Can not parse Prose format: ${c}`);
+        l = Ne.fromJSON(Nt, JSON.parse(n));
+      } catch (u) {
+        console.error(`Can not parse Prose format: ${u}`);
       }
-    let l = lt.create({
-      doc: i,
+    let a = lt.create({
+      doc: l,
       schema: Nt,
-      plugins: xf({ schema: Nt, upload: r })
+      plugins: xf({ schema: Nt, upload: s })
     });
-    const a = mi(l);
-    a && (l = l.apply(a.setMeta("addToHistory", !1))), o(l);
-  }, [n]), s ? /* @__PURE__ */ g.jsx("div", { className: "ProseEditor", children: /* @__PURE__ */ g.jsxs(
+    const c = mi(a);
+    c && (a = a.apply(c.setMeta("addToHistory", !1))), i(a);
+  }, [n]), o ? /* @__PURE__ */ g.jsx("div", { className: "ProseEditor", children: /* @__PURE__ */ g.jsxs(
     yf,
     {
-      state: s,
-      dispatchTransaction: (i) => o((l) => {
-        const a = l == null ? void 0 : l.apply(i);
-        return a && t && t(!!Uo(a)), a;
+      state: o,
+      dispatchTransaction: (l) => i((a) => {
+        const c = a == null ? void 0 : a.apply(l);
+        return c && r && r(!!Uo(c)), c;
       }),
       nodeViews: {
         image: Af,
@@ -18345,7 +18350,7 @@ const Tf = ({ schema: n }) => n.nodes.carousel ? /* @__PURE__ */ g.jsx(hr, { ite
         carousel: v0
       },
       children: [
-        /* @__PURE__ */ g.jsx(D0, { schema: Nt, onSave: e }),
+        /* @__PURE__ */ g.jsx(D0, { schema: Nt, onSave: e, onView: t }),
         /* @__PURE__ */ g.jsx(gf, {})
       ]
     }