@edifice.io/react 2.1.0 → 2.1.1-develop-integration.20250213121025

package/dist/index.js

@@ -1,99 +1,99 @@
 import { default as default2 } from "./components/ActionBar/ActionBar.js";
-import { default as default3 } from "./components/AppHeader/AppHeader.js";
-import { default as default4 } from "./components/AppIcon/AppIcon.js";
-import { default as default5 } from "./components/Attachment/Attachment.js";
-import { default as default6 } from "./components/Badge/Badge.js";
-import { default as default7 } from "./components/Breadcrumb/Breadcrumb.js";
-import { default as default8 } from "./components/Button/IconButton.js";
-import { default as default9 } from "./components/Button/SearchButton.js";
-import { default as default10 } from "./components/Card/Card.js";
-import { default as default11 } from "./components/ColorPicker/ColorPicker.js";
-import { default as default12 } from "./components/ColorPicker/ColorPickerItem.js";
-import { default as default13 } from "./components/Dropdown/Dropdown.js";
-import { default as default14 } from "./components/Dropzone/Dropzone.js";
-import { default as default15 } from "./components/EmptyScreen/EmptyScreen.js";
-import { default as default16 } from "./components/Form/FormText.js";
-import { default as default17 } from "./components/Image/Image.js";
-import { default as default18 } from "./components/Loading/Loading.js";
-import { default as default19 } from "./components/Logo/Logo.js";
-import { default as default20 } from "./components/SearchBar/SearchBar.js";
-import { default as default21 } from "./components/Select/Select.js";
-import { default as default22 } from "./components/Table/components/Table.js";
+import { default as default3 } from "./components/Alert/Alert.js";
+import { default as default4 } from "./components/AppHeader/AppHeader.js";
+import { default as default5 } from "./components/AppIcon/AppIcon.js";
+import { default as default6 } from "./components/Attachment/Attachment.js";
+import { default as default7 } from "./components/Avatar/Avatar.js";
+import { default as default8 } from "./components/Badge/Badge.js";
+import { default as default9 } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as default10 } from "./components/Button/Button.js";
+import { default as default11 } from "./components/Button/IconButton.js";
+import { default as default12 } from "./components/Button/SearchButton.js";
+import { default as default13 } from "./components/Card/Card.js";
+import { default as default14 } from "./components/Checkbox/Checkbox.js";
+import { default as default15 } from "./components/ColorPicker/ColorPicker.js";
+import { default as default16 } from "./components/ColorPicker/ColorPickerItem.js";
+import { default as default17 } from "./components/Combobox/Combobox.js";
+import { default as default18 } from "./components/Dropdown/Dropdown.js";
+import { default as default19 } from "./components/Dropzone/Dropzone.js";
+import { default as default20 } from "./components/EmptyScreen/EmptyScreen.js";
+import { default as default21 } from "./components/Form/FormText.js";
+import { default as default22 } from "./components/Form/FormControl.js";
+import { default as default23 } from "./components/Heading/Heading.js";
+import { default as default24 } from "./components/Image/Image.js";
+import { default as default25 } from "./components/Input/Input.js";
+import { default as default26 } from "./components/Label/Label.js";
+import { default as default27 } from "./components/Loading/Loading.js";
+import { default as default28 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default29 } from "./components/Logo/Logo.js";
+import { default as default30 } from "./components/Modal/Modal.js";
+import { default as default31 } from "./components/Radio/Radio.js";
+import { default as default32 } from "./components/SearchBar/SearchBar.js";
+import { default as default33 } from "./components/Select/Select.js";
+import { default as default34 } from "./components/Table/components/Table.js";
+import { default as default35 } from "./components/TextArea/TextArea.js";
+import { default as default36 } from "./components/Tooltip/Tooltip.js";
 import { DndTree } from "./components/Tree/components/DndTree.js";
-import { default as default23 } from "./components/Tree/components/SortableTree.js";
-import { default as default24 } from "./components/Tree/components/Tree.js";
-import { default as default25 } from "./components/TreeView/TreeView.js";
-import { default as default26 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default27 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default28 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default29 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default30 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default31 } from "./hooks/useConversation/useConversation.js";
-import { default as default32 } from "./hooks/useDate/useDate.js";
-import { default as default33 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default34 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default35 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default36 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default37 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default38 } from "./hooks/useHover/useHover.js";
-import { default as default39 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default40 } from "./hooks/useImage/useImage.js";
-import { default as default41 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default42 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default43 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default44 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default45 } from "./hooks/useTitle/useTitle.js";
-import { default as default46 } from "./hooks/useToggle/useToggle.js";
-import { default as default47 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default48 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default49 } from "./hooks/useUpload/useUpload.js";
-import { default as default50 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default51 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default52 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default53 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default54 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default55 } from "./components/Alert/Alert.js";
-import { default as default56 } from "./components/Avatar/Avatar.js";
-import { default as default57 } from "./components/Button/Button.js";
-import { default as default58 } from "./components/Checkbox/Checkbox.js";
+import { default as default37 } from "./components/Tree/components/SortableTree.js";
+import { default as default38 } from "./components/Tree/components/Tree.js";
+import { default as default39 } from "./components/TreeView/TreeView.js";
+import { default as default40 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default41 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default42 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default43 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default44 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default45 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default46 } from "./hooks/useConversation/useConversation.js";
+import { default as default47 } from "./hooks/useDate/useDate.js";
+import { default as default48 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default49 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default50 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default51 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default52 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default53 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default54 } from "./hooks/useHover/useHover.js";
+import { default as default55 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default56 } from "./hooks/useImage/useImage.js";
+import { default as default57 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default58 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default59 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default60 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default61 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default62 } from "./hooks/useTitle/useTitle.js";
+import { default as default63 } from "./hooks/useToast/useToast.js";
+import { default as default64 } from "./hooks/useToggle/useToggle.js";
+import { default as default65 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default66 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default67 } from "./hooks/useUpload/useUpload.js";
+import { default as default68 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default69 } from "./hooks/useUser/useUser.js";
+import { default as default70 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default71 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default72 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default73 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default74 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default75 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default76 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default77 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default78 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default79 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default80 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
-import { default as default59 } from "./components/Combobox/Combobox.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
-import { default as default60 } from "./components/Form/FormControl.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
-import { default as default61 } from "./components/Heading/Heading.js";
-import { default as default62 } from "./components/Input/Input.js";
-import { default as default63 } from "./components/Label/Label.js";
 import { Layout } from "./components/Layout/Layout.js";
 import { List } from "./components/List/List.js";
-import { default as default64 } from "./components/LoadingScreen/LoadingScreen.js";
 import { Menu } from "./components/Menu/components/Menu.js";
-import { default as default65 } from "./components/Modal/Modal.js";
 import { Popover, PopoverBody, PopoverFooter, PopoverHeader } from "./components/Popover/Popover.js";
-import { default as default66 } from "./components/Radio/Radio.js";
 import { Tabs } from "./components/Tabs/components/Tabs.js";
-import { default as default67 } from "./components/TextArea/TextArea.js";
 import { Toolbar } from "./components/Toolbar/Toolbar.js";
-import { default as default68 } from "./components/Tooltip/Tooltip.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { buildTree, determineNewParentId, findItemIndexInTree, flattenNodes, flattenTree, generateUpdateData, getActiveAndOverNodes, getDragDepth, getIndicesToUpdate, getProjection, updateParentIds } from "./components/Tree/utilities/tree-sortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
 import { TreeNode } from "./components/TreeView/TreeNode.js";
 import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, findPathById, findTreeNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./components/TreeView/utilities/treeview.js";
-import { default as default69 } from "./components/VisuallyHidden/VisuallyHidden.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
-import { default as default70 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default71 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default72 } from "./hooks/useToast/useToast.js";
-import { default as default73 } from "./hooks/useUser/useUser.js";
-import { default as default74 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default75 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default76 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default77 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
-import { default as default78 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default79 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default80 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -107,71 +107,71 @@ import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
-  default55 as Alert,
-  default3 as AppHeader,
-  default4 as AppIcon,
-  default5 as Attachment,
-  default56 as Avatar,
-  default6 as Badge,
+  default3 as Alert,
+  default4 as AppHeader,
+  default5 as AppIcon,
+  default6 as Attachment,
+  default7 as Avatar,
+  default8 as Badge,
   default76 as BlogPublic,
-  default7 as Breadcrumb,
-  default57 as Button,
-  default10 as Card,
-  default58 as Checkbox,
-  default11 as ColorPicker,
-  default12 as ColorPickerItem,
+  default9 as Breadcrumb,
+  default10 as Button,
+  default13 as Card,
+  default14 as Checkbox,
+  default15 as ColorPicker,
+  default16 as ColorPickerItem,
   Column,
-  default59 as Combobox,
+  default17 as Combobox,
   DefaultPalette,
   DndTree,
-  default13 as Dropdown,
-  default14 as Dropzone,
+  default18 as Dropdown,
+  default19 as Dropzone,
   DropzoneContext,
   EdificeClientContext,
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default15 as EmptyScreen,
-  default60 as FormControl,
-  default16 as FormText,
+  default20 as EmptyScreen,
+  default22 as FormControl,
+  default21 as FormText,
   Grid,
-  default61 as Heading,
-  default8 as IconButton,
-  default17 as Image,
-  default62 as Input,
-  default63 as Label,
+  default23 as Heading,
+  default11 as IconButton,
+  default24 as Image,
+  default25 as Input,
+  default26 as Label,
   Layout,
   List,
-  default18 as Loading,
-  default64 as LoadingScreen,
-  default19 as Logo,
+  default27 as Loading,
+  default28 as LoadingScreen,
+  default29 as Logo,
   Menu,
   MockedProvider,
-  default65 as Modal,
+  default30 as Modal,
   default74 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default75 as PublishModal,
-  default66 as Radio,
+  default31 as Radio,
   ResourceModal,
-  default20 as SearchBar,
-  default9 as SearchButton,
-  default21 as Select,
+  default32 as SearchBar,
+  default12 as SearchButton,
+  default33 as Select,
   default79 as ShareBlog,
   default78 as ShareModal,
-  default23 as SortableTree,
-  default22 as Table,
+  default37 as SortableTree,
+  default34 as Table,
   Tabs,
-  default67 as TextArea,
+  default35 as TextArea,
   Toolbar,
-  default68 as Tooltip,
-  default24 as Tree,
+  default36 as Tooltip,
+  default38 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default25 as TreeView,
-  default69 as VisuallyHidden,
+  default39 as TreeView,
+  default40 as VisuallyHidden,
   addNode,
   arrayUnique,
   buildTree,
@@ -199,46 +199,46 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default26 as useBookmark,
-  default27 as useBreakpoint,
-  default28 as useBrowserInfo,
-  default29 as useCantoo,
+  default41 as useBookmark,
+  default42 as useBreakpoint,
+  default43 as useBrowserInfo,
+  default44 as useCantoo,
   useCheckable,
-  default30 as useClickOutside,
-  default31 as useConversation,
-  default32 as useDate,
-  default33 as useDebounce,
-  default34 as useDirectory,
-  default35 as useDropdown,
-  default36 as useDropzone,
+  default45 as useClickOutside,
+  default46 as useConversation,
+  default47 as useDate,
+  default48 as useDebounce,
+  default49 as useDirectory,
+  default50 as useDropdown,
+  default51 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default37 as useEdificeIcons,
+  default52 as useEdificeIcons,
   useEdificeTheme,
-  default70 as useHasWorkflow,
-  default38 as useHover,
-  default39 as useHttpErrorToast,
-  default40 as useImage,
-  default41 as useIsAdml,
-  default42 as useKeyPress,
-  default43 as useLibraryUrl,
-  default71 as useMediaLibrary,
-  default44 as useScrollToTop,
+  default53 as useHasWorkflow,
+  default54 as useHover,
+  default55 as useHttpErrorToast,
+  default56 as useImage,
+  default57 as useIsAdml,
+  default58 as useKeyPress,
+  default59 as useLibraryUrl,
+  default60 as useMediaLibrary,
+  default61 as useScrollToTop,
   default80 as useShareMutation,
-  default45 as useTitle,
-  default72 as useToast,
-  default46 as useToggle,
-  default47 as useTrapFocus,
-  default48 as useTrashedResource,
+  default62 as useTitle,
+  default63 as useToast,
+  default64 as useToggle,
+  default65 as useTrapFocus,
+  default66 as useTrashedResource,
   useTreeSortable,
   useTreeView,
   default77 as useUpdateMutation,
-  default49 as useUpload,
-  default50 as useUploadFiles,
-  default73 as useUser,
-  default51 as useWorkspaceFile,
-  default52 as useWorkspaceSearch,
-  default53 as useXitiTrackPageLoad,
-  default54 as useZendeskGuide,
+  default67 as useUpload,
+  default68 as useUploadFiles,
+  default69 as useUser,
+  default70 as useWorkspaceFile,
+  default71 as useWorkspaceSearch,
+  default72 as useXitiTrackPageLoad,
+  default73 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/audience/ReactionModal.Card.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import useReactionIcons from "./hooks/useReactionIcons.js";
-import Avatar from "../../components/Avatar/Avatar.js";
 import useDirectory from "../../hooks/useDirectory/useDirectory.js";
+import Avatar from "../../components/Avatar/Avatar.js";
 function ReactionModalCard({
   reaction
 }) {

package/dist/modules/comments/components/CommentAvatar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import Avatar from "../../../components/Avatar/Avatar.js";
 import useDirectory from "../../../hooks/useDirectory/useDirectory.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
 const CommentAvatar = ({
   id
 }) => {

package/dist/modules/comments/provider/CommentProvider.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
 import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
-import { DEFAULT_MAX_COMMENT_LENGTH, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENTS, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_REPLIES } from "../constants.js";
+import { DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
 import { CommentContext } from "../context/Context.js";
 import { useComments } from "../hooks/useComments.js";
 import Button from "../../../components/Button/Button.js";

package/dist/modules/editor/components/Editor/CantooModal.d.ts

@@ -0,0 +1,2 @@
+declare const CantooModal: () => import("react/jsx-runtime").JSX.Element;
+export default CantooModal;

package/dist/modules/editor/components/Editor/CantooModal.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+const CantooModal = () => {
+  const {
+    editor
+  } = useEditorContext(), Cantoo = window.Cantoo, editorHTML = editor == null ? void 0 : editor.getHTML(), cantooHTML = Cantoo == null ? void 0 : Cantoo.formatText(editorHTML);
+  return /* @__PURE__ */ jsx("div", { className: "card p-24 mt-8", children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: {
+    __html: cantooHTML
+  } }) });
+};
+export {
+  CantooModal as default
+};

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

@@ -3,6 +3,7 @@ import { forwardRef, useId, useImperativeHandle, Suspense, lazy } from "react";
 import { EditorContent } from "@tiptap/react";
 import clsx from "clsx";
 import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useCantooModal } from "../../hooks/useCantooModal.js";
 import { useMathsStyles } from "../../hooks/useMathsStyles.js";
 import { useTipTapEditor } from "../../hooks/useTipTapEditor.js";
 import { useMediaLibraryEditor } from "../../hooks/useMediaLibraryEditor.js";
@@ -15,9 +16,9 @@ import { EditorToolbar } from "../EditorToolbar/EditorToolbar.js";
 import LinkToolbar from "../Toolbar/LinkToolbar.js";
 import TableToolbar from "../Toolbar/TableToolbar.js";
 import BubbleMenuEditImage from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
-import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
 import MediaLibrary from "../../../multimedia/MediaLibrary/MediaLibrary.js";
-const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/MathsModal.js")), ImageEditor = /* @__PURE__ */ lazy(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), Editor = /* @__PURE__ */ forwardRef(({
+import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
+const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/MathsModal.js")), ImageEditor = /* @__PURE__ */ lazy(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), CantooModal = /* @__PURE__ */ lazy(async () => await import("./CantooModal.js")), Editor = /* @__PURE__ */ forwardRef(({
   id,
   content,
   mode = "read",
@@ -39,7 +40,10 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   } = useMediaLibraryEditor(editor), {
     toggle: toggleMathsModal,
     ...mathsModalHandlers
-  } = useMathsModal(editor), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
+  } = useMathsModal(editor), {
+    toggle: toggleCantooModal,
+    ...cantooModalHandlers
+  } = useCantooModal(), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
   if (useMathsStyles(), useImperativeHandle(ref, () => ({
     getContent: (as) => {
       switch (as) {
@@ -64,7 +68,7 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     editable
   }, children: [
     /* @__PURE__ */ jsxs("div", { className: borderClass, children: [
-      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal }),
+      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal, toggleCantooModal }),
       /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass })
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
@@ -73,7 +77,8 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     /* @__PURE__ */ jsxs(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: [
       editable && /* @__PURE__ */ jsx(MediaLibrary, { appCode, visibility, multiple: !0, ref: mediaLibraryModalRef, ...mediaLibraryModalHandlers }),
       editable && mathsModalHandlers.isOpen && /* @__PURE__ */ jsx(MathsModal, { ...mathsModalHandlers }),
-      editable && (imageModal == null ? void 0 : imageModal.isOpen) && (imageModal == null ? void 0 : imageModal.currentImage) && /* @__PURE__ */ jsx(ImageEditor, { altText: imageModal == null ? void 0 : imageModal.currentImage.alt, legend: imageModal == null ? void 0 : imageModal.currentImage.title, image: imageModal == null ? void 0 : imageModal.currentImage.src, isOpen: imageModal.isOpen, onCancel: imageModal.handleCancel, onSave: imageModal.handleSave, onError: console.error })
+      editable && (imageModal == null ? void 0 : imageModal.isOpen) && (imageModal == null ? void 0 : imageModal.currentImage) && /* @__PURE__ */ jsx(ImageEditor, { altText: imageModal == null ? void 0 : imageModal.currentImage.alt, legend: imageModal == null ? void 0 : imageModal.currentImage.title, image: imageModal == null ? void 0 : imageModal.currentImage.src, isOpen: imageModal.isOpen, onCancel: imageModal.handleCancel, onSave: imageModal.handleSave, onError: console.error }),
+      editable && cantooModalHandlers.isOpen && /* @__PURE__ */ jsx(CantooModal, {})
     ] })
   ] });
 });

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.d.ts

@@ -0,0 +1,8 @@
+import { RefAttributes } from 'react';
+import { IconButtonProps } from '../../../../components';
+interface Props {
+    triggerProps: JSX.IntrinsicAttributes & Omit<IconButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>;
+    openModal: () => void;
+}
+export declare const EditorToolbarCantoo: ({ triggerProps, openModal }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,54 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconCantoo from "../../../icons/components/IconCantoo.js";
+import SvgIconMicOff from "../../../icons/components/IconMicOff.js";
+import SvgIconMic from "../../../icons/components/IconMic.js";
+import SvgIconTextToSpeechOff from "../../../icons/components/IconTextToSpeechOff.js";
+import SvgIconTextToSpeech from "../../../icons/components/IconTextToSpeech.js";
+import SvgIconWand from "../../../icons/components/IconWand.js";
+import { useCantooEditor } from "../../hooks/useCantooEditor.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 EditorToolbarCantoo = ({
+  triggerProps,
+  openModal
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    editor
+  } = useEditorContext(), {
+    speech2textIsActive,
+    text2speechIsActive,
+    toggleSpeech2Text,
+    toggleText2Speech,
+    formatText
+  } = useCantooEditor(editor), cantooOptions = [{
+    id: "speech2text",
+    label: t("tiptap.toolbar.cantoo.speech2text"),
+    className: speech2textIsActive ? "fw-bold" : "",
+    icon: speech2textIsActive ? /* @__PURE__ */ jsx(SvgIconMicOff, {}) : /* @__PURE__ */ jsx(SvgIconMic, {}),
+    action: () => toggleSpeech2Text()
+  }, {
+    id: "text2speech",
+    label: t("tiptap.toolbar.cantoo.text2speech"),
+    className: text2speechIsActive ? "fw-bold" : "",
+    icon: text2speechIsActive ? /* @__PURE__ */ jsx(SvgIconTextToSpeechOff, {}) : /* @__PURE__ */ jsx(SvgIconTextToSpeech, {}),
+    action: () => toggleText2Speech()
+  }, {
+    id: "formatText",
+    label: t("tiptap.toolbar.cantoo.formatText"),
+    icon: /* @__PURE__ */ jsx(SvgIconWand, {}),
+    action: () => formatText(openModal)
+  }];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.cantoo.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconCantoo, {}), className: speech2textIsActive || text2speechIsActive ? "is-selected" : "", "aria-label": t("tiptap.toolbar.cantoo.choice") }) }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: cantooOptions.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, icon: option.icon, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }, option.id)) })
+  ] });
+};
+export {
+  EditorToolbarCantoo
+};

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

@@ -5,6 +5,8 @@ interface Props {
     mediaLibraryRef: RefObject<MediaLibraryRef>;
     /** API to open/close a Math modal. */
     toggleMathsModal: () => void;
+    /** API to open/close a Cantoo modal. */
+    toggleCantooModal: () => void;
 }
-export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal, toggleCantooModal, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -25,20 +25,25 @@ 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 { useEditorContext } from "../../hooks/useEditorContext.js";
+import { EditorToolbarCantoo } from "./EditorToolbar.Cantoo.js";
+import { useCantooEditor } from "../../hooks/useCantooEditor.js";
 import { useActionOptions } from "../../hooks/useActionOptions.js";
 import { useSpeechRecognition } from "../../hooks/useSpeechRecognition.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
 import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
 const EditorToolbar = ({
   mediaLibraryRef,
-  toggleMathsModal
+  toggleMathsModal,
+  toggleCantooModal
 }) => {
   const {
     t
   } = useTranslation(), {
     id,
     editor
-  } = useEditorContext(), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
+  } = useEditorContext(), {
+    isAvailable: canUseCantoo
+  } = useCantooEditor(editor), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
     isAvailable: canRecognizeSpeech,
     isActive: speechRecognition,
     toggle: toggleSpeechRecognition
@@ -165,6 +170,16 @@ const EditorToolbar = ({
         name: "speechtotext",
         tooltip: t("tiptap.toolbar.stt")
       },
+      //------------- CANTOO ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, openModal: toggleCantooModal })
+        },
+        name: "cantoo",
+        visibility: canUseCantoo ? "show" : "hide",
+        tooltip: t("tiptap.toolbar.cantoo.choice")
+      },
       //------------------------------------//
       {
         type: "divider",

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NodeViewWrapper } from "@tiptap/react";
 import clsx from "clsx";
+import useEdificeIcons from "../../../../hooks/useEdificeIcons/useEdificeIcons.js";
 import Badge from "../../../../components/Badge/Badge.js";
 import AppIcon from "../../../../components/AppIcon/AppIcon.js";
-import useEdificeIcons from "../../../../hooks/useEdificeIcons/useEdificeIcons.js";
 const LinkerRenderer = ({
   selected,
   ...props

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

@@ -10,3 +10,4 @@ export * from './useResizeMedia';
 export * from './useSpeechRecognition';
 export * from './useSpeechSynthetisis';
 export * from './useTipTapEditor';
+export * from './useCantooEditor';

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

@@ -0,0 +1,9 @@
+import { Editor } from '@tiptap/react';
+export declare const useCantooEditor: (editor: Editor | null) => {
+    isAvailable: boolean | Record<string, boolean> | undefined;
+    speech2textIsActive: boolean;
+    text2speechIsActive: boolean;
+    toggleSpeech2Text: () => Promise<void>;
+    toggleText2Speech: () => void;
+    formatText: (openModal: () => void) => void;
+};