@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.13

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

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

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

@@ -1 +0,0 @@
-{"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/NodeView/index.d.ts

@@ -1,5 +0,0 @@
-export { default as AudioNodeView } from './AudioNodeView';
-export { default as AttachmentNodeView } from './AttachmentNodeView';
-export { default as ImageNodeView } from './ImageNodeView';
-export { default as LinkerNodeView } from './LinkerNodeView';
-export { default as VideoNodeView } from './VideoNodeView';

package/dist/modules/editor/components/Renderer/AttachmentRenderer.d.ts

@@ -1,7 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface AttachmentProps {
-    editor: Editor;
-    [x: string]: any;
-}
-export declare const AttachmentRenderer: (props: AttachmentProps) => false | import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,35 +0,0 @@
-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: 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 e.length !== 0 && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ a("div", { style: {
-    backgroundColor: "#F2F2F2",
-    borderRadius: ".8rem",
-    padding: "1.2rem"
-  }, "data-drag-handle": !0, children: [
-    /* @__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 {
-  D as AttachmentRenderer
-};
-//# sourceMappingURL=AttachmentRenderer.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,7 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface AudioProps {
-    editor: Editor;
-    [x: string]: any;
-}
-export declare const AudioRenderer: (props: AudioProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,12 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { NodeViewWrapper as t } from "@tiptap/react";
-const i = (o) => {
-  const {
-    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 {
-  i as AudioRenderer
-};
-//# sourceMappingURL=AudioRenderer.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import { Node } from '@tiptap/pm/model';
-import { Editor } from '@tiptap/react';
-interface LinkerProps {
-    selected: boolean;
-    editor: Editor;
-    node: Node;
-}
-export declare const LinkerRenderer: ({ selected, ...props }: LinkerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,35 +0,0 @@
-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: 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: p, onClick: (f) => {
-    t && !t.isEditable && (f.preventDefault(), window.open(d ?? "about:blank", l ?? "_self"));
-  }, "data-drag-handle": !0, children: [
-    /* @__PURE__ */ e(u, { size: "24", app: m }),
-    /* @__PURE__ */ e("span", { className: "ms-8 text-truncate", children: i || a.textContent })
-  ] }) });
-};
-export {
-  v as LinkerRenderer
-};
-//# sourceMappingURL=LinkerRenderer.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-import { MediaResizeProps } from '../../hooks';
-export declare const MediaRenderer: (props: MediaResizeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,70 +0,0 @@
-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: 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 {
-          marginLeft: "auto",
-          marginRight: "auto",
-          width: "fit-content"
-        };
-      case "left":
-        return {
-          marginRight: "auto",
-          width: "fit-content"
-        };
-      case "right":
-        return {
-          marginLeft: "auto",
-          width: "fit-content"
-        };
-      default:
-        return {};
-    }
-  }, 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 v(() => {
-    if (!r.current) return;
-    const e = r.current;
-    return e.addEventListener("play", n), () => {
-      e.removeEventListener("play", n);
-    };
-  }, []), /* @__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__ */ 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__ */ 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(), u();
-    } })
-  ] }) });
-};
-export {
-  A as MediaRenderer
-};
-//# sourceMappingURL=MediaRenderer.js.map

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

@@ -1 +0,0 @@
-{"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/Renderer/index.d.ts

@@ -1,4 +0,0 @@
-export * from './AttachmentRenderer';
-export * from './AudioRenderer';
-export * from './LinkerRenderer';
-export * from './MediaRenderer';

package/dist/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.d.ts

@@ -1,2 +0,0 @@
-import { FloatingMenuProps } from '@tiptap/react';
-export declare const tippyOptions: FloatingMenuProps['tippyOptions'];

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

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

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,15 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface LinkToolbarProps {
-    /**
-     * editor instance
-     */
-    editor: Editor | null;
-    /** Handle Edit event */
-    onEdit: (attrs: any) => void;
-    /** Handle Open event */
-    onOpen: (attrs: any) => void;
-    /** Handle Unlink event */
-    onUnlink: (attrs: any) => void;
-}
-declare const LinkToolbar: ({ editor, onEdit, onOpen, onUnlink, }: LinkToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
-export default LinkToolbar;

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

@@ -1,60 +0,0 @@
-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: l
-  } = r(), [i, n] = c(), m = k(() => [{
-    type: "icon",
-    name: "edit",
-    props: {
-      icon: /* @__PURE__ */ a(e, { name: "edit" }),
-      "aria-label": l("tiptap.link.toolbar.edit"),
-      onClick: () => s == null ? void 0 : s(i)
-    },
-    tooltip: {
-      message: l("tiptap.link.toolbar.tooltip.edit"),
-      position: "bottom"
-    }
-  }, {
-    type: "icon",
-    name: "open",
-    props: {
-      icon: /* @__PURE__ */ a(e, { name: "external-link" }),
-      "aria-label": l("tiptap.link.toolbar.open"),
-      onClick: () => p == null ? void 0 : p(i)
-    },
-    tooltip: {
-      message: l("tiptap.link.toolbar.tooltip.open"),
-      position: "bottom"
-    }
-  }, {
-    type: "icon",
-    name: "unlink",
-    props: {
-      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: l("tiptap.link.toolbar.tooltip.unlink"),
-      position: "bottom"
-    }
-  }], [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 {
-  C as default
-};
-//# sourceMappingURL=LinkToolbar.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface Props {
-    /**
-     * editor instance
-     */
-    editor: Editor | null;
-}
-export declare const TableToolbarAddMenu: ({ editor }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,29 +0,0 @@
-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: 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 {
-  f as TableToolbarAddMenu
-};
-//# sourceMappingURL=TableToolbar.AddMenu.js.map

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/modules/editor/components/Toolbar/TableToolbar.CellColor.d.ts

@@ -1,13 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface Props {
-    /**
-     * editor instance
-     */
-    editor: Editor | null;
-    /**
-     * Tracks refs on ColorPickers.
-     */
-    itemRefs: any;
-}
-export declare const TableToolbarCellColor: ({ editor, itemRefs }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,46 +0,0 @@
-import { jsxs as m, Fragment as b, jsx as o } from "react/jsx-runtime";
-import { useState as i, useCallback as u, useEffect as f } from "react";
-import { useTranslation as C } from "react-i18next";
-import { ColorPickerItem as g } from "../../../../components/ColorPicker/ColorPickerItem.js";
-import { DefaultPalette as k } from "../../../../components/ColorPicker/ColorPalette.js";
-import { Tooltip as h } from "../../../../components/Tooltip/Tooltip.js";
-import { Dropdown as n } from "../../../../components/Dropdown/Dropdown.js";
-import { ColorPicker as T } from "../../../../components/ColorPicker/ColorPicker.js";
-const w = ({
-  editor: t,
-  itemRefs: s
-}) => {
-  const {
-    t: r
-  } = C(), [e, a] = i("transparent"), p = u((l) => {
-    t == null || t.chain().focus().setCellAttribute(
-      "backgroundColor",
-      // reset color is transparent here => remove bkg color
-      l === "transparent" ? "" : l
-    ).run(), a(l);
-  }, [t, a]);
-  f(() => {
-    a((t == null ? void 0 : t.getAttributes("tableCell").backgroundColor) ?? "transparent");
-  }, [t, t == null ? void 0 : t.state]);
-  const c = [{
-    ...k,
-    label: r("tiptap.table.toolbar.cell.color"),
-    reset: {
-      value: "transparent",
-      description: r("tiptap.table.toolbar.cell.none"),
-      isReset: !0
-    }
-  }];
-  return /* @__PURE__ */ m(b, { children: [
-    /* @__PURE__ */ o(h, { message: r("tiptap.table.toolbar.cell.bk"), placement: "top", children: /* @__PURE__ */ o(n.Trigger, { variant: "ghost", "aria-label": r("tiptap.table.toolbar.cell.bk"), icon: /* @__PURE__ */ o(g, { model: {
-      value: e,
-      description: "",
-      isReset: !e || e.length === 0 || e === "transparent"
-    } }) }) }),
-    /* @__PURE__ */ o(n.Menu, { children: /* @__PURE__ */ o(T, { ref: (l) => s.current["color-picker"] = l, model: e, palettes: c, onSuccess: (l) => p(l.value) }) })
-  ] });
-};
-export {
-  w as TableToolbarCellColor
-};
-//# sourceMappingURL=TableToolbar.CellColor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableToolbar.CellColor.js","sources":["../../../../../src/modules/editor/components/Toolbar/TableToolbar.CellColor.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { Editor } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ColorPalette,\n  ColorPicker,\n  ColorPickerItem,\n  DefaultPalette,\n  Dropdown,\n  Tooltip,\n} from '../../../..';\n\ninterface Props {\n  /**\n   * editor instance\n   */\n  editor: Editor | null;\n  /**\n   * Tracks refs on ColorPickers.\n   */\n  itemRefs: any;\n}\n\nexport const TableToolbarCellColor = ({ editor, itemRefs }: Props) => {\n  const { t } = useTranslation();\n\n  // Cell color, defaults to \"transparent\".\n  const [color, setColor] = useState<string>('transparent');\n\n  // Triggered when the user chooses a color for cells background.\n  const applyColor = useCallback(\n    (value: string) => {\n      editor\n        ?.chain()\n        .focus()\n        .setCellAttribute(\n          'backgroundColor',\n          // reset color is transparent here => remove bkg color\n          value === 'transparent' ? '' : value,\n        )\n        .run();\n      setColor(value);\n    },\n    [editor, setColor],\n  );\n\n  // When cursor moves in table, update the current background color.\n  useEffect(() => {\n    setColor(\n      editor?.getAttributes('tableCell').backgroundColor ?? 'transparent',\n    );\n  }, [editor, editor?.state]);\n\n  // Palettes of available colors to choose from.\n  const palettes: ColorPalette[] = [\n    {\n      ...DefaultPalette,\n      label: t('tiptap.table.toolbar.cell.color'),\n      reset: {\n        value: 'transparent',\n        description: t('tiptap.table.toolbar.cell.none'),\n        isReset: true,\n      },\n    },\n  ];\n\n  return (\n    <>\n      <Tooltip message={t('tiptap.table.toolbar.cell.bk')} placement=\"top\">\n        <Dropdown.Trigger\n          variant=\"ghost\"\n          aria-label={t('tiptap.table.toolbar.cell.bk')}\n          icon={\n            <ColorPickerItem\n              model={{\n                value: color,\n                description: '',\n                isReset:\n                  !color || color.length === 0 || color === 'transparent',\n              }}\n            />\n          }\n        />\n      </Tooltip>\n      <Dropdown.Menu>\n        <ColorPicker\n          ref={(el) => (itemRefs.current['color-picker'] = el)}\n          model={color}\n          palettes={palettes}\n          onSuccess={(item) => applyColor(item.value)}\n        />\n      </Dropdown.Menu>\n    </>\n  );\n};\n"],"names":["TableToolbarCellColor","editor","itemRefs","t","useTranslation","color","setColor","useState","applyColor","useCallback","value","chain","focus","setCellAttribute","run","useEffect","getAttributes","backgroundColor","state","palettes","DefaultPalette","label","reset","description","isReset","jsxs","Fragment","jsx","Tooltip","Dropdown","ColorPickerItem","length","ColorPicker","el","current","item"],"mappings":";;;;;;;;AAwBO,MAAMA,IAAwBA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,UAAAA;AAAgB,MAAM;AAC9D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAGvB,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,aAAa,GAGlDC,IAAaC,EACjB,CAACC,MAAkB;AAEbC,IAAAA,KAAAA,QAAAA,EAAAA,QACDC,QACAC;AAAAA,MACC;AAAA;AAAA,MAEAH,MAAU,gBAAgB,KAAKA;AAAAA,MAEhCI,OACHR,EAASI,CAAK;AAAA,EAAA,GAEhB,CAACT,GAAQK,CAAQ,CACnB;AAGAS,EAAAA,EAAU,MAAM;AACdT,IAAAA,GACEL,KAAAA,gBAAAA,EAAQe,cAAc,aAAaC,oBAAmB,aACxD;AAAA,EACC,GAAA,CAAChB,GAAQA,KAAAA,gBAAAA,EAAQiB,KAAK,CAAC;AAG1B,QAAMC,IAA2B,CAC/B;AAAA,IACE,GAAGC;AAAAA,IACHC,OAAOlB,EAAE,iCAAiC;AAAA,IAC1CmB,OAAO;AAAA,MACLZ,OAAO;AAAA,MACPa,aAAapB,EAAE,gCAAgC;AAAA,MAC/CqB,SAAS;AAAA,IACX;AAAA,EAAA,CACD;AAGH,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAQ,SAASzB,EAAE,8BAA8B,GAAG,WAAU,OAC7D,4BAAC0B,EAAS,SAAT,EACC,SAAQ,SACR,cAAY1B,EAAE,8BAA8B,GAC5C,MACE,gBAAAwB,EAACG,KACC,OAAO;AAAA,MACLpB,OAAOL;AAAAA,MACPkB,aAAa;AAAA,MACbC,SACE,CAACnB,KAASA,EAAM0B,WAAW,KAAK1B,MAAU;AAAA,IAAA,KAGjD,CAAA,GAEL;AAAA,IACA,gBAAAsB,EAACE,EAAS,MAAT,EACC,4BAACG,GACC,EAAA,KAAMC,CAAQ/B,MAAAA,EAASgC,QAAQ,cAAc,IAAID,GACjD,OAAO5B,GACP,UAAAc,GACA,WAAYgB,OAAS3B,EAAW2B,EAAKzB,KAAK,EAAA,CAAE,EAEhD,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/modules/editor/components/Toolbar/TableToolbar.DelMenu.d.ts

@@ -1,9 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface Props {
-    /**
-     * editor instance
-     */
-    editor: Editor | null;
-}
-export declare const TableToolbarDelMenu: ({ editor }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,28 +0,0 @@
-import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { Tooltip as m } from "../../../../components/Tooltip/Tooltip.js";
-import { Dropdown as a } from "../../../../components/Dropdown/Dropdown.js";
-import { Icon as o } from "../../../../components/Icon/Icon.js";
-const s = ({
-  editor: l
-}) => {
-  const {
-    t: n
-  } = r();
-  return /* @__PURE__ */ t(c, { children: [
-    /* @__PURE__ */ e(m, { message: n("tiptap.table.toolbar.tooltip.del"), placement: "top", children: /* @__PURE__ */ e(a.Trigger, { variant: "ghost", label: n("tiptap.table.toolbar.del") }) }),
-    /* @__PURE__ */ t(a.Menu, { children: [
-      /* @__PURE__ */ e(a.Item, { icon: /* @__PURE__ */ e(o, { name: "delete-row" }), onClick: () => l == null ? void 0 : l.chain().focus().deleteRow().run(), children: n("tiptap.table.toolbar.del.line") }, "del-row"),
-      /* @__PURE__ */ e(a.Item, { icon: /* @__PURE__ */ e(o, { name: "delete-column" }), onClick: () => l == null ? void 0 : l.chain().focus().deleteColumn().run(), children: n("tiptap.table.toolbar.del.col") }, "del-col"),
-      /* @__PURE__ */ e(a.Separator, {}),
-      /* @__PURE__ */ e(a.Item, { icon: /* @__PURE__ */ e(o, { name: "delete-row-highlight" }), onClick: () => l == null ? void 0 : l.chain().focus().toggleHeaderRow().run(), children: n("tiptap.table.toolbar.del.line.head") }, "del-header-row"),
-      /* @__PURE__ */ e(a.Item, { icon: /* @__PURE__ */ e(o, { name: "delete-column-highlight" }), onClick: () => l == null ? void 0 : l.chain().focus().toggleHeaderColumn().run(), children: n("tiptap.table.toolbar.del.col.head") }, "del-header-col"),
-      /* @__PURE__ */ e(a.Separator, {}),
-      /* @__PURE__ */ e(a.Item, { icon: /* @__PURE__ */ e(o, { name: "delete" }), onClick: () => l == null ? void 0 : l.chain().focus().deleteTable().run(), children: n("tiptap.table.toolbar.del.array") }, "del-table")
-    ] })
-  ] });
-};
-export {
-  s as TableToolbarDelMenu
-};
-//# sourceMappingURL=TableToolbar.DelMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableToolbar.DelMenu.js","sources":["../../../../../src/modules/editor/components/Toolbar/TableToolbar.DelMenu.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 TableToolbarDelMenu = ({ editor }: Props) => {\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <Tooltip message={t('tiptap.table.toolbar.tooltip.del')} placement=\"top\">\n        <Dropdown.Trigger\n          variant=\"ghost\"\n          label={t('tiptap.table.toolbar.del')}\n        />\n      </Tooltip>\n      <Dropdown.Menu>\n        <Dropdown.Item\n          key=\"del-row\"\n          icon={<Icon name=\"delete-row\" />}\n          onClick={() => editor?.chain().focus().deleteRow().run()}\n        >\n          {t('tiptap.table.toolbar.del.line')}\n        </Dropdown.Item>\n        <Dropdown.Item\n          key=\"del-col\"\n          icon={<Icon name=\"delete-column\" />}\n          onClick={() => editor?.chain().focus().deleteColumn().run()}\n        >\n          {t('tiptap.table.toolbar.del.col')}\n        </Dropdown.Item>\n        <Dropdown.Separator />\n        <Dropdown.Item\n          key=\"del-header-row\"\n          icon={<Icon name=\"delete-row-highlight\" />}\n          onClick={() => editor?.chain().focus().toggleHeaderRow().run()}\n        >\n          {t('tiptap.table.toolbar.del.line.head')}\n        </Dropdown.Item>\n        <Dropdown.Item\n          key=\"del-header-col\"\n          icon={<Icon name=\"delete-column-highlight\" />}\n          onClick={() => editor?.chain().focus().toggleHeaderColumn().run()}\n        >\n          {t('tiptap.table.toolbar.del.col.head')}\n        </Dropdown.Item>\n        <Dropdown.Separator />\n        <Dropdown.Item\n          key=\"del-table\"\n          icon={<Icon name=\"delete\" />}\n          onClick={() => editor?.chain().focus().deleteTable().run()}\n        >\n          {t('tiptap.table.toolbar.del.array')}\n        </Dropdown.Item>\n      </Dropdown.Menu>\n    </>\n  );\n};\n"],"names":["TableToolbarDelMenu","editor","t","useTranslation","jsxs","Fragment","jsx","Tooltip","Dropdown","Icon","chain","focus","deleteRow","run","deleteColumn","toggleHeaderRow","toggleHeaderColumn","deleteTable"],"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,iBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQC,YAAYC,OAElDX,UAAAA,EAAE,+BAA+B,EAAA,GAJ9B,SAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,oBACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQG,eAAeD,OAErDX,UAAAA,EAAE,8BAA8B,EAAA,GAJ7B,SAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,WAAT,EAAkB;AAAA,MACnB,gBAAAF,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,2BACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQI,kBAAkBF,OAExDX,UAAAA,EAAE,oCAAoC,EAAA,GAJnC,gBAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,8BACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQK,qBAAqBH,OAE3DX,UAAAA,EAAE,mCAAmC,EAAA,GAJlC,gBAKN;AAAA,MACA,gBAAAI,EAACE,EAAS,WAAT,EAAkB;AAAA,MACnB,gBAAAF,EAACE,EAAS,MAAT,EAEC,wBAAOC,GAAK,EAAA,MAAK,aACjB,SAAS,MAAMR,KAAAA,gBAAAA,EAAQS,QAAQC,QAAQM,cAAcJ,OAEpDX,UAAAA,EAAE,gCAAgC,EAAA,GAJ/B,WAKN;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/modules/editor/components/Toolbar/TableToolbar.d.ts

@@ -1,9 +0,0 @@
-import { Editor } from '@tiptap/react';
-interface TableToolbarProps {
-    /**
-     * editor instance
-     */
-    editor: Editor | null;
-}
-declare const TableToolbar: ({ editor }: TableToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
-export default TableToolbar;