@layers-app/editor 0.0.29-ai.1 → 0.0.29-ai.2

package/dist/layers.B73cUrIv.js

@@ -1,116 +0,0 @@
-"use strict";const G=require("./layers.9QK1wiQj.js"),r=require("./layers.y7f7sbKP.js"),P=require("./layers.Ds5Yy8ih.js"),V=require("lodash-es"),j=require("./layers.O3Bn3vNY.js");function F(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(o,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return o.default=e,Object.freeze(o)}const E=F(V);function N(e){return new r.Selection([document.querySelectorAll(e)],[document.documentElement])}function M(e,o){return!!e.children(o).length}function R(e){return _(e.v)+":"+_(e.w)+":"+_(e.name)}var H=/:/g;function _(e){return e?String(e).replace(H,"\\:"):""}function B(e,o){o&&e.attr("style",o)}function K(e,o,i){o&&e.attr("class",o).attr("class",i+" "+e.attr("class"))}function O(e,o){var i=o.graph();if(E.isPlainObject(i)){var a=i.transition;if(E.isFunction(a))return a(e)}return e}function D(e,o){var i=e.append("foreignObject").attr("width","100000"),a=i.append("xhtml:div");a.attr("xmlns","http://www.w3.org/1999/xhtml");var d=o.label;switch(typeof d){case"function":a.insert(d);break;case"object":a.insert(function(){return d});break;default:a.html(d)}B(a,o.labelStyle),a.style("display","inline-block"),a.style("white-space","nowrap");var p=a.node().getBoundingClientRect();return i.attr("width",p.width).attr("height",p.height),i}const I={},U=function(e){const o=Object.keys(e);for(const i of o)I[i]=e[i]},q=async function(e,o,i,a,d,p){const g=a.select(`[id="${i}"]`),s=Object.keys(e);for(const b of s){const l=e[b];let h="default";l.classes.length>0&&(h=l.classes.join(" ")),h=h+" flowchart-label";const w=r.getStylesFromArray(l.styles);let t=l.text!==void 0?l.text:l.id,c;if(r.log$1.info("vertex",l,l.labelType),l.labelType==="markdown")r.log$1.info("vertex",l,l.labelType);else if(r.evaluate(r.getConfig().flowchart.htmlLabels))c=D(g,{label:t}).node(),c.parentNode.removeChild(c);else{const k=d.createElementNS("http://www.w3.org/2000/svg","text");k.setAttribute("style",w.labelStyle.replace("color:","fill:"));const T=t.split(r.common$1.lineBreakRegex);for(const $ of T){const v=d.createElementNS("http://www.w3.org/2000/svg","tspan");v.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),v.setAttribute("dy","1em"),v.setAttribute("x","1"),v.textContent=$,k.appendChild(v)}c=k}let f=0,n="";switch(l.type){case"round":f=5,n="rect";break;case"square":n="rect";break;case"diamond":n="question";break;case"hexagon":n="hexagon";break;case"odd":n="rect_left_inv_arrow";break;case"lean_right":n="lean_right";break;case"lean_left":n="lean_left";break;case"trapezoid":n="trapezoid";break;case"inv_trapezoid":n="inv_trapezoid";break;case"odd_right":n="rect_left_inv_arrow";break;case"circle":n="circle";break;case"ellipse":n="ellipse";break;case"stadium":n="stadium";break;case"subroutine":n="subroutine";break;case"cylinder":n="cylinder";break;case"group":n="rect";break;case"doublecircle":n="doublecircle";break;default:n="rect"}const S=await r.renderKatex(t,r.getConfig());o.setNode(l.id,{labelStyle:w.labelStyle,shape:n,labelText:S,labelType:l.labelType,rx:f,ry:f,class:h,style:w.style,id:l.id,link:l.link,linkTarget:l.linkTarget,tooltip:p.db.getTooltip(l.id)||"",domId:p.db.lookUpDomId(l.id),haveCallback:l.haveCallback,width:l.type==="group"?500:void 0,dir:l.dir,type:l.type,props:l.props,padding:r.getConfig().flowchart.padding}),r.log$1.info("setNode",{labelStyle:w.labelStyle,labelType:l.labelType,shape:n,labelText:S,rx:f,ry:f,class:h,style:w.style,id:l.id,domId:p.db.lookUpDomId(l.id),width:l.type==="group"?500:void 0,type:l.type,dir:l.dir,props:l.props,padding:r.getConfig().flowchart.padding})}},z=async function(e,o,i){r.log$1.info("abc78 edges = ",e);let a=0,d={},p,g;if(e.defaultStyle!==void 0){const s=r.getStylesFromArray(e.defaultStyle);p=s.style,g=s.labelStyle}for(const s of e){a++;const b="L-"+s.start+"-"+s.end;d[b]===void 0?(d[b]=0,r.log$1.info("abc78 new entry",b,d[b])):(d[b]++,r.log$1.info("abc78 new entry",b,d[b]));let l=b+"-"+d[b];r.log$1.info("abc78 new link id to be used is",b,l,d[b]);const h="LS-"+s.start,w="LE-"+s.end,t={style:"",labelStyle:""};switch(t.minlen=s.length||1,s.type==="arrow_open"?t.arrowhead="none":t.arrowhead="normal",t.arrowTypeStart="arrow_open",t.arrowTypeEnd="arrow_open",s.type){case"double_arrow_cross":t.arrowTypeStart="arrow_cross";case"arrow_cross":t.arrowTypeEnd="arrow_cross";break;case"double_arrow_point":t.arrowTypeStart="arrow_point";case"arrow_point":t.arrowTypeEnd="arrow_point";break;case"double_arrow_circle":t.arrowTypeStart="arrow_circle";case"arrow_circle":t.arrowTypeEnd="arrow_circle";break}let c="",f="";switch(s.stroke){case"normal":c="fill:none;",p!==void 0&&(c=p),g!==void 0&&(f=g),t.thickness="normal",t.pattern="solid";break;case"dotted":t.thickness="normal",t.pattern="dotted",t.style="fill:none;stroke-width:2px;stroke-dasharray:3;";break;case"thick":t.thickness="thick",t.pattern="solid",t.style="stroke-width: 3.5px;fill:none;";break;case"invisible":t.thickness="invisible",t.pattern="solid",t.style="stroke-width: 0;fill:none;";break}if(s.style!==void 0){const n=r.getStylesFromArray(s.style);c=n.style,f=n.labelStyle}t.style=t.style+=c,t.labelStyle=t.labelStyle+=f,s.interpolate!==void 0?t.curve=r.interpolateToCurve(s.interpolate,r.curveLinear):e.defaultInterpolate!==void 0?t.curve=r.interpolateToCurve(e.defaultInterpolate,r.curveLinear):t.curve=r.interpolateToCurve(I.curve,r.curveLinear),s.text===void 0?s.style!==void 0&&(t.arrowheadStyle="fill: #333"):(t.arrowheadStyle="fill: #333",t.labelpos="c"),t.labelType=s.labelType,t.label=await r.renderKatex(s.text.replace(r.common$1.lineBreakRegex,`
-`),r.getConfig()),s.style===void 0&&(t.style=t.style||"stroke: #333; stroke-width: 1.5px;fill:none;"),t.labelStyle=t.labelStyle.replace("color:","fill:"),t.id=l,t.classes="flowchart-link "+h+" "+w,o.setEdge(s.start,s.end,t,a)}},W=function(e,o){return o.db.getClasses()},X=async function(e,o,i,a){r.log$1.info("Drawing flowchart");let d=a.db.getDirection();d===void 0&&(d="TD");const{securityLevel:p,flowchart:g}=r.getConfig(),s=g.nodeSpacing||50,b=g.rankSpacing||50;let l;p==="sandbox"&&(l=r.select("#i"+o));const h=p==="sandbox"?r.select(l.nodes()[0].contentDocument.body):r.select("body"),w=p==="sandbox"?l.nodes()[0].contentDocument:document,t=new G.Graph({multigraph:!0,compound:!0}).setGraph({rankdir:d,nodesep:s,ranksep:b,marginx:0,marginy:0}).setDefaultEdgeLabel(function(){return{}});let c;const f=a.db.getSubGraphs();r.log$1.info("Subgraphs - ",f);for(let u=f.length-1;u>=0;u--)c=f[u],r.log$1.info("Subgraph - ",c),a.db.addVertex(c.id,{text:c.title,type:c.labelType},"group",void 0,c.classes,c.dir);const n=a.db.getVertices(),S=a.db.getEdges();r.log$1.info("Edges",S);let k=0;for(k=f.length-1;k>=0;k--){c=f[k],N("cluster").append("text");for(let u=0;u<c.nodes.length;u++)r.log$1.info("Setting up subgraphs",c.nodes[u],c.id),t.setParent(c.nodes[u],c.id)}await q(n,t,o,h,w,a),await z(S,t);const T=h.select(`[id="${o}"]`),$=h.select("#"+o+" g");if(await P.render($,t,["point","circle","cross"],"flowchart",o),r.utils.insertTitle(T,"flowchartTitleText",g.titleTopMargin,a.db.getDiagramTitle()),r.setupGraphViewbox$1(t,T,g.diagramPadding,g.useMaxWidth),a.db.indexNodes("subGraph"+k),!g.htmlLabels){const u=w.querySelectorAll('[id="'+o+'"] .edgeLabel .label');for(const x of u){const m=x.getBBox(),y=w.createElementNS("http://www.w3.org/2000/svg","rect");y.setAttribute("rx",0),y.setAttribute("ry",0),y.setAttribute("width",m.width),y.setAttribute("height",m.height),x.insertBefore(y,x.firstChild)}}Object.keys(n).forEach(function(u){const x=n[u];if(x.link){const m=r.select("#"+o+' [id="'+u+'"]');if(m){const y=w.createElementNS("http://www.w3.org/2000/svg","a");y.setAttributeNS("http://www.w3.org/2000/svg","class",x.classes.join(" ")),y.setAttributeNS("http://www.w3.org/2000/svg","href",x.link),y.setAttributeNS("http://www.w3.org/2000/svg","rel","noopener"),p==="sandbox"?y.setAttributeNS("http://www.w3.org/2000/svg","target","_top"):x.linkTarget&&y.setAttributeNS("http://www.w3.org/2000/svg","target",x.linkTarget);const C=m.insert(function(){return y},":first-child"),L=m.select(".label-container");L&&C.append(function(){return L.node()});const A=m.select(".label");A&&C.append(function(){return A.node()})}}})},J={setConf:U,addVertices:q,addEdges:z,getClasses:W,draw:X},Q=(e,o)=>{const i=j.channel,a=i(e,"r"),d=i(e,"g"),p=i(e,"b");return r.rgba(a,d,p,o)},Y=e=>`.label {
-    font-family: ${e.fontFamily};
-    color: ${e.nodeTextColor||e.textColor};
-  }
-  .cluster-label text {
-    fill: ${e.titleColor};
-  }
-  .cluster-label span,p {
-    color: ${e.titleColor};
-  }
-
-  .label text,span,p {
-    fill: ${e.nodeTextColor||e.textColor};
-    color: ${e.nodeTextColor||e.textColor};
-  }
-
-  .node rect,
-  .node circle,
-  .node ellipse,
-  .node polygon,
-  .node path {
-    fill: ${e.mainBkg};
-    stroke: ${e.nodeBorder};
-    stroke-width: 1px;
-  }
-  .flowchart-label text {
-    text-anchor: middle;
-  }
-  // .flowchart-label .text-outer-tspan {
-  //   text-anchor: middle;
-  // }
-  // .flowchart-label .text-inner-tspan {
-  //   text-anchor: start;
-  // }
-
-  .node .katex path {
-    fill: #000;
-    stroke: #000;
-    stroke-width: 1px;
-  }
-
-  .node .label {
-    text-align: center;
-  }
-  .node.clickable {
-    cursor: pointer;
-  }
-
-  .arrowheadPath {
-    fill: ${e.arrowheadColor};
-  }
-
-  .edgePath .path {
-    stroke: ${e.lineColor};
-    stroke-width: 2.0px;
-  }
-
-  .flowchart-link {
-    stroke: ${e.lineColor};
-    fill: none;
-  }
-
-  .edgeLabel {
-    background-color: ${e.edgeLabelBackground};
-    rect {
-      opacity: 0.5;
-      background-color: ${e.edgeLabelBackground};
-      fill: ${e.edgeLabelBackground};
-    }
-    text-align: center;
-  }
-
-  /* For html labels only */
-  .labelBkg {
-    background-color: ${Q(e.edgeLabelBackground,.5)};
-    // background-color: 
-  }
-
-  .cluster rect {
-    fill: ${e.clusterBkg};
-    stroke: ${e.clusterBorder};
-    stroke-width: 1px;
-  }
-
-  .cluster text {
-    fill: ${e.titleColor};
-  }
-
-  .cluster span,p {
-    color: ${e.titleColor};
-  }
-  /* .cluster div {
-    color: ${e.titleColor};
-  } */
-
-  div.mermaidTooltip {
-    position: absolute;
-    text-align: center;
-    max-width: 200px;
-    padding: 2px;
-    font-family: ${e.fontFamily};
-    font-size: 12px;
-    background: ${e.tertiaryColor};
-    border: 1px solid ${e.border2};
-    border-radius: 2px;
-    pointer-events: none;
-    z-index: 100;
-  }
-
-  .flowchartTitleText {
-    text-anchor: middle;
-    font-size: 18px;
-    fill: ${e.textColor};
-  }
-`,Z=Y;exports.addHtmlLabel=D;exports.applyClass=K;exports.applyStyle=B;exports.applyTransition=O;exports.edgeToId=R;exports.flowRendererV2=J;exports.flowStyles=Z;exports.isSubgraph=M;exports.selectAll=N;

package/dist/layers.BQ6npPgH.js

@@ -1,233 +0,0 @@
-import { jsx as s, jsxs as z, Fragment as L } from "react/jsx-runtime";
-import { useState as A, useEffect as F, useRef as T, useCallback as M, useMemo as _ } from "react";
-import { i as $, A as J, j as U, F as W, d as b, k as y, m as q, u as G, n as P, o as Q, N as V, p as X, K as O, w as Y, r as Z } from "./layers.DrnLU6LM.js";
-import { useTranslation as K } from "react-i18next";
-import { M as ee, H as te } from "./layers.Cm0CZhEs.js";
-import { useMantineTheme as ie, Box as H, Tooltip as R, ActionIcon as j } from "@mantine/core";
-import { IconEdit as ne } from "@tabler/icons-react";
-const se = (e) => {
-  var m;
-  const a = (m = e == null ? void 0 : e.firstElementChild) == null ? void 0 : m.firstElementChild, u = e.getAttribute("viewBox");
-  if (u != null) {
-    const l = u.split(" ");
-    e.setAttribute("width", l[2]), e.setAttribute("height", l[3]);
-  }
-  a && a.tagName === "style" && a.remove();
-};
-function ae({
-  elements: e,
-  files: a,
-  imageContainerRef: u,
-  appState: m,
-  editor: l,
-  rootClassName: i = null,
-  width: C = "inherit",
-  height: E = "inherit",
-  nodeKey: r,
-  alignment: N,
-  setModalOpen: v
-}) {
-  const [o, w] = A(null), [p, S] = A(!1);
-  ie();
-  const { t: x } = K();
-  F(() => {
-    (async () => {
-      const n = await ee({
-        appState: m,
-        elements: e,
-        files: a
-      });
-      se(n), n.setAttribute("width", "100%"), n.setAttribute("height", "100%"), n.setAttribute("display", "block"), n.classList.add("excalidraw-svg"), w(n);
-    })();
-  }, [e, a, m]);
-  const h = (d, n) => {
-    l.update(() => {
-      W(null);
-      const g = b(r);
-      return y(g) && g.setWidthAndHeight(d, n), !0;
-    });
-  }, k = (d) => {
-    q(l, r);
-  };
-  return /* @__PURE__ */ s(
-    $,
-    {
-      editor: l,
-      isIcon: !1,
-      isEmbed: !0,
-      width: C,
-      height: E,
-      onResizeEnd: h,
-      alignment: N,
-      children: /* @__PURE__ */ z(H, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ z("div", { className: "media-actions", children: [
-          /* @__PURE__ */ s(R, { label: x("editor.link.edit"), children: /* @__PURE__ */ s(
-            j,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: () => {
-                v(!0);
-              },
-              children: /* @__PURE__ */ s(ne, { size: 14 })
-            }
-          ) }),
-          /* @__PURE__ */ s(
-            J,
-            {
-              opened: p,
-              setOpened: S,
-              t: x,
-              editor: l,
-              nodeKey: r
-            }
-          ),
-          /* @__PURE__ */ s(R, { label: x("editor.actions.delete"), children: /* @__PURE__ */ s(
-            j,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: k,
-              children: /* @__PURE__ */ s(U, { name: "trash", size: "14" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ s(
-          H,
-          {
-            w: "100%",
-            ref: (d) => {
-              d && u && (u.current = d);
-            },
-            className: i ?? "",
-            dangerouslySetInnerHTML: { __html: (o == null ? void 0 : o.outerHTML) ?? "" }
-          }
-        )
-      ] })
-    }
-  );
-}
-function fe({
-  nodeKey: e,
-  data: a,
-  width: u,
-  height: m,
-  alignment: l
-}) {
-  const [i] = G(), C = P(), [E, r] = A(
-    a === "[]" && i.isEditable()
-  ), N = T(null), v = T(null), [o, w, p] = Q(e), [S, x] = A(!1), h = M(
-    (t) => (o && (t.preventDefault(), i.update(() => {
-      const c = b(e);
-      c && c.remove();
-    })), !1),
-    [i, o, e]
-  );
-  F(() => {
-    if (!C) {
-      o && p();
-      return;
-    }
-    return V(
-      i.registerCommand(
-        Z,
-        (t) => {
-          const c = v.current, f = t.target;
-          return S ? !0 : c !== null && c.contains(f) ? (t.shiftKey || p(), w(!o), t.detail > 1 && (console.log("--- HUI"), r(!0)), !0) : !1;
-        },
-        O
-      ),
-      i.registerCommand(
-        Y,
-        h,
-        O
-      ),
-      i.registerCommand(
-        X,
-        h,
-        O
-      )
-    );
-  }, [
-    p,
-    i,
-    o,
-    S,
-    h,
-    w,
-    C
-  ]);
-  const k = M(() => (r(!1), i.update(() => {
-    const t = b(e);
-    t && t.remove();
-  })), [i, e]), d = (t, c, f) => i.update(() => {
-    const I = b(e);
-    y(I) && (t && t.length > 0 || Object.keys(f).length > 0 ? I.setData(
-      JSON.stringify({
-        appState: c,
-        elements: t,
-        files: f
-      })
-    ) : I.remove());
-  }), {
-    elements: n = [],
-    files: g = {},
-    appState: D = {}
-  } = _(() => JSON.parse(a), [a]), B = M(() => {
-    r(!1), n.length === 0 && i.update(() => {
-      const t = b(e);
-      t && t.remove();
-    });
-  }, [i, e, n.length]);
-  return /* @__PURE__ */ z(L, { children: [
-    /* @__PURE__ */ s(
-      te,
-      {
-        initialElements: n,
-        initialFiles: g,
-        initialAppState: D,
-        isShown: E,
-        onDelete: k,
-        onClose: B,
-        onSave: (t, c, f) => {
-          d(t, c, f), r(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    n.length > 0 && /* @__PURE__ */ s(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: l
-        },
-        children: /* @__PURE__ */ s(
-          ae,
-          {
-            imageContainerRef: N,
-            className: "image",
-            elements: n,
-            files: g,
-            appState: D,
-            width: u,
-            height: m,
-            editor: i,
-            nodeKey: e,
-            alignment: l,
-            setModalOpen: r
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  fe as default
-};

package/dist/layers.C9iY2R_h.js

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

package/dist/layers.CBEz3_EB.js

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

package/dist/layers.CBbaCeuK.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.C4OM6OAm.js";
-import "./layers.Cm0CZhEs.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.CPl73MCu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),t=require("./layers.D0SEvNkI.js"),M=require("@mantine/core");function P(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var F=P(function(e){const l=new URLSearchParams;l.append("code",e);for(let a=1;a<arguments.length;a++)l.append("v",arguments[a]);throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${l} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)});function R(e){const l=e.transform();return l!==null?new Set([l]):new Set}function K({initialEditor:e,children:l,initialNodes:a,initialTheme:d,skipCollabChecks:i}){const c=r.useRef(!1),o=r.useContext(t.l$1);o==null&&F(9);const[g,{getTheme:S}]=o,_=r.useMemo(()=>{const m=d||S()||void 0,h=t.o(o,m);if(m!==void 0&&(e._config.theme=m),e._parentEditor=g,a)for(let s of a){let w=null,x=null;if(typeof s!="function"){const C=s;s=C.replace,w=C.with,x=C.withKlass||null}const E=e._nodes.get(s.getType());e._nodes.set(s.getType(),{exportDOM:E?E.exportDOM:void 0,klass:s,replace:w,replaceWithKlass:x,transforms:R(s)})}else{const s=e._nodes=new Map(g._nodes);for(const[w,x]of s)e._nodes.set(w,{exportDOM:x.exportDOM,klass:x.klass,replace:x.replace,replaceWithKlass:x.replaceWithKlass,transforms:R(x.klass)})}return e._config.namespace=g._config.namespace,e._editable=g._editable,[e,h]},[]),{isCollabActive:j,yjsDocMap:b}=t.l(),f=i||c.current||b.has(e.getKey());return r.useEffect(()=>{f&&(c.current=!0)},[f]),r.useEffect(()=>g.registerEditableListener(m=>{e.setEditable(m)}),[e,g]),n.jsx(t.l$1.Provider,{value:_,children:!j||f?l:null})}function L({"data-test-id":e,children:l,className:a,onClick:d,disabled:i,small:c,title:o}){return n.jsx(M.Button,{onClick:d,disabled:i,variant:"filled",children:l})}function O({children:e,className:l}){return n.jsx("div",{className:l||"Placeholder__root",children:e})}function $({children:e,label:l,className:a,...d}){return n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("label",{style:{marginTop:"-1em"},className:"Input__label",children:l}),n.jsx("select",{...d,className:a||"select",children:e})]})}function B({label:e,value:l,onChange:a,placeholder:d="","data-test-id":i,type:c="text"}){return n.jsx(M.TextInput,{type:c,placeholder:d,value:l,onChange:o=>{a(o.target.value)},label:e,"data-test-id":i,mb:10})}const y=new Set;function U(e){if(!y.has(e))throw new Promise(l=>{const a=new Image;a.src=e,a.onload=()=>{y.add(e),l(null)}})}function q({altText:e,className:l,imageRef:a,src:d,width:i,height:c,position:o}){return U(d),n.jsx("img",{className:l||void 0,src:d,alt:e,ref:a,"data-position":o,style:{display:"block",height:c,width:i},draggable:"false"})}function T({activeEditor:e,nodeKey:l,onClose:a}){const i=e.getEditorState().read(()=>t.Ct(l)),[c,o]=r.useState(i.getAltText()),[g,S]=r.useState(i.getShowCaption()),[_,j]=r.useState(i.getPosition()),b=h=>{S(h.target.checked)},f=h=>{j(h.target.value)},m=()=>{const h={altText:c,position:_,showCaption:g};i&&e.update(()=>{i.update(h)}),a()};return n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{marginBottom:"1em"},children:n.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:o,value:c,"data-test-id":"image-modal-alt-text-input"})}),n.jsxs($,{style:{marginBottom:"1em",width:"208px"},value:_,label:"Position",name:"position",id:"position-select",onChange:f,children:[n.jsx("option",{value:"left",children:"Left"}),n.jsx("option",{value:"right",children:"Right"}),n.jsx("option",{value:"full",children:"Full Width"})]}),n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("input",{id:"caption",type:"checkbox",checked:g,onChange:b}),n.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),n.jsx(L,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>m(),children:"Применить"})]})}function A({src:e,altText:l,nodeKey:a,width:d,height:i,showCaption:c,caption:o,position:g}){const[S,_]=t.useModal(),j=r.useRef(null),b=r.useRef(null),[f,m,h]=t.u$1(a),[s]=t.u(),[w,x]=r.useState(null),E=r.useRef(null),C=r.useCallback(p=>{if(f&&t.wi(t.Ri())){p.preventDefault();const u=t.Ct(a);t.$isInlineImageNode(u)&&u.remove()}return!1},[f,a]),k=r.useCallback(p=>{const v=t.Ri(),u=b.current;if(f&&t.wi(v)&&v.getNodes().length===1){if(c)return t.Ft(null),p.preventDefault(),o.focus(),!0;if(u!==null&&u!==document.activeElement)return p.preventDefault(),u.focus(),!0}return!1},[o,f,c]),N=r.useCallback(p=>E.current===o||b.current===p.target?(t.Ft(null),s.update(()=>{m(!0);const v=s.getRootElement();v!==null&&v.focus()}),!0):!1,[o,s,m]);r.useEffect(()=>{let p=!0;const v=t.N(s.registerUpdateListener(({editorState:u})=>{p&&x(u.read(()=>t.Ri()))}),s.registerCommand(t.t,(u,I)=>(E.current=I,!1),t.Ks),s.registerCommand(t.r,u=>{const I=u;return I.target===j.current?(I.shiftKey?m(!f):(h(),m(!0)),!0):!1},t.Ks),s.registerCommand(t.D,u=>u.target===j.current?(u.preventDefault(),!0):!1,t.Ks),s.registerCommand(t.w,C,t.Ks),s.registerCommand(t.k,C,t.Ks),s.registerCommand(t.C,k,t.Ks),s.registerCommand(t.b,N,t.Ks));return()=>{p=!1,v()}},[h,s,f,a,C,k,N,m]);const D=f;return n.jsxs(r.Suspense,{fallback:null,children:[n.jsxs(n.Fragment,{children:[n.jsxs("div",{draggable:!1,children:[n.jsx("button",{className:"image-edit-button",ref:b,onClick:()=>{_("Update Inline Image",p=>n.jsx(T,{activeEditor:s,nodeKey:a,onClose:p}))},children:"Edit"}),n.jsx(q,{className:D?`focused ${t.wi(w)?"draggable":""}`:null,src:e,altText:l,imageRef:j,width:d,height:i,position:g})]}),c&&n.jsx("div",{className:"image-caption-container",children:n.jsxs(K,{initialEditor:o,children:[n.jsx(t.LinkPlugin,{}),n.jsx(t.FloatingTextFormatToolbarPlugin,{}),n.jsx(t.h,{contentEditable:n.jsx(t.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:n.jsx(O,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:t.a$1})]})})]}),S]})}exports.UpdateInlineImageDialog=T;exports.default=A;

package/dist/layers.Ccz6uXbl.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),e=require("./layers.D0SEvNkI.js"),T=require("react-i18next"),R=require("./layers.BLNuoml0.js"),x=require("@mantine/core"),z=require("@tabler/icons-react"),q=t=>{var h;const r=(h=t==null?void 0:t.firstElementChild)==null?void 0:h.firstElementChild,m=t.getAttribute("viewBox");if(m!=null){const o=m.split(" ");t.setAttribute("width",o[2]),t.setAttribute("height",o[3])}r&&r.tagName==="style"&&r.remove()};function D({elements:t,files:r,imageContainerRef:m,appState:h,editor:o,rootClassName:i=null,width:S="inherit",height:A="inherit",nodeKey:c,alignment:N,setModalOpen:v}){const[u,j]=a.useState(null),[p,w]=a.useState(!1);x.useMantineTheme();const{t:E}=T.useTranslation();a.useEffect(()=>{(async()=>{const l=await R.r9({appState:h,elements:t,files:r});q(l),l.setAttribute("width","100%"),l.setAttribute("height","100%"),l.setAttribute("display","block"),l.classList.add("excalidraw-svg"),j(l)})()},[t,r,h]);const b=(f,l)=>{o.update(()=>{e.Ft(null);const C=e.Ct(c);return e.$isExcalidrawNode(C)&&C.setWidthAndHeight(f,l),!0})},I=f=>{e.deleteNode(o,c)};return n.jsx(e.ResizableContainer,{editor:o,isIcon:!1,isEmbed:!0,width:S,height:A,onResizeEnd:b,alignment:N,children:n.jsxs(x.Box,{className:"media-wrapper excaildraw",children:[n.jsxs("div",{className:"media-actions",children:[n.jsx(x.Tooltip,{label:E("editor.link.edit"),children:n.jsx(x.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:()=>{v(!0)},children:n.jsx(z.IconEdit,{size:14})})}),n.jsx(e.AlignmentImage,{opened:p,setOpened:w,t:E,editor:o,nodeKey:c}),n.jsx(x.Tooltip,{label:E("editor.actions.delete"),children:n.jsx(x.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:I,children:n.jsx(e.Icon,{name:"trash",size:"14"})})})]}),n.jsx(x.Box,{w:"100%",ref:f=>{f&&m&&(m.current=f)},className:i??"",dangerouslySetInnerHTML:{__html:(u==null?void 0:u.outerHTML)??""}})]})})}function y({nodeKey:t,data:r,width:m,height:h,alignment:o}){const[i]=e.u(),S=e.a(),[A,c]=a.useState(r==="[]"&&i.isEditable()),N=a.useRef(null),v=a.useRef(null),[u,j,p]=e.u$1(t),[w,E]=a.useState(!1),b=a.useCallback(s=>(u&&(s.preventDefault(),i.update(()=>{const d=e.Ct(t);d&&d.remove()})),!1),[i,u,t]);a.useEffect(()=>{if(!S){u&&p();return}return e.N(i.registerCommand(e.r,s=>{const d=v.current,g=s.target;return w?!0:d!==null&&d.contains(g)?(s.shiftKey||p(),j(!u),s.detail>1&&(console.log("--- HUI"),c(!0)),!0):!1},e.Ks),i.registerCommand(e.w,b,e.Ks),i.registerCommand(e.k,b,e.Ks))},[p,i,u,w,b,j,S]);const I=a.useCallback(()=>(c(!1),i.update(()=>{const s=e.Ct(t);s&&s.remove()})),[i,t]),f=(s,d,g)=>i.update(()=>{const k=e.Ct(t);e.$isExcalidrawNode(k)&&(s&&s.length>0||Object.keys(g).length>0?k.setData(JSON.stringify({appState:d,elements:s,files:g})):k.remove())}),{elements:l=[],files:C={},appState:O={}}=a.useMemo(()=>JSON.parse(r),[r]),M=a.useCallback(()=>{c(!1),l.length===0&&i.update(()=>{const s=e.Ct(t);s&&s.remove()})},[i,t,l.length]);return n.jsxs(n.Fragment,{children:[n.jsx(R.ExcalidrawModal,{initialElements:l,initialFiles:C,initialAppState:O,isShown:A,onDelete:I,onClose:M,onSave:(s,d,g)=>{f(s,d,g),c(!1)},closeOnClickOutside:!1}),l.length>0&&n.jsx("div",{style:{display:"flex",justifyContent:o},children:n.jsx(D,{imageContainerRef:N,className:"image",elements:l,files:C,appState:O,width:m,height:h,editor:i,nodeKey:t,alignment:o,setModalOpen:c})})]})}exports.default=y;