@layers-app/editor 0.7.69 → 0.7.71

package/dist/layers.D_dIsPyp.js

@@ -1,271 +0,0 @@
-import { jsx as e, jsxs as p, Fragment as k } from "react/jsx-runtime";
-import { useRef as b, useState as S, useCallback as M, useEffect as F, Suspense as $ } from "react";
-import { useLexicalComposerContext as Y } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as K } from "@lexical/react/LexicalErrorBoundary";
-import { LexicalNestedComposer as U } from "@lexical/react/LexicalNestedComposer";
-import { RichTextPlugin as j } from "@lexical/react/LexicalRichTextPlugin";
-import { useLexicalNodeSelection as G } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as z } from "@lexical/utils";
-import { $isNodeSelection as A, $getSelection as v, $getNodeByKey as w, $setSelection as O, SELECTION_CHANGE_COMMAND as H, COMMAND_PRIORITY_LOW as g, CLICK_COMMAND as W, DRAGSTART_COMMAND as q, KEY_DELETE_COMMAND as J, KEY_BACKSPACE_COMMAND as Q, KEY_ENTER_COMMAND as V, KEY_ESCAPE_COMMAND as X } from "lexical";
-import { r as Z, s as ee, L as te, F as ne, t as oe, B as re } from "./layers.BlDLjKDo.js";
-import { TextInput as ae } from "@mantine/core";
-function le({
-  children: t,
-  className: a
-}) {
-  return /* @__PURE__ */ e("div", { className: a || "Placeholder__root", children: t });
-}
-function ie({
-  label: t,
-  value: a,
-  onChange: n,
-  placeholder: f = "",
-  "data-test-id": l,
-  type: c = "text"
-}) {
-  return /* @__PURE__ */ e(
-    ae,
-    {
-      type: c,
-      placeholder: f,
-      value: a,
-      onChange: (i) => {
-        n(i.target.value);
-      },
-      label: t,
-      "data-test-id": l,
-      mb: 10
-    }
-  );
-}
-const P = /* @__PURE__ */ new Set();
-function se(t) {
-  if (!P.has(t))
-    throw new Promise((a) => {
-      const n = new Image();
-      n.src = t, n.onload = () => {
-        P.add(t), a(null);
-      };
-    });
-}
-function ce({
-  altText: t,
-  className: a,
-  imageRef: n,
-  src: f,
-  width: l,
-  height: c,
-  position: i
-}) {
-  return se(f), /* @__PURE__ */ e(
-    "img",
-    {
-      className: a || void 0,
-      src: f,
-      alt: t,
-      ref: n,
-      "data-position": i,
-      style: {
-        display: "block",
-        height: c,
-        width: l
-      },
-      draggable: "false"
-    }
-  );
-}
-function ue({
-  activeEditor: t,
-  nodeKey: a,
-  onClose: n
-}) {
-  const l = t.getEditorState().read(
-    () => w(a)
-  ), [c, i] = S(l.getAltText()), [h, I] = S(l.getShowCaption()), [_, E] = S(l.getPosition()), C = (d) => {
-    I(d.target.checked);
-  }, u = () => {
-    const d = { altText: c, position: _, showCaption: h };
-    l && t.update(() => {
-      l.update(d);
-    }), n();
-  };
-  return /* @__PURE__ */ p(k, { children: [
-    /* @__PURE__ */ e("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ e(
-      ie,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: i,
-        value: c,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ p("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: h,
-          onChange: C
-        }
-      ),
-      /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ e(
-      re,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => u(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function xe({
-  src: t,
-  altText: a,
-  nodeKey: n,
-  width: f,
-  height: l,
-  showCaption: c,
-  caption: i,
-  position: h
-}) {
-  const [I, _] = Z(), E = b(null), C = b(null), [u, d, D] = G(n), [r] = Y(), [y, B] = S(null), T = b(null), x = M(
-    (s) => {
-      if (u && A(v())) {
-        s.preventDefault();
-        const o = w(n);
-        ee(o) && o.remove();
-      }
-      return !1;
-    },
-    [u, n]
-  ), L = M(
-    (s) => {
-      const m = v(), o = C.current;
-      if (u && A(m) && m.getNodes().length === 1) {
-        if (c)
-          return O(null), s.preventDefault(), i.focus(), !0;
-        if (o !== null && o !== document.activeElement)
-          return s.preventDefault(), o.focus(), !0;
-      }
-      return !1;
-    },
-    [i, u, c]
-  ), R = M(
-    (s) => T.current === i || C.current === s.target ? (O(null), r.update(() => {
-      d(!0);
-      const m = r.getRootElement();
-      m !== null && m.focus();
-    }), !0) : !1,
-    [i, r, d]
-  );
-  return F(() => {
-    let s = !0;
-    const m = z(
-      r.registerUpdateListener(({ editorState: o }) => {
-        s && B(o.read(() => v()));
-      }),
-      r.registerCommand(
-        H,
-        (o, N) => (T.current = N, !1),
-        g
-      ),
-      r.registerCommand(
-        W,
-        (o) => {
-          const N = o;
-          return N.target === E.current ? (N.shiftKey ? d(!u) : (D(), d(!0)), !0) : !1;
-        },
-        g
-      ),
-      r.registerCommand(
-        q,
-        (o) => o.target === E.current ? (o.preventDefault(), !0) : !1,
-        g
-      ),
-      r.registerCommand(
-        J,
-        x,
-        g
-      ),
-      r.registerCommand(
-        Q,
-        x,
-        g
-      ),
-      r.registerCommand(V, L, g),
-      r.registerCommand(
-        X,
-        R,
-        g
-      )
-    );
-    return () => {
-      s = !1, m();
-    };
-  }, [
-    D,
-    r,
-    u,
-    n,
-    x,
-    L,
-    R,
-    d
-  ]), /* @__PURE__ */ p($, { fallback: null, children: [
-    /* @__PURE__ */ p(k, { children: [
-      /* @__PURE__ */ p("div", { draggable: !1, children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: C,
-            onClick: () => {
-              _("Update Inline Image", (s) => /* @__PURE__ */ e(
-                ue,
-                {
-                  activeEditor: r,
-                  nodeKey: n,
-                  onClose: s
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ e(
-          ce,
-          {
-            className: u ? `focused ${A(y) ? "draggable" : ""}` : null,
-            src: t,
-            altText: a,
-            imageRef: E,
-            width: f,
-            height: l,
-            position: h
-          }
-        )
-      ] }),
-      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ p(U, { initialEditor: i, children: [
-        /* @__PURE__ */ e(te, {}),
-        /* @__PURE__ */ e(ne, {}),
-        /* @__PURE__ */ e(
-          j,
-          {
-            contentEditable: /* @__PURE__ */ e(oe, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ e(le, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: K
-          }
-        )
-      ] }) })
-    ] }),
-    I
-  ] });
-}
-export {
-  ue as UpdateInlineImageDialog,
-  xe as default
-};

package/dist/layers.Df431v9O.js

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

package/dist/layers.nxzVbnZG.js

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),R=require("react-i18next"),m=require("@mantine/core"),l=require("react"),H=require("@layers-app/shared"),I=({isCloseModal:a,setCloseModalOpen:t,confirmClose:d})=>{const{t:f}=R.useTranslation();return c.jsx(m.Modal,{opened:a,onClose:()=>{t(!1)},centered:!0,title:f("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:c.jsxs("div",{children:[c.jsx(m.Text,{mb:"md",children:f("editor.unsavedChanges.message")}),c.jsxs(m.Flex,{justify:"flex-end",gap:"sm",children:[c.jsx(m.Button,{variant:"default",onClick:()=>{t(!1)},fullWidth:!0,children:f("editor.unsavedChanges.cancel")}),c.jsx(m.Button,{color:"red",onClick:d,fullWidth:!0,children:f("editor.unsavedChanges.closeWithoutSaving")})]})]})})},M={elements:[],files:{},appState:{},previewSVG:null},K=a=>{try{const t=JSON.parse(a);if(Array.isArray(t))return{...M,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{...M}},U={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"};let p=null;const X=l.lazy(async()=>{var t;const a=await Promise.resolve().then(()=>require("./layers.-Ruj4Zo5.js")).then(d=>d.index);return!p&&a&&(p=a.exportToSvg||((t=a.default)==null?void 0:t.exportToSvg)||a.default),{default:a.Excalidraw}}),J=()=>{const[a,t]=l.useState(null),d=l.useCallback(f=>t(f),[]);return[a,d]};function P({onSave:a,initialElements:t,initialAppState:d,initialFiles:f,isShown:u=!1,onDelete:L,onClose:q,isEdited:D}){const[n,A]=J(),{i18n:g,t:B}=R.useTranslation(),{colorScheme:N}=m.useMantineColorScheme(),k=l.useRef(!1),[h,W]=l.useState(t),[C,z]=l.useState(f),[_,O]=l.useState(u);l.useEffect(()=>{u&&O(!0)},[u]),l.useEffect(()=>{!u||k.current||(k.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[u]),l.useEffect(()=>{u&&setTimeout(()=>{var e;(e=n==null?void 0:n.refresh)==null||e.call(n)},500)},[u,n]),l.useEffect(()=>{if(!u)return;const e=(r,s)=>{const i=B(r);return i.startsWith("editor.menu")?s:i},x=e("editor.menu.excalidraw.tools.frameTool",g.language==="ru"?"Инструмент рамки":g.language==="es"?"Herramienta de marco":"Frame tool"),o=e("editor.menu.excalidraw.tools.webEmbed",g.language==="ru"?"Веб-встраивание":g.language==="es"?"Incrustación web":"Web Embed"),v=e("editor.menu.excalidraw.tools.generate",g.language==="ru"?"Генерировать":g.language==="es"?"Generar":"Generate"),y={"Frame tool":x,"Web Embed":o,"Web embeded":o,Generate:v},T=()=>{const r=document.querySelector(".App-toolbar__extra-tools-dropdown");if(!r)return;const s=document.createTreeWalker(r,NodeFilter.SHOW_TEXT,null);let i;for(;i=s.nextNode();)if(i.nodeType===Node.TEXT_NODE&&i.textContent){const j=i.textContent.trim();for(const[S,E]of Object.entries(y))if(j===S&&E&&!j.includes(E)){i.textContent=i.textContent.replace(S,E);break}}},b=()=>{setTimeout(()=>{T()},0)},w=setTimeout(()=>{const r=document.querySelector(".excalidraw-container");if(r){const s=r.querySelector(".App-toolbar__extra-tools-trigger");s&&s.addEventListener("click",b)}},300);return()=>{clearTimeout(w);const r=document.querySelector(".excalidraw-container");if(r){const s=r.querySelector(".App-toolbar__extra-tools-trigger");s&&s.removeEventListener("click",b)}}},[u,g.language]);const G=l.useCallback(async()=>{var T,b,w;let e=p;if(!e||typeof e!="function"){const r=await Promise.resolve().then(()=>require("./layers.-Ruj4Zo5.js")).then(s=>s.index);e=r.exportToSvg||((T=r.default)==null?void 0:T.exportToSvg)||r.default,e&&typeof e=="function"&&(p=e)}if(!e||typeof e!="function"){const r=await Promise.resolve().then(()=>require("./layers.-Ruj4Zo5.js")).then(i=>i.index),s=r?Object.keys(r):[];throw console.error("Excalidraw module structure:",{keys:s,hasExportToSvg:r&&"exportToSvg"in r,hasDefault:r&&"default"in r,moduleType:typeof r,module:r}),new Error(`exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${s.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`)}const x=((b=n==null?void 0:n.getAppState)==null?void 0:b.call(n))??d,o=await e({appState:x,elements:h,files:C}),v=(w=o==null?void 0:o.firstElementChild)==null?void 0:w.firstElementChild,y=o.getAttribute("viewBox");if(y!=null){const r=y.split(" ");o.setAttribute("width",r[2]),o.setAttribute("height",r[3])}return v&&v.tagName==="style"&&v.remove(),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("display","block"),o.classList.add("excalidraw-svg"),o.outerHTML},[h,C,n,d]),V=()=>{if(h&&h.filter(e=>!e.isDeleted).length>0){const e=n==null?void 0:n.getAppState(),x={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 G();a(h,x,C,o)})()}else L()},F=(e,x,o)=>{(e==null?void 0:e.length)!==(t==null?void 0:t.length)&&(D.current=!0),W(e),z(o)};return c.jsx(H.BottomDrawerWithoutHeader,{opened:u,onClose:q,onSave:V,className:"excaildraw-modal",closeOnEscape:!1,children:_&&c.jsx(l.Suspense,{fallback:c.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:c.jsx(m.Loader,{size:"sm"})}),children:c.jsx(X,{langCode:U[g.language],theme:N,onChange:F,excalidrawAPI:A,initialData:{appState:{...d||{isLoading:!1}},elements:t,files:f}})})})}exports.ConfirmModal=I;exports.ExcalidrawModal=P;exports.parseExcalidrawData=K;