@layers-app/shared 0.0.26 → 0.0.28

package/dist/layers.Cv0RBArs-D32HURxV.js

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