@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014184332

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

@@ -1 +1,10 @@
-import{ReactNodeViewRenderer}from"@tiptap/react";import{Video}from"@edifice.io/tiptap-extensions/video";var VideoNodeView=Component=>Video.extend({addNodeView(){return ReactNodeViewRenderer(Component)}});export{VideoNodeView as default};
+import { Video } from "@edifice.io/tiptap-extensions/video";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+const VideoNodeView = (Component) => Video.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  }
+});
+export {
+  VideoNodeView as default
+};

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

@@ -1 +1,50 @@
-import SvgIconDelete from"../../../icons/components/IconDelete.js";import SvgIconDownload from"../../../icons/components/IconDownload.js";import IconButton from"../../../../components/Button/IconButton.js";import Attachment from"../../../../components/Attachment/Attachment.js";import{Grid}from"../../../../components/Grid/Grid.js";import{useEditorContext}from"../../hooks/useEditorContext.js";import{useEffect,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{NodeViewWrapper}from"@tiptap/react";var AttachmentRenderer=props=>{let{node,editor,updateAttributes,deleteNode}=props,[attachmentArrayAttrs,setAttachmentArrayAttrs]=useState(node.attrs.links),{t}=useTranslation(),{editable}=useEditorContext();useEffect(()=>{attachmentArrayAttrs!==node.attrs.links&&setAttachmentArrayAttrs(node.attrs.links)},[node.attrs.links,attachmentArrayAttrs]);let handleDelete=(index,documentId)=>{let nextAttachments=(node.attrs.links??[]).filter((link,i)=>{let linkDocumentId=link.dataDocumentId??link.documentId??link[`data-document-id`]??link.href;return!(i===index||String(linkDocumentId??``)===String(documentId??``))});nextAttachments.length>0?updateAttributes?.({...node.attrs,links:nextAttachments}):deleteNode?.(),!updateAttributes&&!deleteNode&&editor.commands.unsetAttachment(documentId),setAttachmentArrayAttrs(nextAttachments)};return attachmentArrayAttrs?.length!==0&&jsx(NodeViewWrapper,{children:jsxs(`div`,{style:{backgroundColor:`#F2F2F2`,borderRadius:`.8rem`,padding:`1.2rem`},"data-drag-handle":!0,children:[jsx(`p`,{className:`m-12 mt-0`,children:t(`tiptap.attachments.bloc`)}),jsx(Grid,{children:attachmentArrayAttrs?.map((attachment,index)=>jsx(Grid.Col,{sm:`6`,children:jsx(Attachment,{name:attachment.name,options:jsxs(Fragment$1,{children:[jsx(`a`,{href:attachment.href,"data-document-id":attachment.dataDocumentId,"data-content-type":attachment.dataContentType,download:!0,children:jsx(IconButton,{"aria-label":t(`tiptap.attachments.download`),color:`tertiary`,type:`button`,icon:jsx(SvgIconDownload,{}),variant:`ghost`})}),editable&&jsx(IconButton,{"aria-label":t(`tiptap.attachments.delete`),color:`danger`,type:`button`,icon:jsx(SvgIconDelete,{}),variant:`ghost`,onClick:()=>handleDelete(index,attachment.dataDocumentId??attachment[`data-document-id`]??attachment.href)})]})})},index))})]})})};export{AttachmentRenderer as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { NodeViewWrapper } from "@tiptap/react";
+import { useTranslation } from "react-i18next";
+import "@tiptap/starter-kit";
+import SvgIconDelete from "../../../icons/components/IconDelete.js";
+import SvgIconDownload from "../../../icons/components/IconDownload.js";
+import Attachment from "../../../../components/Attachment/Attachment.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+import { Grid } from "../../../../components/Grid/Grid.js";
+const AttachmentRenderer = (props) => {
+  const {
+    node,
+    editor,
+    updateAttributes,
+    deleteNode
+  } = props, [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), {
+    t
+  } = useTranslation(), {
+    editable
+  } = useEditorContext();
+  useEffect(() => {
+    attachmentArrayAttrs !== node.attrs.links && setAttachmentArrayAttrs(node.attrs.links);
+  }, [node.attrs.links, attachmentArrayAttrs]);
+  const handleDelete = (index, documentId) => {
+    const nextAttachments = (node.attrs.links ?? []).filter((link, i) => {
+      const linkDocumentId = link.dataDocumentId ?? link.documentId ?? link["data-document-id"] ?? link.href;
+      return !(i === index || String(linkDocumentId ?? "") === String(documentId ?? ""));
+    });
+    nextAttachments.length > 0 ? updateAttributes == null || updateAttributes({
+      ...node.attrs,
+      links: nextAttachments
+    }) : deleteNode == null || deleteNode(), !updateAttributes && !deleteNode && editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs(nextAttachments);
+  };
+  return (attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.length) !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("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, "data-document-id": attachment.dataDocumentId, "data-content-type": attachment.dataContentType, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.dataDocumentId ?? attachment["data-document-id"] ?? attachment.href) })
+    ] }) }) }, index)) })
+  ] }) });
+};
+export {
+  AttachmentRenderer as default
+};

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

@@ -1 +1,35 @@
-import{jsx}from"react/jsx-runtime";import{NodeViewWrapper}from"@tiptap/react";var AudioRenderer=props=>{let{node}=props;return jsx(NodeViewWrapper,{style:{cursor:`text`},children:jsx(`div`,{className:`audio-wrapper`,"data-drag-handle":!0,style:(textalign=>{switch(textalign){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{}}})(node.attrs.textAlign),children:jsx(`audio`,{src:node.attrs.src,controls:!0,"data-document-id":node.attrs.src,children:jsx(`track`,{kind:`captions`})})})})};export{AudioRenderer as default};
+import { jsx } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+const AudioRenderer = (props) => {
+  const {
+    node
+  } = props;
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { style: {
+    cursor: "text"
+  }, children: /* @__PURE__ */ jsx("div", { className: "audio-wrapper", "data-drag-handle": !0, style: ((textalign) => {
+    switch (textalign) {
+      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 {};
+    }
+  })(node.attrs.textAlign), children: /* @__PURE__ */ jsx("audio", { src: node.attrs.src, controls: !0, "data-document-id": node.attrs.src, children: /* @__PURE__ */ jsx("track", { kind: "captions" }) }) }) });
+};
+export {
+  AudioRenderer as default
+};

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

@@ -1 +1,28 @@
-import SvgIconRafterDown from"../../../icons/components/IconRafterDown.js";import SvgIconRafterUp from"../../../icons/components/IconRafterUp.js";import Button from"../../../../components/Button/Button.js";import useToggle from"../../../../hooks/useToggle/useToggle.js";import clsx$1 from"clsx";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{NodeViewContent,NodeViewWrapper}from"@tiptap/react";var ConversationHistoryRenderer=()=>{let{t}=useTranslation(`conversation`),[open,toggleOpen]=useToggle(!1),classes=clsx$1(`conversation-history ps-16 pt-8`,{show:open});return jsxs(NodeViewWrapper,{as:`div`,contentEditable:!1,children:[jsx(Button,{variant:`ghost`,onClick:toggleOpen,size:`sm`,className:`d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24`,children:open?jsxs(Fragment,{children:[t(`message.history.hide`),jsx(SvgIconRafterUp,{width:16,height:16})]}):jsxs(Fragment,{children:[t(`message.history.show`),jsx(SvgIconRafterDown,{width:16,height:16})]})}),jsx(`div`,{className:classes,"data-testid":`conversation-history-content`,children:jsx(NodeViewContent,{})})]})};export{ConversationHistoryRenderer as default};
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import Button from "../../../../components/Button/Button.js";
+const ConversationHistoryRenderer = () => {
+  const {
+    t
+  } = useTranslation("conversation"), [open, toggleOpen] = useToggle(!1), classes = clsx("conversation-history ps-16 pt-8", {
+    show: open
+  });
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { as: "div", contentEditable: !1, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: toggleOpen, size: "sm", className: "d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.hide"),
+      /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16 })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.show"),
+      /* @__PURE__ */ jsx(SvgIconRafterDown, { width: 16, height: 16 })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: classes, "data-testid": "conversation-history-content", children: /* @__PURE__ */ jsx(NodeViewContent, {}) })
+  ] });
+};
+export {
+  ConversationHistoryRenderer as default
+};

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

@@ -1 +1,33 @@
-import SvgIconAlertTriangle from"../../../icons/components/IconAlertTriangle.js";import SvgIconInfoCircle from"../../../icons/components/IconInfoCircle.js";import SvgIconQuestion from"../../../icons/components/IconQuestion.js";import SvgIconSuccessOutline from"../../../icons/components/IconSuccessOutline.js";import{jsx,jsxs}from"react/jsx-runtime";import{NodeViewContent,NodeViewWrapper}from"@tiptap/react";var InformationPaneRenderer=props=>{let{node}=props;return jsx(NodeViewWrapper,{node,className:`react-component`,children:jsxs(`div`,{className:`information-pane information-pane-${node.attrs.type}`,"data-information-pane":!0,"data-type":node.attrs.type,children:[jsx(`span`,{className:`information-pane-icon`,children:(type=>{switch(type){case`warning`:return jsx(SvgIconAlertTriangle,{color:`#F59700`});case`success`:return jsx(SvgIconSuccessOutline,{color:`#7DBF85`});case`info`:return jsx(SvgIconInfoCircle,{color:`#2A9CC8`});case`question`:return jsx(SvgIconQuestion,{color:`#823AA1`});default:return jsx(SvgIconInfoCircle,{color:`#2A9CC8`})}})(node.attrs.type)}),jsx(NodeViewContent,{style:{width:`100%`}})]})})};export{InformationPaneRenderer as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
+import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
+import SvgIconQuestion from "../../../icons/components/IconQuestion.js";
+import SvgIconSuccessOutline from "../../../icons/components/IconSuccessOutline.js";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+const InformationPaneRenderer = (props) => {
+  const {
+    node
+  } = props, getIconByType = (type) => {
+    switch (type) {
+      case "warning":
+        return /* @__PURE__ */ jsx(SvgIconAlertTriangle, { color: "#F59700" });
+      case "success":
+        return /* @__PURE__ */ jsx(SvgIconSuccessOutline, { color: "#7DBF85" });
+      case "info":
+        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
+      case "question":
+        return /* @__PURE__ */ jsx(SvgIconQuestion, { color: "#823AA1" });
+      default:
+        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
+    }
+  };
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { node, className: "react-component", children: /* @__PURE__ */ jsxs("div", { className: `information-pane information-pane-${node.attrs.type}`, "data-information-pane": !0, "data-type": node.attrs.type, children: [
+    /* @__PURE__ */ jsx("span", { className: "information-pane-icon", children: getIconByType(node.attrs.type) }),
+    /* @__PURE__ */ jsx(NodeViewContent, { style: {
+      width: "100%"
+    } })
+  ] }) });
+};
+export {
+  InformationPaneRenderer as default
+};

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

@@ -1 +1,34 @@
-import useEdificeIcons from"../../../../hooks/useEdificeIcons/useEdificeIcons.js";import AppIcon from"../../../../components/AppIcon/AppIcon.js";import Badge from"../../../../components/Badge/Badge.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{NodeViewWrapper}from"@tiptap/react";var LinkerRenderer=({selected,...props})=>{let{getIconCode}=useEdificeIcons(),{editor,node}=props,{class:className,"data-app-prefix":appPrefix,title,href,target}=node.attrs;return jsx(NodeViewWrapper,{as:`span`,contentEditable:!1,children:jsxs(Badge,{variant:{type:`chip`},className:clsx$1(`align-middle badge-linker c-pointer mx-4 my-2`,className,selected&&`bg-secondary-200`),onClick:event=>{editor&&!editor.isEditable&&(event.preventDefault(),window.open(href??`about:blank`,target??`_self`))},"data-drag-handle":!0,children:[jsx(AppIcon,{size:`24`,app:getIconCode(appPrefix)}),jsx(`span`,{className:`ms-8 text-truncate`,children:title||node.textContent})]})})};export{LinkerRenderer as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+import clsx from "clsx";
+import useEdificeIcons from "../../../../hooks/useEdificeIcons/useEdificeIcons.js";
+import Badge from "../../../../components/Badge/Badge.js";
+import AppIcon from "../../../../components/AppIcon/AppIcon.js";
+const LinkerRenderer = ({
+  selected,
+  ...props
+}) => {
+  const {
+    getIconCode
+  } = useEdificeIcons(), {
+    editor,
+    node
+  } = props, {
+    class: className,
+    "data-app-prefix": appPrefix,
+    title,
+    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: {
+    type: "chip"
+  }, className: classes, onClick: (event) => {
+    editor && !editor.isEditable && (event.preventDefault(), window.open(href ?? "about:blank", target ?? "_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 })
+  ] }) });
+};
+export {
+  LinkerRenderer as default
+};

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

@@ -1 +1,84 @@
-import useBrowserInfo from"../../../../hooks/useBrowserInfo/useBrowserInfo.js";import Image from"../../../../components/Image/Image.js";import{useResizeMedia}from"../../hooks/useResizeMedia.js";import{useEffect,useRef}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{NodeViewWrapper}from"@tiptap/react";var MediaRenderer=props=>{let{node}=props,{t}=useTranslation(),{browser,device}=useBrowserInfo(navigator.userAgent),resizableMedia=useRef(null),{startVerticalResize,stopVerticalResize,isVerticalResizeActive}=useResizeMedia(props,resizableMedia),alignContent=textalign=>{switch(textalign){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{}}},onVideoPlay=()=>{if(resizableMedia.current instanceof HTMLVideoElement){let 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)}};return useEffect(()=>{if(!resizableMedia.current)return;let element=resizableMedia.current;return element.addEventListener(`play`,onVideoPlay),()=>{element.removeEventListener(`play`,onVideoPlay)}},[]),jsx(NodeViewWrapper,{style:alignContent(node.attrs.textAlign),children:jsxs(`div`,{className:`media-node-view`,children:[jsx(`div`,{"data-drag-handle":!0,children:(()=>{switch(node.type.name){case`custom-image`:return jsxs(Fragment$1,{children:[jsx(Image,{src:node.attrs.src,alt:node.attrs.alt,title:node.attrs.title,width:node.attrs.width,style:node.attrs.style,height:node.attrs.height,className:`custom-image`,ref:resizableMedia}),node.attrs.title&&jsx(`em`,{className:`custom-image-legend caption text-align-left`,children:node.attrs.title})]});case`video`:return jsx(`video`,{ref:resizableMedia,controls:node.attrs.controls===`true`,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:jsx(`source`,{src:node.attrs.src})});case`iframe`:return jsxs(Fragment$1,{children:[jsx(`div`,{className:`iframe-node-view`}),jsx(`iframe`,{ref:resizableMedia,src:node.attrs.src,width:node.attrs.width,height:node.attrs.height,allowFullScreen:node.attrs.allowfullscreen??!0})]});default:return null}})()}),jsx(`div`,{className:`vertical-resize-handle ${isVerticalResizeActive?`vertical-resize-active`:``}`,title:t(`tiptap.media.resize`),onMouseDown:e=>{e.stopPropagation(),startVerticalResize(e)},onMouseUp:e=>{e.stopPropagation(),stopVerticalResize()}})]})})};export{MediaRenderer as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+import { NodeViewWrapper } from "@tiptap/react";
+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) => {
+  const {
+    node
+  } = props, {
+    t
+  } = useTranslation(), {
+    browser,
+    device
+  } = useBrowserInfo(navigator.userAgent), resizableMedia = useRef(null), {
+    startVerticalResize,
+    stopVerticalResize,
+    isVerticalResizeActive
+  } = useResizeMedia(props, resizableMedia), alignContent = (textalign) => {
+    switch (textalign) {
+      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 {};
+    }
+  }, 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);
+    }
+  };
+  return useEffect(() => {
+    if (!resizableMedia.current) return;
+    const element = resizableMedia.current;
+    return element.addEventListener("play", onVideoPlay), () => {
+      element.removeEventListener("play", onVideoPlay);
+    };
+  }, []), /* @__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: (() => {
+      switch (node.type.name) {
+        case "custom-image":
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Image, { src: node.attrs.src, alt: node.attrs.alt, title: node.attrs.title, width: node.attrs.width, style: node.attrs.style, height: node.attrs.height, className: "custom-image", ref: resizableMedia }),
+            node.attrs.title && // Display legend (set in title attribute) if it exists
+            /* @__PURE__ */ jsx("em", { className: "custom-image-legend caption text-align-left", children: node.attrs.title })
+          ] });
+        case "video":
+          return /* @__PURE__ */ jsx("video", { ref: resizableMedia, controls: node.attrs.controls === "true", 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 }) });
+        case "iframe":
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "iframe-node-view" }),
+            /* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width: node.attrs.width, height: node.attrs.height, allowFullScreen: node.attrs.allowfullscreen ?? !0 })
+          ] });
+        default:
+          return null;
+      }
+    })() }),
+    /* @__PURE__ */ jsx("div", { className: `vertical-resize-handle ${isVerticalResizeActive ? "vertical-resize-active" : ""}`, title: t("tiptap.media.resize"), onMouseDown: (e) => {
+      e.stopPropagation(), startVerticalResize(e);
+    }, onMouseUp: (e) => {
+      e.stopPropagation(), stopVerticalResize();
+    } })
+  ] }) });
+};
+export {
+  MediaRenderer as default
+};

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

@@ -1 +1,8 @@
-var tippyOptions={placement:`bottom`,offset:[0,10],zIndex:999};export{tippyOptions};
+const tippyOptions = {
+  placement: "bottom",
+  offset: [0, 10],
+  zIndex: 999
+};
+export {
+  tippyOptions
+};

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

@@ -1 +1,61 @@
-import SvgIconEdit from"../../../icons/components/IconEdit.js";import SvgIconExternalLink from"../../../icons/components/IconExternalLink.js";import SvgIconUnlink from"../../../icons/components/IconUnlink.js";import Toolbar from"../../../../components/Toolbar/Toolbar.js";import{tippyOptions}from"./LinkToolbar.TippyOptions.js";import{useEffect,useMemo,useState}from"react";import{Fragment as Fragment$1,jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{FloatingMenu}from"@tiptap/react";var LinkToolbar=({editor,onEdit,onOpen,onUnlink})=>{let{t}=useTranslation(),[linkAttrs,setLinkAttrs]=useState(),LinkToolbarItems=useMemo(()=>[{type:`icon`,name:`edit`,props:{icon:jsx(SvgIconEdit,{}),"aria-label":t(`tiptap.link.toolbar.edit`),onClick:()=>onEdit?.(linkAttrs)},tooltip:{message:t(`tiptap.link.toolbar.tooltip.edit`),position:`bottom`}},{type:`icon`,name:`open`,props:{icon:jsx(SvgIconExternalLink,{}),"aria-label":t(`tiptap.link.toolbar.open`),onClick:()=>onOpen?.(linkAttrs)},tooltip:{message:t(`tiptap.link.toolbar.tooltip.open`),position:`bottom`}},{type:`icon`,name:`unlink`,props:{icon:jsx(SvgIconUnlink,{className:`text-danger`}),"aria-label":t(`tiptap.link.toolbar.unlink`),onClick:()=>onUnlink?.(linkAttrs)},tooltip:{message:t(`tiptap.link.toolbar.tooltip.unlink`),position:`bottom`}}],[onEdit,onOpen,onUnlink,t,linkAttrs]);return useEffect(()=>{editor?.isActive(`linker`)?setLinkAttrs(editor.getAttributes(`linker`)):editor?.isActive(`hyperlink`)?setLinkAttrs(editor.getAttributes(`hyperlink`)):setLinkAttrs(void 0)},[editor?.state]),jsx(Fragment$1,{children:editor&&jsx(FloatingMenu,{editor,tippyOptions,shouldShow:()=>editor?.isEditable&&(editor?.isActive(`linker`)||editor?.isActive(`hyperlink`))||!1,children:jsx(Toolbar,{className:`p-4`,items:LinkToolbarItems})})})};export{LinkToolbar as default};
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { FloatingMenu } from "@tiptap/react";
+import { useTranslation } from "react-i18next";
+import SvgIconEdit from "../../../icons/components/IconEdit.js";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import SvgIconUnlink from "../../../icons/components/IconUnlink.js";
+import { tippyOptions } from "./LinkToolbar.TippyOptions.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
+const LinkToolbar = ({
+  editor,
+  onEdit,
+  onOpen,
+  onUnlink
+}) => {
+  const {
+    t
+  } = useTranslation(), [linkAttrs, setLinkAttrs] = useState(), LinkToolbarItems = useMemo(() => [{
+    type: "icon",
+    name: "edit",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconEdit, {}),
+      "aria-label": t("tiptap.link.toolbar.edit"),
+      onClick: () => onEdit == null ? void 0 : onEdit(linkAttrs)
+    },
+    tooltip: {
+      message: t("tiptap.link.toolbar.tooltip.edit"),
+      position: "bottom"
+    }
+  }, {
+    type: "icon",
+    name: "open",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconExternalLink, {}),
+      "aria-label": t("tiptap.link.toolbar.open"),
+      onClick: () => onOpen == null ? void 0 : onOpen(linkAttrs)
+    },
+    tooltip: {
+      message: t("tiptap.link.toolbar.tooltip.open"),
+      position: "bottom"
+    }
+  }, {
+    type: "icon",
+    name: "unlink",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconUnlink, { className: "text-danger" }),
+      "aria-label": t("tiptap.link.toolbar.unlink"),
+      onClick: () => onUnlink == null ? void 0 : onUnlink(linkAttrs)
+    },
+    tooltip: {
+      message: t("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]), /* @__PURE__ */ jsx(Fragment, { children: 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 }) }) });
+};
+export {
+  LinkToolbar as default
+};

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

@@ -1 +1,54 @@
-import SvgIconArrowDown from"../../../icons/components/IconArrowDown.js";import SvgIconArrowLeft from"../../../icons/components/IconArrowLeft.js";import SvgIconArrowRight from"../../../icons/components/IconArrowRight.js";import SvgIconArrowUp from"../../../icons/components/IconArrowUp.js";import SvgIconHighlightColumn from"../../../icons/components/IconHighlightColumn.js";import SvgIconHighlightRow from"../../../icons/components/IconHighlightRow.js";import Tooltip from"../../../../components/Tooltip/Tooltip.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var TableToolbarAddMenu=({editor})=>{let{t}=useTranslation(),addOptions=[{key:`add-above`,icon:jsx(SvgIconArrowUp,{}),onClick:()=>editor?.chain().focus().addRowBefore().run(),label:t(`tiptap.table.toolbar.line.above`)},{key:`add-below`,icon:jsx(SvgIconArrowDown,{}),onClick:()=>editor?.chain().focus().addRowAfter().run(),label:t(`tiptap.table.toolbar.line.below`)},{key:`add-left`,icon:jsx(SvgIconArrowLeft,{}),onClick:()=>editor?.chain().focus().addColumnBefore().run(),label:t(`tiptap.table.toolbar.col.left`)},{key:`add-right`,icon:jsx(SvgIconArrowRight,{}),onClick:()=>editor?.chain().focus().addColumnAfter().run(),label:t(`tiptap.table.toolbar.col.right`)},{key:`header-row`,icon:jsx(SvgIconHighlightRow,{}),onClick:()=>editor?.chain().focus().toggleHeaderRow().run(),label:t(`tiptap.table.toolbar.line.head`)},{key:`header-col`,icon:jsx(SvgIconHighlightColumn,{}),onClick:()=>editor?.chain().focus().toggleHeaderColumn().run(),label:t(`tiptap.table.toolbar.col.head`)}];return jsxs(Fragment,{children:[jsx(Tooltip,{message:t(`tiptap.table.toolbar.tooltip.add`),placement:`top`,children:jsx(Dropdown.Trigger,{variant:`ghost`,label:t(`tiptap.table.toolbar.add`)})}),jsx(Dropdown.Menu,{children:addOptions.map(option=>jsx(`div`,{onMouseDown:e=>e.preventDefault(),children:jsx(Dropdown.Item,{icon:option.icon,onClick:option.onClick,children:option.label})},option.key))})]})};export{TableToolbarAddMenu};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconArrowDown from "../../../icons/components/IconArrowDown.js";
+import SvgIconArrowLeft from "../../../icons/components/IconArrowLeft.js";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import SvgIconArrowUp from "../../../icons/components/IconArrowUp.js";
+import SvgIconHighlightColumn from "../../../icons/components/IconHighlightColumn.js";
+import SvgIconHighlightRow from "../../../icons/components/IconHighlightRow.js";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const TableToolbarAddMenu = ({
+  editor
+}) => {
+  const {
+    t
+  } = useTranslation(), addOptions = [{
+    key: "add-above",
+    icon: /* @__PURE__ */ jsx(SvgIconArrowUp, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().addRowBefore().run(),
+    label: t("tiptap.table.toolbar.line.above")
+  }, {
+    key: "add-below",
+    icon: /* @__PURE__ */ jsx(SvgIconArrowDown, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().addRowAfter().run(),
+    label: t("tiptap.table.toolbar.line.below")
+  }, {
+    key: "add-left",
+    icon: /* @__PURE__ */ jsx(SvgIconArrowLeft, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnBefore().run(),
+    label: t("tiptap.table.toolbar.col.left")
+  }, {
+    key: "add-right",
+    icon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnAfter().run(),
+    label: t("tiptap.table.toolbar.col.right")
+  }, {
+    key: "header-row",
+    icon: /* @__PURE__ */ jsx(SvgIconHighlightRow, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(),
+    label: t("tiptap.table.toolbar.line.head")
+  }, {
+    key: "header-col",
+    icon: /* @__PURE__ */ jsx(SvgIconHighlightColumn, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(),
+    label: t("tiptap.table.toolbar.col.head")
+  }];
+  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__ */ jsx(Dropdown.Menu, { children: addOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }) }, option.key)) })
+  ] });
+};
+export {
+  TableToolbarAddMenu
+};

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

@@ -1 +1,45 @@
-import Tooltip from"../../../../components/Tooltip/Tooltip.js";import{DefaultPalette}from"../../../../components/ColorPicker/ColorPalette.js";import ColorPickerItem from"../../../../components/ColorPicker/ColorPickerItem.js";import ColorPicker from"../../../../components/ColorPicker/ColorPicker.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{useCallback,useEffect,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var TableToolbarCellColor=({editor,itemRefs})=>{let{t}=useTranslation(),[color,setColor]=useState(`transparent`),applyColor=useCallback(value=>{editor?.chain().focus().setCellAttribute(`backgroundColor`,value===`transparent`?``:value).run(),setColor(value)},[editor,setColor]);useEffect(()=>{setColor(editor?.getAttributes(`tableCell`).backgroundColor??`transparent`)},[editor,editor?.state]);let palettes=[{...DefaultPalette,label:t(`tiptap.table.toolbar.cell.color`),reset:{value:`transparent`,description:t(`tiptap.table.toolbar.cell.none`),isReset:!0}}];return jsxs(Fragment$1,{children:[jsx(Tooltip,{message:t(`tiptap.table.toolbar.cell.bk`),placement:`top`,children:jsx(Dropdown.Trigger,{variant:`ghost`,"aria-label":t(`tiptap.table.toolbar.cell.bk`),icon:jsx(ColorPickerItem,{model:{value:color,description:``,isReset:!color||color.length===0||color===`transparent`}})})}),jsx(Dropdown.Menu,{children:jsx(ColorPicker,{ref:el=>itemRefs.current[`color-picker`]=el,model:color,palettes,onSuccess:item=>applyColor(item.value)})})]})};export{TableToolbarCellColor};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import ColorPickerItem from "../../../../components/ColorPicker/ColorPickerItem.js";
+import ColorPicker from "../../../../components/ColorPicker/ColorPicker.js";
+import { DefaultPalette } from "../../../../components/ColorPicker/ColorPalette.js";
+const TableToolbarCellColor = ({
+  editor,
+  itemRefs
+}) => {
+  const {
+    t
+  } = useTranslation(), [color, setColor] = useState("transparent"), applyColor = useCallback((value) => {
+    editor == null || editor.chain().focus().setCellAttribute(
+      "backgroundColor",
+      // reset color is transparent here => remove bkg color
+      value === "transparent" ? "" : value
+    ).run(), setColor(value);
+  }, [editor, setColor]);
+  useEffect(() => {
+    setColor((editor == null ? void 0 : editor.getAttributes("tableCell").backgroundColor) ?? "transparent");
+  }, [editor, editor == null ? void 0 : editor.state]);
+  const palettes = [{
+    ...DefaultPalette,
+    label: t("tiptap.table.toolbar.cell.color"),
+    reset: {
+      value: "transparent",
+      description: t("tiptap.table.toolbar.cell.none"),
+      isReset: !0
+    }
+  }];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.cell.bk"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", "aria-label": t("tiptap.table.toolbar.cell.bk"), icon: /* @__PURE__ */ jsx(ColorPickerItem, { model: {
+      value: color,
+      description: "",
+      isReset: !color || color.length === 0 || color === "transparent"
+    } }) }) }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: /* @__PURE__ */ jsx(ColorPicker, { ref: (el) => itemRefs.current["color-picker"] = el, model: color, palettes, onSuccess: (item) => applyColor(item.value) }) })
+  ] });
+};
+export {
+  TableToolbarCellColor
+};

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

@@ -1 +1,48 @@
-import SvgIconDeleteColumnHighlight from"../../../icons/components/IconDeleteColumnHighlight.js";import SvgIconDeleteColumn from"../../../icons/components/IconDeleteColumn.js";import SvgIconDeleteRowHighlight from"../../../icons/components/IconDeleteRowHighlight.js";import SvgIconDeleteRow from"../../../icons/components/IconDeleteRow.js";import SvgIconDelete from"../../../icons/components/IconDelete.js";import Tooltip from"../../../../components/Tooltip/Tooltip.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var TableToolbarDelMenu=({editor})=>{let{t}=useTranslation(),delOptions=[{key:`del-row`,icon:jsx(SvgIconDeleteRow,{}),onClick:()=>editor?.chain().focus().deleteRow().run(),label:t(`tiptap.table.toolbar.del.line`)},{key:`del-col`,icon:jsx(SvgIconDeleteColumn,{}),onClick:()=>editor?.chain().focus().deleteColumn().run(),label:t(`tiptap.table.toolbar.del.col`)},{key:`del-header-row`,icon:jsx(SvgIconDeleteRowHighlight,{}),onClick:()=>editor?.chain().focus().toggleHeaderRow().run(),label:t(`tiptap.table.toolbar.del.line.head`)},{key:`del-header-col`,icon:jsx(SvgIconDeleteColumnHighlight,{}),onClick:()=>editor?.chain().focus().toggleHeaderColumn().run(),label:t(`tiptap.table.toolbar.del.col.head`)},{key:`del-table`,icon:jsx(SvgIconDelete,{}),onClick:()=>editor?.chain().focus().deleteTable().run(),label:t(`tiptap.table.toolbar.del.array`)}];return jsxs(Fragment,{children:[jsx(Tooltip,{message:t(`tiptap.table.toolbar.tooltip.del`),placement:`top`,children:jsx(Dropdown.Trigger,{variant:`ghost`,label:t(`tiptap.table.toolbar.del`)})}),jsx(Dropdown.Menu,{children:delOptions.map(option=>jsx(`div`,{onMouseDown:e=>e.preventDefault(),children:jsx(Dropdown.Item,{icon:option.icon,onClick:option.onClick,children:option.label})},option.key))})]})};export{TableToolbarDelMenu};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconDeleteColumnHighlight from "../../../icons/components/IconDeleteColumnHighlight.js";
+import SvgIconDeleteColumn from "../../../icons/components/IconDeleteColumn.js";
+import SvgIconDeleteRowHighlight from "../../../icons/components/IconDeleteRowHighlight.js";
+import SvgIconDeleteRow from "../../../icons/components/IconDeleteRow.js";
+import SvgIconDelete from "../../../icons/components/IconDelete.js";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const TableToolbarDelMenu = ({
+  editor
+}) => {
+  const {
+    t
+  } = useTranslation(), delOptions = [{
+    key: "del-row",
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteRow, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().deleteRow().run(),
+    label: t("tiptap.table.toolbar.del.line")
+  }, {
+    key: "del-col",
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteColumn, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().deleteColumn().run(),
+    label: t("tiptap.table.toolbar.del.col")
+  }, {
+    key: "del-header-row",
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(),
+    label: t("tiptap.table.toolbar.del.line.head")
+  }, {
+    key: "del-header-col",
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(),
+    label: t("tiptap.table.toolbar.del.col.head")
+  }, {
+    key: "del-table",
+    icon: /* @__PURE__ */ jsx(SvgIconDelete, {}),
+    onClick: () => editor == null ? void 0 : editor.chain().focus().deleteTable().run(),
+    label: t("tiptap.table.toolbar.del.array")
+  }];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.del"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.del") }) }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: delOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }) }, option.key)) })
+  ] });
+};
+export {
+  TableToolbarDelMenu
+};