@layers-app/editor 0.1.11 → 0.1.13

package/dist/layers.CN-0qe5z.js

@@ -1,321 +0,0 @@
-import { jsx as r, jsxs as Q } from "react/jsx-runtime";
-import { useRef as X, useState as M, useContext as Y, useEffect as C, useCallback as Z } from "react";
-import { useTranslation as K } from "react-i18next";
-import { l as ee, a as te, u as ie, C as oe, b as ne, c as ae, U as se, I as re, d as b, e as v, m as H, t as le, f as de, h as ce, i as he, R as fe } from "./layers.DDgP6ojv.js";
-import { LoadingOverlay as _, Flex as ue, Alert as ge } from "@mantine/core";
-import { IconInfoCircle as pe } from "@tabler/icons-react";
-const T = (i) => {
-  const {
-    width: f,
-    height: a,
-    isLoading: l,
-    isError: c,
-    src: u,
-    id: g,
-    altText: p,
-    imageRef: w,
-    maxWidth: S
-  } = i;
-  return /* @__PURE__ */ Q(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: f,
-        height: a,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ r(
-          _,
-          {
-            visible: l,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ r(
-          _,
-          {
-            visible: c,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: {
-              children: /* @__PURE__ */ r(ue, { bg: "white", maw: 300, justify: "center", children: /* @__PURE__ */ r(
-                ge,
-                {
-                  variant: "light",
-                  color: "red",
-                  title: "Ошибка загрузки",
-                  icon: /* @__PURE__ */ r(pe, {}),
-                  children: "Попробуйте загрузить заново."
-                }
-              ) })
-            }
-          }
-        ),
-        /* @__PURE__ */ r(
-          me,
-          {
-            className: null,
-            src: u,
-            altText: p,
-            imageRef: w,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: S || "auto",
-            id: g
-          }
-        )
-      ]
-    }
-  );
-};
-function me({
-  altText: i,
-  className: f,
-  imageRef: a,
-  src: l,
-  width: c,
-  height: u,
-  maxWidth: g,
-  id: p
-}) {
-  return /* @__PURE__ */ r(
-    "img",
-    {
-      className: f || void 0,
-      src: l,
-      alt: i,
-      ref: a,
-      style: {
-        height: u,
-        maxWidth: g,
-        width: c
-      },
-      draggable: "false",
-      "data-id": p
-    }
-  );
-}
-function Ee({
-  src: i,
-  altText: f,
-  nodeKey: a,
-  width: l,
-  height: c,
-  maxWidth: u,
-  showCaption: g,
-  caption: p,
-  id: w,
-  create: S,
-  alignment: j
-}) {
-  const W = X(null), [G, h] = M(!1), { isCollabActive: y } = ee(), [s] = te(), [m, N] = M(!0), [d, A] = M({
-    width: 0,
-    height: 0
-  }), { start: B, cancel: V } = ie(), { fetchUploadMedia: I, fetchDeleteMedia: z, maxFileSize: Ie } = Y(oe), { t: L } = K(), $ = (e, o) => {
-    s.update(() => {
-      H(null);
-      const t = b(a);
-      v(t) && t.setWidthAndHeight(e, o);
-    });
-  }, { historyState: O } = ne(), {
-    settings: { showNestedEditorTreeView: k }
-  } = ae(), [E, x] = M(!1);
-  function q(e) {
-    return e.endsWith(".svg") || e.includes("image/svg+xml");
-  }
-  function J(e) {
-    return new Promise((o, t) => {
-      if (q(e)) {
-        o(0);
-        return;
-      }
-      const n = new Image();
-      n.src = e, n.onload = () => {
-        o(n.width);
-      }, n.onerror = () => {
-        t(new Error("Failed to load image"));
-      };
-    });
-  }
-  C(() => {
-    S && x(!0);
-  }, [S]);
-  const D = Z(
-    (e) => {
-      !i || !i.includes("upload-src-editor") || (h(!0), s.update(() => {
-        I && I(
-          e,
-          (o, t) => {
-            R(o, t);
-          },
-          () => {
-            R("", "");
-          }
-        );
-      }));
-    },
-    [s, i, a, I, h]
-  );
-  C(() => {
-    const e = s.registerCommand(
-      se,
-      (o) => (i === "upload-src-editor" && D(o), !1),
-      re
-    );
-    return () => {
-      e();
-    };
-  }, [s, i, D]), C(() => {
-    let e = l, o = c, t = 100;
-    !i || i.includes("upload-src-editor") || J(i).then((n) => {
-      typeof e == "number" && e < t && n < t ? (N(!0), A({
-        width: e,
-        height: o
-      })) : n < t ? (N(!0), A({
-        width: "auto",
-        height: "auto"
-      })) : (A({
-        width: n,
-        height: n
-      }), N(!1));
-    });
-  }, [i]), C(() => {
-    d.width && d.height && m && s.update(() => {
-      const e = b(a);
-      v(e) && e.setWidthAndHeight(d.width, d.height);
-    });
-  }, [d.width, d.height, m]);
-  const R = (e, o) => {
-    h(!1), s.update(() => {
-      const t = b(a);
-      if (!t) return;
-      v(t) && (t.setSrc(e), t.setId(o));
-      const n = t.getNextSibling();
-      n && H(n.selectNext());
-    });
-  };
-  return C(() => {
-    const e = document.documentElement;
-    le(E, e);
-  }, [E]), !i || i.includes("upload-src-editor") ? /* @__PURE__ */ r(
-    de,
-    {
-      uploading: !1,
-      onUpload: (e) => {
-        if (!I || !e.length) return;
-        h(!0);
-        const o = B();
-        e.forEach((t, n) => {
-          I(
-            t,
-            (U, F) => {
-              n === 0 ? s.update(() => {
-                const P = b(a);
-                v(P) && (P.setSrc(U), P.setId(F));
-              }) : s.dispatchCommand(he, {
-                altText: "",
-                src: U,
-                id: F
-              }), h(!1);
-            },
-            () => {
-              h(!1);
-            },
-            o
-          );
-        }), x(!1);
-      },
-      popoverProps: {
-        opened: E,
-        position: "bottom",
-        onChange: x
-      },
-      onChange: (e) => {
-        x(!1), s.update(() => {
-          const o = b(a);
-          v(o) && o.setSrc(e);
-        });
-      },
-      children: /* @__PURE__ */ r(
-        ce,
-        {
-          title: L("editor.image.add_photo"),
-          icon: "photo",
-          onClick: () => x(!E),
-          nodeKey: a,
-          isLoading: G,
-          onAfterCancel: () => {
-            V(), h(!1);
-          }
-        }
-      )
-    }
-  ) : m ? /* @__PURE__ */ r(
-    T,
-    {
-      width: d.width,
-      height: d.height,
-      isLoading: !1,
-      isError: !1,
-      isIcon: m,
-      src: i,
-      id: w,
-      editor: s,
-      nodeKey: a,
-      fetchDeleteMedia: z,
-      altText: f,
-      imageRef: W,
-      maxWidth: u,
-      showCaption: g,
-      caption: p,
-      isCollabActive: y,
-      historyState: O,
-      showNestedEditorTreeView: k,
-      t: L
-    }
-  ) : /* @__PURE__ */ r(
-    fe,
-    {
-      editor: s,
-      isIcon: m,
-      width: typeof l == "string" && l.includes("%") ? parseFloat(l) : l,
-      height: typeof c == "string" && c.includes("%") ? parseFloat(c) : l,
-      initialWidth: d.width || "",
-      initialHeight: d.height || "",
-      onResizeEnd: $,
-      alignment: j,
-      children: /* @__PURE__ */ r(
-        T,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: !1,
-          isError: !1,
-          isIcon: m,
-          src: i,
-          id: w,
-          editor: s,
-          nodeKey: a,
-          fetchDeleteMedia: z,
-          altText: f,
-          imageRef: W,
-          maxWidth: u,
-          showCaption: g,
-          caption: p,
-          isCollabActive: y,
-          historyState: O,
-          showNestedEditorTreeView: k,
-          t: L
-        }
-      )
-    }
-  );
-}
-export {
-  Ee as default
-};

package/dist/layers.CUSgDm7_.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.FYRIbDRm.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.D9S1ELkZ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),o=require("react"),e=require("./layers.B4x6UszA.js"),S=require("./layers.Cnebch-O.js"),s=e.oe("INSERT_EXCALIDRAW_COMMAND");function w(){const[n]=e.o(),[l,r]=o.useState(!1),[c,d]=o.useState();o.useEffect(()=>{if(!n.hasNodes([e.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return n.registerCommand(s,()=>{r(!0);const i=e.getCurrentElement();return d(i),!0},e.Li)},[n]);const u=()=>{r(!1)},E=()=>{r(!1)},f=(i,N,x)=>{n.update(()=>{const a=e.$createExcalidrawNode();a.setData(JSON.stringify({appState:N,elements:i,files:x}));const t=c;t&&t.getParent()&&(t==null||t.replace(a))}),r(!1)};return C.jsx(S.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:l,onDelete:E,onClose:u,onSave:f,closeOnClickOutside:!1})}exports.INSERT_EXCALIDRAW_COMMAND=s;exports.default=w;

package/dist/layers.DBsW3ZT0.js

@@ -1,58 +0,0 @@
-import { jsx as E } from "react/jsx-runtime";
-import { useState as n, useEffect as f } from "react";
-import { o as u, a as m, E as p, g as w, L as C, $ as N } from "./layers.DDgP6ojv.js";
-import { H as x } from "./layers.FYRIbDRm.js";
-const g = u(
-  "INSERT_EXCALIDRAW_COMMAND"
-);
-function R() {
-  const [t] = m(), [s, o] = n(!1), [i, l] = n();
-  return f(() => {
-    if (!t.hasNodes([p]))
-      throw new Error(
-        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
-      );
-    return t.registerCommand(
-      g,
-      () => {
-        o(!0);
-        const a = w();
-        return l(a), !0;
-      },
-      C
-    );
-  }, [t]), /* @__PURE__ */ E(
-    x,
-    {
-      initialElements: [],
-      initialAppState: {},
-      initialFiles: {},
-      isShown: s,
-      onDelete: () => {
-        o(!1);
-      },
-      onClose: () => {
-        o(!1);
-      },
-      onSave: (a, c, d) => {
-        t.update(() => {
-          const r = N();
-          r.setData(
-            JSON.stringify({
-              appState: c,
-              elements: a,
-              files: d
-            })
-          );
-          const e = i;
-          e && e.getParent() && (e == null || e.replace(r));
-        }), o(!1);
-      },
-      closeOnClickOutside: !1
-    }
-  );
-}
-export {
-  g as INSERT_EXCALIDRAW_COMMAND,
-  R as default
-};

package/dist/layers.DJCLWdyK.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.DVdH5YXo.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;