@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.10

package/dist/modules/editor/components/NodeView/LinkerNodeView.js

@@ -1,10 +1,11 @@
-import { Linker } from "@edifice.io/tiptap-extensions";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const LinkerNodeView = (Component) => Linker.extend({
+import { Linker as r } from "@edifice.io/tiptap-extensions";
+import { ReactNodeViewRenderer as o } from "@tiptap/react";
+const i = (e) => r.extend({
   addNodeView() {
-    return ReactNodeViewRenderer(Component);
+    return o(e);
   }
 });
 export {
-  LinkerNodeView as default
+  i as default
 };
+//# sourceMappingURL=LinkerNodeView.js.map

package/dist/modules/editor/components/NodeView/LinkerNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerNodeView.js","sources":["../../../../../src/modules/editor/components/NodeView/LinkerNodeView.ts"],"sourcesContent":["import { Linker } from '@edifice.io/tiptap-extensions';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\n\nconst LinkerNodeView = (Component: any) =>\n  Linker.extend({\n    addNodeView() {\n      return ReactNodeViewRenderer(Component);\n    },\n  });\n\nexport default LinkerNodeView;\n"],"names":["LinkerNodeView","Component","Linker","extend","addNodeView","ReactNodeViewRenderer"],"mappings":";;AAGA,MAAMA,IAAiBA,CAACC,MACtBC,EAAOC,OAAO;AAAA,EACZC,cAAc;AACZ,WAAOC,EAAsBJ,CAAS;AAAA,EACxC;AACF,CAAC;"}

package/dist/modules/editor/components/NodeView/VideoNodeView.js

@@ -1,10 +1,11 @@
-import { Video } from "@edifice.io/tiptap-extensions";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const VideoNodeView = (Component) => Video.extend({
+import { Video as o } from "@edifice.io/tiptap-extensions";
+import { ReactNodeViewRenderer as d } from "@tiptap/react";
+const i = (e) => o.extend({
   addNodeView() {
-    return ReactNodeViewRenderer(Component);
+    return d(e);
   }
 });
 export {
-  VideoNodeView as default
+  i as default
 };
+//# sourceMappingURL=VideoNodeView.js.map

package/dist/modules/editor/components/NodeView/VideoNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoNodeView.js","sources":["../../../../../src/modules/editor/components/NodeView/VideoNodeView.tsx"],"sourcesContent":["import { Video } from '@edifice.io/tiptap-extensions';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\n\nconst VideoNodeView = (Component: any) =>\n  Video.extend({\n    addNodeView() {\n      return ReactNodeViewRenderer(Component);\n    },\n  });\n\nexport default VideoNodeView;\n"],"names":["VideoNodeView","Component","Video","extend","addNodeView","ReactNodeViewRenderer"],"mappings":";;AAGA,MAAMA,IAAgBA,CAACC,MACrBC,EAAMC,OAAO;AAAA,EACXC,cAAc;AACZ,WAAOC,EAAsBJ,CAAS;AAAA,EACxC;AACF,CAAC;"}

package/dist/modules/editor/components/Renderer/AttachmentRenderer.js

@@ -1,34 +1,35 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { NodeViewWrapper } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import { Attachment } from "../../../../components/Attachment/Attachment.js";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
-import { Grid } from "../../../../components/Grid/Grid.js";
-import { IconButton } from "../../../../components/Button/IconButton.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-const AttachmentRenderer = (props) => {
+import { jsx as t, jsxs as a, Fragment as u } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { NodeViewWrapper as g } from "@tiptap/react";
+import { useTranslation as w } from "react-i18next";
+import { Attachment as y } from "../../../../components/Attachment/Attachment.js";
+import { useEditorContext as C } from "../../hooks/useEditorContext.js";
+import { Grid as i } from "../../../../components/Grid/Grid.js";
+import { IconButton as m } from "../../../../components/Button/IconButton.js";
+import { Icon as l } from "../../../../components/Icon/Icon.js";
+const D = (d) => {
   const {
-    t
-  } = useTranslation(), {
-    node
-  } = props, {
-    editable
-  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index) => {
-    setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+    t: n
+  } = w(), {
+    node: c
+  } = d, {
+    editable: s
+  } = C(), [e, p] = b(c.attrs.links), h = (o) => {
+    p((r) => r.filter((F, f) => f !== o));
   };
-  return attachmentArrayAttrs.length !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
+  return e.length !== 0 && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ a("div", { style: {
     backgroundColor: "#F2F2F2",
     borderRadius: ".8rem",
     padding: "1.2rem"
   }, "data-drag-handle": !0, children: [
-    /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
-    /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("a", { href: attachment.href, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(Icon, { name: "download" }), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(Icon, { name: "delete" }), variant: "ghost", onClick: () => handleDelete(index) })
-    ] }) }) }, index)) })
+    /* @__PURE__ */ t("p", { className: "m-12 mt-0", children: n("tiptap.attachments.bloc") }),
+    /* @__PURE__ */ t(i, { children: e == null ? void 0 : e.map((o, r) => /* @__PURE__ */ t(i.Col, { sm: "6", children: /* @__PURE__ */ t(y, { name: o.name, options: /* @__PURE__ */ a(u, { children: [
+      /* @__PURE__ */ t("a", { href: o.href, download: !0, children: /* @__PURE__ */ t(m, { "aria-label": n("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ t(l, { name: "download" }), variant: "ghost" }) }),
+      s && /* @__PURE__ */ t(m, { "aria-label": n("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ t(l, { name: "delete" }), variant: "ghost", onClick: () => h(r) })
+    ] }) }) }, r)) })
   ] }) });
 };
 export {
-  AttachmentRenderer
+  D as AttachmentRenderer
 };
+//# sourceMappingURL=AttachmentRenderer.js.map

package/dist/modules/editor/components/Renderer/AttachmentRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/AttachmentRenderer.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Editor, NodeViewWrapper } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useEditorContext } from '../..';\nimport { Attachment, Grid, Icon, IconButton } from '../../../..';\n\ninterface AttachmentProps {\n  editor: Editor;\n  [x: string]: any;\n}\n\ninterface AttachmentAttrsProps {\n  name: string;\n  href: string;\n  documentId: string;\n  dataContentType: string;\n}\n\nexport const AttachmentRenderer = (props: AttachmentProps) => {\n  const { t } = useTranslation();\n\n  const { node } = props;\n\n  const { editable } = useEditorContext();\n\n  const [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState<\n    AttachmentAttrsProps[]\n  >(node.attrs.links);\n\n  const handleDelete = (index: any) => {\n    setAttachmentArrayAttrs((oldAttachments) =>\n      oldAttachments.filter((_, i) => i !== index),\n    );\n  };\n\n  return (\n    attachmentArrayAttrs.length !== 0 && (\n      <NodeViewWrapper>\n        <div\n          style={{\n            backgroundColor: '#F2F2F2',\n            borderRadius: '.8rem',\n            padding: '1.2rem',\n          }}\n          data-drag-handle\n        >\n          <p className=\"m-12 mt-0\">{t('tiptap.attachments.bloc')}</p>\n          <Grid>\n            {attachmentArrayAttrs?.map((attachment, index) => (\n              <Grid.Col sm=\"6\" key={index}>\n                <Attachment\n                  name={attachment.name}\n                  options={\n                    <>\n                      <a href={attachment.href} download>\n                        <IconButton\n                          aria-label={t('tiptap.attachments.download')}\n                          color=\"tertiary\"\n                          type=\"button\"\n                          icon={<Icon name=\"download\" />}\n                          variant=\"ghost\"\n                        />\n                      </a>\n                      {editable && (\n                        <IconButton\n                          aria-label={t('tiptap.attachments.delete')}\n                          color=\"danger\"\n                          type=\"button\"\n                          icon={<Icon name=\"delete\" />}\n                          variant=\"ghost\"\n                          onClick={() => handleDelete(index)}\n                        />\n                      )}\n                    </>\n                  }\n                />\n              </Grid.Col>\n            ))}\n          </Grid>\n        </div>\n      </NodeViewWrapper>\n    )\n  );\n};\n"],"names":["AttachmentRenderer","props","t","useTranslation","node","editable","useEditorContext","attachmentArrayAttrs","setAttachmentArrayAttrs","useState","attrs","links","handleDelete","index","oldAttachments","filter","_","i","length","NodeViewWrapper","jsxs","backgroundColor","borderRadius","padding","jsx","Grid","map","attachment","Attachment","name","Fragment","href","IconButton","Icon"],"mappings":";;;;;;;;;AAoBaA,MAAAA,IAAqBA,CAACC,MAA2B;AACtD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,MAAAA;AAAAA,EAASH,IAAAA,GAEX;AAAA,IAAEI,UAAAA;AAAAA,MAAaC,EAAiB,GAEhC,CAACC,GAAsBC,CAAuB,IAAIC,EAEtDL,EAAKM,MAAMC,KAAK,GAEZC,IAAeA,CAACC,MAAe;AACVC,IAAAA,EAAAA,CAAAA,MACvBA,EAAeC,OAAO,CAACC,GAAGC,MAAMA,MAAMJ,CAAK,CAC7C;AAAA,EAAA;AAGF,SACEN,EAAqBW,WAAW,uBAC7BC,GACC,EAAA,UAAA,gBAAAC,EAAC,SACC,OAAO;AAAA,IACLC,iBAAiB;AAAA,IACjBC,cAAc;AAAA,IACdC,SAAS;AAAA,EAAA,GAEX,oBAAgB,IAEhB,UAAA;AAAA,IAAA,gBAAAC,EAAC,KAAE,EAAA,WAAU,aAAatB,UAAAA,EAAE,yBAAyB,GAAE;AAAA,sBACtDuB,GACElB,EAAAA,UAAAA,KAAAA,gBAAAA,EAAsBmB,IAAI,CAACC,GAAYd,MACrC,gBAAAW,EAAAC,EAAK,KAAL,EAAS,IAAG,KACX,UAAC,gBAAAD,EAAAI,GAAA,EACC,MAAMD,EAAWE,MACjB,SAEI,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAN,EAAA,KAAA,EAAE,MAAMG,EAAWI,MAAM,UAAQ,IAChC,UAAC,gBAAAP,EAAAQ,GAAA,EACC,cAAY9B,EAAE,6BAA6B,GAC3C,OAAM,YACN,MAAK,UACL,MAAO,gBAAAsB,EAAAS,GAAA,EAAK,MAAK,WAAa,CAAA,GAC9B,SAAQ,QAAA,CAAO,EAEnB,CAAA;AAAA,MACC5B,uBACE2B,GACC,EAAA,cAAY9B,EAAE,2BAA2B,GACzC,OAAM,UACN,MAAK,UACL,MAAO,gBAAAsB,EAAAS,GAAA,EAAK,MAAK,SAAQ,CAAA,GACzB,SAAQ,SACR,SAAS,MAAMrB,EAAaC,CAAK,EAEpC,CAAA;AAAA,IAAA,EAAA,CACH,EACD,CAAA,EAAA,GAzBiBA,CA2BtB,GAEJ,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAGN;"}

package/dist/modules/editor/components/Renderer/AudioRenderer.js

@@ -1,11 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { NodeViewWrapper } from "@tiptap/react";
-const AudioRenderer = (props) => {
+import { jsx as r } from "react/jsx-runtime";
+import { NodeViewWrapper as t } from "@tiptap/react";
+const i = (o) => {
   const {
-    node
-  } = props;
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx("div", { className: "audio-wrapper", children: /* @__PURE__ */ jsx("audio", { src: node.attrs.src, controls: !0, "data-document-id": node.attrs.src, children: /* @__PURE__ */ jsx("track", { kind: "captions" }) }) }) });
+    node: e
+  } = o;
+  return /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { className: "audio-wrapper", children: /* @__PURE__ */ r("audio", { src: e.attrs.src, controls: !0, "data-document-id": e.attrs.src, children: /* @__PURE__ */ r("track", { kind: "captions" }) }) }) });
 };
 export {
-  AudioRenderer
+  i as AudioRenderer
 };
+//# sourceMappingURL=AudioRenderer.js.map

package/dist/modules/editor/components/Renderer/AudioRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/AudioRenderer.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from '@tiptap/react';\n\ninterface AudioProps {\n  editor: Editor;\n  [x: string]: any;\n}\n\nexport const AudioRenderer = (props: AudioProps) => {\n  const { node } = props;\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"audio-wrapper\">\n        <audio src={node.attrs.src} controls data-document-id={node.attrs.src}>\n          <track kind=\"captions\" />\n        </audio>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["AudioRenderer","props","node","jsx","NodeViewWrapper","attrs","src"],"mappings":";;AAOaA,MAAAA,IAAgBA,CAACC,MAAsB;AAC5C,QAAA;AAAA,IAAEC,MAAAA;AAAAA,EAASD,IAAAA;AAGf,SAAA,gBAAAE,EAACC,GACC,EAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,iBACb,UAAC,gBAAAA,EAAA,SAAA,EAAM,KAAKD,EAAKG,MAAMC,KAAK,UAAQ,IAAC,oBAAkBJ,EAAKG,MAAMC,KAChE,UAAA,gBAAAH,EAAC,WAAM,MAAK,WAAA,CAAU,EACxB,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/modules/editor/components/Renderer/LinkerRenderer.js

@@ -1,34 +1,35 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { NodeViewWrapper } from "@tiptap/react";
-import clsx from "clsx";
-import useOdeIcons from "../../../../core/useOdeIcons/useOdeIcons.js";
-import { Badge } from "../../../../components/Badge/Badge.js";
-import { AppIcon } from "../../../../components/AppIcon/AppIcon.js";
-const LinkerRenderer = ({
-  selected,
-  ...props
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { NodeViewWrapper as x } from "@tiptap/react";
+import h from "clsx";
+import k from "../../../../core/useOdeIcons/useOdeIcons.js";
+import { Badge as b } from "../../../../components/Badge/Badge.js";
+import { AppIcon as u } from "../../../../components/AppIcon/AppIcon.js";
+const v = ({
+  selected: n,
+  ...r
 }) => {
   const {
-    getIconCode
-  } = useOdeIcons(), {
-    editor,
-    node
-  } = props, {
-    class: className,
-    title,
-    "data-app-prefix": appPrefix,
-    href,
-    target
-  } = node.attrs, classes = clsx("align-middle badge-linker c-pointer mx-4 my-2", className, selected && "bg-secondary-200"), appCode = getIconCode(appPrefix);
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { as: "span", contentEditable: !1, children: /* @__PURE__ */ jsxs(Badge, { variant: {
+    getIconCode: o
+  } = k(), {
+    editor: t,
+    node: a
+  } = r, {
+    class: s,
+    title: i,
+    "data-app-prefix": c,
+    href: d,
+    target: l
+  } = a.attrs, p = h("align-middle badge-linker c-pointer mx-4 my-2", s, n && "bg-secondary-200"), m = o(c);
+  return /* @__PURE__ */ e(x, { as: "span", contentEditable: !1, children: /* @__PURE__ */ g(b, { variant: {
     type: "link"
-  }, className: classes, onClick: (event) => {
-    editor && !editor.isEditable && (event.preventDefault(), window.open(href ?? "about:blank", target ?? "_self"));
+  }, className: p, onClick: (f) => {
+    t && !t.isEditable && (f.preventDefault(), window.open(d ?? "about:blank", l ?? "_self"));
   }, "data-drag-handle": !0, children: [
-    /* @__PURE__ */ jsx(AppIcon, { size: "24", app: appCode }),
-    /* @__PURE__ */ jsx("span", { className: "ms-8 text-truncate", children: title || node.textContent })
+    /* @__PURE__ */ e(u, { size: "24", app: m }),
+    /* @__PURE__ */ e("span", { className: "ms-8 text-truncate", children: i || a.textContent })
   ] }) });
 };
 export {
-  LinkerRenderer
+  v as LinkerRenderer
 };
+//# sourceMappingURL=LinkerRenderer.js.map

package/dist/modules/editor/components/Renderer/LinkerRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/LinkerRenderer.tsx"],"sourcesContent":["import { MouseEventHandler } from 'react';\n\nimport { Node } from '@tiptap/pm/model';\nimport { Editor, NodeViewWrapper } from '@tiptap/react';\nimport clsx from 'clsx';\nimport { AppIcon, Badge, useOdeIcons } from '../../../..';\n\ninterface LinkerProps {\n  selected: boolean;\n  editor: Editor;\n  node: Node;\n}\n\nexport const LinkerRenderer = ({ selected, ...props }: LinkerProps) => {\n  const { getIconCode } = useOdeIcons();\n  const { editor, node } = props;\n  const {\n    class: className,\n    title,\n    'data-app-prefix': appPrefix,\n    href,\n    target,\n  } = node.attrs;\n\n  const classes = clsx(\n    'align-middle badge-linker c-pointer mx-4 my-2',\n    className,\n    selected && 'bg-secondary-200',\n  );\n\n  const appCode = getIconCode(appPrefix);\n\n  const handleBadgeClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    // Clicking a linker badge in read mode opens the link\n    if (editor && !editor.isEditable) {\n      event.preventDefault();\n      window.open(href ?? 'about:blank', target ?? '_self');\n    }\n  };\n\n  return (\n    <NodeViewWrapper as=\"span\" contentEditable={false}>\n      <Badge\n        variant={{ type: 'link' }}\n        className={classes}\n        onClick={handleBadgeClick}\n        data-drag-handle\n      >\n        <AppIcon size=\"24\" app={appCode} />\n        <span className=\"ms-8 text-truncate\">{title || node.textContent}</span>\n      </Badge>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["LinkerRenderer","selected","props","getIconCode","useOdeIcons","editor","node","class","className","title","appPrefix","href","target","attrs","classes","clsx","appCode","jsx","NodeViewWrapper","jsxs","Badge","type","event","isEditable","preventDefault","window","open","AppIcon","textContent"],"mappings":";;;;;;AAaO,MAAMA,IAAiBA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAmB,MAAM;AAC/D,QAAA;AAAA,IAAEC,aAAAA;AAAAA,MAAgBC,EAAY,GAC9B;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,EAASJ,IAAAA,GACnB;AAAA,IACJK,OAAOC;AAAAA,IACPC,OAAAA;AAAAA,IACA,mBAAmBC;AAAAA,IACnBC,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,EAAAA,IACEN,EAAKO,OAEHC,IAAUC,EACd,iDACAP,GACAP,KAAY,kBACd,GAEMe,IAAUb,EAAYO,CAAS;AAWnC,SAAA,gBAAAO,EAACC,KAAgB,IAAG,QAAO,iBAAiB,IAC1C,UAAA,gBAAAC,EAACC,KACC,SAAS;AAAA,IAAEC,MAAM;AAAA,EAAA,GACjB,WAAWP,GACX,SAbwDQ,CAAUA,MAAA;AAElEjB,IAAAA,KAAU,CAACA,EAAOkB,eACpBD,EAAME,eAAe,GACrBC,OAAOC,KAAKf,KAAQ,eAAeC,KAAU,OAAO;AAAA,EACtD,GASI,oBAAgB,IAEhB,UAAA;AAAA,IAAA,gBAAAK,EAACU,GAAQ,EAAA,MAAK,MAAK,KAAKX,GAAQ;AAAA,sBAC/B,QAAK,EAAA,WAAU,sBAAsBP,UAAAA,KAASH,EAAKsB,aAAY;AAAA,EAAA,EAClE,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/editor/components/Renderer/MediaRenderer.js

@@ -1,25 +1,25 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { NodeViewWrapper } from "@tiptap/react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import useBrowserInfo from "../../../../hooks/useBrowserInfo/useBrowserInfo.js";
-import { useResizeMedia } from "../../hooks/useResizeMedia.js";
-import { Image } from "../../../../components/Image/Image.js";
-const MediaRenderer = (props) => {
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { useRef as g, useEffect as v } from "react";
+import { odeServices as w } from "@edifice.io/ts-client";
+import { NodeViewWrapper as R } from "@tiptap/react";
+import { useTranslation as z } from "react-i18next";
+import y from "../../../../hooks/useBrowserInfo/useBrowserInfo.js";
+import { useResizeMedia as V } from "../../hooks/useResizeMedia.js";
+import { Image as I } from "../../../../components/Image/Image.js";
+const A = (a) => {
   const {
-    node
-  } = props, {
-    t
-  } = useTranslation(), {
-    browser,
-    device
-  } = useBrowserInfo(navigator.userAgent), resizableMedia = useRef(null), {
-    startVerticalResize,
-    stopVerticalResize,
-    isVerticalResizeActive
-  } = useResizeMedia(props, resizableMedia), alignContent = (textalign) => {
-    switch (textalign) {
+    node: t
+  } = a, {
+    t: c
+  } = z(), {
+    browser: o,
+    device: d
+  } = y(navigator.userAgent), r = g(null), {
+    startVerticalResize: m,
+    stopVerticalResize: u,
+    isVerticalResizeActive: l
+  } = V(a, r), f = (e) => {
+    switch (e) {
       case "center":
       case "justify":
         return {
@@ -40,30 +40,31 @@ const MediaRenderer = (props) => {
       default:
         return {};
     }
-  }, onVideoPlay = () => {
-    if (resizableMedia.current instanceof HTMLVideoElement) {
-      const videoElement = resizableMedia.current, videoId = videoElement.dataset.documentId, isCaptation = (videoElement.dataset.documentIsCaptation || "false") === "true";
-      videoId && odeServices.data().trackVideoRead(videoId, isCaptation, window.location.hostname, `${browser.name} ${browser.version}`, device.type);
+  }, n = () => {
+    if (r.current instanceof HTMLVideoElement) {
+      const e = r.current, s = e.dataset.documentId, p = (e.dataset.documentIsCaptation || "false") === "true";
+      s && w.data().trackVideoRead(s, p, window.location.hostname, `${o.name} ${o.version}`, d.type);
     }
   };
-  return useEffect(() => {
-    if (!resizableMedia.current) return;
-    const element = resizableMedia.current;
-    return element.addEventListener("play", onVideoPlay), () => {
-      element.removeEventListener("play", onVideoPlay);
+  return v(() => {
+    if (!r.current) return;
+    const e = r.current;
+    return e.addEventListener("play", n), () => {
+      e.removeEventListener("play", n);
     };
-  }, []), /* @__PURE__ */ jsx(NodeViewWrapper, { style: alignContent(node.attrs.textAlign), children: /* @__PURE__ */ jsxs("div", { className: "media-node-view", children: [
-    /* @__PURE__ */ jsx("div", { "data-drag-handle": !0, children: node.type.name === "custom-image" ? /* @__PURE__ */ jsx(Image, { ...node.attrs, className: "custom-image", ref: resizableMedia }) : (
+  }, []), /* @__PURE__ */ i(R, { style: f(t.attrs.textAlign), children: /* @__PURE__ */ h("div", { className: "media-node-view", children: [
+    /* @__PURE__ */ i("div", { "data-drag-handle": !0, children: t.type.name === "custom-image" ? /* @__PURE__ */ i(I, { ...t.attrs, className: "custom-image", ref: r }) : (
       // eslint-disable-next-line jsx-a11y/media-has-caption
-      /* @__PURE__ */ jsx("video", { ref: resizableMedia, controls: node.attrs.controls, src: node.attrs.src, width: node.attrs.width, height: node.attrs.height, "data-video-resolution": `${node.attrs.width}x${node.attrs.height}`, "data-document-id": node.attrs.documentId, "data-document-is-captation": node.attrs.isCaptation, children: /* @__PURE__ */ jsx("source", { src: node.attrs.src }) })
+      /* @__PURE__ */ i("video", { ref: r, controls: t.attrs.controls, src: t.attrs.src, width: t.attrs.width, height: t.attrs.height, "data-video-resolution": `${t.attrs.width}x${t.attrs.height}`, "data-document-id": t.attrs.documentId, "data-document-is-captation": t.attrs.isCaptation, children: /* @__PURE__ */ i("source", { src: t.attrs.src }) })
     ) }),
-    /* @__PURE__ */ jsx("div", { className: `vertical-resize-handle ${isVerticalResizeActive ? "vertical-resize-active" : ""}`, title: t("tiptap.media.resize"), onMouseDown: (e) => {
-      e.stopPropagation(), startVerticalResize(e);
+    /* @__PURE__ */ i("div", { className: `vertical-resize-handle ${l ? "vertical-resize-active" : ""}`, title: c("tiptap.media.resize"), onMouseDown: (e) => {
+      e.stopPropagation(), m(e);
     }, onMouseUp: (e) => {
-      e.stopPropagation(), stopVerticalResize();
+      e.stopPropagation(), u();
     } })
   ] }) });
 };
 export {
-  MediaRenderer
+  A as MediaRenderer
 };
+//# sourceMappingURL=MediaRenderer.js.map

package/dist/modules/editor/components/Renderer/MediaRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/MediaRenderer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { useEffect, useRef } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Image, useBrowserInfo } from '../../../..';\nimport { MediaResizeProps, useResizeMedia } from '../../hooks';\n\nexport const MediaRenderer = (props: MediaResizeProps) => {\n  const { node } = props;\n\n  const { t } = useTranslation();\n\n  const { browser, device } = useBrowserInfo(navigator.userAgent);\n\n  const resizableMedia = useRef<HTMLImageElement | HTMLVideoElement>(null);\n\n  const { startVerticalResize, stopVerticalResize, isVerticalResizeActive } =\n    useResizeMedia(props, resizableMedia);\n\n  const alignContent = (textalign: string) => {\n    switch (textalign) {\n      case 'center':\n      case 'justify':\n        return {\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          width: 'fit-content',\n        };\n      case 'left':\n        return { marginRight: 'auto', width: 'fit-content' };\n      case 'right':\n        return { marginLeft: 'auto', width: 'fit-content' };\n      default:\n        return {};\n    }\n  };\n\n  const onVideoPlay = () => {\n    if (resizableMedia.current instanceof HTMLVideoElement) {\n      const videoElement: HTMLVideoElement = resizableMedia.current;\n      const videoId = videoElement.dataset.documentId;\n      const isCaptation =\n        (videoElement.dataset.documentIsCaptation || 'false') === 'true';\n\n      videoId &&\n        odeServices\n          .data()\n          .trackVideoRead(\n            videoId,\n            isCaptation,\n            window.location.hostname,\n            `${browser.name} ${browser.version}`,\n            device.type,\n          );\n    }\n  };\n\n  // Set up some event listeners, once.\n  useEffect(() => {\n    if (!resizableMedia.current) return;\n    const element = resizableMedia.current;\n\n    // Track play event on HTMLVideoElement\n    element.addEventListener('play', onVideoPlay);\n    return () => {\n      element.removeEventListener('play', onVideoPlay);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <NodeViewWrapper style={alignContent(node.attrs.textAlign)}>\n      <div className=\"media-node-view\">\n        <div data-drag-handle>\n          {node.type.name === 'custom-image' ? (\n            <Image\n              {...node.attrs}\n              className={`custom-image`}\n              ref={resizableMedia as React.RefObject<HTMLImageElement>}\n            />\n          ) : (\n            // eslint-disable-next-line jsx-a11y/media-has-caption\n            <video\n              ref={resizableMedia as React.RefObject<HTMLVideoElement>}\n              controls={node.attrs.controls}\n              src={node.attrs.src}\n              width={node.attrs.width}\n              height={node.attrs.height}\n              data-video-resolution={`${node.attrs.width}x${node.attrs.height}`}\n              data-document-id={node.attrs.documentId}\n              data-document-is-captation={node.attrs.isCaptation}\n            >\n              <source src={node.attrs.src} />\n            </video>\n          )}\n        </div>\n\n        <div\n          className={`vertical-resize-handle ${\n            isVerticalResizeActive ? 'vertical-resize-active' : ''\n          }`}\n          title={t('tiptap.media.resize')}\n          onMouseDown={(e) => {\n            e.stopPropagation();\n            startVerticalResize(e);\n          }}\n          onMouseUp={(e) => {\n            e.stopPropagation();\n            stopVerticalResize();\n          }}\n        />\n      </div>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["MediaRenderer","props","node","t","useTranslation","browser","device","useBrowserInfo","navigator","userAgent","resizableMedia","useRef","startVerticalResize","stopVerticalResize","isVerticalResizeActive","useResizeMedia","alignContent","textalign","marginLeft","marginRight","width","onVideoPlay","current","HTMLVideoElement","videoElement","videoId","dataset","documentId","isCaptation","documentIsCaptation","odeServices","data","trackVideoRead","window","location","hostname","name","version","type","useEffect","element","addEventListener","removeEventListener","jsx","NodeViewWrapper","attrs","textAlign","jsxs","Image","controls","src","height","e","stopPropagation"],"mappings":";;;;;;;;AAUaA,MAAAA,IAAgBA,CAACC,MAA4B;AAClD,QAAA;AAAA,IAAEC,MAAAA;AAAAA,EAASD,IAAAA,GAEX;AAAA,IAAEE,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAeC,UAAUC,SAAS,GAExDC,IAAiBC,EAA4C,IAAI,GAEjE;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,oBAAAA;AAAAA,IAAoBC,wBAAAA;AAAAA,EAAAA,IAC/CC,EAAed,GAAOS,CAAc,GAEhCM,IAAeA,CAACC,MAAsB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,UACLC,YAAY;AAAA,UACZC,aAAa;AAAA,UACbC,OAAO;AAAA,QAAA;AAAA,MAEX,KAAK;AACI,eAAA;AAAA,UAAED,aAAa;AAAA,UAAQC,OAAO;AAAA,QAAA;AAAA,MACvC,KAAK;AACI,eAAA;AAAA,UAAEF,YAAY;AAAA,UAAQE,OAAO;AAAA,QAAA;AAAA,MACtC;AACE,eAAO;IACX;AAAA,EAAA,GAGIC,IAAcA,MAAM;AACpBX,QAAAA,EAAeY,mBAAmBC,kBAAkB;AACtD,YAAMC,IAAiCd,EAAeY,SAChDG,IAAUD,EAAaE,QAAQC,YAC/BC,KACHJ,EAAaE,QAAQG,uBAAuB,aAAa;AAE5DJ,MAAAA,KACEK,EACGC,OACAC,eACCP,GACAG,GACAK,OAAOC,SAASC,UAChB,GAAG9B,EAAQ+B,IAAI,IAAI/B,EAAQgC,OAAO,IAClC/B,EAAOgC,IACT;AAAA,IACN;AAAA,EAAA;AAIFC,SAAAA,EAAU,MAAM;AACV,QAAA,CAAC7B,EAAeY,QAAS;AAC7B,UAAMkB,IAAU9B,EAAeY;AAGvBmB,WAAAA,EAAAA,iBAAiB,QAAQpB,CAAW,GACrC,MAAM;AACHqB,MAAAA,EAAAA,oBAAoB,QAAQrB,CAAW;AAAA,IAAA;AAAA,EAGnD,GAAG,CAAE,CAAA,GAGH,gBAAAsB,EAACC,GAAgB,EAAA,OAAO5B,EAAad,EAAK2C,MAAMC,SAAS,GACvD,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAAA,gBAAAJ,EAAC,OAAI,EAAA,oBAAgB,IAClBzC,UAAAA,EAAKoC,KAAKF,SAAS,iBACjB,gBAAAO,EAAAK,GAAA,EACC,GAAI9C,EAAK2C,OACT,WAAW,gBACX,KAAKnC,GACL;AAAA;AAAA,MAGF,gBAAAiC,EAAC,WACC,KAAKjC,GACL,UAAUR,EAAK2C,MAAMI,UACrB,KAAK/C,EAAK2C,MAAMK,KAChB,OAAOhD,EAAK2C,MAAMzB,OAClB,QAAQlB,EAAK2C,MAAMM,QACnB,yBAAuB,GAAGjD,EAAK2C,MAAMzB,KAAK,IAAIlB,EAAK2C,MAAMM,MAAM,IAC/D,oBAAkBjD,EAAK2C,MAAMlB,YAC7B,8BAA4BzB,EAAK2C,MAAMjB,aAEvC,UAAC,gBAAAe,EAAA,UAAA,EAAO,KAAKzC,EAAK2C,MAAMK,KAAI,EAC9B,CAAA;AAAA,OAEJ;AAAA,IAEC,gBAAAP,EAAA,OAAA,EACC,WAAW,0BACT7B,IAAyB,2BAA2B,EAAE,IAExD,OAAOX,EAAE,qBAAqB,GAC9B,aAAciD,CAAM,MAAA;AAClBA,QAAEC,gBAAgB,GAClBzC,EAAoBwC,CAAC;AAAA,IAAA,GAEvB,WAAYA,CAAM,MAAA;AAChBA,QAAEC,gBAAgB,GACCxC;IAAA,GACnB;AAAA,EAAA,EAEN,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.js

@@ -1,8 +1,9 @@
-const tippyOptions = {
+const t = {
   placement: "bottom",
   offset: [0, 10],
   zIndex: 999
 };
 export {
-  tippyOptions
+  t as tippyOptions
 };
+//# sourceMappingURL=LinkToolbar.TippyOptions.js.map

package/dist/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToolbar.TippyOptions.js","sources":["../../../../../src/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.ts"],"sourcesContent":["import { FloatingMenuProps } from '@tiptap/react';\n\nexport const tippyOptions: FloatingMenuProps['tippyOptions'] = {\n  placement: 'bottom',\n  offset: [0, 10],\n  zIndex: 999,\n};\n"],"names":["tippyOptions","placement","offset","zIndex"],"mappings":"AAEO,MAAMA,IAAkD;AAAA,EAC7DC,WAAW;AAAA,EACXC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACdC,QAAQ;AACV;"}

package/dist/modules/editor/components/Toolbar/LinkToolbar.js

@@ -1,59 +1,60 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
-import { FloatingMenu } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import { tippyOptions } from "./LinkToolbar.TippyOptions.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-const LinkToolbar = ({
-  editor,
-  onEdit,
-  onOpen,
-  onUnlink
+import { jsx as a } from "react/jsx-runtime";
+import { useState as c, useMemo as k, useEffect as b } from "react";
+import { FloatingMenu as u } from "@tiptap/react";
+import { useTranslation as r } from "react-i18next";
+import { tippyOptions as f } from "./LinkToolbar.TippyOptions.js";
+import { Icon as e } from "../../../../components/Icon/Icon.js";
+import { Toolbar as h } from "../../../../components/Toolbar/Toolbar.js";
+const C = ({
+  editor: t,
+  onEdit: s,
+  onOpen: p,
+  onUnlink: o
 }) => {
   const {
-    t
-  } = useTranslation(), [linkAttrs, setLinkAttrs] = useState(), LinkToolbarItems = useMemo(() => [{
+    t: l
+  } = r(), [i, n] = c(), m = k(() => [{
     type: "icon",
     name: "edit",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "edit" }),
-      "aria-label": t("tiptap.link.toolbar.edit"),
-      onClick: () => onEdit == null ? void 0 : onEdit(linkAttrs)
+      icon: /* @__PURE__ */ a(e, { name: "edit" }),
+      "aria-label": l("tiptap.link.toolbar.edit"),
+      onClick: () => s == null ? void 0 : s(i)
     },
     tooltip: {
-      message: t("tiptap.link.toolbar.tooltip.edit"),
+      message: l("tiptap.link.toolbar.tooltip.edit"),
       position: "bottom"
     }
   }, {
     type: "icon",
     name: "open",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "external-link" }),
-      "aria-label": t("tiptap.link.toolbar.open"),
-      onClick: () => onOpen == null ? void 0 : onOpen(linkAttrs)
+      icon: /* @__PURE__ */ a(e, { name: "external-link" }),
+      "aria-label": l("tiptap.link.toolbar.open"),
+      onClick: () => p == null ? void 0 : p(i)
     },
     tooltip: {
-      message: t("tiptap.link.toolbar.tooltip.open"),
+      message: l("tiptap.link.toolbar.tooltip.open"),
       position: "bottom"
     }
   }, {
     type: "icon",
     name: "unlink",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "unlink", className: "text-danger" }),
-      "aria-label": t("tiptap.link.toolbar.unlink"),
-      onClick: () => onUnlink == null ? void 0 : onUnlink(linkAttrs)
+      icon: /* @__PURE__ */ a(e, { name: "unlink", className: "text-danger" }),
+      "aria-label": l("tiptap.link.toolbar.unlink"),
+      onClick: () => o == null ? void 0 : o(i)
     },
     tooltip: {
-      message: t("tiptap.link.toolbar.tooltip.unlink"),
+      message: l("tiptap.link.toolbar.tooltip.unlink"),
       position: "bottom"
     }
-  }], [onEdit, onOpen, onUnlink, t, linkAttrs]);
-  return useEffect(() => {
-    editor != null && editor.isActive("linker") ? setLinkAttrs(editor.getAttributes("linker")) : editor != null && editor.isActive("hyperlink") ? setLinkAttrs(editor.getAttributes("hyperlink")) : setLinkAttrs(void 0);
-  }, [editor == null ? void 0 : editor.state]), editor && /* @__PURE__ */ jsx(FloatingMenu, { editor, tippyOptions, shouldShow: () => (editor == null ? void 0 : editor.isEditable) && ((editor == null ? void 0 : editor.isActive("linker")) || (editor == null ? void 0 : editor.isActive("hyperlink"))) || !1, children: /* @__PURE__ */ jsx(Toolbar, { className: "p-4", items: LinkToolbarItems }) });
+  }], [s, p, o, l, i]);
+  return b(() => {
+    t != null && t.isActive("linker") ? n(t.getAttributes("linker")) : t != null && t.isActive("hyperlink") ? n(t.getAttributes("hyperlink")) : n(void 0);
+  }, [t == null ? void 0 : t.state]), t && /* @__PURE__ */ a(u, { editor: t, tippyOptions: f, shouldShow: () => (t == null ? void 0 : t.isEditable) && ((t == null ? void 0 : t.isActive("linker")) || (t == null ? void 0 : t.isActive("hyperlink"))) || !1, children: /* @__PURE__ */ a(h, { className: "p-4", items: m }) });
 };
 export {
-  LinkToolbar as default
+  C as default
 };
+//# sourceMappingURL=LinkToolbar.js.map

package/dist/modules/editor/components/Toolbar/LinkToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToolbar.js","sources":["../../../../../src/modules/editor/components/Toolbar/LinkToolbar.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { Editor, FloatingMenu } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon, Toolbar, ToolbarItem } from '../../../..';\nimport { tippyOptions } from './LinkToolbar.TippyOptions';\n\ninterface LinkToolbarProps {\n  /**\n   * editor instance\n   */\n  editor: Editor | null;\n  /** Handle Edit event */\n  onEdit: (attrs: any) => void;\n  /** Handle Open event */\n  onOpen: (attrs: any) => void;\n  /** Handle Unlink event */\n  onUnlink: (attrs: any) => void;\n}\n\nconst LinkToolbar = ({\n  editor,\n  onEdit,\n  onOpen,\n  onUnlink,\n}: LinkToolbarProps) => {\n  const { t } = useTranslation();\n\n  // Current Linker node (or Hyperlink mark) attributes\n  const [linkAttrs, setLinkAttrs] = useState<Record<string, any> | undefined>();\n\n  const LinkToolbarItems: ToolbarItem[] = useMemo(() => {\n    return [\n      {\n        type: 'icon',\n        name: 'edit',\n        props: {\n          icon: <Icon name=\"edit\" />,\n          'aria-label': t('tiptap.link.toolbar.edit'),\n          onClick: () => onEdit?.(linkAttrs),\n        },\n        tooltip: {\n          message: t('tiptap.link.toolbar.tooltip.edit'),\n          position: 'bottom',\n        },\n      },\n      {\n        type: 'icon',\n        name: 'open',\n        props: {\n          icon: <Icon name=\"external-link\" />,\n          'aria-label': t('tiptap.link.toolbar.open'),\n          onClick: () => onOpen?.(linkAttrs),\n        },\n        tooltip: {\n          message: t('tiptap.link.toolbar.tooltip.open'),\n          position: 'bottom',\n        },\n      },\n      {\n        type: 'icon',\n        name: 'unlink',\n        props: {\n          icon: <Icon name=\"unlink\" className=\"text-danger\" />,\n          'aria-label': t('tiptap.link.toolbar.unlink'),\n          onClick: () => onUnlink?.(linkAttrs),\n        },\n        tooltip: {\n          message: t('tiptap.link.toolbar.tooltip.unlink'),\n          position: 'bottom',\n        },\n      },\n    ];\n  }, [onEdit, onOpen, onUnlink, t, linkAttrs]);\n\n  // Retrieve any selected linker node ONLY WHEN EDITOR STATE CHANGES\n  useEffect(() => {\n    if (editor?.isActive('linker'))\n      setLinkAttrs(editor.getAttributes('linker'));\n    else if (editor?.isActive('hyperlink'))\n      setLinkAttrs(editor.getAttributes('hyperlink'));\n    else setLinkAttrs(undefined);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor?.state]);\n\n  const handleShouldShow = () =>\n    (editor?.isEditable &&\n      (editor?.isActive('linker') || editor?.isActive('hyperlink'))) ||\n    false;\n\n  return (\n    editor && (\n      <FloatingMenu\n        editor={editor}\n        tippyOptions={tippyOptions}\n        shouldShow={handleShouldShow}\n      >\n        <Toolbar className=\"p-4\" items={LinkToolbarItems} />\n      </FloatingMenu>\n    )\n  );\n};\n\nexport default LinkToolbar;\n"],"names":["LinkToolbar","editor","onEdit","onOpen","onUnlink","t","useTranslation","linkAttrs","setLinkAttrs","useState","LinkToolbarItems","useMemo","type","name","props","icon","jsx","Icon","onClick","tooltip","message","position","useEffect","isActive","getAttributes","undefined","state","FloatingMenu","tippyOptions","handleShouldShow","isEditable","Toolbar"],"mappings":";;;;;;;AAqBA,MAAMA,IAAcA,CAAC;AAAA,EACnBC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA;AACgB,MAAM;AAChB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAGvB,CAACC,GAAWC,CAAY,IAAIC,EAA0C,GAEtEC,IAAkCC,EAAQ,MACvC,CACL;AAAA,IACEC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,MAAM,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC1B,cAAcZ,EAAE,0BAA0B;AAAA,MAC1Ca,SAASA,MAAMhB,KAAAA,gBAAAA,EAASK;AAAAA,IAC1B;AAAA,IACAY,SAAS;AAAA,MACPC,SAASf,EAAE,kCAAkC;AAAA,MAC7CgB,UAAU;AAAA,IACZ;AAAA,EAAA,GAEF;AAAA,IACET,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,MAAM,gBAAAC,EAACC,GAAK,EAAA,MAAK,gBAAkB,CAAA;AAAA,MACnC,cAAcZ,EAAE,0BAA0B;AAAA,MAC1Ca,SAASA,MAAMf,KAAAA,gBAAAA,EAASI;AAAAA,IAC1B;AAAA,IACAY,SAAS;AAAA,MACPC,SAASf,EAAE,kCAAkC;AAAA,MAC7CgB,UAAU;AAAA,IACZ;AAAA,EAAA,GAEF;AAAA,IACET,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,MAAO,gBAAAC,EAAAC,GAAA,EAAK,MAAK,UAAS,WAAU,eAAgB;AAAA,MACpD,cAAcZ,EAAE,4BAA4B;AAAA,MAC5Ca,SAASA,MAAMd,KAAAA,gBAAAA,EAAWG;AAAAA,IAC5B;AAAA,IACAY,SAAS;AAAA,MACPC,SAASf,EAAE,oCAAoC;AAAA,MAC/CgB,UAAU;AAAA,IACZ;AAAA,EAAA,CACD,GAEF,CAACnB,GAAQC,GAAQC,GAAUC,GAAGE,CAAS,CAAC;AAG3Ce,SAAAA,EAAU,MAAM;AACVrB,IAAAA,KAAAA,QAAAA,EAAQsB,SAAS,cACNtB,EAAOuB,cAAc,QAAQ,CAAC,IACpCvB,KAAAA,QAAAA,EAAQsB,SAAS,iBACXtB,EAAOuB,cAAc,WAAW,CAAC,MAC9BC,MAAS;AAAA,EAAA,GAE1B,CAACxB,KAAAA,gBAAAA,EAAQyB,KAAK,CAAC,GAQhBzB,KACE,gBAAAe,EAACW,GACC,EAAA,QAAA1B,GACA,cAAA2B,GACA,YAVmBC,OACtB5B,KAAAA,gBAAAA,EAAQ6B,iBACN7B,KAAAA,gBAAAA,EAAQsB,SAAS,eAAatB,KAAAA,gBAAAA,EAAQsB,SAAS,kBAClD,IASI,UAAA,gBAAAP,EAACe,GAAQ,EAAA,WAAU,OAAM,OAAOrB,GAAiB,EACnD,CAAA;AAGN;"}

package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js

@@ -1,28 +1,29 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Tooltip } from "../../../../components/Tooltip/Tooltip.js";
-import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-const TableToolbarAddMenu = ({
-  editor
+import { jsxs as c, Fragment as t, jsx as l } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { Tooltip as p } from "../../../../components/Tooltip/Tooltip.js";
+import { Dropdown as n } from "../../../../components/Dropdown/Dropdown.js";
+import { Icon as e } from "../../../../components/Icon/Icon.js";
+const f = ({
+  editor: a
 }) => {
   const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.add"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.add") }) }),
-    /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
-      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "arrow-up" }), onClick: () => editor == null ? void 0 : editor.chain().focus().addRowBefore().run(), children: t("tiptap.table.toolbar.line.above") }, "add-above"),
-      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "arrow-down" }), onClick: () => editor == null ? void 0 : editor.chain().focus().addRowAfter().run(), children: t("tiptap.table.toolbar.line.below") }, "add-below"),
-      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
-      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "arrow-left" }), onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnBefore().run(), children: t("tiptap.table.toolbar.col.left") }, "add-left"),
-      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "arrow-right" }), onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnAfter().run(), children: t("tiptap.table.toolbar.col.right") }, "add-right"),
-      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
-      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "highlight-row" }), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(), children: t("tiptap.table.toolbar.line.head") }, "header-row"),
-      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "highlight-column" }), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(), children: t("tiptap.table.toolbar.col.head") }, "header-col")
+    t: o
+  } = r();
+  return /* @__PURE__ */ c(t, { children: [
+    /* @__PURE__ */ l(p, { message: o("tiptap.table.toolbar.tooltip.add"), placement: "top", children: /* @__PURE__ */ l(n.Trigger, { variant: "ghost", label: o("tiptap.table.toolbar.add") }) }),
+    /* @__PURE__ */ c(n.Menu, { children: [
+      /* @__PURE__ */ l(n.Item, { icon: /* @__PURE__ */ l(e, { name: "arrow-up" }), onClick: () => a == null ? void 0 : a.chain().focus().addRowBefore().run(), children: o("tiptap.table.toolbar.line.above") }, "add-above"),
+      /* @__PURE__ */ l(n.Item, { icon: /* @__PURE__ */ l(e, { name: "arrow-down" }), onClick: () => a == null ? void 0 : a.chain().focus().addRowAfter().run(), children: o("tiptap.table.toolbar.line.below") }, "add-below"),
+      /* @__PURE__ */ l(n.Separator, {}),
+      /* @__PURE__ */ l(n.Item, { icon: /* @__PURE__ */ l(e, { name: "arrow-left" }), onClick: () => a == null ? void 0 : a.chain().focus().addColumnBefore().run(), children: o("tiptap.table.toolbar.col.left") }, "add-left"),
+      /* @__PURE__ */ l(n.Item, { icon: /* @__PURE__ */ l(e, { name: "arrow-right" }), onClick: () => a == null ? void 0 : a.chain().focus().addColumnAfter().run(), children: o("tiptap.table.toolbar.col.right") }, "add-right"),
+      /* @__PURE__ */ l(n.Separator, {}),
+      /* @__PURE__ */ l(n.Item, { icon: /* @__PURE__ */ l(e, { name: "highlight-row" }), onClick: () => a == null ? void 0 : a.chain().focus().toggleHeaderRow().run(), children: o("tiptap.table.toolbar.line.head") }, "header-row"),
+      /* @__PURE__ */ l(n.Item, { icon: /* @__PURE__ */ l(e, { name: "highlight-column" }), onClick: () => a == null ? void 0 : a.chain().focus().toggleHeaderColumn().run(), children: o("tiptap.table.toolbar.col.head") }, "header-col")
     ] })
   ] });
 };
 export {
-  TableToolbarAddMenu
+  f as TableToolbarAddMenu
 };
+//# sourceMappingURL=TableToolbar.AddMenu.js.map

package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.AddMenu.js","sources":["../../../../../src/modules/editor/components/Toolbar/TableToolbar.AddMenu.tsx"],"sourcesContent":["import { Editor } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\nimport { Dropdown, Icon, Tooltip } from '../../../..';\n\ninterface Props {\n  /**\n   * editor instance\n   */\n  editor: Editor | null;\n}\n\nexport const TableToolbarAddMenu = ({ editor }: Props) => {\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <Tooltip message={t('tiptap.table.toolbar.tooltip.add')} placement=\"top\">\n        <Dropdown.Trigger\n          variant=\"ghost\"\n          label={t('tiptap.table.toolbar.add')}\n        />\n      </Tooltip>\n      <Dropdown.Menu>\n        <Dropdown.Item\n          key=\"add-above\"\n          icon={<Icon name=\"arrow-up\" />}\n          onClick={() => editor?.chain().focus().addRowBefore().run()}\n        >\n          {t('tiptap.table.toolbar.line.above')}\n        </Dropdown.Item>\n        <Dropdown.Item\n          key=\"add-below\"\n          icon={<Icon name=\"arrow-down\" />}\n          onClick={() => editor?.chain().focus().addRowAfter().run()}\n        >\n          {t('tiptap.table.toolbar.line.below')}\n        </Dropdown.Item>\n        <Dropdown.Separator />\n        <Dropdown.Item\n          key=\"add-left\"\n          icon={<Icon name=\"arrow-left\" />}\n          onClick={() => editor?.chain().focus().addColumnBefore().run()}\n        >\n          {t('tiptap.table.toolbar.col.left')}\n        </Dropdown.Item>\n        <Dropdown.Item\n          key=\"add-right\"\n          icon={<Icon name=\"arrow-right\" />}\n          onClick={() => editor?.chain().focus().addColumnAfter().run()}\n        >\n          {t('tiptap.table.toolbar.col.right')}\n        </Dropdown.Item>\n        <Dropdown.Separator />\n        <Dropdown.Item\n          key=\"header-row\"\n          icon={<Icon name=\"highlight-row\" />}\n          onClick={() => editor?.chain().focus().toggleHeaderRow().run()}\n        >\n          {t('tiptap.table.toolbar.line.head')}\n        </Dropdown.Item>\n        <Dropdown.Item\n          key=\"header-col\"\n          icon={<Icon name=\"highlight-column\" />}\n          onClick={() => editor?.chain().focus().toggleHeaderColumn().run()}\n        >\n          {t('tiptap.table.toolbar.col.head')}\n        </Dropdown.Item>\n      </Dropdown.Menu>\n    </>\n  );\n};\n"],"names":["TableToolbarAddMenu","editor","t","useTranslation","jsxs","Fragment","jsx","Tooltip","Dropdown","Icon","chain","focus","addRowBefore","run","addRowAfter","addColumnBefore","addColumnAfter","toggleHeaderRow","toggleHeaderColumn"],"mappings":";;;;;AAWO,MAAMA,IAAsBA,CAAC;AAAA,EAAEC,QAAAA;AAAc,MAAM;AAClD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAE7B,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,SAASL,EAAE,kCAAkC,GAAG,WAAU,OACjE,UAAA,gBAAAI,EAACE,EAAS,SAAT,EACC,SAAQ,SACR,OAAON,EAAE,0BAA0B,EAAE,CAAA,GAEzC;AAAA,IACA,gBAAAE,EAACI,EAAS,MAAT,EACC,UAAA;AAAA,MAAC,gBAAAF,EAAAE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,eACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQC,eAAeC,OAErDX,UAAAA,EAAE,iCAAiC,EAAA,GAJhC,WAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,iBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQG,cAAcD,OAEpDX,UAAAA,EAAE,iCAAiC,EAAA,GAJhC,WAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,WAAT,EAAkB;AAAA,MACnB,gBAAAF,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,iBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQI,kBAAkBF,OAExDX,UAAAA,EAAE,+BAA+B,EAAA,GAJ9B,UAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,kBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQK,iBAAiBH,OAEvDX,UAAAA,EAAE,gCAAgC,EAAA,GAJ/B,WAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,WAAT,EAAkB;AAAA,MACnB,gBAAAF,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,oBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQM,kBAAkBJ,OAExDX,UAAAA,EAAE,gCAAgC,EAAA,GAJ/B,YAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,uBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQO,qBAAqBL,OAE3DX,UAAAA,EAAE,+BAA+B,EAAA,GAJ9B,YAKN;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}