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

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.TextSize.js

@@ -1 +1,62 @@
-import SvgIconTextSize from"../../../icons/components/IconTextSize.js";import IconButton from"../../../../components/Button/IconButton.js";import Tooltip from"../../../../components/Tooltip/Tooltip.js";import{useDropdownContext}from"../../../../components/Dropdown/DropdownContext.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{useEditorContext}from"../../hooks/useEditorContext.js";import{hasExtension}from"../../utilities/has-extension.js";import{Fragment}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var EditorToolbarTextSize=({triggerProps})=>{let{t}=useTranslation(),{editor}=useEditorContext(),{visible}=useDropdownContext(),textOptions=[{id:`title-1`,label:t(`tiptap.toolbar.size.h1`),className:`fs-2 fw-bold text-secondary`,action:()=>editor?.chain().focus().scrollIntoView().setCustomHeading({level:1}).run(),visibility:hasExtension(`customHeading`,editor)},{id:`title-2`,label:t(`tiptap.toolbar.size.h2`),className:`fs-3 fw-bold text-secondary`,action:()=>editor?.chain().focus().setCustomHeading({level:2}).run(),visibility:hasExtension(`customHeading`,editor)},{id:`divider`,type:`divider`,visibility:hasExtension(`customHeading`,editor)&&hasExtension(`fontSize`,editor)},{id:`big-text`,label:t(`tiptap.toolbar.size.big`),className:`fs-4`,action:()=>editor?.chain().focus().setParagraph().setFontSize(`18px`).run(),visibility:hasExtension(`fontSize`,editor)},{id:`normal-text`,label:t(`tiptap.toolbar.size.normal`),action:()=>editor?.chain().focus().setParagraph().setFontSize(`16px`).run(),visibility:hasExtension(`fontSize`,editor)},{id:`small-text`,label:t(`tiptap.toolbar.size.small`),className:`fs-6`,action:()=>editor?.chain().focus().setParagraph().setFontSize(`14px`).run(),visibility:hasExtension(`fontSize`,editor)}];return jsxs(Fragment$1,{children:[jsx(Tooltip,{message:t(`tiptap.toolbar.size.choice`),placement:`top`,children:jsx(IconButton,{...triggerProps,type:`button`,variant:`ghost`,color:`tertiary`,icon:jsx(SvgIconTextSize,{}),"aria-label":t(`tiptap.toolbar.size.choice`),className:visible?`is-selected`:``})}),jsx(Dropdown.Menu,{children:textOptions.map(option=>jsx(Fragment,{children:option.type===`divider`&&option.visibility?jsx(Dropdown.Separator,{}):option.visibility?jsx(`div`,{onMouseDown:e=>e.preventDefault(),children:jsx(Dropdown.Item,{onClick:option.action,children:jsx(`span`,{className:option.className,children:option.label})})}):null},option.id))})]})};export{EditorToolbarTextSize};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconTextSize from "../../../icons/components/IconTextSize.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+import { hasExtension } from "../../utilities/has-extension.js";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const EditorToolbarTextSize = ({
+  triggerProps
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    editor
+  } = useEditorContext(), textOptions = [{
+    id: "title-1",
+    label: t("tiptap.toolbar.size.h1"),
+    className: "fs-2 fw-bold text-secondary",
+    action: () => editor == null ? void 0 : editor.chain().focus().scrollIntoView().setCustomHeading({
+      level: 1
+    }).run(),
+    visibility: hasExtension("customHeading", editor)
+  }, {
+    id: "title-2",
+    label: t("tiptap.toolbar.size.h2"),
+    className: "fs-3 fw-bold text-secondary",
+    action: () => editor == null ? void 0 : editor.chain().focus().setCustomHeading({
+      level: 2
+    }).run(),
+    visibility: hasExtension("customHeading", editor)
+  }, {
+    id: "divider",
+    type: "divider",
+    visibility: hasExtension("customHeading", editor) && hasExtension("fontSize", editor)
+  }, {
+    id: "big-text",
+    label: t("tiptap.toolbar.size.big"),
+    className: "fs-4",
+    action: () => editor == null ? void 0 : editor.chain().focus().setParagraph().setFontSize("18px").run(),
+    visibility: hasExtension("fontSize", editor)
+  }, {
+    id: "normal-text",
+    label: t("tiptap.toolbar.size.normal"),
+    action: () => editor == null ? void 0 : editor.chain().focus().setParagraph().setFontSize("16px").run(),
+    visibility: hasExtension("fontSize", editor)
+  }, {
+    id: "small-text",
+    label: t("tiptap.toolbar.size.small"),
+    className: "fs-6",
+    action: () => editor == null ? void 0 : editor.chain().focus().setParagraph().setFontSize("14px").run(),
+    visibility: hasExtension("fontSize", editor)
+  }];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.size.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconTextSize, {}), "aria-label": t("tiptap.toolbar.size.choice") }) }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: textOptions.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" && option.visibility ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : option.visibility ? /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }) : null }, option.id)) })
+  ] });
+};
+export {
+  EditorToolbarTextSize
+};

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Typography.js

@@ -1 +1,52 @@
-import SvgIconTextTypo from"../../../icons/components/IconTextTypo.js";import IconButton from"../../../../components/Button/IconButton.js";import Tooltip from"../../../../components/Tooltip/Tooltip.js";import{useDropdownContext}from"../../../../components/Dropdown/DropdownContext.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import{useEditorContext}from"../../hooks/useEditorContext.js";import{Fragment,useEffect,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var EditorToolbarTypography=({triggerProps})=>{let{t}=useTranslation(),{editor}=useEditorContext(),{visible}=useDropdownContext(),[value,setValue]=useState(`sans-serif`);useEffect(()=>{let textStyle=editor?.getAttributes(`textStyle`);setValue(textStyle?.fontFamily??``)},[editor,editor?.state]);let options=[{value:``,label:t(`tiptap.toolbar.typo.sans`)},{value:`Lora`,label:t(`tiptap.toolbar.typo.serif`),className:`ff-serif`},{value:`IBM Plex Mono`,label:t(`tiptap.toolbar.typo.mono`),className:`ff-script`},{value:`Marelle`,label:t(`tiptap.toolbar.typo.marelle`),className:`ff-marelle`},{value:`OpenDyslexic`,label:t(`tiptap.toolbar.typo.dyslexic`),className:`ff-dyslexic`}];return jsxs(Fragment$1,{children:[jsx(Tooltip,{message:t(`tiptap.toolbar.typo.choice`),placement:`top`,children:jsx(IconButton,{...triggerProps,type:`button`,variant:`ghost`,color:`tertiary`,icon:jsx(SvgIconTextTypo,{}),"aria-label":t(`tiptap.toolbar.typo.choice`),className:visible?`is-selected`:``})}),jsx(Dropdown.Menu,{children:options.map(option=>jsx(Fragment,{children:jsx(`div`,{onMouseDown:e=>e.preventDefault(),children:jsx(Dropdown.RadioItem,{value:option.value,model:value,onChange:value=>{typeof value==`string`&&value.length>0?(editor?.chain().focus().setFontFamily(value).run(),setValue(value)):(editor?.chain().focus().unsetFontFamily().run(),setValue(``))},children:jsx(`span`,{className:option.className,children:option.label})})})},option.label))})]})};export{EditorToolbarTypography};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect, Fragment as Fragment$1 } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconTextTypo from "../../../icons/components/IconTextTypo.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const EditorToolbarTypography = ({
+  triggerProps
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    editor
+  } = useEditorContext(), [value, setValue] = useState("sans-serif");
+  useEffect(() => {
+    const textStyle = editor == null ? void 0 : editor.getAttributes("textStyle");
+    setValue((textStyle == null ? void 0 : textStyle.fontFamily) ?? "");
+  }, [editor, editor == null ? void 0 : editor.state]);
+  const options = [{
+    value: "",
+    label: t("tiptap.toolbar.typo.sans")
+  }, {
+    value: "Lora",
+    label: t("tiptap.toolbar.typo.serif"),
+    className: "ff-serif"
+  }, {
+    value: "IBM Plex Mono",
+    label: t("tiptap.toolbar.typo.mono"),
+    className: "ff-script"
+  }, {
+    value: "Marelle",
+    label: t("tiptap.toolbar.typo.marelle"),
+    className: "ff-marelle"
+  }, {
+    value: "OpenDyslexic",
+    label: t("tiptap.toolbar.typo.dyslexic"),
+    className: "ff-dyslexic"
+  }];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.typo.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconTextTypo, {}), "aria-label": t("tiptap.toolbar.typo.choice"), className: editor != null && editor.isActive("textStyle", {
+      color: /^#([0-9a-f]{3}){1,2}$/i
+    }) ? "selected" : "" }) }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.RadioItem, { value: option.value, model: value, onChange: (value2) => {
+      typeof value2 == "string" && value2.length > 0 ? (editor == null || editor.chain().focus().setFontFamily(value2).run(), setValue(value2)) : (editor == null || editor.chain().focus().unsetFontFamily().run(), setValue(""));
+    }, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }) }, option.label)) })
+  ] });
+};
+export {
+  EditorToolbarTypography
+};

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.js

@@ -1 +1,356 @@
-import SvgIconAlignLeft from"../../../icons/components/IconAlignLeft.js";import SvgIconBulletList from"../../../icons/components/IconBulletList.js";import SvgIconInfoRectangle from"../../../icons/components/IconInfoRectangle.js";import SvgIconLandscape from"../../../icons/components/IconLandscape.js";import SvgIconLink from"../../../icons/components/IconLink.js";import SvgIconMic from"../../../icons/components/IconMic.js";import SvgIconPaperclip from"../../../icons/components/IconPaperclip.js";import SvgIconRecordVideo from"../../../icons/components/IconRecordVideo.js";import SvgIconRedo from"../../../icons/components/IconRedo.js";import SvgIconSpeechToText from"../../../icons/components/IconSpeechToText.js";import SvgIconTextBold from"../../../icons/components/IconTextBold.js";import SvgIconTextItalic from"../../../icons/components/IconTextItalic.js";import SvgIconTextUnderline from"../../../icons/components/IconTextUnderline.js";import SvgIconUndo from"../../../icons/components/IconUndo.js";import Toolbar from"../../../../components/Toolbar/Toolbar.js";import{useActionOptions}from"../../hooks/useActionOptions.js";import{useEditorContext}from"../../hooks/useEditorContext.js";import{useSpeechRecognition}from"../../hooks/useSpeechRecognition.js";import{hasExtension}from"../../utilities/has-extension.js";import{hasMark}from"../../utilities/has-mark.js";import{hasTextStyle}from"../../utilities/has-text-style.js";import{EditorToolbarDropdownMenu}from"./EditorToolbar.DropdownMenu.js";import{EditorToolbarEmoji}from"./EditorToolbar.Emoji.js";import{EditorToolbarHighlightColor}from"./EditorToolbar.HighlightColor.js";import{EditorToolbarPlusMenu}from"./EditorToolbar.PlusMenu.js";import{EditorToolbarTextColor}from"./EditorToolbar.TextColor.js";import{EditorToolbarTextSize}from"./EditorToolbar.TextSize.js";import{EditorToolbarTypography}from"./EditorToolbar.Typography.js";import{EditorToolbarCantoo}from"./EditorToolbar.Cantoo.js";import{useMemo}from"react";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var EditorToolbar=({mediaLibraryRef,toggleMathsModal,cantooEditor})=>{let{t}=useTranslation(),{id,editor}=useEditorContext(),[plusOptions,listOptions,alignmentOptions]=useActionOptions(editor,toggleMathsModal,mediaLibraryRef),{isAvailable:canRecognizeSpeech,isActive:speechRecognition,toggle:toggleSpeechRecognition}=useSpeechRecognition(editor);return jsx(`div`,{className:`sticky-top z-1 editor-toolbar rounded-3`,children:jsx(Toolbar,{items:useMemo(()=>{let showIf=truthy=>truthy?`show`:`hide`,showLinkModal=()=>{let{state}=editor;state.selection.empty?mediaLibraryRef.current?.show(`hyperlink`):mediaLibraryRef.current?.showLink({link:{text:state.selection.content().content.child(0).textContent,target:`_blank`},multiNodeSelected:state.selection.content().content.childCount>1})};return[{type:`icon`,props:{icon:jsx(SvgIconUndo,{}),"aria-label":t(`editor.option.undo`),onClick:()=>editor?.chain().focus().undo().run(),disabled:!hasExtension(`history`,editor)||!editor?.can().undo()},name:`undo`,tooltip:t(`editor.option.undo`),visibility:showIf(hasExtension(`history`,editor))},{type:`icon`,props:{icon:jsx(SvgIconRedo,{}),"aria-label":t(`editor.option.redo`),onClick:()=>editor?.chain().focus().redo().run(),disabled:!hasExtension(`history`,editor)||!editor?.can().redo()},name:`redo`,tooltip:t(`editor.option.redo`),visibility:showIf(hasExtension(`history`,editor))},{type:`divider`,name:`div-1`},{type:`icon`,props:{icon:jsx(SvgIconLandscape,{}),className:`bg-green-200`,"aria-label":t(`tiptap.toolbar.picture`),onClick:()=>mediaLibraryRef.current?.show(`image`)},name:`image`,tooltip:t(`tiptap.toolbar.picture`)},{type:`icon`,props:{icon:jsx(SvgIconRecordVideo,{}),className:`bg-purple-200`,"aria-label":t(`tiptap.toolbar.video`),onClick:()=>mediaLibraryRef.current?.show(`video`)},name:`video`,tooltip:t(`tiptap.toolbar.video`)},{type:`icon`,props:{icon:jsx(SvgIconMic,{}),className:`bg-red-200`,"aria-label":t(`tiptap.toolbar.audio`),onClick:()=>mediaLibraryRef.current?.show(`audio`)},name:`audio`,tooltip:t(`tiptap.toolbar.audio`)},{type:`icon`,props:{icon:jsx(SvgIconPaperclip,{}),className:`bg-yellow-200`,"aria-label":t(`tiptap.toolbar.attachment`),onClick:()=>mediaLibraryRef.current?.show(`attachment`)},name:`attachment`,tooltip:t(`tiptap.toolbar.attachment`)},{type:`divider`,name:`div-2`},{type:`icon`,props:{icon:jsx(SvgIconSpeechToText,{}),"aria-label":t(`tiptap.toolbar.stt`),className:speechRecognition?`is-selected`:``,onClick:()=>toggleSpeechRecognition()},visibility:canRecognizeSpeech?`show`:`hide`,name:`speechtotext`,tooltip:t(`tiptap.toolbar.stt`)},{type:`dropdown`,props:{children:triggerProps=>jsx(EditorToolbarCantoo,{triggerProps,cantooEditor})},name:`cantoo`,visibility:cantooEditor.isAvailable?`show`:`hide`,tooltip:t(`tiptap.toolbar.cantoo.choice`)},{type:`divider`,name:`div-speech`,visibility:canRecognizeSpeech||cantooEditor.isAvailable?`show`:`hide`},{type:`dropdown`,props:{children:triggerProps=>jsx(EditorToolbarTypography,{triggerProps})},name:`text_typo`,visibility:showIf(hasExtension(`fontFamily`,editor)),tooltip:t(`tiptap.toolbar.typo.choice`)},{type:`dropdown`,props:{children:triggerProps=>jsx(EditorToolbarTextSize,{triggerProps})},name:`text_size`,visibility:showIf(hasExtension(`fontSize`,editor)||hasExtension(`heading`,editor)),tooltip:t(`tiptap.toolbar.size.choice`)},{type:`dropdown`,props:{children:(triggerProps,itemRefs)=>jsx(EditorToolbarTextColor,{triggerProps,itemRefs})},overflow:!1,name:`color`,visibility:hasTextStyle(`color`,editor)?`show`:`hide`,tooltip:t(`tiptap.toolbar.color.text`)},{type:`dropdown`,props:{children:(triggerProps,itemRefs)=>jsx(EditorToolbarHighlightColor,{triggerProps,itemRefs})},name:`highlight`,visibility:showIf(hasMark(`customHighlight`,editor)),tooltip:t(`tiptap.toolbar.highlight.back`)},{type:`icon`,props:{icon:jsx(SvgIconInfoRectangle,{}),"aria-label":t(`tiptap.toolbar.information.pane`),onClick:()=>editor?.chain().focus().setInformationPane(`info`).run()},name:`information-pane`,tooltip:t(`tiptap.toolbar.information.pane`)},{type:`divider`,name:`div-3`},{type:`icon`,props:{icon:jsx(SvgIconTextBold,{}),"aria-label":t(`tiptap.toolbar.bold`),className:editor?.isActive(`bold`)?`is-selected`:``,onClick:()=>editor?.chain().focus().toggleBold().run(),disabled:editor?.isActive(`heading`)},name:`bold`,visibility:showIf(hasMark(`bold`,editor)),tooltip:t(`tiptap.toolbar.bold`)},{type:`icon`,props:{icon:jsx(SvgIconTextItalic,{}),"aria-label":t(`tiptap.toolbar.italic`),className:editor?.isActive(`italic`)?`is-selected`:``,onClick:()=>editor?.chain().focus().toggleItalic().run()},name:`italic`,visibility:showIf(hasMark(`italic`,editor)),tooltip:t(`tiptap.toolbar.italic`)},{type:`icon`,props:{icon:jsx(SvgIconTextUnderline,{}),"aria-label":t(`tiptap.toolbar.underline`),className:editor?.isActive(`underline`)?`is-selected`:``,onClick:()=>editor?.chain().focus().toggleUnderline().run()},name:`underline`,visibility:showIf(hasMark(`underline`,editor)),tooltip:t(`tiptap.toolbar.underline`)},{type:`divider`,name:`div-4`},{type:`dropdown`,props:{children:(triggerProps,itemRefs)=>jsx(EditorToolbarEmoji,{triggerProps,itemRefs})},name:`emoji`,tooltip:t(`tiptap.toolbar.emojisPicker`)},{type:`icon`,props:{icon:jsx(SvgIconLink,{}),"aria-label":t(`tiptap.toolbar.linker`),className:editor?.isActive(`linker`)?`is-selected`:``,onClick:()=>showLinkModal()},name:`linker`,tooltip:t(`tiptap.toolbar.linker`)},{type:`divider`,name:`div-5`},{type:`dropdown`,props:{children:triggerProps=>jsx(EditorToolbarDropdownMenu,{triggerProps,icon:jsx(SvgIconBulletList,{}),ariaLabel:t(`tiptap.toolbar.listoptions`),options:listOptions})},name:`list`,visibility:showIf(hasExtension(`starterKit`,editor)),tooltip:t(`tiptap.toolbar.listoptions`)},{type:`dropdown`,props:{children:triggerProps=>jsx(EditorToolbarDropdownMenu,{triggerProps,icon:jsx(SvgIconAlignLeft,{}),ariaLabel:t(`tiptap.toolbar.align`),options:alignmentOptions})},name:`alignment`,visibility:showIf(hasExtension(`textAlign`,editor)),tooltip:t(`tiptap.toolbar.align`)},{type:`divider`,name:`div-6`},{type:`dropdown`,props:{children:()=>jsx(EditorToolbarPlusMenu,{options:plusOptions})},name:`plus`,visibility:showIf(hasExtension(`textAlign`,editor))}]},[alignmentOptions,canRecognizeSpeech,cantooEditor,editor,listOptions,mediaLibraryRef,plusOptions,speechRecognition,t,toggleSpeechRecognition]),variant:`no-shadow`,className:`rounded-top-3`,isBlock:!0,align:`left`,ariaControls:id})})};export{EditorToolbar};
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import "@tiptap/react";
+import "@tiptap/starter-kit";
+import SvgIconAlignLeft from "../../../icons/components/IconAlignLeft.js";
+import SvgIconBulletList from "../../../icons/components/IconBulletList.js";
+import SvgIconInfoRectangle from "../../../icons/components/IconInfoRectangle.js";
+import SvgIconLandscape from "../../../icons/components/IconLandscape.js";
+import SvgIconLink from "../../../icons/components/IconLink.js";
+import SvgIconMic from "../../../icons/components/IconMic.js";
+import SvgIconPaperclip from "../../../icons/components/IconPaperclip.js";
+import SvgIconRecordVideo from "../../../icons/components/IconRecordVideo.js";
+import SvgIconRedo from "../../../icons/components/IconRedo.js";
+import SvgIconSpeechToText from "../../../icons/components/IconSpeechToText.js";
+import SvgIconTextBold from "../../../icons/components/IconTextBold.js";
+import SvgIconTextItalic from "../../../icons/components/IconTextItalic.js";
+import SvgIconTextUnderline from "../../../icons/components/IconTextUnderline.js";
+import SvgIconUndo from "../../../icons/components/IconUndo.js";
+import { hasExtension } from "../../utilities/has-extension.js";
+import { hasMark } from "../../utilities/has-mark.js";
+import { hasTextStyle } from "../../utilities/has-text-style.js";
+import { EditorToolbarDropdownMenu } from "./EditorToolbar.DropdownMenu.js";
+import { EditorToolbarEmoji } from "./EditorToolbar.Emoji.js";
+import { EditorToolbarHighlightColor } from "./EditorToolbar.HighlightColor.js";
+import { EditorToolbarPlusMenu } from "./EditorToolbar.PlusMenu.js";
+import { EditorToolbarTextColor } from "./EditorToolbar.TextColor.js";
+import { EditorToolbarTextSize } from "./EditorToolbar.TextSize.js";
+import { EditorToolbarTypography } from "./EditorToolbar.Typography.js";
+import { EditorToolbarCantoo } from "./EditorToolbar.Cantoo.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+import { useActionOptions } from "../../hooks/useActionOptions.js";
+import { useSpeechRecognition } from "../../hooks/useSpeechRecognition.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
+const EditorToolbar = ({
+  mediaLibraryRef,
+  toggleMathsModal,
+  cantooEditor
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    id,
+    editor
+  } = useEditorContext(), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
+    isAvailable: canRecognizeSpeech,
+    isActive: speechRecognition,
+    toggle: toggleSpeechRecognition
+  } = useSpeechRecognition(editor), toolbarItems = useMemo(() => {
+    const showIf = (truthy) => truthy ? "show" : "hide", showLinkModal = () => {
+      var _a, _b;
+      const {
+        state
+      } = editor;
+      state.selection.empty ? (_a = mediaLibraryRef.current) == null || _a.show("hyperlink") : (_b = mediaLibraryRef.current) == null || _b.showLink({
+        link: {
+          text: state.selection.content().content.child(0).textContent,
+          target: "_blank"
+        },
+        multiNodeSelected: state.selection.content().content.childCount > 1
+      });
+    };
+    return [
+      //--------------- UNDO ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconUndo, {}),
+          "aria-label": t("editor.option.undo"),
+          onClick: () => editor == null ? void 0 : editor.chain().focus().undo().run(),
+          disabled: !(editor != null && editor.can().undo())
+        },
+        name: "undo",
+        tooltip: t("editor.option.undo"),
+        visibility: showIf(hasExtension("history", editor))
+      },
+      //--------------- REDO ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconRedo, {}),
+          "aria-label": t("editor.option.redo"),
+          onClick: () => editor == null ? void 0 : editor.chain().focus().redo().run(),
+          disabled: !(editor != null && editor.can().redo())
+        },
+        name: "redo",
+        tooltip: t("editor.option.redo"),
+        visibility: showIf(hasExtension("history", editor))
+      },
+      //-------------------------------------//
+      {
+        type: "divider",
+        name: "div-1"
+      },
+      //--------------- IMAGE ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconLandscape, {}),
+          className: "bg-green-200",
+          "aria-label": t("tiptap.toolbar.picture"),
+          onClick: () => {
+            var _a;
+            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("image");
+          }
+        },
+        name: "image",
+        tooltip: t("tiptap.toolbar.picture")
+      },
+      //--------------- VIDEO ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
+          className: "bg-purple-200",
+          "aria-label": t("tiptap.toolbar.video"),
+          onClick: () => {
+            var _a;
+            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("video");
+          }
+        },
+        name: "video",
+        tooltip: t("tiptap.toolbar.video")
+      },
+      //--------------- AUDIO ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
+          className: "bg-red-200",
+          "aria-label": t("tiptap.toolbar.audio"),
+          onClick: () => {
+            var _a;
+            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("audio");
+          }
+        },
+        name: "audio",
+        tooltip: t("tiptap.toolbar.audio")
+      },
+      //--------------- ATTACHMENT ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconPaperclip, {}),
+          className: "bg-yellow-200",
+          "aria-label": t("tiptap.toolbar.attachment"),
+          onClick: () => {
+            var _a;
+            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("attachment");
+          }
+        },
+        name: "attachment",
+        tooltip: t("tiptap.toolbar.attachment")
+      },
+      {
+        type: "divider",
+        name: "div-2"
+      },
+      //--------------- SPEECH TO TEXT ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconSpeechToText, {}),
+          "aria-label": t("tiptap.toolbar.stt"),
+          className: speechRecognition ? "is-selected" : "",
+          onClick: () => toggleSpeechRecognition()
+        },
+        visibility: canRecognizeSpeech ? "show" : "hide",
+        name: "speechtotext",
+        tooltip: t("tiptap.toolbar.stt")
+      },
+      //------------- CANTOO ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, cantooEditor })
+        },
+        name: "cantoo",
+        visibility: cantooEditor.isAvailable ? "show" : "hide",
+        tooltip: t("tiptap.toolbar.cantoo.choice")
+      },
+      //------------------------------------//
+      {
+        type: "divider",
+        name: "div-speech",
+        visibility: canRecognizeSpeech || cantooEditor.isAvailable ? "show" : "hide"
+      },
+      //--------------- TYPOGRAPHY ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarTypography, { triggerProps })
+        },
+        name: "text_typo",
+        visibility: showIf(hasExtension("fontFamily", editor)),
+        tooltip: t("tiptap.toolbar.typo.choice")
+      },
+      //--------------- TEXT SIZE ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarTextSize, { triggerProps })
+        },
+        name: "text_size",
+        visibility: showIf(hasExtension("fontSize", editor) || hasExtension("heading", editor)),
+        tooltip: t("tiptap.toolbar.size.choice")
+      },
+      //--------------- TEXT COLOR ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps, itemRefs) => /* @__PURE__ */ jsx(EditorToolbarTextColor, { triggerProps, itemRefs })
+        },
+        overflow: !1,
+        name: "color",
+        visibility: hasTextStyle("color", editor) ? "show" : "hide",
+        tooltip: t("tiptap.toolbar.color.text")
+      },
+      //--------------- TEXT HIGHLIGHTING COLOR ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps, itemRefs) => /* @__PURE__ */ jsx(EditorToolbarHighlightColor, { triggerProps, itemRefs })
+        },
+        name: "highlight",
+        visibility: showIf(hasMark("customHighlight", editor)),
+        tooltip: t("tiptap.toolbar.highlight.back")
+      },
+      //--------------- INFORMATION PANE ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconInfoRectangle, {}),
+          "aria-label": t("tiptap.toolbar.information.pane"),
+          onClick: () => editor == null ? void 0 : editor.chain().focus().setInformationPane("info").run()
+        },
+        name: "information-pane",
+        tooltip: t("tiptap.toolbar.information.pane")
+      },
+      //-------------------------------------//
+      {
+        type: "divider",
+        name: "div-3"
+      },
+      //--------------- BOLD ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconTextBold, {}),
+          "aria-label": t("tiptap.toolbar.bold"),
+          className: editor != null && editor.isActive("bold") ? "is-selected" : "",
+          onClick: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run(),
+          disabled: editor == null ? void 0 : editor.isActive("heading")
+        },
+        name: "bold",
+        visibility: showIf(hasMark("bold", editor)),
+        tooltip: t("tiptap.toolbar.bold")
+      },
+      //--------------- ITALIC ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconTextItalic, {}),
+          "aria-label": t("tiptap.toolbar.italic"),
+          className: editor != null && editor.isActive("italic") ? "is-selected" : "",
+          onClick: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
+        },
+        name: "italic",
+        visibility: showIf(hasMark("italic", editor)),
+        tooltip: t("tiptap.toolbar.italic")
+      },
+      //--------------- UNDERLINE ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconTextUnderline, {}),
+          "aria-label": t("tiptap.toolbar.underline"),
+          className: editor != null && editor.isActive("underline") ? "is-selected" : "",
+          onClick: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
+        },
+        name: "underline",
+        visibility: showIf(hasMark("underline", editor)),
+        tooltip: t("tiptap.toolbar.underline")
+      },
+      //-------------------------------------//
+      {
+        type: "divider",
+        name: "div-4"
+      },
+      //--------------- EMOJI ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps, itemRefs) => /* @__PURE__ */ jsx(EditorToolbarEmoji, { triggerProps, itemRefs })
+        },
+        name: "emoji",
+        tooltip: t("tiptap.toolbar.emojisPicker")
+      },
+      //--------------- LINKER (internal / external) ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconLink, {}),
+          "aria-label": t("tiptap.toolbar.linker"),
+          className: editor != null && editor.isActive("linker") ? "is-selected" : "",
+          onClick: () => showLinkModal()
+        },
+        name: "linker",
+        tooltip: t("tiptap.toolbar.linker")
+      },
+      //-----------------------------------//
+      {
+        type: "divider",
+        name: "div-5"
+      },
+      //--------------- LIST MENU ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarDropdownMenu, { triggerProps, icon: /* @__PURE__ */ jsx(SvgIconBulletList, {}), ariaLabel: t("tiptap.toolbar.listoptions"), options: listOptions })
+        },
+        name: "list",
+        visibility: showIf(hasExtension("starterKit", editor)),
+        tooltip: t("tiptap.toolbar.listoptions")
+      },
+      //--------------- TEXT ALIGNMENT ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarDropdownMenu, { triggerProps, icon: /* @__PURE__ */ jsx(SvgIconAlignLeft, {}), ariaLabel: t("tiptap.toolbar.align"), options: alignmentOptions })
+        },
+        name: "alignment",
+        visibility: showIf(hasExtension("textAlign", editor)),
+        tooltip: t("tiptap.toolbar.align")
+      },
+      //-------------------------------------//
+      {
+        type: "divider",
+        name: "div-6"
+      },
+      //--------------- MORE sub-menu ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: () => /* @__PURE__ */ jsx(EditorToolbarPlusMenu, { options: plusOptions })
+        },
+        name: "plus",
+        visibility: showIf(hasExtension("textAlign", editor))
+      }
+    ];
+  }, [alignmentOptions, canRecognizeSpeech, editor, listOptions, mediaLibraryRef, plusOptions, speechRecognition, t, toggleSpeechRecognition]);
+  return /* @__PURE__ */ jsx("div", { className: "sticky-top z-1 editor-toolbar rounded-3", children: /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, variant: "no-shadow", className: "rounded-top-3", isBlock: !0, align: "left", ariaControls: id }) });
+};
+export {
+  EditorToolbar
+};

package/dist/modules/editor/components/MathsModal/MathsModal.js

@@ -1,2 +1,49 @@
-import Button from"../../../../components/Button/Button.js";import Modal from"../../../../components/Modal/Modal.js";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{EditorContent,useEditor}from"@tiptap/react";import StarterKit from"@tiptap/starter-kit";import Mathematics from"@tiptap/extension-mathematics";var MathsModal=({isOpen,onSuccess,onCancel})=>{let FORMULA_PLACEHOLDER=`\\frac{-b + \\sqrt{b^2 - 4ac}}{2a}`,[formulaEditor,setFormulaEditor]=useState(`$${FORMULA_PLACEHOLDER}$`),{t}=useTranslation(),editor=useEditor({extensions:[StarterKit,Mathematics],content:``,editable:!1});useEffect(()=>{editor?.commands.setContent(formulaEditor),editor?.commands.enter()},[editor,formulaEditor]);let handleChange=event=>{let newFormulaEditor=event.target.value.replaceAll(`
-`,`$<br/>$`);newFormulaEditor?(editor?.commands.setContent(`$${newFormulaEditor}$`),setFormulaEditor(`$${newFormulaEditor}$`)):(editor?.commands.setContent(``),setFormulaEditor(``)),editor?.commands.enter()},handleOnCancel=()=>{onCancel?.()};return jsxs(Modal,{id:`MathsModal`,isOpen,onModalClose:handleOnCancel,children:[jsx(Modal.Header,{onModalClose:handleOnCancel,children:t(`tiptap.maths.title`)}),jsxs(Modal.Subtitle,{children:[t(`tiptap.maths.subtitle.1`),jsx(`a`,{href:t(`https://fr.wikibooks.org/wiki/LaTeX/%C3%89crire_des_math%C3%A9matiques`),target:`_blank`,children:t(`tiptap.maths.subtitle.2`)})]}),jsxs(Modal.Body,{children:[jsx(`textarea`,{id:`formulaTextArea`,name:`formula`,rows:4,cols:50,onChange:handleChange,placeholder:`Exemple : ${FORMULA_PLACEHOLDER}`,className:`border rounded-3 w-100 px-16 py-12`}),jsx(EditorContent,{editor,className:`pt-24 pb-0 text-center fs-1`})]}),jsxs(Modal.Footer,{children:[jsx(Button,{color:`tertiary`,onClick:onCancel,type:`button`,variant:`ghost`,children:t(`tiptap.maths.cancel`)}),jsx(Button,{color:`primary`,onClick:()=>onSuccess?.(formulaEditor),type:`button`,variant:`filled`,children:t(`tiptap.maths.add`)})]})]})};export{MathsModal as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Mathematics from "@tiptap/extension-mathematics";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { useTranslation } from "react-i18next";
+import Modal from "../../../../components/Modal/Modal.js";
+import Button from "../../../../components/Button/Button.js";
+const MathsModal = ({
+  isOpen,
+  onSuccess,
+  onCancel
+}) => {
+  const FORMULA_PLACEHOLDER = "\\frac{-b + \\sqrt{b^2 - 4ac}}{2a}", [formulaEditor, setFormulaEditor] = useState(`$${FORMULA_PLACEHOLDER}$`), {
+    t
+  } = useTranslation(), editor = useEditor({
+    extensions: [StarterKit, Mathematics],
+    content: "",
+    editable: !1
+  });
+  useEffect(() => {
+    editor == null || editor.commands.setContent(formulaEditor), editor == null || editor.commands.enter();
+  }, [editor, formulaEditor]);
+  const handleChange = (event) => {
+    const newFormulaEditor = event.target.value.replaceAll(`
+`, "$<br/>$");
+    newFormulaEditor ? (editor == null || editor.commands.setContent(`$${newFormulaEditor}$`), setFormulaEditor(`$${newFormulaEditor}$`)) : (editor == null || editor.commands.setContent(""), setFormulaEditor("")), editor == null || editor.commands.enter();
+  }, handleOnCancel = () => {
+    onCancel == null || onCancel();
+  };
+  return /* @__PURE__ */ jsxs(Modal, { id: "MathsModal", isOpen, onModalClose: handleOnCancel, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleOnCancel, children: t("tiptap.maths.title") }),
+    /* @__PURE__ */ jsxs(Modal.Subtitle, { children: [
+      t("tiptap.maths.subtitle.1"),
+      /* @__PURE__ */ jsx("a", { href: t("https://fr.wikibooks.org/wiki/LaTeX/%C3%89crire_des_math%C3%A9matiques"), target: "_blank", children: t("tiptap.maths.subtitle.2") })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx("textarea", { id: "formulaTextArea", name: "formula", rows: 4, cols: 50, onChange: handleChange, placeholder: `Exemple : ${FORMULA_PLACEHOLDER}`, className: "border rounded-3 w-100 px-16 py-12" }),
+      /* @__PURE__ */ jsx(EditorContent, { editor, className: "pt-24 pb-0 text-center fs-1" })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("tiptap.maths.cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: () => onSuccess == null ? void 0 : onSuccess(formulaEditor), type: "button", variant: "filled", children: t("tiptap.maths.add") })
+    ] })
+  ] });
+};
+export {
+  MathsModal as default
+};

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

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

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

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

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

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

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

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

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

@@ -1 +1,12 @@
-import{ReactNodeViewRenderer}from"@tiptap/react";import{Image}from"@edifice.io/tiptap-extensions/image";var ImageNodeView=(Component,uploadFile)=>Image.extend({addNodeView(){return ReactNodeViewRenderer(Component)}}).configure({uploadFile});export{ImageNodeView as default};
+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/InformationPaneNodeView.js

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

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

@@ -1 +1,10 @@
-import{ReactNodeViewRenderer}from"@tiptap/react";import{Linker}from"@edifice.io/tiptap-extensions/linker";var LinkerNodeView=Component=>Linker.extend({addNodeView(){return ReactNodeViewRenderer(Component)}});export{LinkerNodeView as default};
+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
+};