@layers-app/editor 0.0.17 → 0.0.18

package/dist/{layers.BgmvxWuS.js → layers.DicigL6z.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as G } from "react/jsx-runtime";
-import { useRef as V, useState as I, useContext as q, useEffect as v } from "react";
+import { useRef as V, useState as I, useContext as q, useEffect as w } from "react";
 import { useTranslation as J } from "react-i18next";
-import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.BtDUR7c8.js";
-import { LoadingOverlay as T, Flex as se, Alert as re } from "@mantine/core";
+import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.Cnf8ktNm.js";
+import { LoadingOverlay as H, Flex as se, Alert as re } from "@mantine/core";
 import { IconInfoCircle as le } from "@tabler/icons-react";
-const j = (t) => {
+const T = (t) => {
   const {
     width: c,
     height: a,
@@ -13,8 +13,8 @@ const j = (t) => {
     src: g,
     id: f,
     altText: u,
-    imageRef: w,
-    maxWidth: b
+    imageRef: b,
+    maxWidth: v
   } = t;
   return /* @__PURE__ */ G(
     "div",
@@ -28,7 +28,7 @@ const j = (t) => {
       },
       children: [
         /* @__PURE__ */ o(
-          T,
+          H,
           {
             visible: s,
             zIndex: 1e3,
@@ -37,7 +37,7 @@ const j = (t) => {
           }
         ),
         /* @__PURE__ */ o(
-          T,
+          H,
           {
             visible: d,
             zIndex: 1e3,
@@ -62,10 +62,10 @@ const j = (t) => {
             className: null,
             src: g,
             altText: u,
-            imageRef: w,
+            imageRef: b,
             width: "inherit",
             height: "inherit",
-            maxWidth: b || "auto",
+            maxWidth: v || "auto",
             id: f
           }
         )
@@ -109,22 +109,22 @@ function pe({
   maxWidth: g,
   showCaption: f,
   caption: u,
-  id: w,
-  create: b,
-  alignment: _
+  id: b,
+  create: v,
+  alignment: j
 }) {
-  const z = V(null), [R, y] = I(!0), [k, D] = I(!1), { isCollabActive: A } = Q(), [h] = X(), [m, S] = I(!0), [r, W] = I({
+  const P = V(null), [z, y] = I(!0), [R, _] = I(!1), { isCollabActive: k } = Q(), [h] = X(), [m, S] = I(!0), [r, W] = I({
     width: 0,
     height: 0
-  }), { fetchUploadImage: F, fetchDeleteImage: L } = q(Y), { t: N } = J();
-  v(() => {
+  }), { fetchUploadMedia: A, fetchDeleteMedia: F } = q(Y), { t: M } = J();
+  w(() => {
     if (!t || t.startsWith("data:image/")) {
       y(!1);
       return;
     }
     const e = new Image();
     e.src = t, e.onload = () => y(!1), e.onerror = () => {
-      y(!1), D(!0);
+      y(!1), _(!0);
     };
   }, [t]);
   const U = (e, n) => {
@@ -133,8 +133,8 @@ function pe({
       const l = C(a);
       E(l) && l.setWidthAndHeight(e, n);
     });
-  }, { historyState: O } = Z(), {
-    settings: { showNestedEditorTreeView: H }
+  }, { historyState: L } = Z(), {
+    settings: { showNestedEditorTreeView: O }
   } = K(), [x, p] = I(!1);
   function $(e) {
     return e.endsWith(".svg") || e.includes("image/svg+xml");
@@ -153,9 +153,9 @@ function pe({
       };
     });
   }
-  return v(() => {
-    b && p(!0);
-  }, [b]), v(() => {
+  return w(() => {
+    v && p(!0);
+  }, [v]), w(() => {
     let e = s, n = d, l = 100;
     t && B(t).then((i) => {
       typeof e == "number" && e < l && i < l ? (S(!0), W({
@@ -169,36 +169,36 @@ function pe({
         height: i
       }), S(!1));
     });
-  }, [t]), v(() => {
+  }, [t]), w(() => {
     r.width && r.height && m && h.update(() => {
       const e = C(a);
       E(e) && e.setWidthAndHeight(r.width, r.height);
     });
-  }, [r.width, r.height, m]), v(() => {
+  }, [r.width, r.height, m]), w(() => {
     const e = document.documentElement;
     ee(x, e);
   }, [x]), t ? m ? /* @__PURE__ */ o(
-    j,
+    T,
     {
       width: r.width,
       height: r.height,
-      isLoading: R,
-      isError: k,
+      isLoading: z,
+      isError: R,
       isIcon: m,
       src: t,
-      id: w,
+      id: b,
       editor: h,
       nodeKey: a,
-      fetchDeleteImage: L,
+      fetchDeleteMedia: F,
       altText: c,
-      imageRef: z,
+      imageRef: P,
       maxWidth: g,
       showCaption: f,
       caption: u,
-      isCollabActive: A,
-      historyState: O,
-      showNestedEditorTreeView: H,
-      t: N
+      isCollabActive: k,
+      historyState: L,
+      showNestedEditorTreeView: O,
+      t: M
     }
   ) : /* @__PURE__ */ o(
     ne,
@@ -210,29 +210,29 @@ function pe({
       initialWidth: r.width || "",
       initialHeight: r.height || "",
       onResizeEnd: U,
-      alignment: _,
+      alignment: j,
       children: /* @__PURE__ */ o(
-        j,
+        T,
         {
           width: "inherit",
           height: "inherit",
-          isLoading: R,
-          isError: k,
+          isLoading: z,
+          isError: R,
           isIcon: m,
           src: t,
-          id: w,
+          id: b,
           editor: h,
           nodeKey: a,
-          fetchDeleteImage: L,
+          fetchDeleteMedia: F,
           altText: c,
-          imageRef: z,
+          imageRef: P,
           maxWidth: g,
           showCaption: f,
           caption: u,
-          isCollabActive: A,
-          historyState: O,
-          showNestedEditorTreeView: H,
-          t: N
+          isCollabActive: k,
+          historyState: L,
+          showNestedEditorTreeView: O,
+          t: M
         }
       )
     }
@@ -241,15 +241,15 @@ function pe({
     {
       uploading: !1,
       onUpload: (e) => {
-        !F || !e.length || (e.forEach((n, l) => {
-          F(n, (i, M) => {
+        !A || !e.length || (e.forEach((n, l) => {
+          A(n, (i, D) => {
             l === 0 ? h.update(() => {
-              const P = C(a);
-              E(P) && (P.setSrc(i), P.setId(M));
+              const N = C(a);
+              E(N) && (N.setSrc(i), N.setId(D));
             }) : h.dispatchCommand(oe, {
               altText: "",
               src: i,
-              id: M
+              id: D
             });
           });
         }), p(!1));
@@ -268,7 +268,7 @@ function pe({
       children: /* @__PURE__ */ o(
         ie,
         {
-          title: N("editor.image.add_photo"),
+          title: M("editor.image.add_photo"),
           icon: "photo",
           onClick: () => p(!x)
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.18",
   "type": "module",
   "scripts": {
     "start": "vite --mode full",
@@ -25,7 +25,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@layers-app/shared": "^0.0.24",
+    "@layers-app/shared": "^0.0.27",
     "@lexical/headless": "0.21.0",
     "@lexical/markdown": "0.21.0",
     "@lexical/react": "0.21.0",
@@ -40,11 +40,13 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",
-    "@mantine/core": "^7.17.2",
-    "@mantine/dropzone": "^7.17.2",
-    "@mantine/form": "^7.17.2",
-    "@mantine/hooks": "^7.17.2",
-    "@mantine/modals": "^7.17.2",
+    "@mantine/core": "7.17.2",
+    "@mantine/dropzone": "7.17.2",
+    "@mantine/form": "7.17.2",
+    "@mantine/hooks": "7.17.2",
+    "@mantine/modals": "7.17.2",
+    "@mantine/tiptap": "7.17.2",
+    "@mantine/notifications": "7.17.2",
     "@rollup/plugin-typescript": "^11.1.6",
     "@tabler/icons-react": "^3.7.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",