@edifice.io/react 1.7.4-develop-pedago.20241211160712

package/dist/modules/editor/components/NodeView/ImageNodeView.d.ts

@@ -0,0 +1,3 @@
+import { WorkspaceElement } from '@edifice.io/client';
+declare const ImageNodeView: (Component: any, uploadFile: (file: File) => Promise<WorkspaceElement | null>) => import('@tiptap/core').Node<import('@edifice.io/tiptap-extensions/image').CustomImageOptions, any>;
+export default ImageNodeView;

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

@@ -0,0 +1,12 @@
+import { Image } from "@edifice.io/tiptap-extensions/image";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+const ImageNodeView = (Component, uploadFile) => Image.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  }
+}).configure({
+  uploadFile
+});
+export {
+  ImageNodeView as default
+};

package/dist/modules/editor/components/NodeView/LinkerNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const LinkerNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default LinkerNodeView;

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

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

package/dist/modules/editor/components/NodeView/VideoNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const VideoNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default VideoNodeView;

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

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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1,35 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { NodeViewWrapper } from "@tiptap/react";
+import { useTranslation } from "react-i18next";
+import 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 {
+    t
+  } = useTranslation(), {
+    node
+  } = props, {
+    editable
+  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index) => {
+    setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+  };
+  return 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, 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) })
+    ] }) }) }, index)) })
+  ] }) });
+};
+export {
+  AttachmentRenderer as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+import clsx from "clsx";
+import Badge from "../../../../components/Badge/Badge.js";
+import AppIcon from "../../../../components/AppIcon/AppIcon.js";
+import useEdificeIcons from "../../../../hooks/useEdificeIcons/useEdificeIcons.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.d.ts

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

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

@@ -0,0 +1,70 @@
+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: node.type.name === "custom-image" ? /* @__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 })
+    ] }) : /* @__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 }) }) }),
+    /* @__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/Renderer/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AudioRenderer } from './AudioRenderer';
+export { default as AttachmentRenderer } from './AttachmentRenderer';
+export { default as LinkerRenderer } from './LinkerRenderer';
+export { default as MediaRenderer } from './MediaRenderer';

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

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

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

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

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

@@ -0,0 +1,15 @@
+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;
+export default LinkToolbar;

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,33 @@
+import { jsxs, Fragment, jsx } 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();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.add"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.add") }) }),
+    /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowUp, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addRowBefore().run(), children: t("tiptap.table.toolbar.line.above") }, "add-above"),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowDown, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addRowAfter().run(), children: t("tiptap.table.toolbar.line.below") }, "add-below"),
+      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowLeft, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnBefore().run(), children: t("tiptap.table.toolbar.col.left") }, "add-left"),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnAfter().run(), children: t("tiptap.table.toolbar.col.right") }, "add-right"),
+      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconHighlightRow, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(), children: t("tiptap.table.toolbar.line.head") }, "header-row"),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconHighlightColumn, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(), children: t("tiptap.table.toolbar.col.head") }, "header-col")
+    ] })
+  ] });
+};
+export {
+  TableToolbarAddMenu
+};

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

@@ -0,0 +1,13 @@
+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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,31 @@
+import { jsxs, Fragment, jsx } 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();
+  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__ */ jsxs(Dropdown.Menu, { children: [
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteRow, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().deleteRow().run(), children: t("tiptap.table.toolbar.del.line") }, "del-row"),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteColumn, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().deleteColumn().run(), children: t("tiptap.table.toolbar.del.col") }, "del-col"),
+      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(), children: t("tiptap.table.toolbar.del.line.head") }, "del-header-row"),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(), children: t("tiptap.table.toolbar.del.col.head") }, "del-header-col"),
+      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
+      /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().deleteTable().run(), children: t("tiptap.table.toolbar.del.array") }, "del-table")
+    ] })
+  ] });
+};
+export {
+  TableToolbarDelMenu
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default as TableToolbar } from './TableToolbar';
+export { default as LinkToolbar } from './LinkToolbar';

package/dist/modules/editor/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Editor';
+export * from './EditorToolbar';
+export * from './BubbleMenuEditImage';
+export * from './NodeView';
+export * from './Renderer';
+export * from './Toolbar';

package/dist/modules/editor/hooks/index.d.ts

@@ -0,0 +1,12 @@
+export * from './useActionOptions';
+export * from './useCommentEditor';
+export * from './useEditorContext';
+export * from './useImageModal';
+export * from './useImageSelection';
+export * from './useLinkToolbar';
+export * from './useMathsModal';
+export * from './useMediaLibraryEditor';
+export * from './useResizeMedia';
+export * from './useSpeechRecognition';
+export * from './useSpeechSynthetisis';
+export * from './useTipTapEditor';

package/dist/modules/editor/hooks/useActionOptions.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+import { Editor } from '@tiptap/react';
+import { DropdownMenuOptions } from '../../../components';
+import { MediaLibraryRef } from '../../multimedia';
+export declare const useActionOptions: (editor: Editor | null, toggleMathsModal: () => void, mediaLibraryRef: RefObject<MediaLibraryRef>) => DropdownMenuOptions[][];