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

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

@@ -0,0 +1,51 @@
+import { useState } from "react";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+const useCantooEditor = (editor) => {
+  const isAvailable = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo"), [speech2textIsActive, setSpeech2textActive] = useState(!1), [text2speechIsActive, setText2speechActive] = useState(!1), Cantoo = window.Cantoo;
+  return {
+    isAvailable,
+    speech2textIsActive,
+    text2speechIsActive,
+    toggleSpeech2Text: async () => {
+      if (speech2textIsActive) {
+        setSpeech2textActive(!1);
+        try {
+          await Cantoo.speech2text.stop();
+        } catch (e) {
+          console.warn("Error while trying to stop Cantoo (speech2text)", e);
+        }
+      } else
+        try {
+          if (setSpeech2textActive(!0), await Cantoo.speech2text.isAvailableOnDevice())
+            if (await Cantoo.speech2text.requestPermission())
+              await Cantoo.speech2text.start((data) => {
+                editor == null || editor.chain().focus().insertContent(data.join(" ")).run();
+              }, window.navigator.language);
+            else
+              throw new Error("Permission denied");
+          else
+            throw new Error("Cantoo not available");
+        } catch (e) {
+          console.warn("Error while trying to use Cantoo (speech2text)", e), setSpeech2textActive(!1);
+        }
+    },
+    toggleText2Speech: () => {
+      if (text2speechIsActive)
+        setText2speechActive(!1), window.speechSynthesis.cancel();
+      else
+        try {
+          setText2speechActive(!0), Cantoo.text2speech.readText(editor == null ? void 0 : editor.getText()), Cantoo.text2speech.utter.onend = () => {
+            setText2speechActive(!1);
+          };
+        } catch (e) {
+          console.warn("Error while trying to use Cantoo (text2speech)", e), setText2speechActive(!1);
+        }
+    },
+    formatText: (openModal) => {
+      openModal();
+    }
+  };
+};
+export {
+  useCantooEditor
+};

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

@@ -0,0 +1,15 @@
+/**
+ * Custom hook to manage CantooModal events in an editor.
+ * @returns {
+ * `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;
+    onCancel: () => void;
+    onSuccess: () => void;
+};

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

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

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

@@ -28,13 +28,13 @@ import { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import useUpload from "../../../hooks/useUpload/useUpload.js";
 import VideoNodeView from "../components/NodeView/VideoNodeView.js";
-import MediaRenderer from "../components/Renderer/MediaRenderer.js";
 import AudioNodeView from "../components/NodeView/AudioNodeView.js";
-import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
-import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import ImageNodeView from "../components/NodeView/ImageNodeView.js";
 import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
+import MediaRenderer from "../components/Renderer/MediaRenderer.js";
+import AudioRenderer from "../components/Renderer/AudioRenderer.js";
+import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
 const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
   const {

package/dist/modules/icons/components/IconCantoo.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconCantoo: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconCantoo;

package/dist/modules/icons/components/IconCantoo.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconCantoo = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 88 104", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("ellipse", { cx: 44.305, cy: 15.281, fill: "url(#icon-cantoo_svg__a)", rx: 14.472, ry: 14.367, transform: "rotate(-.145 44.305 15.281)" }),
+  /* @__PURE__ */ jsx("path", { fill: "url(#icon-cantoo_svg__b)", fillRule: "evenodd", d: "m44.529 39.653-28.126-8.41c-6.42-1.785-13.121 1.8-14.968 8.008C-.414 45.46 3.294 51.94 9.713 53.724l17.54 5.245-16.845 28.892c-2.73 5.401.023 11.938 6.147 14.601 6.125 2.662 13.301.442 16.03-4.96l11.88-20.374 11.974 20.3c2.757 5.387 9.945 7.57 16.055 4.877 6.111-2.694 8.83-9.244 6.074-14.632l-16.953-28.74 17.478-5.384c6.41-1.818 10.084-8.316 8.206-14.514-1.879-6.199-8.598-9.75-15.009-7.932z", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: "icon-cantoo_svg__a", x1: 28.13, x2: 60.619, y1: -6.867, y2: 27.927, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#0B4EFC" }),
+      /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#30B3E8" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "icon-cantoo_svg__b", x1: -4.227, x2: 76.299, y1: 11.105, y2: 112.656, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#0B4EFC" }),
+      /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#30B3E8" })
+    ] })
+  ] })
+] });
+export {
+  SvgIconCantoo as default
+};

package/dist/modules/icons/components/IconMicOff.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconMicOff: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconMicOff;

package/dist/modules/icons/components/IconMicOff.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconMicOff = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.793 1.04c-.252.045-.546.274-.676.526a.87.87 0 0 0-.06.691c.082.279.119.318 4.107 4.323l2.829 2.84.019 1.58c.019 1.461.027 1.604.107 1.9.367 1.351 1.351 2.35 2.761 2.8.322.103.382.109 1.12.109s.798-.006 1.12-.109c.187-.06.45-.159.585-.22l.245-.111.689.69.689.69-.446.228a7 7 0 0 1-1.782.608c-.597.112-1.686.103-2.289-.017-1.205-.241-2.258-.789-3.093-1.607-.755-.741-1.233-1.531-1.524-2.521-.126-.431-.154-.759-.189-2.221-.031-1.296-.04-1.412-.116-1.559-.368-.717-1.401-.717-1.781 0-.08.15-.086.232-.101 1.273-.009.65.004 1.333.031 1.64A7.7 7.7 0 0 0 5.5 16.46c.277.376.959 1.084 1.335 1.387A8.8 8.8 0 0 0 9.26 19.2c.395.138 1.2.34 1.53.383l.21.027v1.904l-1.65.013-1.65.013-.192.113c-.342.201-.55.619-.489.983.046.269.254.567.499.714l.218.13h8.532l.236-.153c.641-.415.638-1.251-.008-1.655l-.236-.147-1.63-.003L13 21.52l.001-.91c0-.5.013-.93.03-.954.016-.025.119-.058.229-.074.341-.049 1.232-.29 1.646-.445.439-.164.981-.43 1.494-.733l.34-.201.26.248c.143.137 1.007.987 1.92 1.891 2.426 2.402 2.558 2.524 2.822 2.6.775.226 1.513-.639 1.153-1.35-.072-.143-5.933-6.059-11.781-11.895-6.987-6.971-8.607-8.563-8.762-8.61a1.2 1.2 0 0 0-.559-.047m9.567.004c-.576.074-1.3.371-1.8.738-.675.497-1.145 1.163-1.422 2.018-.096.298-.112.421-.129.99-.02.718.014.948.175 1.159.12.158.401.327.625.378.349.078.82-.138 1.011-.463.096-.164.112-.249.157-.844.049-.642.055-.671.202-.961C10.526 3.375 11.164 3 11.98 3c.819 0 1.481.406 1.825 1.12l.144.3.024 3.567.023 3.568.106.208c.112.222.755.915 1.016 1.096.263.182.615.132.762-.108.078-.129.08-.204.08-4.293V4.297l-.104-.359a3.93 3.93 0 0 0-1.115-1.849c-.893-.84-2.092-1.211-3.381-1.045m7.393 8.575c-.353.089-.663.379-.729.681-.014.066-.043.777-.064 1.58-.041 1.529-.058 1.683-.258 2.3-.218.669-.172 1.099.153 1.433.381.392 1.038.408 1.353.034.24-.285.633-1.573.711-2.327.054-.521.052-2.858-.002-3.054-.048-.172-.311-.48-.489-.572a1.1 1.1 0 0 0-.675-.075m-6.462 4.226c-.698.16-1.735-.343-2.069-1.002-.142-.279-.22-.664-.221-1.083L10 11.421l1.201 1.199c1.146 1.146 1.195 1.201 1.09 1.225", clipRule: "evenodd" })
+] });
+export {
+  SvgIconMicOff as default
+};

package/dist/modules/icons/components/IconTextToSpeechOff.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconTextToSpeechOff: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconTextToSpeechOff;

package/dist/modules/icons/components/IconTextToSpeechOff.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconTextToSpeechOff = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M1.793 1.04c-.252.045-.546.274-.676.526a.87.87 0 0 0-.06.688c.08.277.2.405 3.076 3.292l2.038 2.046-1.715.018c-1.494.016-1.744.027-1.936.089-.717.229-1.203.697-1.41 1.356-.089.283-.09.302-.09 2.925 0 2.449.005 2.657.074 2.878.221.719.684 1.212 1.34 1.429.256.085.337.089 2.128.104l1.862.015 1.978 1.663c3.634 3.054 3.408 2.886 3.918 2.921.679.046 1.148-.122 1.577-.564.331-.341.487-.631.542-1.013.022-.15.04-1.002.04-1.893l.001-1.62 2.87 2.862c3.453 3.443 4.073 4.046 4.252 4.139.181.094.528.097.765.006.21-.08.447-.317.543-.541.084-.196.082-.591-.003-.754-.085-.162-5.712-5.847-11.793-11.915-6.987-6.971-8.607-8.563-8.762-8.61a1.2 1.2 0 0 0-.559-.047m10.424 1.974c-.09.029-.342.147-.56.261-.407.214-.858.555-1.967 1.492-.673.568-.77.704-.77 1.073 0 .314.107.493.56.938.359.353.406.387.47.337.038-.03.393-.325.788-.655l1.256-1.049c.296-.246.556-.437.578-.423.027.016.032.722.015 2.108-.029 2.306-.023 2.397.213 2.863.156.311.747.937.944 1.002.274.091.618-.082.698-.352.031-.105.04-1.033.03-3.129-.013-2.972-.013-2.981-.102-3.219-.111-.294-.341-.536-.825-.869-.546-.375-.969-.495-1.328-.378m7.881 4.539c-.295.138-.538.518-.538.84 0 .043.161.408.358.812.391.801.548 1.231.688 1.875.081.373.092.531.092 1.4.001.775-.014 1.055-.069 1.34-.123.625-.345 1.242-.715 1.982-.453.905-.456.938-.104 1.307.273.285.425.371.662.371.407 0 .749-.242 1.015-.72.335-.601.745-1.724.91-2.492.171-.795.195-2.134.057-3.103-.142-.996-.769-2.648-1.238-3.263-.264-.345-.782-.507-1.118-.349m-7.587 8.814c-.006 1.334-.023 2.439-.039 2.454-.031.031-.038.026-2.332-1.862-2.281-1.878-2.987-2.446-3.07-2.469-.066-.018-.07-.17-.07-2.474V9.562l.11-.058c.06-.031.208-.141.327-.244l.217-.186 2.434 2.433 2.435 2.433zM5 12v2.4H3V9.6h2zm11.68-2.293c-.444.228-.588.666-.349 1.053.062.099.203.288.315.42s.251.339.309.46c.091.19.105.272.105.6 0 .456-.11.839-.346 1.204-.085.131-.154.279-.154.329 0 .105 1.065 1.187 1.168 1.187s.25-.142.461-.448c.278-.402.427-.709.551-1.132a3.64 3.64 0 0 0-.695-3.29c-.254-.305-.532-.456-.881-.479-.231-.015-.291-.003-.484.096", clipRule: "evenodd" })
+] });
+export {
+  SvgIconTextToSpeechOff as default
+};

package/dist/modules/icons/components/index.d.ts

@@ -20,6 +20,7 @@ export { default as IconBurgerMenu } from './IconBurgerMenu';
 export { default as IconCalendarLight } from './IconCalendarLight';
 export { default as IconCalendar } from './IconCalendar';
 export { default as IconCamera } from './IconCamera';
+export { default as IconCantoo } from './IconCantoo';
 export { default as IconCenter } from './IconCenter';
 export { default as IconCheck } from './IconCheck';
 export { default as IconChecklist } from './IconChecklist';
@@ -68,6 +69,7 @@ export { default as IconLock } from './IconLock';
 export { default as IconMail } from './IconMail';
 export { default as IconMergeCells } from './IconMergeCells';
 export { default as IconMessageInfo } from './IconMessageInfo';
+export { default as IconMicOff } from './IconMicOff';
 export { default as IconMic } from './IconMic';
 export { default as IconMinus } from './IconMinus';
 export { default as IconMove } from './IconMove';
@@ -127,6 +129,7 @@ export { default as IconTextHighlight } from './IconTextHighlight';
 export { default as IconTextItalic } from './IconTextItalic';
 export { default as IconTextPage } from './IconTextPage';
 export { default as IconTextSize } from './IconTextSize';
+export { default as IconTextToSpeechOff } from './IconTextToSpeechOff';
 export { default as IconTextToSpeech } from './IconTextToSpeech';
 export { default as IconTextTypo } from './IconTextTypo';
 export { default as IconTextUnderline } from './IconTextUnderline';

package/dist/modules/multimedia/UploadCard/UploadCard.js

@@ -5,12 +5,12 @@ import SvgIconClose from "../../icons/components/IconClose.js";
 import SvgIconReset from "../../icons/components/IconReset.js";
 import SvgIconSuccessOutline from "../../icons/components/IconSuccessOutline.js";
 import SvgIconWand from "../../icons/components/IconWand.js";
-import Button from "../../../components/Button/Button.js";
-import Image from "../../../components/Image/Image.js";
 import Tooltip from "../../../components/Tooltip/Tooltip.js";
 import Loading from "../../../components/Loading/Loading.js";
+import Button from "../../../components/Button/Button.js";
 import Card from "../../../components/Card/Card.js";
 import IconButton from "../../../components/Button/IconButton.js";
+import Image from "../../../components/Image/Image.js";
 const UploadCard = ({
   item,
   status = "idle",

package/dist/multimedia.js

@@ -1,22 +1,22 @@
 import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
 import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
 import { default as default4 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default5 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default6 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default7 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default8 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default5 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default6 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default7 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default8 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default9 } from "./modules/multimedia/Workspace/Workspace.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
-import { default as default9 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
 export {
   default2 as AudioRecorder,
   default3 as Embed,
   ExternalLinker,
   default4 as ImageEditor,
-  default8 as ImagePicker,
+  default5 as ImagePicker,
   InternalLinker,
-  default9 as MediaLibrary,
-  default5 as VideoEmbed,
-  default6 as VideoRecorder,
-  default7 as Workspace
+  default6 as MediaLibrary,
+  default7 as VideoEmbed,
+  default8 as VideoRecorder,
+  default9 as Workspace
 };

package/dist/providers/MockedProvider/MockedProvider.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 import { EdificeClientProvider } from "../EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeThemeContext } from "../EdificeThemeProvider/EdificeThemeProvider.context.js";
 const queryClient = new QueryClient(), Providers = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.1.0",
+  "version": "2.1.1-develop-integration.20250213121025",
   "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.0",
-    "@edifice.io/tiptap-extensions": "2.1.0",
-    "@edifice.io/utilities": "2.1.0"
+    "@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"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -129,6 +129,9 @@
     "@svgr/cli": "^8.1.0",
     "@tanstack/query-core": "5.62.7",
     "@tanstack/react-query": "5.62.7",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
     "@types/node": "^22.9.1",
     "@types/pako": "^2.0.3",
     "@types/react": "^18.2.33",
@@ -148,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.1.0",
-    "@edifice.io/config": "2.1.0"
+    "@edifice.io/client": "2.1.1-develop-integration.20250213121025",
+    "@edifice.io/config": "2.1.1-develop-integration.20250213121025"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",