@layers-app/editor 0.6.1 → 0.6.2

package/dist/layers.CMwF7dgU.js

@@ -1,206 +0,0 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
-import { Modal as W, Text as H, Flex as S, Button as k, useMantineColorScheme as F, Loader as U } from "@mantine/core";
-import { useRef as _, useState as f, useEffect as g, useCallback as w, Suspense as J, lazy as K } from "react";
-import { BottomDrawerWithoutHeader as Y } from "@layers-app/shared";
-const te = ({
-  isCloseModal: i,
-  setCloseModalOpen: t,
-  confirmClose: a
-}) => {
-  const { t: n } = E();
-  return /* @__PURE__ */ s(
-    W,
-    {
-      opened: i,
-      onClose: () => {
-        t(!1);
-      },
-      centered: !0,
-      title: n("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ s(H, { mb: "md", children: n("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ p(S, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ s(
-            k,
-            {
-              variant: "default",
-              onClick: () => {
-                t(!1);
-              },
-              fullWidth: !0,
-              children: n("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ s(k, { color: "red", onClick: a, fullWidth: !0, children: n("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-}, x = {
-  elements: [],
-  files: {},
-  appState: {},
-  previewSVG: null
-}, re = (i) => {
-  try {
-    const t = JSON.parse(i);
-    if (Array.isArray(t))
-      return { ...x, elements: t };
-    if (t && typeof t == "object")
-      return {
-        elements: Array.isArray(t.elements) ? t.elements : [],
-        files: t.files && typeof t.files == "object" ? t.files : {},
-        appState: t.appState && typeof t.appState == "object" ? t.appState : {},
-        previewSVG: typeof t.previewSVG == "string" ? t.previewSVG : typeof t.previewSvg == "string" ? t.previewSvg : null
-      };
-  } catch {
-  }
-  return { ...x };
-}, I = {
-  en: "en-US",
-  ru: "ru-RU",
-  fr: "fr-FR",
-  de: "de-DE",
-  es: "es-ES",
-  it: "it-IT",
-  pt: "pt-BR",
-  zh: "zh-CN",
-  ja: "ja-JP",
-  ko: "ko-KR",
-  ar: "ar-SA",
-  hi: "hi-IN",
-  nl: "nl-NL",
-  tr: "tr-TR",
-  pl: "pl-PL",
-  sv: "sv-SE",
-  cs: "cs-CZ",
-  uk: "uk-UA",
-  ro: "ro-RO",
-  fi: "fi-FI",
-  da: "da-DK",
-  no: "no-NO",
-  el: "el-GR",
-  he: "he-IL",
-  th: "th-TH",
-  id: "id-ID",
-  ms: "ms-MY",
-  vi: "vi-VN"
-}, X = /* @__PURE__ */ K(async () => ({ default: (await import("./layers.CvJBoGvb.js").then((t) => t.M)).Excalidraw })), Z = () => {
-  const [i, t] = f(
-    null
-  ), a = w(
-    (n) => t(n),
-    []
-  );
-  return [i, a];
-};
-function oe({
-  onSave: i,
-  initialElements: t,
-  initialAppState: a,
-  initialFiles: n,
-  isShown: l = !1,
-  onDelete: M,
-  onClose: R,
-  isEdited: L
-}) {
-  const [r, B] = Z(), { i18n: T } = E(), { colorScheme: z } = F(), v = _(!1), [c, D] = f(t), [h, A] = f(n), [j, N] = f(l);
-  g(() => {
-    l && N(!0);
-  }, [l]), g(() => {
-    !l || v.current || (v.current = !0, Promise.resolve({           }));
-  }, [l]), g(() => {
-    l && setTimeout(() => {
-      var e;
-      (e = r == null ? void 0 : r.refresh) == null || e.call(r);
-    }, 500);
-  }, [l, r]);
-  const V = w(async () => {
-    var b, y;
-    const { exportToSvg: e } = await import("./layers.CvJBoGvb.js").then((u) => u.M), d = ((b = r == null ? void 0 : r.getAppState) == null ? void 0 : b.call(r)) ?? a, o = await e({
-      appState: d,
-      elements: c,
-      files: h
-    }), m = (y = o == null ? void 0 : o.firstElementChild) == null ? void 0 : y.firstElementChild, C = o.getAttribute("viewBox");
-    if (C != null) {
-      const u = C.split(" ");
-      o.setAttribute("width", u[2]), o.setAttribute("height", u[3]);
-    }
-    return m && m.tagName === "style" && m.remove(), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("display", "block"), o.classList.add("excalidraw-svg"), o.outerHTML;
-  }, [c, h, r, a]), G = () => {
-    if (c && c.filter((e) => !e.isDeleted).length > 0) {
-      const e = r == null ? void 0 : r.getAppState(), d = {
-        exportBackground: e == null ? void 0 : e.exportBackground,
-        exportScale: e == null ? void 0 : e.exportScale,
-        exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
-        isBindingEnabled: e == null ? void 0 : e.isBindingEnabled,
-        isLoading: e == null ? void 0 : e.isLoading,
-        name: e == null ? void 0 : e.name,
-        theme: e == null ? void 0 : e.theme,
-        viewBackgroundColor: e == null ? void 0 : e.viewBackgroundColor,
-        viewModeEnabled: e == null ? void 0 : e.viewModeEnabled,
-        zenModeEnabled: e == null ? void 0 : e.zenModeEnabled,
-        zoom: e == null ? void 0 : e.zoom
-      };
-      (async () => {
-        const o = await V();
-        i(c, d, h, o);
-      })();
-    } else
-      M();
-  }, O = (e, d, o) => {
-    (e == null ? void 0 : e.length) !== (t == null ? void 0 : t.length) && (L.current = !0), D(e), A(o);
-  };
-  return /* @__PURE__ */ s(
-    Y,
-    {
-      opened: l,
-      onClose: R,
-      onSave: G,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: j && /* @__PURE__ */ s(
-        J,
-        {
-          fallback: /* @__PURE__ */ s(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ s(U, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ s(
-            X,
-            {
-              langCode: I[T.language],
-              theme: z,
-              onChange: O,
-              excalidrawAPI: B,
-              initialData: {
-                appState: { ...a || { isLoading: !1 } },
-                elements: t,
-                files: n
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  te as C,
-  oe as E,
-  re as p
-};

package/dist/layers.D2fxswZv.js

@@ -1,74 +0,0 @@
-import { jsxs as p, Fragment as M, jsx as c } from "react/jsx-runtime";
-import { useState as r, useRef as g, useEffect as w } from "react";
-import { r as x, o as N, E as O, g as S, K as A, $ as D } from "./layers.BVGUJrpk.js";
-import { C as h, E as R } from "./layers.CMwF7dgU.js";
-const I = x(
-  "INSERT_EXCALIDRAW_COMMAND"
-);
-function L() {
-  const [t] = N(), [d, o] = r(!1), [e, f] = r(
-    null
-  ), s = g(null), [u, a] = r(!1);
-  w(() => {
-    if (!t.hasNodes([O]))
-      throw new Error(
-        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
-      );
-    return t.registerCommand(
-      I,
-      () => {
-        o(!0);
-        const n = S();
-        return f(n), !0;
-      },
-      A
-    );
-  }, [t]);
-  const l = () => {
-    o(!1), a(!1), s.current = !1;
-  };
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ c(
-      h,
-      {
-        isCloseModal: u,
-        confirmClose: l,
-        setCloseModalOpen: a
-      }
-    ),
-    /* @__PURE__ */ c(
-      R,
-      {
-        initialElements: [],
-        initialAppState: {},
-        initialFiles: {},
-        isShown: d,
-        onDelete: () => {
-          o(!1);
-        },
-        onClose: () => {
-          s.current ? a(!0) : l();
-        },
-        onSave: (n, E, m, C) => {
-          t.update(() => {
-            const i = D();
-            i.setData(
-              JSON.stringify({
-                appState: E,
-                elements: n,
-                files: m,
-                previewSVG: C
-              })
-            ), e && e.getParent() && (e == null || e.replace(i));
-          }), o(!1);
-        },
-        closeOnClickOutside: !1,
-        isEdited: s
-      }
-    )
-  ] });
-}
-export {
-  I as INSERT_EXCALIDRAW_COMMAND,
-  L as default
-};

package/dist/layers.DYpj292-.js

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

package/dist/layers.DfvhX3vC.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.BDEzwoD0.js");require("./layers.BqKfAFsh.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;

package/dist/layers.DgbWQVOK.js

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

package/dist/layers.DsN4v91h.js

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

package/dist/layers.kERuI3ru.js

@@ -1 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),k=require("react-i18next"),d=require("@mantine/core"),n=require("react"),N=require("@layers-app/shared"),V=({isCloseModal:l,setCloseModalOpen:t,confirmClose:c})=>{const{t:i}=k.useTranslation();return o.jsx(d.Modal,{opened:l,onClose:()=>{t(!1)},centered:!0,title:i("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:o.jsxs("div",{children:[o.jsx(d.Text,{mb:"md",children:i("editor.unsavedChanges.message")}),o.jsxs(d.Flex,{justify:"flex-end",gap:"sm",children:[o.jsx(d.Button,{variant:"default",onClick:()=>{t(!1)},fullWidth:!0,children:i("editor.unsavedChanges.cancel")}),o.jsx(d.Button,{color:"red",onClick:c,fullWidth:!0,children:i("editor.unsavedChanges.closeWithoutSaving")})]})]})})},y={elements:[],files:{},appState:{},previewSVG:null},S=l=>{try{const t=JSON.parse(l);if(Array.isArray(t))return{...y,elements:t};if(t&&typeof t=="object")return{elements:Array.isArray(t.elements)?t.elements:[],files:t.files&&typeof t.files=="object"?t.files:{},appState:t.appState&&typeof t.appState=="object"?t.appState:{},previewSVG:typeof t.previewSVG=="string"?t.previewSVG:typeof t.previewSvg=="string"?t.previewSvg:null}}catch{}return{...y}},G={en:"en-US",ru:"ru-RU",fr:"fr-FR",de:"de-DE",es:"es-ES",it:"it-IT",pt:"pt-BR",zh:"zh-CN",ja:"ja-JP",ko:"ko-KR",ar:"ar-SA",hi:"hi-IN",nl:"nl-NL",tr:"tr-TR",pl:"pl-PL",sv:"sv-SE",cs:"cs-CZ",uk:"uk-UA",ro:"ro-RO",fi:"fi-FI",da:"da-DK",no:"no-NO",el:"el-GR",he:"he-IL",th:"th-TH",id:"id-ID",ms:"ms-MY",vi:"vi-VN"},O=n.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./layers.BqKfAFsh.js")).then(t=>t.index)).Excalidraw})),W=()=>{const[l,t]=n.useState(null),c=n.useCallback(i=>t(i),[]);return[l,c]};function H({onSave:l,initialElements:t,initialAppState:c,initialFiles:i,isShown:a=!1,onDelete:j,onClose:E,isEdited:w}){const[s,R]=W(),{i18n:M}=k.useTranslation(),{colorScheme:B}=d.useMantineColorScheme(),v=n.useRef(!1),[u,L]=n.useState(t),[g,T]=n.useState(i),[p,D]=n.useState(a);n.useEffect(()=>{a&&D(!0)},[a]),n.useEffect(()=>{!a||v.current||(v.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[a]),n.useEffect(()=>{a&&setTimeout(()=>{var e;(e=s==null?void 0:s.refresh)==null||e.call(s)},500)},[a,s]);const z=n.useCallback(async()=>{var C,b;const{exportToSvg:e}=await Promise.resolve().then(()=>require("./layers.BqKfAFsh.js")).then(h=>h.index),f=((C=s==null?void 0:s.getAppState)==null?void 0:C.call(s))??c,r=await e({appState:f,elements:u,files:g}),m=(b=r==null?void 0:r.firstElementChild)==null?void 0:b.firstElementChild,x=r.getAttribute("viewBox");if(x!=null){const h=x.split(" ");r.setAttribute("width",h[2]),r.setAttribute("height",h[3])}return m&&m.tagName==="style"&&m.remove(),r.setAttribute("width","100%"),r.setAttribute("height","100%"),r.setAttribute("display","block"),r.classList.add("excalidraw-svg"),r.outerHTML},[u,g,s,c]),A=()=>{if(u&&u.filter(e=>!e.isDeleted).length>0){const e=s==null?void 0:s.getAppState(),f={exportBackground:e==null?void 0:e.exportBackground,exportScale:e==null?void 0:e.exportScale,exportWithDarkMode:(e==null?void 0:e.theme)==="dark",isBindingEnabled:e==null?void 0:e.isBindingEnabled,isLoading:e==null?void 0:e.isLoading,name:e==null?void 0:e.name,theme:e==null?void 0:e.theme,viewBackgroundColor:e==null?void 0:e.viewBackgroundColor,viewModeEnabled:e==null?void 0:e.viewModeEnabled,zenModeEnabled:e==null?void 0:e.zenModeEnabled,zoom:e==null?void 0:e.zoom};(async()=>{const r=await z();l(u,f,g,r)})()}else j()},q=(e,f,r)=>{(e==null?void 0:e.length)!==(t==null?void 0:t.length)&&(w.current=!0),L(e),T(r)};return o.jsx(N.BottomDrawerWithoutHeader,{opened:a,onClose:E,onSave:A,className:"excaildraw-modal",closeOnEscape:!1,children:p&&o.jsx(n.Suspense,{fallback:o.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:o.jsx(d.Loader,{size:"sm"})}),children:o.jsx(O,{langCode:G[M.language],theme:B,onChange:q,excalidrawAPI:R,initialData:{appState:{...c||{isLoading:!1}},elements:t,files:i}})})})}exports.ConfirmModal=V;exports.ExcalidrawModal=H;exports.parseExcalidrawData=S;