@edifice.io/react 2.6.9-develop-pedago.20261013143657 → 2.6.9-develop-enabling.20261013152718

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

@@ -1,50 +1 @@
-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
-};
+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};

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

@@ -1,35 +1 @@
-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
-};
+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};

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

@@ -1,28 +1 @@
-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
-};
+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};

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

@@ -1,33 +1 @@
-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
-};
+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};

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

@@ -1,34 +1 @@
-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
-};
+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};

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

@@ -1,84 +1 @@
-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
-};
+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};

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

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

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

@@ -1,61 +1 @@
-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
-};
+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};

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

@@ -1,54 +1 @@
-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
-};
+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};

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

@@ -1,45 +1 @@
-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
-};
+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};

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

@@ -1,48 +1 @@
-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
-};
+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};

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

@@ -1,89 +1 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
-import { findParentNodeClosestToPos, FloatingMenu } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import SvgIconMergeCells from "../../../icons/components/IconMergeCells.js";
-import SvgIconSplitCells from "../../../icons/components/IconSplitCells.js";
-import { TableToolbarAddMenu } from "./TableToolbar.AddMenu.js";
-import { TableToolbarCellColor } from "./TableToolbar.CellColor.js";
-import { TableToolbarDelMenu } from "./TableToolbar.DelMenu.js";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-const TableToolbar = ({
-  editor
-}) => {
-  const {
-    t
-  } = useTranslation(), [isSpan, setSpan] = useState(void 0), tippyOptions = useMemo(() => {
-    function adjustRect(rect) {
-      let yOffset = 0;
-      if (window.visualViewport) {
-        const bottomScreen = window.innerHeight || document.documentElement.clientHeight;
-        rect.bottom >= bottomScreen && (yOffset += rect.bottom - bottomScreen - rect.height);
-      }
-      return new DOMRect(rect.x, rect.y - yOffset, rect.width, rect.height);
-    }
-    return {
-      placement: "bottom",
-      offset: [0, 0],
-      zIndex: 999,
-      // popperOptions: {modifiers: [ /*see popper v2 modifiers*/ ]},
-      // Try to get the bounding rect of the table.
-      getReferenceClientRect: () => {
-        const parentDiv = editor != null && editor.isActive("table") ? findParentNodeClosestToPos(editor.state.selection.$anchor, (node) => node.type.name === "table") : null;
-        if (parentDiv) {
-          const parentDomNode = editor == null ? void 0 : editor.view.nodeDOM(parentDiv.pos), tableDomNode = (parentDomNode == null ? void 0 : parentDomNode.querySelector("table")) || parentDomNode;
-          if (tableDomNode)
-            return adjustRect(tableDomNode.getBoundingClientRect());
-        }
-        return new DOMRect(0, 0, 100, 100);
-      }
-    };
-  }, [editor]);
-  return useEffect(() => {
-    const cellAttr = editor == null ? void 0 : editor.getAttributes("tableCell"), headAttr = editor == null ? void 0 : editor.getAttributes("tableHeader");
-    if (typeof cellAttr < "u" || typeof headAttr < "u") {
-      const newSpan = (cellAttr == null ? void 0 : cellAttr.colspan) > 1 || (cellAttr == null ? void 0 : cellAttr.rowspan) > 1 || (headAttr == null ? void 0 : headAttr.colspan) > 1 || (headAttr == null ? void 0 : headAttr.rowspan) > 1;
-      newSpan !== isSpan && setSpan(newSpan);
-    } else
-      isSpan && setSpan(void 0);
-  }, [editor, editor == null ? void 0 : editor.state, isSpan]), /* @__PURE__ */ jsx(Fragment, { children: editor && /* @__PURE__ */ jsx(FloatingMenu, { editor, tippyOptions, shouldShow: () => (editor == null ? void 0 : editor.isEditable) && editor.isActive("table") || !1, children: /* @__PURE__ */ jsx(Toolbar, { className: "p-4", items: [{
-    type: "dropdown",
-    name: "bkg-col",
-    // isEnable:
-    //   typeof editor?.getAttributes("tableCell") !== "undefined",
-    props: {
-      children: (_triggerProps, itemRefs) => /* @__PURE__ */ jsx(TableToolbarCellColor, { editor, itemRefs })
-    }
-  }, {
-    type: "icon",
-    name: "mergeorsplit",
-    // isEnable: typeof isSpan !== "undefined",
-    props: {
-      icon: isSpan ? /* @__PURE__ */ jsx(SvgIconSplitCells, {}) : /* @__PURE__ */ jsx(SvgIconMergeCells, {}),
-      "aria-label": t(isSpan ? "tiptap.table.toolbar.split" : "tiptap.table.toolbar.merge"),
-      onClick: () => editor == null ? void 0 : editor.chain().focus().mergeOrSplit().run()
-    },
-    tooltip: t(isSpan ? "tiptap.table.toolbar.split" : "tiptap.table.toolbar.merge")
-  }, {
-    type: "divider",
-    name: "add-d0"
-  }, {
-    type: "dropdown",
-    name: "add",
-    props: {
-      children: () => /* @__PURE__ */ jsx(TableToolbarAddMenu, { editor })
-    }
-  }, {
-    type: "divider",
-    name: "add-d1"
-  }, {
-    type: "dropdown",
-    name: "del",
-    props: {
-      children: () => /* @__PURE__ */ jsx(TableToolbarDelMenu, { editor })
-    }
-  }] }) }) });
-};
-export {
-  TableToolbar as default
-};
+import SvgIconMergeCells from"../../../icons/components/IconMergeCells.js";import SvgIconSplitCells from"../../../icons/components/IconSplitCells.js";import Toolbar from"../../../../components/Toolbar/Toolbar.js";import{TableToolbarAddMenu}from"./TableToolbar.AddMenu.js";import{TableToolbarCellColor}from"./TableToolbar.CellColor.js";import{TableToolbarDelMenu}from"./TableToolbar.DelMenu.js";import{useEffect,useMemo,useState}from"react";import{Fragment as Fragment$1,jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{FloatingMenu,findParentNodeClosestToPos}from"@tiptap/react";var TableToolbar=({editor})=>{let{t}=useTranslation(),[isSpan,setSpan]=useState(void 0),tippyOptions=useMemo(()=>{function adjustRect(rect){let yOffset=0;if(window.visualViewport){let bottomScreen=window.innerHeight||document.documentElement.clientHeight;rect.bottom>=bottomScreen&&(yOffset+=rect.bottom-bottomScreen-rect.height)}return new DOMRect(rect.x,rect.y-yOffset,rect.width,rect.height)}return{placement:`bottom`,offset:[0,0],zIndex:999,getReferenceClientRect:()=>{let parentDiv=editor?.isActive(`table`)?findParentNodeClosestToPos(editor.state.selection.$anchor,node=>node.type.name===`table`):null;if(parentDiv){let parentDomNode=editor?.view.nodeDOM(parentDiv.pos),tableDomNode=parentDomNode?.querySelector(`table`)||parentDomNode;if(tableDomNode)return adjustRect(tableDomNode.getBoundingClientRect())}return new DOMRect(0,0,100,100)}}},[editor]);return useEffect(()=>{let cellAttr=editor?.getAttributes(`tableCell`),headAttr=editor?.getAttributes(`tableHeader`);if(cellAttr!==void 0||headAttr!==void 0){let newSpan=cellAttr?.colspan>1||cellAttr?.rowspan>1||headAttr?.colspan>1||headAttr?.rowspan>1;newSpan!==isSpan&&setSpan(newSpan)}else isSpan&&setSpan(void 0)},[editor,editor?.state,isSpan]),jsx(Fragment$1,{children:editor&&jsx(FloatingMenu,{editor,tippyOptions,shouldShow:()=>editor?.isEditable&&editor.isActive(`table`)||!1,children:jsx(Toolbar,{className:`p-4`,items:[{type:`dropdown`,name:`bkg-col`,props:{children:(_triggerProps,itemRefs)=>jsx(TableToolbarCellColor,{editor,itemRefs})}},{type:`icon`,name:`mergeorsplit`,props:{icon:jsx(isSpan?SvgIconSplitCells:SvgIconMergeCells,{}),"aria-label":t(isSpan?`tiptap.table.toolbar.split`:`tiptap.table.toolbar.merge`),onClick:()=>editor?.chain().focus().mergeOrSplit().run()},tooltip:t(isSpan?`tiptap.table.toolbar.split`:`tiptap.table.toolbar.merge`)},{type:`divider`,name:`add-d0`},{type:`dropdown`,name:`add`,props:{children:()=>jsx(TableToolbarAddMenu,{editor})}},{type:`divider`,name:`add-d1`},{type:`dropdown`,name:`del`,props:{children:()=>jsx(TableToolbarDelMenu,{editor})}}]})})})};export{TableToolbar as default};