@edifice.io/react 2.3.2 → 2.4.0-develop-pedago.20251006185417

package/dist/index.js

@@ -36,67 +36,71 @@ import { default as default36 } from "./components/Select/Select.js";
 import { default as default37 } from "./components/Skeleton/ButtonSkeleton.js";
 import { default as default38 } from "./components/Skeleton/TextSkeleton.js";
 import { default as default39 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default40 } from "./components/Switch/Switch.js";
-import { default as default41 } from "./components/Table/components/Table.js";
-import { default as default42 } from "./components/TextArea/TextArea.js";
-import { default as default43 } from "./components/Tooltip/Tooltip.js";
+import { default as default40 } from "./components/Stepper/Stepper.js";
+import { default as default41 } from "./components/Switch/Switch.js";
+import { default as default42 } from "./components/Table/components/Table.js";
+import { default as default43 } from "./components/TextArea/TextArea.js";
+import { default as default44 } from "./components/Tooltip/Tooltip.js";
 import { DndTree } from "./components/Tree/components/DndTree.js";
-import { default as default44 } from "./components/Tree/components/SortableTree.js";
-import { default as default45 } from "./components/Tree/components/Tree.js";
-import { default as default46 } from "./components/TreeView/TreeView.js";
-import { default as default47 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default48 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default49 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default50 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default51 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default52 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default53 } from "./hooks/useConversation/useConversation.js";
-import { default as default54 } from "./hooks/useDate/useDate.js";
-import { default as default55 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default56 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default57 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default58 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default59 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default60 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default61 } from "./hooks/useHover/useHover.js";
-import { default as default62 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default63 } from "./hooks/useImage/useImage.js";
-import { default as default64 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default65 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default66 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default67 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default68 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default69 } from "./hooks/useTitle/useTitle.js";
-import { default as default70 } from "./hooks/useToast/useToast.js";
-import { default as default71 } from "./hooks/useToggle/useToggle.js";
-import { default as default72 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default73 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default74 } from "./hooks/useUpload/useUpload.js";
-import { default as default75 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default76 } from "./hooks/useUser/useUser.js";
-import { default as default77 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default78 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default79 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default80 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default81 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default82 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default83 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default84 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default85 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default86 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default87 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default88 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default89 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default90 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default91 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default92 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default93 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default94 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default95 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default96 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default97 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default98 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default99 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default45 } from "./components/Tree/components/SortableTree.js";
+import { default as default46 } from "./components/Tree/components/Tree.js";
+import { default as default47 } from "./components/TreeView/TreeView.js";
+import { default as default48 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default49 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default50 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default51 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default52 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default53 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default54 } from "./hooks/useConversation/useConversation.js";
+import { default as default55 } from "./hooks/useDate/useDate.js";
+import { default as default56 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default57 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default58 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default59 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default60 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default61 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default62 } from "./hooks/useHover/useHover.js";
+import { default as default63 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default64 } from "./hooks/useImage/useImage.js";
+import { default as default65 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default66 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default67 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default68 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default69 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default70 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default71 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default72 } from "./hooks/useTitle/useTitle.js";
+import { default as default73 } from "./hooks/useToast/useToast.js";
+import { default as default74 } from "./hooks/useToggle/useToggle.js";
+import { default as default75 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default76 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default77 } from "./hooks/useUpload/useUpload.js";
+import { default as default78 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default79 } from "./hooks/useUser/useUser.js";
+import { default as default80 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default81 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default82 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default83 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default84 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default85 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default86 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default87 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default88 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default89 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default90 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default91 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default92 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default93 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default94 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default95 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default96 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default97 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default98 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default99 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default100 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default101 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default102 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default103 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -132,11 +136,11 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default91 as AudioRecorder,
+  default94 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default86 as BlogPublic,
+  default89 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
   default37 as ButtonSkeleton,
@@ -146,7 +150,7 @@ export {
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default83 as ConfirmModal,
+  default86 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default19 as Dropdown,
@@ -156,9 +160,10 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default92 as Embed,
+  default95 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
+  default98 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -166,8 +171,8 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default93 as ImageEditor,
-  default94 as ImagePicker,
+  default96 as ImageEditor,
+  default97 as ImagePicker,
   default27 as Input,
   InternalLinker,
   default28 as Label,
@@ -176,44 +181,45 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default95 as MediaLibrary,
+  default99 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default84 as OnboardingModal,
+  default87 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default85 as PublishModal,
+  default88 as PublishModal,
   default34 as Radio,
   ResourceModal,
   default35 as SearchBar,
   default13 as SearchButton,
   default36 as Select,
-  default89 as ShareBlog,
-  default88 as ShareModal,
-  default44 as SortableTree,
+  default92 as ShareBlog,
+  default91 as ShareModal,
+  default45 as SortableTree,
   default39 as StackedGroup,
-  default40 as Switch,
-  default41 as Table,
+  default40 as Stepper,
+  default41 as Switch,
+  default42 as Table,
   Tabs,
-  default42 as TextArea,
+  default43 as TextArea,
   default38 as TextSkeleton,
   Toolbar,
-  default43 as Tooltip,
-  default45 as Tree,
+  default44 as Tooltip,
+  default46 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default46 as TreeView,
-  default96 as VideoEmbed,
-  default97 as VideoRecorder,
-  default47 as VisuallyHidden,
+  default47 as TreeView,
+  default100 as VideoEmbed,
+  default101 as VideoRecorder,
+  default48 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default98 as Workspace,
-  default99 as WorkspaceFolders,
+  default102 as Workspace,
+  default103 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -241,48 +247,50 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default48 as useBookmark,
-  default49 as useBreakpoint,
-  default50 as useBrowserInfo,
-  default51 as useCantoo,
+  default49 as useBookmark,
+  default50 as useBreakpoint,
+  default51 as useBrowserInfo,
+  default52 as useCantoo,
   useCheckable,
-  default52 as useClickOutside,
-  default53 as useConversation,
-  default54 as useDate,
-  default55 as useDebounce,
-  default56 as useDirectory,
-  default57 as useDropdown,
-  default58 as useDropzone,
+  default53 as useClickOutside,
+  default54 as useConversation,
+  default55 as useDate,
+  default56 as useDebounce,
+  default57 as useDirectory,
+  default58 as useDropdown,
+  default59 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default59 as useEdificeIcons,
+  default60 as useEdificeIcons,
   useEdificeTheme,
-  default60 as useHasWorkflow,
-  default61 as useHover,
-  default62 as useHttpErrorToast,
-  default63 as useImage,
-  default64 as useIsAdml,
-  default65 as useKeyPress,
-  default66 as useLibraryUrl,
-  default67 as useMediaLibrary,
-  default68 as useScrollToTop,
-  default90 as useShareMutation,
-  default69 as useTitle,
-  default70 as useToast,
-  default71 as useToggle,
-  default72 as useTrapFocus,
-  default73 as useTrashedResource,
+  default61 as useHasWorkflow,
+  default62 as useHover,
+  default63 as useHttpErrorToast,
+  default64 as useImage,
+  default66 as useIsAdmc,
+  default65 as useIsAdml,
+  default67 as useIsAdmlcOrAdmc,
+  default68 as useKeyPress,
+  default69 as useLibraryUrl,
+  default70 as useMediaLibrary,
+  default71 as useScrollToTop,
+  default93 as useShareMutation,
+  default72 as useTitle,
+  default73 as useToast,
+  default74 as useToggle,
+  default75 as useTrapFocus,
+  default76 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default87 as useUpdateMutation,
-  default74 as useUpload,
-  default75 as useUploadFiles,
-  default76 as useUser,
-  default77 as useWorkspaceFile,
-  default78 as useWorkspaceFolders,
-  default79 as useWorkspaceFoldersTree,
-  default80 as useWorkspaceSearch,
-  default81 as useXitiTrackPageLoad,
-  default82 as useZendeskGuide,
+  default90 as useUpdateMutation,
+  default77 as useUpload,
+  default78 as useUploadFiles,
+  default79 as useUser,
+  default80 as useWorkspaceFile,
+  default81 as useWorkspaceFolders,
+  default82 as useWorkspaceFoldersTree,
+  default83 as useWorkspaceSearch,
+  default84 as useXitiTrackPageLoad,
+  default85 as useZendeskGuide,
   wrapTreeNode
 };

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import Mathematics from "@tiptap-pro/extension-mathematics";
+import Mathematics from "@tiptap/extension-mathematics";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useTranslation } from "react-i18next";

package/dist/modules/editor/components/NodeView/IframeNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const IframeNodeView: (Component: any) => import('@tiptap/core').Node<import('@edifice.io/tiptap-extensions/iframe').IframeOptions, any>;
+export default IframeNodeView;

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

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

package/dist/modules/editor/components/NodeView/index.d.ts

@@ -5,3 +5,4 @@ export { default as ImageNodeView } from './ImageNodeView';
 export { default as LinkerNodeView } from './LinkerNodeView';
 export { default as VideoNodeView } from './VideoNodeView';
 export { default as InformationPaneNodeView } from './InformationPaneNodeView';
+export { default as IframeNodeView } from './IframeNodeView';

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

@@ -18,7 +18,7 @@ const MediaRenderer = (props) => {
     startVerticalResize,
     stopVerticalResize,
     isVerticalResizeActive
-  } = useResizeMedia(props, resizableMedia), alignContent = (textalign) => {
+  } = useResizeMedia(props, resizableMedia), width = node.attrs.width || 560, height = node.attrs.height || Math.round(width * 9 / 16), alignContent = (textalign) => {
     switch (textalign) {
       case "center":
       case "justify":
@@ -53,11 +53,25 @@ const MediaRenderer = (props) => {
       element.removeEventListener("play", onVideoPlay);
     };
   }, []), /* @__PURE__ */ jsx(NodeViewWrapper, { style: alignContent(node.attrs.textAlign), children: /* @__PURE__ */ jsxs("div", { className: "media-node-view", children: [
-    /* @__PURE__ */ jsx("div", { "data-drag-handle": !0, children: node.type.name === "custom-image" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Image, { src: node.attrs.src, alt: node.attrs.alt, title: node.attrs.title, width: node.attrs.width, style: node.attrs.style, height: node.attrs.height, className: "custom-image", ref: resizableMedia }),
-      node.attrs.title && // Display legend (set in title attribute) if it exists
-      /* @__PURE__ */ jsx("em", { className: "custom-image-legend caption text-align-left", children: node.attrs.title })
-    ] }) : /* @__PURE__ */ jsx("video", { ref: resizableMedia, controls: node.attrs.controls === "true", src: node.attrs.src, width: node.attrs.width, height: node.attrs.height, "data-video-resolution": `${node.attrs.width}x${node.attrs.height}`, "data-document-id": node.attrs.documentId, "data-document-is-captation": node.attrs.isCaptation, children: /* @__PURE__ */ jsx("source", { src: node.attrs.src }) }) }),
+    /* @__PURE__ */ jsx("div", { "data-drag-handle": !0, children: (() => {
+      switch (node.type.name) {
+        case "custom-image":
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Image, { src: node.attrs.src, alt: node.attrs.alt, title: node.attrs.title, width: node.attrs.width, style: node.attrs.style, height: node.attrs.height, className: "custom-image", ref: resizableMedia }),
+            node.attrs.title && // Display legend (set in title attribute) if it exists
+            /* @__PURE__ */ jsx("em", { className: "custom-image-legend caption text-align-left", children: node.attrs.title })
+          ] });
+        case "video":
+          return /* @__PURE__ */ jsx("video", { ref: resizableMedia, controls: node.attrs.controls === "true", src: node.attrs.src, width: node.attrs.width, height: node.attrs.height, "data-video-resolution": `${node.attrs.width}x${node.attrs.height}`, "data-document-id": node.attrs.documentId, "data-document-is-captation": node.attrs.isCaptation, children: /* @__PURE__ */ jsx("source", { src: node.attrs.src }) });
+        case "iframe":
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "iframe-node-view" }),
+            /* @__PURE__ */ jsx("iframe", { ref: resizableMedia, src: node.attrs.src, width, height, allowFullScreen: node.attrs.allowfullscreen ?? !0, style: node.attrs.style })
+          ] });
+        default:
+          return null;
+      }
+    })() }),
     /* @__PURE__ */ jsx("div", { className: `vertical-resize-handle ${isVerticalResizeActive ? "vertical-resize-active" : ""}`, title: t("tiptap.media.resize"), onMouseDown: (e) => {
       e.stopPropagation(), startVerticalResize(e);
     }, onMouseUp: (e) => {

package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js

@@ -46,7 +46,7 @@ const TableToolbarAddMenu = ({
   }];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.add"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.add") }) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: addOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }, option.key) })) })
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: addOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }) }, option.key)) })
   ] });
 };
 export {

package/dist/modules/editor/components/Toolbar/TableToolbar.DelMenu.js

@@ -40,7 +40,7 @@ const TableToolbarDelMenu = ({
   }];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.del"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.del") }) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: delOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }, option.key) })) })
+    /* @__PURE__ */ jsx(Dropdown.Menu, { children: delOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }) }, option.key)) })
   ] });
 };
 export {

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

@@ -1,10 +1,13 @@
 import { Editor } from '@tiptap/react';
 export interface MediaResizeProps {
     editor: Editor;
+    updateAttributes: (attrs: Record<string, any>) => void;
     [x: string]: any;
 }
-export declare const useResizeMedia: (props: MediaResizeProps, refResizable: React.RefObject<HTMLImageElement | HTMLVideoElement>) => {
+type ResizableElt = HTMLImageElement | HTMLVideoElement | HTMLIFrameElement;
+export declare const useResizeMedia: (props: MediaResizeProps, refResizable: React.RefObject<ResizableElt>, forcedAspectRatio?: number) => {
     startVerticalResize: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopVerticalResize: () => void;
     isVerticalResizeActive: import('react').MutableRefObject<boolean>;
 };
+export {};

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

@@ -1,27 +1,39 @@
 import { useRef, useEffect } from "react";
-const MIN_WIDTH = 80, useResizeMedia = (props, refResizable) => {
-  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), limitWidthOrHeight = (width) => width < MIN_WIDTH;
+const MIN_WIDTH = 80, useResizeMedia = (props, refResizable, forcedAspectRatio) => {
+  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), limitWidth = (width) => width < MIN_WIDTH, readCurrentPixelWidth = () => {
+    const el = refResizable.current;
+    if (!el) return 0;
+    const rect = el.getBoundingClientRect();
+    return Math.round(rect.width || el.width || 0);
+  }, readCurrentPixelHeight = () => {
+    const el = refResizable.current;
+    if (!el) return 0;
+    const rect = el.getBoundingClientRect();
+    return Math.round(rect.height || el.height || 0);
+  };
   useEffect(() => {
     const proseMirrorContainerDiv = document.querySelector(".ProseMirror");
-    proseMirrorContainerDiv && (proseMirrorContainerWidth.current = proseMirrorContainerDiv == null ? void 0 : proseMirrorContainerDiv.clientWidth), refResizable && (aspectRatio.current = 1.5);
+    if (proseMirrorContainerDiv && (proseMirrorContainerWidth.current = proseMirrorContainerDiv.clientWidth), forcedAspectRatio && forcedAspectRatio > 0)
+      aspectRatio.current = forcedAspectRatio;
+    else {
+      const w = readCurrentPixelWidth(), h = readCurrentPixelHeight();
+      w > 0 && h > 0 ? aspectRatio.current = w / h : aspectRatio.current = 16 / 9;
+    }
   }, []);
-  const onVerticalResize = (directionOfMouseMove, diff) => {
-    var _a, _b;
-    if (!refResizable) {
-      console.error("Media ref is undefined|null", {
-        refResizable
+  const clampWidth = (w) => {
+    let width = w;
+    return proseMirrorContainerWidth.current > 0 && width > proseMirrorContainerWidth.current && (width = proseMirrorContainerWidth.current), limitWidth(width) && (width = MIN_WIDTH), Math.round(width);
+  }, onVerticalResize = (direction, diff) => {
+    const currWidth = readCurrentPixelWidth();
+    if (!currWidth) return;
+    let newWidth = direction === "left" ? currWidth - Math.abs(diff) : currWidth + Math.abs(diff);
+    newWidth = clampWidth(newWidth);
+    const ratio = aspectRatio.current || 16 / 9, newHeight = Math.round(newWidth / ratio);
+    setTimeout(() => {
+      props.updateAttributes({
+        width: newWidth,
+        height: newHeight
       });
-      return;
-    }
-    const currentMediaDimensions = {
-      width: (_a = refResizable.current) == null ? void 0 : _a.width,
-      height: (_b = refResizable.current) == null ? void 0 : _b.height
-    }, newMediaDimensions = {
-      width: -1,
-      height: -1
-    };
-    currentMediaDimensions.width && (directionOfMouseMove === "left" ? newMediaDimensions.width = currentMediaDimensions.width - Math.abs(diff) : newMediaDimensions.width = currentMediaDimensions.width + Math.abs(diff)), newMediaDimensions.width > proseMirrorContainerWidth.current && (newMediaDimensions.width = proseMirrorContainerWidth.current), diff !== 0 && limitWidthOrHeight(newMediaDimensions.width) && (newMediaDimensions.width = MIN_WIDTH), newMediaDimensions.height = newMediaDimensions.width / aspectRatio.current, setTimeout(() => {
-      props.updateAttributes(newMediaDimensions);
     });
   }, onVerticalMouseMove = (event) => {
     if (!isVerticalResizeActive.current) return;
@@ -29,8 +41,8 @@ const MIN_WIDTH = 80, useResizeMedia = (props, refResizable) => {
       clientX
     } = event, diff = lastCursorX.current - clientX;
     if (lastCursorX.current = clientX, diff === 0) return;
-    const directionOfMouseMove = diff > 0 ? "left" : "right";
-    onVerticalResize(directionOfMouseMove, Math.abs(diff));
+    const direction = diff > 0 ? "left" : "right";
+    onVerticalResize(direction, Math.abs(diff));
   }, startVerticalResize = (event) => {
     isVerticalResizeActive.current = !0, lastCursorX.current = event.clientX, document.addEventListener("mousemove", onVerticalMouseMove), document.addEventListener("mouseup", stopVerticalResize);
   }, stopVerticalResize = () => {

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

@@ -4,11 +4,10 @@ import { FontSize } from "@edifice.io/tiptap-extensions/font-size";
 import { CustomHeading } from "@edifice.io/tiptap-extensions/heading";
 import { CustomHighlight } from "@edifice.io/tiptap-extensions/highlight";
 import { Hyperlink } from "@edifice.io/tiptap-extensions/hyperlink";
-import { Iframe } from "@edifice.io/tiptap-extensions/iframe";
 import { SpeechRecognition } from "@edifice.io/tiptap-extensions/speech-recognition";
 import { SpeechSynthesis } from "@edifice.io/tiptap-extensions/speech-synthesis";
 import { TableCell } from "@edifice.io/tiptap-extensions/table-cell";
-import { Mathematics } from "@tiptap-pro/extension-mathematics";
+import { Mathematics } from "@tiptap/extension-mathematics";
 import Color from "@tiptap/extension-color";
 import Focus from "@tiptap/extension-focus";
 import FontFamily from "@tiptap/extension-font-family";
@@ -27,6 +26,7 @@ import StarterKit from "@tiptap/starter-kit";
 import { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import useUpload from "../../../hooks/useUpload/useUpload.js";
+import IframeNodeView from "../components/NodeView/IframeNodeView.js";
 import VideoNodeView from "../components/NodeView/VideoNodeView.js";
 import AudioNodeView from "../components/NodeView/AudioNodeView.js";
 import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
@@ -60,12 +60,12 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
     }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
       resizable: !0
     }), TableRow, TableHeader, TableCell, TextAlign.configure({
-      types: ["heading", "paragraph", "video", "audio"]
+      types: ["heading", "paragraph", "video", "audio", "iframe"]
     }), CustomHeading.configure({
       levels: [1, 2]
     }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
       lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
-    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer), ...extensions || []],
+    }), Hyperlink, FontFamily, Mathematics, Alert, IframeNodeView(MediaRenderer), VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer), ...extensions || []],
     content,
     // If the onContentChange callback is provided, we call it on every content change.
     ...onContentChange ? {

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconMegaphone = ({
+  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: "M13.962 3.067c1.333-.809 3.038.15 3.038 1.71v13.446c0 1.56-1.705 2.519-3.038 1.71l-3.794-2.304a3.67 3.67 0 0 1-7.26-1.084A3 3 0 0 1 1 13.75v-4.5a3 3 0 0 1 3-3h4.44a1 1 0 0 0 .52-.145zM4.9 16.75h3.29a1.67 1.67 0 1 1-3.29 0M15 4.777 9.997 7.814a3 3 0 0 1-1.557.436H4a1 1 0 0 0-1 1v4.5a1 1 0 0 0 1 1h4.44a3 3 0 0 1 1.557.436L15 18.223zm6.055 3.055a1 1 0 0 0-1.11-1.664l-1.5 1a1 1 0 0 0 1.11 1.664zm-2.887 7.613a1 1 0 0 1 1.387-.277l1.5 1a1 1 0 1 1-1.11 1.664l-1.5-1a1 1 0 0 1-.277-1.387M19.5 11a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z", clipRule: "evenodd" })
+] });
+export {
+  SvgIconMegaphone as default
+};

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

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

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconNotes = ({
+  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 4a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v13a1 1 0 1 1-2 0V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h13a1 1 0 1 1 0 2H4a3 3 0 0 1-3-3z", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M18 18v1.586L19.586 18zm-2-1a1 1 0 0 1 1-1h5a1 1 0 0 1 .707 1.707l-5 5A1 1 0 0 1 16 22zM6 9a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1M6 14a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1", clipRule: "evenodd" })
+] });
+export {
+  SvgIconNotes as default
+};

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

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