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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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