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

package/dist/editor.js

@@ -26,6 +26,7 @@ import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognitio
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
+import { useCantooAdaptTextBox } from "./modules/editor/hooks/useCantooAdaptTextBox.js";
 export {
   default5 as AttachmentNodeView,
   default10 as AttachmentRenderer,
@@ -44,6 +45,7 @@ export {
   default13 as TableToolbar,
   default8 as VideoNodeView,
   useActionOptions,
+  useCantooAdaptTextBox,
   useCantooEditor,
   useCommentEditor,
   useEditor,

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

@@ -3,7 +3,7 @@ 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);
+  } = useEditorContext(), Cantoo = window.Cantoo, editorHTML = editor == null ? void 0 : editor.getHTML(), cantooHTML = (Cantoo == null ? void 0 : Cantoo.formatText(editorHTML)) || editorHTML;
   return /* @__PURE__ */ jsx("div", { className: "card p-24 mt-8", children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: {
     __html: cantooHTML
   } }) });

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

@@ -3,7 +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 { useCantooAdaptTextBox } from "../../hooks/useCantooAdaptTextBox.js";
 import { useMathsStyles } from "../../hooks/useMathsStyles.js";
 import { useTipTapEditor } from "../../hooks/useTipTapEditor.js";
 import { useMediaLibraryEditor } from "../../hooks/useMediaLibraryEditor.js";
@@ -40,10 +40,7 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   } = useMediaLibraryEditor(editor), {
     toggle: toggleMathsModal,
     ...mathsModalHandlers
-  } = useMathsModal(editor), {
-    toggle: toggleCantooModal,
-    ...cantooModalHandlers
-  } = useCantooModal(), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
+  } = useMathsModal(editor), cantooAdaptTextBox = useCantooAdaptTextBox(), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
   if (useMathsStyles(), useImperativeHandle(ref, () => ({
     getContent: (as) => {
       switch (as) {
@@ -68,7 +65,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, toggleCantooModal }),
+      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal, cantooAdaptTextBoxRef: cantooAdaptTextBox }),
       /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass })
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
@@ -78,7 +75,7 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
       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 && cantooModalHandlers.isOpen && /* @__PURE__ */ jsx(CantooModal, {})
+      editable && cantooAdaptTextBox.isOpen && /* @__PURE__ */ jsx(CantooModal, {})
     ] })
   ] });
 });

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

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

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

@@ -14,7 +14,8 @@ import IconButton from "../../../../components/Button/IconButton.js";
 import Dropdown from "../../../../components/Dropdown/Dropdown.js";
 const EditorToolbarCantoo = ({
   triggerProps,
-  openModal
+  openCantooAdaptTextBox,
+  isCantooAdaptTextBoxOpen
 }) => {
   const {
     t
@@ -41,11 +42,12 @@ const EditorToolbarCantoo = ({
   }, {
     id: "formatText",
     label: t("tiptap.toolbar.cantoo.formatText"),
+    className: isCantooAdaptTextBoxOpen ? "fw-bold" : "",
     icon: /* @__PURE__ */ jsx(SvgIconWand, {}),
-    action: () => formatText(openModal)
+    action: () => formatText(openCantooAdaptTextBox)
   }];
   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(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 || isCantooAdaptTextBoxOpen ? "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)) })
   ] });
 };

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

@@ -1,12 +1,13 @@
 import { RefObject } from 'react';
 import { MediaLibraryRef } from '../../../multimedia';
+import { CantooAdaptTextBox } from '../../hooks/useCantooAdaptTextBox.ts';
 interface Props {
     /** Ref to a MediaLibrary instance */
     mediaLibraryRef: RefObject<MediaLibraryRef>;
     /** API to open/close a Math modal. */
     toggleMathsModal: () => void;
     /** API to open/close a Cantoo modal. */
-    toggleCantooModal: () => void;
+    cantooAdaptTextBoxRef: CantooAdaptTextBox;
 }
-export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal, toggleCantooModal, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal, cantooAdaptTextBoxRef, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -34,7 +34,7 @@ import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
 const EditorToolbar = ({
   mediaLibraryRef,
   toggleMathsModal,
-  toggleCantooModal
+  cantooAdaptTextBoxRef
 }) => {
   const {
     t
@@ -174,7 +174,7 @@ const EditorToolbar = ({
       {
         type: "dropdown",
         props: {
-          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, openModal: toggleCantooModal })
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, openCantooAdaptTextBox: cantooAdaptTextBoxRef.toggle, isCantooAdaptTextBoxOpen: cantooAdaptTextBoxRef.isOpen })
         },
         name: "cantoo",
         visibility: canUseCantoo ? "show" : "hide",
@@ -184,7 +184,7 @@ const EditorToolbar = ({
       {
         type: "divider",
         name: "div-speech",
-        visibility: canRecognizeSpeech ? "show" : "hide"
+        visibility: canRecognizeSpeech || canUseCantoo ? "show" : "hide"
       },
       //--------------- TYPOGRAPHY ---------------//
       {

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

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

package/dist/modules/editor/hooks/{useCantooModal.d.ts → useCantooAdaptTextBox.d.ts}

@@ -4,12 +4,11 @@
  * `isOpen`: truthy boolean when CantooModal sholud be visible,
  * `toggle`: an imperative function to toggle the `isOpen` value,
  * `onCancel`: Cancel event handler,
- * `onSuccess`: Success event handler (adds a formula to the editor content),
  * }
  */
-export declare const useCantooModal: () => {
-    isOpen: boolean;
-    toggle: any;
+export declare const useCantooAdaptTextBox: () => CantooAdaptTextBox;
+export interface CantooAdaptTextBox {
+    isOpen: boolean | null;
+    toggle: () => void;
     onCancel: () => void;
-    onSuccess: () => void;
-};
+}

package/dist/modules/editor/hooks/{useCantooModal.js → useCantooAdaptTextBox.js}

@@ -1,17 +1,14 @@
 import useToggle from "../../../hooks/useToggle/useToggle.js";
-const useCantooModal = () => {
+const useCantooAdaptTextBox = () => {
   const [isOpen, toggle] = useToggle(!1);
   return {
     isOpen,
     toggle,
     onCancel: () => {
       toggle();
-    },
-    onSuccess: () => {
-      toggle();
     }
   };
 };
 export {
-  useCantooModal
+  useCantooAdaptTextBox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.1.1-develop-integration.20250213121025",
+  "version": "2.1.1-develop-integration.20250218102509",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.1.1-develop-integration.20250213121025",
-    "@edifice.io/tiptap-extensions": "2.1.1-develop-integration.20250213121025",
-    "@edifice.io/utilities": "2.1.1-develop-integration.20250213121025"
+    "@edifice.io/bootstrap": "2.1.1-develop-integration.20250218102509",
+    "@edifice.io/tiptap-extensions": "2.1.1-develop-integration.20250218102509",
+    "@edifice.io/utilities": "2.1.1-develop-integration.20250218102509"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.1.1-develop-integration.20250213121025",
-    "@edifice.io/config": "2.1.1-develop-integration.20250213121025"
+    "@edifice.io/client": "2.1.1-develop-integration.20250218102509",
+    "@edifice.io/config": "2.1.1-develop-integration.20250218102509"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",