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

package/dist/modules/editor/hooks/useActionOptions.js

@@ -1,86 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import SvgIconAlignCenter from "../../icons/components/IconAlignCenter.js";
-import SvgIconAlignJustify from "../../icons/components/IconAlignJustify.js";
-import SvgIconAlignLeft from "../../icons/components/IconAlignLeft.js";
-import SvgIconAlignRight from "../../icons/components/IconAlignRight.js";
-import SvgIconBulletList from "../../icons/components/IconBulletList.js";
-import SvgIconCode from "../../icons/components/IconCode.js";
-import SvgIconOrderedList from "../../icons/components/IconOrderedList.js";
-import SvgIconSquareRoot from "../../icons/components/IconSquareRoot.js";
-import SvgIconSubscript from "../../icons/components/IconSubscript.js";
-import SvgIconSuperscript from "../../icons/components/IconSuperscript.js";
-import SvgIconTable from "../../icons/components/IconTable.js";
-import SvgIconTextVanilla from "../../icons/components/IconTextVanilla.js";
-const useActionOptions = (editor, toggleMathsModal, mediaLibraryRef) => {
-  const {
-    t
-  } = useTranslation(), options = [{
-    icon: /* @__PURE__ */ jsx(SvgIconTextVanilla, {}),
-    label: t("tiptap.toolbar.removeFormat"),
-    action: () => editor == null ? void 0 : editor.chain().clearNodes().unsetAllMarks().run()
-  }, {
-    type: "divider"
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconTable, {}),
-    label: t("tiptap.toolbar.table"),
-    action: () => editor == null ? void 0 : editor.chain().focus().insertTable({
-      rows: 3,
-      cols: 3,
-      withHeaderRow: !0
-    }).run()
-  }, {
-    type: "divider"
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconSuperscript, {}),
-    label: t("tiptap.toolbar.superscript"),
-    action: () => editor == null ? void 0 : editor.chain().focus().toggleSuperscript().run()
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconSubscript, {}),
-    label: t("tiptap.toolbar.subscript"),
-    action: () => editor == null ? void 0 : editor.chain().focus().toggleSubscript().run()
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconSquareRoot, {}),
-    label: t("tiptap.toolbar.mathjax"),
-    action: () => {
-      toggleMathsModal();
-    }
-  }, {
-    type: "divider"
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconCode, {}),
-    label: t("tiptap.toolbar.embed.iframe"),
-    action: () => {
-      var _a;
-      return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("embedder");
-    }
-  }], listOptions = [{
-    icon: /* @__PURE__ */ jsx(SvgIconBulletList, {}),
-    label: t("tiptap.toolbar.ulist"),
-    action: () => editor == null ? void 0 : editor.chain().focus().toggleBulletList().run()
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconOrderedList, {}),
-    label: t("tiptap.toolbar.olist"),
-    action: () => editor == null ? void 0 : editor.chain().focus().toggleOrderedList().run()
-  }], alignmentOptions = [{
-    icon: /* @__PURE__ */ jsx(SvgIconAlignLeft, {}),
-    label: t("tiptap.toolbar.text.left"),
-    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("left").run()
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconAlignCenter, {}),
-    label: t("tiptap.toolbar.text.center"),
-    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("center").run()
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconAlignRight, {}),
-    label: t("tiptap.toolbar.text.right"),
-    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("right").run()
-  }, {
-    icon: /* @__PURE__ */ jsx(SvgIconAlignJustify, {}),
-    label: t("tiptap.toolbar.text.justify"),
-    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("justify").run()
-  }];
-  return [options, listOptions, alignmentOptions];
-};
-export {
-  useActionOptions
-};
+import SvgIconAlignCenter from"../../icons/components/IconAlignCenter.js";import SvgIconAlignJustify from"../../icons/components/IconAlignJustify.js";import SvgIconAlignLeft from"../../icons/components/IconAlignLeft.js";import SvgIconAlignRight from"../../icons/components/IconAlignRight.js";import SvgIconBulletList from"../../icons/components/IconBulletList.js";import SvgIconCode from"../../icons/components/IconCode.js";import SvgIconOrderedList from"../../icons/components/IconOrderedList.js";import SvgIconSquareRoot from"../../icons/components/IconSquareRoot.js";import SvgIconSubscript from"../../icons/components/IconSubscript.js";import SvgIconSuperscript from"../../icons/components/IconSuperscript.js";import SvgIconTable from"../../icons/components/IconTable.js";import SvgIconTextVanilla from"../../icons/components/IconTextVanilla.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var useActionOptions=(editor,toggleMathsModal,mediaLibraryRef)=>{let{t}=useTranslation();return[[{icon:jsx(SvgIconTextVanilla,{}),label:t(`tiptap.toolbar.removeFormat`),action:()=>editor?.chain().clearNodes().unsetAllMarks().run()},{type:`divider`},{icon:jsx(SvgIconTable,{}),label:t(`tiptap.toolbar.table`),action:()=>editor?.chain().focus().insertTable({rows:3,cols:3,withHeaderRow:!0}).run()},{type:`divider`},{icon:jsx(SvgIconSuperscript,{}),label:t(`tiptap.toolbar.superscript`),action:()=>editor?.chain().focus().toggleSuperscript().run()},{icon:jsx(SvgIconSubscript,{}),label:t(`tiptap.toolbar.subscript`),action:()=>editor?.chain().focus().toggleSubscript().run()},{icon:jsx(SvgIconSquareRoot,{}),label:t(`tiptap.toolbar.mathjax`),action:()=>{toggleMathsModal()}},{type:`divider`},{icon:jsx(SvgIconCode,{}),label:t(`tiptap.toolbar.embed.iframe`),action:()=>mediaLibraryRef.current?.show(`embedder`)}],[{icon:jsx(SvgIconBulletList,{}),label:t(`tiptap.toolbar.ulist`),action:()=>editor?.chain().focus().toggleBulletList().run()},{icon:jsx(SvgIconOrderedList,{}),label:t(`tiptap.toolbar.olist`),action:()=>editor?.chain().focus().toggleOrderedList().run()}],[{icon:jsx(SvgIconAlignLeft,{}),label:t(`tiptap.toolbar.text.left`),action:()=>editor?.chain().focus().setTextAlign(`left`).run()},{icon:jsx(SvgIconAlignCenter,{}),label:t(`tiptap.toolbar.text.center`),action:()=>editor?.chain().focus().setTextAlign(`center`).run()},{icon:jsx(SvgIconAlignRight,{}),label:t(`tiptap.toolbar.text.right`),action:()=>editor?.chain().focus().setTextAlign(`right`).run()},{icon:jsx(SvgIconAlignJustify,{}),label:t(`tiptap.toolbar.text.justify`),action:()=>editor?.chain().focus().setTextAlign(`justify`).run()}]]};export{useActionOptions};

package/dist/modules/editor/hooks/useCantooEditor.js

@@ -1,89 +1 @@
-import { useState, useCallback } from "react";
-import { odeServices } from "@edifice.io/client";
-import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
-const useCantooEditor = (editor, cantooParam) => {
-  const Cantoo = window.Cantoo, isAvailable = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo"), [speech2textIsActive, setSpeech2textActive] = useState(!1), [text2speechIsActive, setText2speechActive] = useState(!1), [openPositionAdaptText, setOpenPositionAdaptText] = useState({
-    right: !1,
-    bottom: !1
-  }), speech2textIsAvailable = (Cantoo == null ? void 0 : Cantoo.speech2text.isAvailableOnDevice()) || !1, toggleSpeech2Text = async () => {
-    if (speech2textIsActive) {
-      setSpeech2textActive(!1);
-      try {
-        await Cantoo.speech2text.stop();
-      } catch (e) {
-        console.warn("Error while trying to stop Cantoo (speech2text)", e);
-      }
-    } else
-      try {
-        if (setSpeech2textActive(!0), speech2textIsAvailable)
-          if (await Cantoo.speech2text.requestPermission())
-            cantooStoreEvent("CANTOO_EDITEUR_SPEECH_TO_TEXT"), await Cantoo.speech2text.start((data) => {
-              editor == null || editor.chain().focus().insertContent(data.join(" ")).run();
-            }, window.navigator.language);
-          else
-            throw setSpeech2textActive(!1), new Error("Cantoo speech2text permission denied, please check your browser settings");
-        else
-          throw setSpeech2textActive(!1), new Error("Cantoo speech2text not available on this device");
-      } catch (e) {
-        console.warn("Error while trying to use Cantoo (speech2text)", e), setSpeech2textActive(!1);
-      }
-  }, toggleText2Speech = () => {
-    if (text2speechIsActive)
-      setText2speechActive(!1), window.speechSynthesis.cancel();
-    else
-      try {
-        setText2speechActive(!0), Cantoo.text2speech.readText(editor == null ? void 0 : editor.getText()), cantooStoreEvent("CANTOO_EDITEUR_TEXT_TO_SPEECH"), Cantoo.text2speech.utter.onend = () => {
-          setText2speechActive(!1);
-        };
-      } catch (e) {
-        console.warn("Error while trying to use Cantoo (text2speech)", e), setText2speechActive(!1);
-      }
-  }, handleCantooAdaptTextPosition = (position) => {
-    switch (position) {
-      case "right":
-        openPositionAdaptText.right || cantooStoreEvent("CANTOO_EDITEUR_ADAPT_TEXT"), setOpenPositionAdaptText((prev) => ({
-          bottom: !1,
-          right: !prev.right
-        }));
-        break;
-      case "bottom":
-        openPositionAdaptText.bottom || cantooStoreEvent("CANTOO_EDITEUR_ADAPT_TEXT"), setOpenPositionAdaptText((prev) => ({
-          right: !1,
-          bottom: !prev.bottom
-        }));
-        break;
-    }
-  }, toogleSettings = () => {
-    if (!Cantoo) {
-      console.warn("Cantoo not available");
-      return;
-    }
-    Cantoo.openCantooWebConfig();
-  }, cantooStoreEvent = useCallback(async (eventType) => {
-    if (eventType.length > 0) {
-      const data = {
-        "event-type": eventType
-      };
-      try {
-        await odeServices.http().post("/infra/event/web/store", data);
-      } catch (e) {
-        console.warn("Error while storing event", e);
-      }
-    }
-  }, []);
-  return {
-    cantooParam,
-    isAvailable,
-    speech2textIsAvailable,
-    speech2textIsActive,
-    text2speechIsActive,
-    toggleSpeech2Text,
-    toggleText2Speech,
-    toogleSettings,
-    openPositionAdaptText,
-    handleCantooAdaptTextPosition
-  };
-};
-export {
-  useCantooEditor
-};
+import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import{useCallback,useState}from"react";import{odeServices}from"@edifice.io/client";var useCantooEditor=(editor,cantooParam)=>{let Cantoo=window.Cantoo,isAvailable=useHasWorkflow(`org.entcore.portal.controllers.PortalController|optionalFeatureCantoo`),[speech2textIsActive,setSpeech2textActive]=useState(!1),[text2speechIsActive,setText2speechActive]=useState(!1),[openPositionAdaptText,setOpenPositionAdaptText]=useState({right:!1,bottom:!1}),speech2textIsAvailable=Cantoo?.speech2text.isAvailableOnDevice()||!1,toggleSpeech2Text=async()=>{if(speech2textIsActive){setSpeech2textActive(!1);try{await Cantoo.speech2text.stop()}catch(e){console.warn(`Error while trying to stop Cantoo (speech2text)`,e)}}else try{if(setSpeech2textActive(!0),speech2textIsAvailable)if(await Cantoo.speech2text.requestPermission())cantooStoreEvent(`CANTOO_EDITEUR_SPEECH_TO_TEXT`),await Cantoo.speech2text.start(data=>{editor?.chain().focus().insertContent(data.join(` `)).run()},window.navigator.language);else throw setSpeech2textActive(!1),Error(`Cantoo speech2text permission denied, please check your browser settings`);else throw setSpeech2textActive(!1),Error(`Cantoo speech2text not available on this device`)}catch(e){console.warn(`Error while trying to use Cantoo (speech2text)`,e),setSpeech2textActive(!1)}},toggleText2Speech=()=>{if(text2speechIsActive)setText2speechActive(!1),window.speechSynthesis.cancel();else try{setText2speechActive(!0),Cantoo.text2speech.readText(editor?.getText()),cantooStoreEvent(`CANTOO_EDITEUR_TEXT_TO_SPEECH`),Cantoo.text2speech.utter.onend=()=>{setText2speechActive(!1)}}catch(e){console.warn(`Error while trying to use Cantoo (text2speech)`,e),setText2speechActive(!1)}},handleCantooAdaptTextPosition=position=>{switch(position){case`right`:openPositionAdaptText.right||cantooStoreEvent(`CANTOO_EDITEUR_ADAPT_TEXT`),setOpenPositionAdaptText(prev=>({bottom:!1,right:!prev.right}));break;case`bottom`:openPositionAdaptText.bottom||cantooStoreEvent(`CANTOO_EDITEUR_ADAPT_TEXT`),setOpenPositionAdaptText(prev=>({right:!1,bottom:!prev.bottom}));break;default:break}},toogleSettings=()=>{if(!Cantoo){console.warn(`Cantoo not available`);return}Cantoo.openCantooWebConfig()},cantooStoreEvent=useCallback(async eventType=>{if(eventType.length>0){let data={"event-type":eventType};try{await odeServices.http().post(`/infra/event/web/store`,data)}catch(e){console.warn(`Error while storing event`,e)}}},[]);return{cantooParam,isAvailable,speech2textIsAvailable,speech2textIsActive,text2speechIsActive,toggleSpeech2Text,toggleText2Speech,toogleSettings,openPositionAdaptText,handleCantooAdaptTextPosition}};export{useCantooEditor};

package/dist/modules/editor/hooks/useCommentEditor.js

@@ -1,37 +1 @@
-import { useState, useEffect } from "react";
-import { Hyperlink } from "@edifice.io/tiptap-extensions/hyperlink";
-import CharacterCount from "@tiptap/extension-character-count";
-import { useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-const useCommentEditor = (editable, content, maxLength = 800) => {
-  const [commentLength, setCommentLength] = useState(0), editor = useEditor({
-    editable,
-    extensions: [StarterKit, Hyperlink, CharacterCount.configure({
-      limit: maxLength
-    })],
-    content
-  });
-  return useEffect(() => {
-    editor == null || editor.commands.setContent(content);
-  }, [content, editor]), useEffect(() => {
-    editor == null || editor.setEditable(editable);
-  }, [editable, editor]), useEffect(() => {
-    function setCounter() {
-      const length = (editor == null ? void 0 : editor.storage.characterCount.characters()) ?? 0;
-      setCommentLength(length);
-    }
-    return editor == null || editor.on("update", setCounter), () => {
-      editor == null || editor.off("update", setCounter);
-    };
-  }, [editor]), {
-    editor,
-    commentLength,
-    getComment: () => editor == null ? void 0 : editor.getHTML(),
-    resetComment: () => {
-      setCommentLength(0), editor == null || editor.commands.setContent(content);
-    }
-  };
-};
-export {
-  useCommentEditor
-};
+import{useEffect,useState}from"react";import{useEditor}from"@tiptap/react";import StarterKit from"@tiptap/starter-kit";import{Hyperlink}from"@edifice.io/tiptap-extensions/hyperlink";import CharacterCount from"@tiptap/extension-character-count";var useCommentEditor=(editable,content,maxLength=800)=>{let[commentLength,setCommentLength]=useState(0),editor=useEditor({editable,extensions:[StarterKit,Hyperlink,CharacterCount.configure({limit:maxLength})],content});return useEffect(()=>{editor?.commands.setContent(content)},[content,editor]),useEffect(()=>{editor?.setEditable(editable)},[editable,editor]),useEffect(()=>{function setCounter(){setCommentLength(editor?.storage.characterCount.characters()??0)}return editor?.on(`update`,setCounter),()=>{editor?.off(`update`,setCounter)}},[editor]),{editor,commentLength,getComment:()=>editor?.getHTML(),resetComment:()=>{setCommentLength(0),editor?.commands.setContent(content)}}};export{useCommentEditor};

package/dist/modules/editor/hooks/useEditorContext.js

@@ -1,12 +1 @@
-import { createContext, useContext } from "react";
-const EditorContext = /* @__PURE__ */ createContext(null);
-function useEditorContext() {
-  const context = useContext(EditorContext);
-  if (!context)
-    throw new Error("Editor compound components cannot be rendered outside the Editor component");
-  return context;
-}
-export {
-  EditorContext,
-  useEditorContext
-};
+import{createContext,useContext}from"react";var EditorContext=createContext(null);function useEditorContext(){let context=useContext(EditorContext);if(!context)throw Error(`Editor compound components cannot be rendered outside the Editor component`);return context}export{EditorContext,useEditorContext};

package/dist/modules/editor/hooks/useImageModal.js

@@ -1,46 +1 @@
-import { useState } from "react";
-import { useImageSelection } from "./useImageSelection.js";
-import useToggle from "../../../hooks/useToggle/useToggle.js";
-import useWorkspaceFile from "../../../hooks/useWorkspaceFile/useWorkspaceFile.js";
-const useImageModal = (editor, application, visibility) => {
-  const [currentImage, setCurrentImage] = useState(void 0), [isOpen, toggle] = useToggle(!1), {
-    createOrUpdate
-  } = useWorkspaceFile(), {
-    setAttributes,
-    getSelection
-  } = useImageSelection(editor);
-  return {
-    isOpen,
-    currentImage,
-    toggle,
-    handleCancel: () => {
-      toggle();
-    },
-    handleEdit: () => {
-      const selected = getSelection()[0];
-      selected && (setCurrentImage(selected), toggle());
-    },
-    handleSave: async ({
-      blob,
-      legend,
-      altText: alt
-    }) => {
-      const res = await createOrUpdate({
-        blob,
-        legend,
-        alt,
-        uri: currentImage == null ? void 0 : currentImage.src,
-        visibility,
-        application
-      });
-      toggle(), setAttributes({
-        url: typeof res == "object" ? res.src : res,
-        alt,
-        title: legend
-      });
-    }
-  };
-};
-export {
-  useImageModal
-};
+import useToggle from"../../../hooks/useToggle/useToggle.js";import useWorkspaceFile from"../../../hooks/useWorkspaceFile/useWorkspaceFile.js";import{useImageSelection}from"./useImageSelection.js";import{useState}from"react";var useImageModal=(editor,application,visibility)=>{let[currentImage,setCurrentImage]=useState(void 0),[isOpen,toggle]=useToggle(!1),{createOrUpdate}=useWorkspaceFile(),{setAttributes,getSelection}=useImageSelection(editor);return{isOpen,currentImage,toggle,handleCancel:()=>{toggle()},handleEdit:()=>{let selected=getSelection()[0];selected&&(setCurrentImage(selected),toggle())},handleSave:async({blob,legend,altText:alt})=>{let res=await createOrUpdate({blob,legend,alt,uri:currentImage?.src,visibility,application});toggle(),setAttributes({url:typeof res==`object`?res.src:res,alt,title:legend})}}};export{useImageModal};

package/dist/modules/editor/hooks/useImageSelection.js

@@ -1,46 +1 @@
-import { addTimestampToImageUrl } from "@edifice.io/utilities";
-function useImageSelection(editor) {
-  return {
-    setAttributes: ({
-      url,
-      alt,
-      title
-    }) => {
-      (editor == null ? void 0 : editor.chain().updateAttributes("custom-image", {
-        src: addTimestampToImageUrl(url),
-        alt,
-        title
-      }).run()) || editor == null || editor.chain().updateAttributes("image", {
-        src: addTimestampToImageUrl(url),
-        alt,
-        title
-      }).run();
-    },
-    getSelection: () => {
-      const datas = [];
-      if (!editor)
-        return datas;
-      const {
-        $from,
-        $to
-      } = editor.state.selection;
-      return editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {
-        if (node.isAtom && (node.type.name === "image" || node.type.name === "custom-image")) {
-          const {
-            src,
-            title,
-            alt
-          } = node.attrs;
-          datas.push({
-            src,
-            title,
-            alt
-          });
-        }
-      }), datas;
-    }
-  };
-}
-export {
-  useImageSelection
-};
+import{addTimestampToImageUrl}from"@edifice.io/utilities";function useImageSelection(editor){return{setAttributes:({url,alt,title})=>{editor?.chain().updateAttributes(`custom-image`,{src:addTimestampToImageUrl(url),alt,title}).run()||editor?.chain().updateAttributes(`image`,{src:addTimestampToImageUrl(url),alt,title}).run()},getSelection:()=>{let datas=[];if(!editor)return datas;let{$from,$to}=editor.state.selection;return editor.state.doc.nodesBetween($from.pos,$to.pos,node=>{if(node.isAtom&&(node.type.name===`image`||node.type.name===`custom-image`)){let{src,title,alt}=node.attrs;datas.push({src,title,alt})}}),datas}}}export{useImageSelection};

package/dist/modules/editor/hooks/useLinkToolbar.js

@@ -1,37 +1 @@
-import { useCallback } from "react";
-const useLinkToolbar = (editor, mediaLibraryRef) => ({
-  onEdit: useCallback((attrs) => {
-    var _a, _b;
-    editor != null && editor.isActive("hyperlink") && editor.commands.extendMarkRange("hyperlink");
-    const attrsLinker = attrs;
-    if (attrsLinker["data-id"] || attrsLinker["data-app-prefix"])
-      (_a = mediaLibraryRef.current) == null || _a.showLink({
-        target: attrs.target,
-        resourceId: attrsLinker["data-id"],
-        appPrefix: attrsLinker["data-app-prefix"]
-      });
-    else {
-      const {
-        href,
-        target
-      } = attrs;
-      (_b = mediaLibraryRef.current) == null || _b.showLink({
-        link: {
-          url: href || "",
-          target: target || void 0,
-          text: editor != null && editor.state.selection.empty ? "" : editor == null ? void 0 : editor.state.selection.content().content.child(0).textContent
-        }
-      });
-    }
-  }, [editor, mediaLibraryRef]),
-  onOpen: (attrs) => {
-    window.open(attrs.href || "about:blank", "_blank");
-  },
-  onUnlink: () => {
-    var _a, _b, _c, _d;
-    (_b = editor == null ? void 0 : (_a = editor.commands).unsetLinker) == null || _b.call(_a), (_d = editor == null ? void 0 : (_c = editor.commands).unsetLink) == null || _d.call(_c);
-  }
-});
-export {
-  useLinkToolbar
-};
+import{useCallback}from"react";var useLinkToolbar=(editor,mediaLibraryRef)=>({onEdit:useCallback(attrs=>{editor?.isActive(`hyperlink`)&&editor.commands.extendMarkRange(`hyperlink`);let attrsLinker=attrs;if(attrsLinker[`data-id`]||attrsLinker[`data-app-prefix`])mediaLibraryRef.current?.showLink({target:attrs.target,resourceId:attrsLinker[`data-id`],appPrefix:attrsLinker[`data-app-prefix`]});else{let{href,target}=attrs;mediaLibraryRef.current?.showLink({link:{url:href||``,target:target||void 0,text:editor?.state.selection.empty?``:editor?.state.selection.content().content.child(0).textContent}})}},[editor,mediaLibraryRef]),onOpen:attrs=>{window.open(attrs.href||`about:blank`,`_blank`)},onUnlink:()=>{editor?.commands.unsetLinker?.(),editor?.commands.unsetLink?.()}});export{useLinkToolbar};

package/dist/modules/editor/hooks/useMathsModal.js

@@ -1,17 +1 @@
-import useToggle from "../../../hooks/useToggle/useToggle.js";
-const useMathsModal = (editor) => {
-  const [isOpen, toggle] = useToggle(!1);
-  return {
-    isOpen,
-    toggle,
-    onCancel: () => {
-      toggle();
-    },
-    onSuccess: (formulaEditor) => {
-      editor == null || editor.commands.insertContentAt(editor.view.state.selection, formulaEditor), editor == null || editor.commands.enter(), toggle();
-    }
-  };
-};
-export {
-  useMathsModal
-};
+import useToggle from"../../../hooks/useToggle/useToggle.js";var useMathsModal=editor=>{let[isOpen,toggle]=useToggle(!1);return{isOpen,toggle,onCancel:()=>{toggle()},onSuccess:formulaEditor=>{editor?.commands.insertContentAt(editor.view.state.selection,formulaEditor),editor?.commands.enter(),toggle()}}};export{useMathsModal};

package/dist/modules/editor/hooks/useMathsStyles.js

@@ -1,20 +1 @@
-import { useEffect } from "react";
-const useMathsStyles = () => {
-  useEffect(() => {
-    const katexURL = "https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css";
-    let hasKatexLink = !1;
-    const links = document.head.getElementsByTagName("link");
-    for (const link of links)
-      if (link.href === katexURL) {
-        hasKatexLink = !0;
-        return;
-      }
-    if (!hasKatexLink) {
-      const link = document.createElement("link");
-      link.href = katexURL, link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link);
-    }
-  }, []);
-};
-export {
-  useMathsStyles
-};
+import{useEffect}from"react";var useMathsStyles=()=>{useEffect(()=>{let katexURL=`https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css`,hasKatexLink=!1,links=document.head.getElementsByTagName(`link`);for(let link of links)if(link.href===katexURL){hasKatexLink=!0;return}if(!hasKatexLink){let link=document.createElement(`link`);link.href=katexURL,link.rel=`stylesheet`,link.type=`text/css`,document.links,document.head.appendChild(link)}},[])};export{useMathsStyles};

package/dist/modules/editor/hooks/useMediaLibraryEditor.js

@@ -1,153 +1,4 @@
-import { useCallback, useRef } from "react";
-import { addTimestampToImageUrl } from "@edifice.io/utilities";
-import useWorkspaceFile from "../../../hooks/useWorkspaceFile/useWorkspaceFile.js";
-const useMediaLibraryEditor = (editor) => {
-  const {
-    remove
-  } = useWorkspaceFile(), appendResult = useCallback((type, result) => {
-    var _a;
-    if (!(!type || !editor))
-      switch (type) {
-        case "image": {
-          const images = result, imagesSize = images.length - 1;
-          images.forEach((image, index) => {
-            const url = `/workspace/${image.public ? "pub/" : ""}document/${image._id}`;
-            editor == null || editor.chain().focus().setNewImage({
-              /**
-               * WB-3053: addTimestampToImageUrl to update correctly image in tiptap-image-extension
-               */
-              src: addTimestampToImageUrl(url),
-              alt: image.alt,
-              title: image.title
-            }).run(), index < imagesSize && (editor == null || editor.commands.setTextSelection(editor.state.selection.to));
-          });
-          break;
-        }
-        case "audio": {
-          const sounds = Array.isArray(result) ? result : [result], {
-            from
-          } = editor.state.selection;
-          sounds.reverse().forEach((sound) => {
-            editor == null || editor.commands.setAudio(sound._id || "", `/workspace/${sound.public ? "pub/" : ""}document/${sound._id}`), editor == null || editor.commands.setTextSelection(from);
-          });
-          break;
-        }
-        case "video": {
-          if (typeof result == "string")
-            editor == null || editor.commands.insertContentAt(editor.view.state.selection, result);
-          else {
-            const videos = result, {
-              from
-            } = editor.state.selection;
-            videos.reverse().forEach((video) => {
-              editor == null || editor.commands.setVideo(video._id || "", `/workspace/${video.public ? "pub/" : ""}document/${video._id}`, !0), editor == null || editor.commands.setTextSelection(from);
-            });
-          }
-          break;
-        }
-        case "attachment": {
-          let innerHtml = "";
-          for (let i = 0; i < result.length; i++) {
-            const link = result[i];
-            innerHtml += `<a href="/workspace/${link.public ? "pub/" : ""}document/${link._id}" data-content-type="${(_a = link.metadata) == null ? void 0 : _a["content-type"]}">${link.name}
-            </a>`;
-          }
-          const richContent = `<div class="attachments">
+import useWorkspaceFile from"../../../hooks/useWorkspaceFile/useWorkspaceFile.js";import{addTimestampToImageUrl}from"@edifice.io/utilities";import{useCallback,useRef}from"react";var useMediaLibraryEditor=editor=>{let{remove}=useWorkspaceFile(),appendResult=useCallback((type,result)=>{if(!(!type||!editor))switch(type){case`image`:{let images=result,imagesSize=images.length-1;images.forEach((image,index)=>{let url=`/workspace/${image.public?`pub/`:``}document/${image._id}`;editor?.chain().focus().setNewImage({src:addTimestampToImageUrl(url),alt:image.alt,title:image.title}).run(),index<imagesSize&&editor?.commands.setTextSelection(editor.state.selection.to)});break}case`audio`:{let sounds=Array.isArray(result)?result:[result],{from}=editor.state.selection;sounds.reverse().forEach(sound=>{editor?.commands.setAudio(sound._id||``,`/workspace/${sound.public?`pub/`:``}document/${sound._id}`),editor?.commands.setTextSelection(from)});break}case`video`:if(typeof result==`string`)editor?.commands.insertContentAt(editor.view.state.selection,result);else{let videos=result,{from}=editor.state.selection;videos.reverse().forEach(video=>{editor?.commands.setVideo(video._id||``,`/workspace/${video.public?`pub/`:``}document/${video._id}`,!0),editor?.commands.setTextSelection(from)})}break;case`attachment`:{let innerHtml=``;for(let i=0;i<result.length;i++){let link=result[i];innerHtml+=`<a href="/workspace/${link.public?`pub/`:``}document/${link._id}" data-content-type="${link.metadata?.[`content-type`]}">${link.name}
+            </a>`}let richContent=`<div class="attachments">
             ${innerHtml}
-          </div>`;
-          editor == null || editor.commands.insertContentAt(editor.view.state.selection, richContent), editor == null || editor.commands.enter();
-          break;
-        }
-        case "hyperlink": {
-          const resourceTabResult = result;
-          if (editor != null && editor.isActive("linker") && editor.commands.unsetLinker(), editor != null && editor.isActive("hyperlink") && editor.commands.toggleMark("hyperlink"), editor == null || editor.commands.focus(), editor.state.selection.empty && Array.isArray(resourceTabResult.resources))
-            resourceTabResult.resources.forEach((link) => {
-              editor == null || editor.commands.setLinker({
-                href: link.path,
-                "data-app-prefix": link.application,
-                "data-id": link.assetId,
-                target: resourceTabResult.target ?? null,
-                title: link.name
-              }), resourceTabResult && resourceTabResult.resources && resourceTabResult.resources.length > 1 && editor.commands.enter();
-            });
-          else {
-            const insertAndSelectText = (name) => {
-              if (!name) return;
-              const from = editor.state.selection.head, to = from + name.length;
-              editor == null || editor.chain().insertContent(name).setTextSelection({
-                from,
-                to
-              }).run();
-            };
-            if (Array.isArray(resourceTabResult.resources))
-              resourceTabResult.resources.forEach((link) => {
-                var _a2;
-                editor.state.selection.empty && insertAndSelectText(link.name), editor == null || editor.commands.setLink({
-                  href: link.path,
-                  target: resourceTabResult.target ?? null
-                });
-                const newPosition = editor.state.selection.head;
-                editor.commands.setTextSelection({
-                  from: newPosition,
-                  to: newPosition
-                }), resourceTabResult != null && resourceTabResult.resources && ((_a2 = resourceTabResult == null ? void 0 : resourceTabResult.resources) == null ? void 0 : _a2.length) > 1 && editor.commands.enter();
-              });
-            else {
-              const {
-                url,
-                target,
-                text
-              } = result;
-              if (editor.state.selection.empty)
-                insertAndSelectText(text);
-              else {
-                const {
-                  selection
-                } = editor.view.state, {
-                  from,
-                  to
-                } = selection;
-                text && selection.content().content.child(0).textContent !== text && editor.chain().focus().insertContentAt({
-                  from,
-                  to
-                }, text).setTextSelection({
-                  from,
-                  to: from + text.length
-                }).run();
-              }
-              editor == null || editor.commands.setLink({
-                href: url,
-                title: "",
-                target
-              });
-            }
-          }
-          break;
-        }
-        case "embedder": {
-          editor == null || editor.commands.insertContentAt(editor.view.state.selection, result), editor == null || editor.commands.enter();
-          break;
-        }
-        default:
-          return `<div>[useMediaLibraryEditor/onSuccess] Le contenu de type "${type}" n'est pas convertissable pour l'instant !</div>`;
-      }
-  }, [editor]), mediaLibraryRef = useRef(null);
-  return {
-    ref: mediaLibraryRef,
-    onCancel: async (uploads) => {
-      var _a, _b;
-      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads), (_b = mediaLibraryRef.current) == null || _b.hide();
-    },
-    onSuccess: (result) => {
-      var _a, _b;
-      (_a = mediaLibraryRef.current) != null && _a.type && (appendResult(mediaLibraryRef.current.type, result), (_b = mediaLibraryRef.current) == null || _b.hide());
-    },
-    onTabChange: async (_tab, uploads) => {
-      var _a;
-      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads);
-    }
-  };
-};
-export {
-  useMediaLibraryEditor
-};
+          </div>`;editor?.commands.insertContentAt(editor.view.state.selection,richContent),editor?.commands.enter();break}case`hyperlink`:{let resourceTabResult=result;if(editor?.isActive(`linker`)&&editor.commands.unsetLinker(),editor?.isActive(`hyperlink`)&&editor.commands.toggleMark(`hyperlink`),editor?.commands.focus(),editor.state.selection.empty&&Array.isArray(resourceTabResult.resources))resourceTabResult.resources.forEach(link=>{editor?.commands.setLinker({href:link.path,"data-app-prefix":link.application,"data-id":link.assetId,target:resourceTabResult.target??null,title:link.name}),resourceTabResult&&resourceTabResult.resources&&resourceTabResult.resources.length>1&&editor.commands.enter()});else{let insertAndSelectText=name=>{if(!name)return;let from=editor.state.selection.head,to=from+name.length;editor?.chain().insertContent(name).setTextSelection({from,to}).run()};if(Array.isArray(resourceTabResult.resources))resourceTabResult.resources.forEach(link=>{editor.state.selection.empty&&insertAndSelectText(link.name),editor?.commands.setLink({href:link.path,target:resourceTabResult.target??null});let newPosition=editor.state.selection.head;editor.commands.setTextSelection({from:newPosition,to:newPosition}),resourceTabResult?.resources&&resourceTabResult?.resources?.length>1&&editor.commands.enter()});else{let{url,target,text}=result;if(editor.state.selection.empty)insertAndSelectText(text);else{let{selection}=editor.view.state,{from,to}=selection;text&&selection.content().content.child(0).textContent!==text&&editor.chain().focus().insertContentAt({from,to},text).setTextSelection({from,to:from+text.length}).run()}editor?.commands.setLink({href:url,title:``,target})}}break}case`embedder`:editor?.commands.insertContentAt(editor.view.state.selection,result),editor?.commands.enter();break;default:return`<div>[useMediaLibraryEditor/onSuccess] Le contenu de type "${type}" n'est pas convertissable pour l'instant !</div>`}},[editor]),mediaLibraryRef=useRef(null);return{ref:mediaLibraryRef,onCancel:async uploads=>{mediaLibraryRef.current?.type&&uploads&&uploads.length>0&&await remove(uploads),mediaLibraryRef.current?.hide()},onSuccess:result=>{mediaLibraryRef.current?.type&&(appendResult(mediaLibraryRef.current.type,result),mediaLibraryRef.current?.hide())},onTabChange:async(_tab,uploads)=>{mediaLibraryRef.current?.type&&uploads&&uploads.length>0&&await remove(uploads)}}};export{useMediaLibraryEditor};

package/dist/modules/editor/hooks/useResizeMedia.js

@@ -1,59 +1 @@
-import { useRef, useEffect } from "react";
-const useResizeMedia = (props, refResizable, forcedAspectRatio) => {
-  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), readCurrentPixelWidth = () => {
-    const el = refResizable.current;
-    if (!el) return 0;
-    const rect = el.getBoundingClientRect();
-    return Math.round(rect.width || el.width || 0);
-  }, readCurrentPixelHeight = () => {
-    const el = refResizable.current;
-    if (!el) return 0;
-    const rect = el.getBoundingClientRect();
-    return Math.round(rect.height || el.height || 0);
-  };
-  useEffect(() => {
-    const proseMirrorContainerDiv = document.querySelector(".ProseMirror");
-    if (proseMirrorContainerDiv && (proseMirrorContainerWidth.current = proseMirrorContainerDiv.clientWidth), forcedAspectRatio && forcedAspectRatio > 0)
-      aspectRatio.current = forcedAspectRatio;
-    else {
-      const w = readCurrentPixelWidth(), h = readCurrentPixelHeight();
-      w > 0 && h > 0 ? aspectRatio.current = w / h : aspectRatio.current = 16 / 9;
-    }
-  }, []);
-  const clampWidth = (w) => {
-    let width = w;
-    return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), Math.round(width);
-  }, onVerticalResize = (direction, diff) => {
-    const currWidth = readCurrentPixelWidth();
-    if (!currWidth) return;
-    let newWidth = direction === "left" ? currWidth - Math.abs(diff) : currWidth + Math.abs(diff);
-    newWidth = clampWidth(newWidth);
-    const ratio = aspectRatio.current || 16 / 9, newHeight = Math.round(newWidth / ratio);
-    setTimeout(() => {
-      props.updateAttributes({
-        width: newWidth,
-        height: newHeight
-      });
-    });
-  }, onVerticalMouseMove = (event) => {
-    if (!isVerticalResizeActive.current) return;
-    const {
-      clientX
-    } = event, diff = lastCursorX.current - clientX;
-    if (lastCursorX.current = clientX, diff === 0) return;
-    const direction = diff > 0 ? "left" : "right";
-    onVerticalResize(direction, Math.abs(diff));
-  }, startVerticalResize = (event) => {
-    isVerticalResizeActive.current = !0, lastCursorX.current = event.clientX, document.addEventListener("mousemove", onVerticalMouseMove), document.addEventListener("mouseup", stopVerticalResize);
-  }, stopVerticalResize = () => {
-    isVerticalResizeActive.current = !1, lastCursorX.current = -1, document.removeEventListener("mousemove", onVerticalMouseMove), document.removeEventListener("mouseup", stopVerticalResize);
-  };
-  return {
-    startVerticalResize,
-    stopVerticalResize,
-    isVerticalResizeActive
-  };
-};
-export {
-  useResizeMedia
-};
+import{useEffect,useRef}from"react";var useResizeMedia=(props,refResizable,forcedAspectRatio)=>{let aspectRatio=useRef(0),lastCursorX=useRef(-1),isVerticalResizeActive=useRef(!1),proseMirrorContainerWidth=useRef(0),readCurrentPixelWidth=()=>{let el=refResizable.current;if(!el)return 0;let rect=el.getBoundingClientRect();return Math.round(rect.width||el.width||0)},readCurrentPixelHeight=()=>{let el=refResizable.current;if(!el)return 0;let rect=el.getBoundingClientRect();return Math.round(rect.height||el.height||0)};useEffect(()=>{let proseMirrorContainerDiv=document.querySelector(`.ProseMirror`);if(proseMirrorContainerDiv&&(proseMirrorContainerWidth.current=proseMirrorContainerDiv.clientWidth),forcedAspectRatio&&forcedAspectRatio>0)aspectRatio.current=forcedAspectRatio;else{let w=readCurrentPixelWidth(),h=readCurrentPixelHeight();w>0&&h>0?aspectRatio.current=w/h:aspectRatio.current=16/9}},[]);let clampWidth=w=>{let width=w;return proseMirrorContainerWidth.current>0&&width>proseMirrorContainerWidth.current&&(width=proseMirrorContainerWidth.current),Math.round(width)},onVerticalResize=(direction,diff)=>{let currWidth=readCurrentPixelWidth();if(!currWidth)return;let newWidth=direction===`left`?currWidth-Math.abs(diff):currWidth+Math.abs(diff);newWidth=clampWidth(newWidth);let ratio=aspectRatio.current||16/9,newHeight=Math.round(newWidth/ratio);setTimeout(()=>{props.updateAttributes({width:newWidth,height:newHeight})})},onVerticalMouseMove=event=>{if(!isVerticalResizeActive.current)return;let{clientX}=event,diff=lastCursorX.current-clientX;lastCursorX.current=clientX,diff!==0&&onVerticalResize(diff>0?`left`:`right`,Math.abs(diff))},startVerticalResize=event=>{isVerticalResizeActive.current=!0,lastCursorX.current=event.clientX,document.addEventListener(`mousemove`,onVerticalMouseMove),document.addEventListener(`mouseup`,stopVerticalResize)},stopVerticalResize=()=>{isVerticalResizeActive.current=!1,lastCursorX.current=-1,document.removeEventListener(`mousemove`,onVerticalMouseMove),document.removeEventListener(`mouseup`,stopVerticalResize)};return{startVerticalResize,stopVerticalResize,isVerticalResizeActive}};export{useResizeMedia};