@edifice.io/react 2.1.2-develop-pedago.20250325165832 → 2.1.2-develop-pedago.20250326182919

package/dist/editor.js

@@ -7,12 +7,14 @@ import { default as default6 } from "./modules/editor/components/NodeView/Attach
 import { default as default7 } from "./modules/editor/components/NodeView/ImageNodeView.js";
 import { default as default8 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
 import { default as default9 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default10 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default11 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default12 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default13 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default14 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default15 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default10 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default11 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default12 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default13 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default15 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default16 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default17 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -28,9 +30,9 @@ import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisi
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 export {
   default6 as AttachmentNodeView,
-  default11 as AttachmentRenderer,
+  default12 as AttachmentRenderer,
   default5 as AudioNodeView,
-  default10 as AudioRenderer,
+  default11 as AudioRenderer,
   default4 as BubbleMenuEditImage,
   default3 as Editor,
   EditorContent,
@@ -38,12 +40,14 @@ export {
   Editor as EditorInstance,
   EditorToolbar,
   default7 as ImageNodeView,
-  default15 as LinkToolbar,
+  default10 as InformationPaneNodeView,
+  default15 as InformationPaneRenderer,
+  default17 as LinkToolbar,
   default8 as LinkerNodeView,
-  default12 as LinkerRenderer,
-  default13 as MediaRenderer,
+  default13 as LinkerRenderer,
+  default14 as MediaRenderer,
   default2 as StarterKit,
-  default14 as TableToolbar,
+  default16 as TableToolbar,
   default9 as VideoNodeView,
   useActionOptions,
   useCommentEditor,

package/dist/icons.js

@@ -61,94 +61,95 @@ import { default as default61 } from "./modules/icons/components/IconImageSizeMe
 import { default as default62 } from "./modules/icons/components/IconImageSizeSmall.js";
 import { default as default63 } from "./modules/icons/components/IconInbox.js";
 import { default as default64 } from "./modules/icons/components/IconInfoCircle.js";
-import { default as default65 } from "./modules/icons/components/IconLandscape.js";
-import { default as default66 } from "./modules/icons/components/IconLink.js";
-import { default as default67 } from "./modules/icons/components/IconListOrder.js";
-import { default as default68 } from "./modules/icons/components/IconLoader.js";
-import { default as default69 } from "./modules/icons/components/IconLock.js";
-import { default as default70 } from "./modules/icons/components/IconMail.js";
-import { default as default71 } from "./modules/icons/components/IconMergeCells.js";
-import { default as default72 } from "./modules/icons/components/IconMessageInfo.js";
-import { default as default73 } from "./modules/icons/components/IconMic.js";
-import { default as default74 } from "./modules/icons/components/IconMinus.js";
-import { default as default75 } from "./modules/icons/components/IconMove.js";
-import { default as default76 } from "./modules/icons/components/IconNoColors.js";
-import { default as default77 } from "./modules/icons/components/IconOptions.js";
-import { default as default78 } from "./modules/icons/components/IconOrderedList.js";
-import { default as default79 } from "./modules/icons/components/IconPaperclip.js";
-import { default as default80 } from "./modules/icons/components/IconPause.js";
-import { default as default81 } from "./modules/icons/components/IconPinOff.js";
-import { default as default82 } from "./modules/icons/components/IconPinOn.js";
-import { default as default83 } from "./modules/icons/components/IconPlaceholder.js";
-import { default as default84 } from "./modules/icons/components/IconPlayFilled.js";
-import { default as default85 } from "./modules/icons/components/IconPlay.js";
-import { default as default86 } from "./modules/icons/components/IconPlus.js";
-import { default as default87 } from "./modules/icons/components/IconPointerDefault.js";
-import { default as default88 } from "./modules/icons/components/IconPointerHand.js";
-import { default as default89 } from "./modules/icons/components/IconPrint.js";
-import { default as default90 } from "./modules/icons/components/IconQuestion.js";
-import { default as default91 } from "./modules/icons/components/IconRafterDown.js";
-import { default as default92 } from "./modules/icons/components/IconRafterLeft.js";
-import { default as default93 } from "./modules/icons/components/IconRafterRight.js";
-import { default as default94 } from "./modules/icons/components/IconRafterUp.js";
-import { default as default95 } from "./modules/icons/components/IconReaction.js";
-import { default as default96 } from "./modules/icons/components/IconRecordPause.js";
-import { default as default97 } from "./modules/icons/components/IconRecordStop.js";
-import { default as default98 } from "./modules/icons/components/IconRecordVideo.js";
-import { default as default99 } from "./modules/icons/components/IconRecord.js";
-import { default as default100 } from "./modules/icons/components/IconRedo.js";
-import { default as default101 } from "./modules/icons/components/IconRefresh.js";
-import { default as default102 } from "./modules/icons/components/IconReset.js";
-import { default as default103 } from "./modules/icons/components/IconRestart.js";
-import { default as default104 } from "./modules/icons/components/IconRestore.js";
-import { default as default105 } from "./modules/icons/components/IconSave.js";
-import { default as default106 } from "./modules/icons/components/IconSearch.js";
-import { default as default107 } from "./modules/icons/components/IconSee.js";
-import { default as default108 } from "./modules/icons/components/IconSend.js";
-import { default as default109 } from "./modules/icons/components/IconSetBackground.js";
-import { default as default110 } from "./modules/icons/components/IconSettings.js";
-import { default as default111 } from "./modules/icons/components/IconShare.js";
-import { default as default112 } from "./modules/icons/components/IconSmartphone.js";
-import { default as default113 } from "./modules/icons/components/IconSmiley.js";
-import { default as default114 } from "./modules/icons/components/IconSortAscendingLetters.js";
-import { default as default115 } from "./modules/icons/components/IconSortDescendingLetters.js";
-import { default as default116 } from "./modules/icons/components/IconSortDescending.js";
-import { default as default117 } from "./modules/icons/components/IconSortTime.js";
-import { default as default118 } from "./modules/icons/components/IconSpeechToText.js";
-import { default as default119 } from "./modules/icons/components/IconSplitCells.js";
-import { default as default120 } from "./modules/icons/components/IconSquareRoot.js";
-import { default as default121 } from "./modules/icons/components/IconSubscript.js";
-import { default as default122 } from "./modules/icons/components/IconSuccessFill.js";
-import { default as default123 } from "./modules/icons/components/IconSuccessOutline.js";
-import { default as default124 } from "./modules/icons/components/IconSuperscript.js";
-import { default as default125 } from "./modules/icons/components/IconTable.js";
-import { default as default126 } from "./modules/icons/components/IconTextBold.js";
-import { default as default127 } from "./modules/icons/components/IconTextColor.js";
-import { default as default128 } from "./modules/icons/components/IconTextHighlight.js";
-import { default as default129 } from "./modules/icons/components/IconTextItalic.js";
-import { default as default130 } from "./modules/icons/components/IconTextPage.js";
-import { default as default131 } from "./modules/icons/components/IconTextSize.js";
-import { default as default132 } from "./modules/icons/components/IconTextToSpeech.js";
-import { default as default133 } from "./modules/icons/components/IconTextTypo.js";
-import { default as default134 } from "./modules/icons/components/IconTextUnderline.js";
-import { default as default135 } from "./modules/icons/components/IconTextVanilla.js";
-import { default as default136 } from "./modules/icons/components/IconToolCenter.js";
-import { default as default137 } from "./modules/icons/components/IconTool.js";
-import { default as default138 } from "./modules/icons/components/IconTrendingUp.js";
-import { default as default139 } from "./modules/icons/components/IconUndo.js";
-import { default as default140 } from "./modules/icons/components/IconUnlink.js";
-import { default as default141 } from "./modules/icons/components/IconUnlock.js";
-import { default as default142 } from "./modules/icons/components/IconUpload.js";
-import { default as default143 } from "./modules/icons/components/IconUserSearch.js";
-import { default as default144 } from "./modules/icons/components/IconUser.js";
-import { default as default145 } from "./modules/icons/components/IconUsers.js";
-import { default as default146 } from "./modules/icons/components/IconVideo.js";
-import { default as default147 } from "./modules/icons/components/IconViewCalendar.js";
-import { default as default148 } from "./modules/icons/components/IconViewList.js";
-import { default as default149 } from "./modules/icons/components/IconWand.js";
-import { default as default150 } from "./modules/icons/components/IconWrite.js";
-import { default as default151 } from "./modules/icons/components/IconZoomIn.js";
-import { default as default152 } from "./modules/icons/components/IconZoomOut.js";
+import { default as default65 } from "./modules/icons/components/IconInfoRectangle.js";
+import { default as default66 } from "./modules/icons/components/IconLandscape.js";
+import { default as default67 } from "./modules/icons/components/IconLink.js";
+import { default as default68 } from "./modules/icons/components/IconListOrder.js";
+import { default as default69 } from "./modules/icons/components/IconLoader.js";
+import { default as default70 } from "./modules/icons/components/IconLock.js";
+import { default as default71 } from "./modules/icons/components/IconMail.js";
+import { default as default72 } from "./modules/icons/components/IconMergeCells.js";
+import { default as default73 } from "./modules/icons/components/IconMessageInfo.js";
+import { default as default74 } from "./modules/icons/components/IconMic.js";
+import { default as default75 } from "./modules/icons/components/IconMinus.js";
+import { default as default76 } from "./modules/icons/components/IconMove.js";
+import { default as default77 } from "./modules/icons/components/IconNoColors.js";
+import { default as default78 } from "./modules/icons/components/IconOptions.js";
+import { default as default79 } from "./modules/icons/components/IconOrderedList.js";
+import { default as default80 } from "./modules/icons/components/IconPaperclip.js";
+import { default as default81 } from "./modules/icons/components/IconPause.js";
+import { default as default82 } from "./modules/icons/components/IconPinOff.js";
+import { default as default83 } from "./modules/icons/components/IconPinOn.js";
+import { default as default84 } from "./modules/icons/components/IconPlaceholder.js";
+import { default as default85 } from "./modules/icons/components/IconPlayFilled.js";
+import { default as default86 } from "./modules/icons/components/IconPlay.js";
+import { default as default87 } from "./modules/icons/components/IconPlus.js";
+import { default as default88 } from "./modules/icons/components/IconPointerDefault.js";
+import { default as default89 } from "./modules/icons/components/IconPointerHand.js";
+import { default as default90 } from "./modules/icons/components/IconPrint.js";
+import { default as default91 } from "./modules/icons/components/IconQuestion.js";
+import { default as default92 } from "./modules/icons/components/IconRafterDown.js";
+import { default as default93 } from "./modules/icons/components/IconRafterLeft.js";
+import { default as default94 } from "./modules/icons/components/IconRafterRight.js";
+import { default as default95 } from "./modules/icons/components/IconRafterUp.js";
+import { default as default96 } from "./modules/icons/components/IconReaction.js";
+import { default as default97 } from "./modules/icons/components/IconRecordPause.js";
+import { default as default98 } from "./modules/icons/components/IconRecordStop.js";
+import { default as default99 } from "./modules/icons/components/IconRecordVideo.js";
+import { default as default100 } from "./modules/icons/components/IconRecord.js";
+import { default as default101 } from "./modules/icons/components/IconRedo.js";
+import { default as default102 } from "./modules/icons/components/IconRefresh.js";
+import { default as default103 } from "./modules/icons/components/IconReset.js";
+import { default as default104 } from "./modules/icons/components/IconRestart.js";
+import { default as default105 } from "./modules/icons/components/IconRestore.js";
+import { default as default106 } from "./modules/icons/components/IconSave.js";
+import { default as default107 } from "./modules/icons/components/IconSearch.js";
+import { default as default108 } from "./modules/icons/components/IconSee.js";
+import { default as default109 } from "./modules/icons/components/IconSend.js";
+import { default as default110 } from "./modules/icons/components/IconSetBackground.js";
+import { default as default111 } from "./modules/icons/components/IconSettings.js";
+import { default as default112 } from "./modules/icons/components/IconShare.js";
+import { default as default113 } from "./modules/icons/components/IconSmartphone.js";
+import { default as default114 } from "./modules/icons/components/IconSmiley.js";
+import { default as default115 } from "./modules/icons/components/IconSortAscendingLetters.js";
+import { default as default116 } from "./modules/icons/components/IconSortDescendingLetters.js";
+import { default as default117 } from "./modules/icons/components/IconSortDescending.js";
+import { default as default118 } from "./modules/icons/components/IconSortTime.js";
+import { default as default119 } from "./modules/icons/components/IconSpeechToText.js";
+import { default as default120 } from "./modules/icons/components/IconSplitCells.js";
+import { default as default121 } from "./modules/icons/components/IconSquareRoot.js";
+import { default as default122 } from "./modules/icons/components/IconSubscript.js";
+import { default as default123 } from "./modules/icons/components/IconSuccessFill.js";
+import { default as default124 } from "./modules/icons/components/IconSuccessOutline.js";
+import { default as default125 } from "./modules/icons/components/IconSuperscript.js";
+import { default as default126 } from "./modules/icons/components/IconTable.js";
+import { default as default127 } from "./modules/icons/components/IconTextBold.js";
+import { default as default128 } from "./modules/icons/components/IconTextColor.js";
+import { default as default129 } from "./modules/icons/components/IconTextHighlight.js";
+import { default as default130 } from "./modules/icons/components/IconTextItalic.js";
+import { default as default131 } from "./modules/icons/components/IconTextPage.js";
+import { default as default132 } from "./modules/icons/components/IconTextSize.js";
+import { default as default133 } from "./modules/icons/components/IconTextToSpeech.js";
+import { default as default134 } from "./modules/icons/components/IconTextTypo.js";
+import { default as default135 } from "./modules/icons/components/IconTextUnderline.js";
+import { default as default136 } from "./modules/icons/components/IconTextVanilla.js";
+import { default as default137 } from "./modules/icons/components/IconToolCenter.js";
+import { default as default138 } from "./modules/icons/components/IconTool.js";
+import { default as default139 } from "./modules/icons/components/IconTrendingUp.js";
+import { default as default140 } from "./modules/icons/components/IconUndo.js";
+import { default as default141 } from "./modules/icons/components/IconUnlink.js";
+import { default as default142 } from "./modules/icons/components/IconUnlock.js";
+import { default as default143 } from "./modules/icons/components/IconUpload.js";
+import { default as default144 } from "./modules/icons/components/IconUserSearch.js";
+import { default as default145 } from "./modules/icons/components/IconUser.js";
+import { default as default146 } from "./modules/icons/components/IconUsers.js";
+import { default as default147 } from "./modules/icons/components/IconVideo.js";
+import { default as default148 } from "./modules/icons/components/IconViewCalendar.js";
+import { default as default149 } from "./modules/icons/components/IconViewList.js";
+import { default as default150 } from "./modules/icons/components/IconWand.js";
+import { default as default151 } from "./modules/icons/components/IconWrite.js";
+import { default as default152 } from "./modules/icons/components/IconZoomIn.js";
+import { default as default153 } from "./modules/icons/components/IconZoomOut.js";
 export {
   default3 as IconAdd,
   default2 as IconAddUser,
@@ -213,92 +214,93 @@ export {
   default62 as IconImageSizeSmall,
   default63 as IconInbox,
   default64 as IconInfoCircle,
-  default65 as IconLandscape,
-  default66 as IconLink,
-  default67 as IconListOrder,
-  default68 as IconLoader,
-  default69 as IconLock,
-  default70 as IconMail,
-  default71 as IconMergeCells,
-  default72 as IconMessageInfo,
-  default73 as IconMic,
-  default74 as IconMinus,
-  default75 as IconMove,
-  default76 as IconNoColors,
-  default77 as IconOptions,
-  default78 as IconOrderedList,
-  default79 as IconPaperclip,
-  default80 as IconPause,
-  default81 as IconPinOff,
-  default82 as IconPinOn,
-  default83 as IconPlaceholder,
-  default85 as IconPlay,
-  default84 as IconPlayFilled,
-  default86 as IconPlus,
-  default87 as IconPointerDefault,
-  default88 as IconPointerHand,
-  default89 as IconPrint,
-  default90 as IconQuestion,
-  default91 as IconRafterDown,
-  default92 as IconRafterLeft,
-  default93 as IconRafterRight,
-  default94 as IconRafterUp,
-  default95 as IconReaction,
-  default99 as IconRecord,
-  default96 as IconRecordPause,
-  default97 as IconRecordStop,
-  default98 as IconRecordVideo,
-  default100 as IconRedo,
-  default101 as IconRefresh,
-  default102 as IconReset,
-  default103 as IconRestart,
-  default104 as IconRestore,
-  default105 as IconSave,
-  default106 as IconSearch,
-  default107 as IconSee,
-  default108 as IconSend,
-  default109 as IconSetBackground,
-  default110 as IconSettings,
-  default111 as IconShare,
-  default112 as IconSmartphone,
-  default113 as IconSmiley,
-  default114 as IconSortAscendingLetters,
-  default116 as IconSortDescending,
-  default115 as IconSortDescendingLetters,
-  default117 as IconSortTime,
-  default118 as IconSpeechToText,
-  default119 as IconSplitCells,
-  default120 as IconSquareRoot,
-  default121 as IconSubscript,
-  default122 as IconSuccessFill,
-  default123 as IconSuccessOutline,
-  default124 as IconSuperscript,
-  default125 as IconTable,
-  default126 as IconTextBold,
-  default127 as IconTextColor,
-  default128 as IconTextHighlight,
-  default129 as IconTextItalic,
-  default130 as IconTextPage,
-  default131 as IconTextSize,
-  default132 as IconTextToSpeech,
-  default133 as IconTextTypo,
-  default134 as IconTextUnderline,
-  default135 as IconTextVanilla,
-  default137 as IconTool,
-  default136 as IconToolCenter,
-  default138 as IconTrendingUp,
-  default139 as IconUndo,
-  default140 as IconUnlink,
-  default141 as IconUnlock,
-  default142 as IconUpload,
-  default144 as IconUser,
-  default143 as IconUserSearch,
-  default145 as IconUsers,
-  default146 as IconVideo,
-  default147 as IconViewCalendar,
-  default148 as IconViewList,
-  default149 as IconWand,
-  default150 as IconWrite,
-  default151 as IconZoomIn,
-  default152 as IconZoomOut
+  default65 as IconInfoRectangle,
+  default66 as IconLandscape,
+  default67 as IconLink,
+  default68 as IconListOrder,
+  default69 as IconLoader,
+  default70 as IconLock,
+  default71 as IconMail,
+  default72 as IconMergeCells,
+  default73 as IconMessageInfo,
+  default74 as IconMic,
+  default75 as IconMinus,
+  default76 as IconMove,
+  default77 as IconNoColors,
+  default78 as IconOptions,
+  default79 as IconOrderedList,
+  default80 as IconPaperclip,
+  default81 as IconPause,
+  default82 as IconPinOff,
+  default83 as IconPinOn,
+  default84 as IconPlaceholder,
+  default86 as IconPlay,
+  default85 as IconPlayFilled,
+  default87 as IconPlus,
+  default88 as IconPointerDefault,
+  default89 as IconPointerHand,
+  default90 as IconPrint,
+  default91 as IconQuestion,
+  default92 as IconRafterDown,
+  default93 as IconRafterLeft,
+  default94 as IconRafterRight,
+  default95 as IconRafterUp,
+  default96 as IconReaction,
+  default100 as IconRecord,
+  default97 as IconRecordPause,
+  default98 as IconRecordStop,
+  default99 as IconRecordVideo,
+  default101 as IconRedo,
+  default102 as IconRefresh,
+  default103 as IconReset,
+  default104 as IconRestart,
+  default105 as IconRestore,
+  default106 as IconSave,
+  default107 as IconSearch,
+  default108 as IconSee,
+  default109 as IconSend,
+  default110 as IconSetBackground,
+  default111 as IconSettings,
+  default112 as IconShare,
+  default113 as IconSmartphone,
+  default114 as IconSmiley,
+  default115 as IconSortAscendingLetters,
+  default117 as IconSortDescending,
+  default116 as IconSortDescendingLetters,
+  default118 as IconSortTime,
+  default119 as IconSpeechToText,
+  default120 as IconSplitCells,
+  default121 as IconSquareRoot,
+  default122 as IconSubscript,
+  default123 as IconSuccessFill,
+  default124 as IconSuccessOutline,
+  default125 as IconSuperscript,
+  default126 as IconTable,
+  default127 as IconTextBold,
+  default128 as IconTextColor,
+  default129 as IconTextHighlight,
+  default130 as IconTextItalic,
+  default131 as IconTextPage,
+  default132 as IconTextSize,
+  default133 as IconTextToSpeech,
+  default134 as IconTextTypo,
+  default135 as IconTextUnderline,
+  default136 as IconTextVanilla,
+  default138 as IconTool,
+  default137 as IconToolCenter,
+  default139 as IconTrendingUp,
+  default140 as IconUndo,
+  default141 as IconUnlink,
+  default142 as IconUnlock,
+  default143 as IconUpload,
+  default145 as IconUser,
+  default144 as IconUserSearch,
+  default146 as IconUsers,
+  default147 as IconVideo,
+  default148 as IconViewCalendar,
+  default149 as IconViewList,
+  default150 as IconWand,
+  default151 as IconWrite,
+  default152 as IconZoomIn,
+  default153 as IconZoomOut
 };

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

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+declare const BubbleMenuEditInformationPane: ({ editor, editable, }: {
+    editor: Editor;
+    editable: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BubbleMenuEditInformationPane;

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

@@ -0,0 +1,136 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BubbleMenu } from "@tiptap/react";
+import { useTranslation } from "react-i18next";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
+import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
+import SvgIconDelete from "../../../icons/components/IconDelete.js";
+import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
+import SvgIconQuestion from "../../../icons/components/IconQuestion.js";
+import SvgIconSuccessOutline from "../../../icons/components/IconSuccessOutline.js";
+const BubbleMenuEditInformationPane = ({
+  editor,
+  editable
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    selection
+  } = editor.view.state, selectedNode = selection.$from.node(1), InformationPaneTypeItems = useMemo(() => {
+    var _a, _b, _c, _d;
+    return [{
+      type: "icon",
+      name: "info",
+      props: {
+        size: "lg",
+        leftIcon: /* @__PURE__ */ jsx(SvgIconInfoCircle, {}),
+        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.info"),
+        className: ((_a = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _a.type) === "info" ? "is-selected" : "",
+        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
+          type: "info"
+        }).run()
+      },
+      tooltip: {
+        message: t("tiptap.tooltip.bubblemenu.information.pane.info"),
+        position: "top"
+      }
+    }, {
+      type: "icon",
+      name: "success",
+      props: {
+        size: "lg",
+        leftIcon: /* @__PURE__ */ jsx(SvgIconSuccessOutline, {}),
+        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.success"),
+        className: ((_b = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _b.type) === "success" ? "is-selected" : "",
+        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
+          type: "success"
+        }).run()
+      },
+      tooltip: {
+        message: t("tiptap.tooltip.bubblemenu.information.pane.success"),
+        position: "top"
+      }
+    }, {
+      type: "icon",
+      name: "warning",
+      props: {
+        size: "lg",
+        leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}),
+        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.warning"),
+        className: ((_c = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _c.type) === "warning" ? "is-selected" : "",
+        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
+          type: "warning"
+        }).run()
+      },
+      tooltip: {
+        message: t("tiptap.tooltip.bubblemenu.information.pane.warning"),
+        position: "top"
+      }
+    }, {
+      type: "icon",
+      name: "question",
+      props: {
+        size: "lg",
+        leftIcon: /* @__PURE__ */ jsx(SvgIconQuestion, {}),
+        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.question"),
+        className: ((_d = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _d.type) === "question" ? "is-selected" : "",
+        onClick: () => editor.chain().focus().updateAttributes("information-pane", {
+          type: "question"
+        }).run()
+      },
+      tooltip: {
+        message: t("tiptap.tooltip.bubblemenu.information.pane.question"),
+        position: "top"
+      }
+    }, {
+      type: "divider",
+      name: "div-4"
+    }, {
+      type: "button",
+      name: "delete",
+      props: {
+        size: "lg",
+        leftIcon: /* @__PURE__ */ jsx(SvgIconDelete, {}),
+        "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.delete"),
+        children: t("tiptap.bubblemenu.delete"),
+        onClick: () => editor.chain().focus().deleteNode("information-pane").run()
+      },
+      tooltip: {
+        message: t("tiptap.tooltip.bubblemenu.information.pane.delete"),
+        position: "top"
+      }
+    }];
+  }, [t, selectedNode]), tippyOptions = useMemo(() => ({
+    placement: "bottom",
+    offset: [0, 0],
+    zIndex: 999,
+    duration: 100,
+    getReferenceClientRect: () => {
+      const {
+        state
+      } = editor, {
+        $anchor
+      } = state.selection;
+      let informationPanePos = null;
+      for (let depth = $anchor.depth; depth >= 0; depth--)
+        if ($anchor.node(depth).type.name === "information-pane") {
+          informationPanePos = $anchor.before(depth);
+          break;
+        }
+      if (informationPanePos !== null) {
+        let domNode = editor.view.nodeDOM(informationPanePos);
+        for (; domNode && domNode instanceof HTMLElement && !domNode.classList.contains("information-pane"); )
+          domNode = domNode.children[0];
+        if (domNode instanceof HTMLElement)
+          return domNode.getBoundingClientRect();
+      }
+      return new DOMRect(0, 0, 0, 0);
+    }
+  }), [editor]);
+  return /* @__PURE__ */ jsx(BubbleMenu, { shouldShow: ({
+    editor: editor2
+  }) => editor2.isActive("information-pane"), editor, tippyOptions, children: editable && /* @__PURE__ */ jsx(Toolbar, { className: "p-8", items: InformationPaneTypeItems }) });
+};
+export {
+  BubbleMenuEditInformationPane as default
+};

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

@@ -0,0 +1 @@
+export { default as BubbleMenuEditInformationPane } from './BubbleMenuEditInformationPane';

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

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useId, useImperativeHandle, Suspense, lazy } from "react";
 import { EditorContent } from "@tiptap/react";
 import clsx from "clsx";
@@ -16,6 +16,7 @@ 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 BubbleMenuEditInformationPane from "../BubbleMenuEditInformationPane/BubbleMenuEditInformationPane.js";
 import MediaLibrary from "../../../multimedia/MediaLibrary/MediaLibrary.js";
 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")), Editor = /* @__PURE__ */ forwardRef(({
@@ -70,7 +71,10 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
     /* @__PURE__ */ jsx(TableToolbar, { editor }),
-    editor && /* @__PURE__ */ jsx(BubbleMenuEditImage, { editor, onEditImage: imageModal.handleEdit, openEditImage: imageModal.isOpen, editable }),
+    editor && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BubbleMenuEditImage, { editor, onEditImage: imageModal.handleEdit, openEditImage: imageModal.isOpen, editable }),
+      /* @__PURE__ */ jsx(BubbleMenuEditInformationPane, { editor, editable })
+    ] }),
     /* @__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 }),

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

@@ -5,6 +5,7 @@ import "@tiptap/react";
 import "@tiptap/starter-kit";
 import SvgIconAlignLeft from "../../../icons/components/IconAlignLeft.js";
 import SvgIconBulletList from "../../../icons/components/IconBulletList.js";
+import SvgIconInfoRectangle from "../../../icons/components/IconInfoRectangle.js";
 import SvgIconLandscape from "../../../icons/components/IconLandscape.js";
 import SvgIconLink from "../../../icons/components/IconLink.js";
 import SvgIconMic from "../../../icons/components/IconMic.js";
@@ -213,6 +214,17 @@ const EditorToolbar = ({
         visibility: showIf(hasMark("customHighlight", editor)),
         tooltip: t("tiptap.toolbar.highlight.back")
       },
+      //--------------- INFORMATION PANE ---------------//
+      {
+        type: "icon",
+        props: {
+          icon: /* @__PURE__ */ jsx(SvgIconInfoRectangle, {}),
+          "aria-label": t("tiptap.toolbar.information.pane"),
+          onClick: () => editor == null ? void 0 : editor.chain().focus().setInformationPane("info").run()
+        },
+        name: "information-pane",
+        tooltip: t("tiptap.toolbar.information.pane")
+      },
       //-------------------------------------//
       {
         type: "divider",

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

@@ -0,0 +1,2 @@
+declare const InformationPaneNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default InformationPaneNodeView;

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

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

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

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

package/dist/modules/editor/components/Renderer/InformationPaneRenderer.d.ts

@@ -0,0 +1,3 @@
+import { MediaResizeProps } from '../../hooks';
+declare const InformationPaneRenderer: (props: MediaResizeProps) => import("react/jsx-runtime").JSX.Element;
+export default InformationPaneRenderer;

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

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconAlertTriangle from "../../../icons/components/IconAlertTriangle.js";
+import SvgIconInfoCircle from "../../../icons/components/IconInfoCircle.js";
+import SvgIconQuestion from "../../../icons/components/IconQuestion.js";
+import SvgIconSuccessOutline from "../../../icons/components/IconSuccessOutline.js";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+const InformationPaneRenderer = (props) => {
+  const {
+    node
+  } = props, getIconByType = (type) => {
+    switch (type) {
+      case "warning":
+        return /* @__PURE__ */ jsx(SvgIconAlertTriangle, { color: "#F59700" });
+      case "success":
+        return /* @__PURE__ */ jsx(SvgIconSuccessOutline, { color: "#7DBF85" });
+      case "info":
+        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
+      case "question":
+        return /* @__PURE__ */ jsx(SvgIconQuestion, { color: "#823AA1" });
+      default:
+        return /* @__PURE__ */ jsx(SvgIconInfoCircle, { color: "#2A9CC8" });
+    }
+  };
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { node, className: "react-component", children: /* @__PURE__ */ jsxs("div", { className: `information-pane information-pane-${node.attrs.type}`, "data-information-pane": !0, "data-type": node.attrs.type, children: [
+    /* @__PURE__ */ jsx("span", { className: "information-pane-icon", children: getIconByType(node.attrs.type) }),
+    /* @__PURE__ */ jsx(NodeViewContent, { style: {
+      width: "100%"
+    } })
+  ] }) });
+};
+export {
+  InformationPaneRenderer as default
+};

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

@@ -2,3 +2,4 @@ export { default as AudioRenderer } from './AudioRenderer';
 export { default as AttachmentRenderer } from './AttachmentRenderer';
 export { default as LinkerRenderer } from './LinkerRenderer';
 export { default as MediaRenderer } from './MediaRenderer';
+export { default as InformationPaneRenderer } from './InformationPaneRenderer';

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

@@ -32,10 +32,12 @@ import AudioNodeView from "../components/NodeView/AudioNodeView.js";
 import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
 import ImageNodeView from "../components/NodeView/ImageNodeView.js";
 import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
+import InformationPaneNodeView from "../components/NodeView/InformationPaneNodeView.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";
+import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
 const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
   const {
     currentLanguage
@@ -63,7 +65,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
       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)],
+    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer)],
     content,
     // If the onContentChange callback is provided, we call it on every content change.
     ...onContentChange ? {

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

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

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconInfoRectangle = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 16", "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: "M2.87 2.167c-.718 0-1.203.531-1.203 1.071v9.524c0 .54.485 1.071 1.203 1.071h14.26c.718 0 1.203-.531 1.203-1.071V3.238c0-.54-.485-1.071-1.203-1.071zM0 3.238C0 1.674 1.339.5 2.87.5h14.26C18.66.5 20 1.674 20 3.238v9.524c0 1.564-1.339 2.738-2.87 2.738H2.87C1.34 15.5 0 14.326 0 12.762z", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.008 12.167a.833.833 0 0 1-.833-.834V7.167a.833.833 0 1 1 1.667 0v4.166c0 .46-.373.834-.834.834M10.842 4.25c0 .46-.373.833-.834.833H10a.833.833 0 1 1 0-1.666h.008c.46 0 .834.373.834.833", clipRule: "evenodd" })
+] });
+export {
+  SvgIconInfoRectangle as default
+};

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

@@ -61,6 +61,7 @@ export { default as IconImageSizeMedium } from './IconImageSizeMedium';
 export { default as IconImageSizeSmall } from './IconImageSizeSmall';
 export { default as IconInbox } from './IconInbox';
 export { default as IconInfoCircle } from './IconInfoCircle';
+export { default as IconInfoRectangle } from './IconInfoRectangle';
 export { default as IconLandscape } from './IconLandscape';
 export { default as IconLink } from './IconLink';
 export { default as IconListOrder } from './IconListOrder';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.1.2-develop-pedago.20250325165832",
+  "version": "2.1.2-develop-pedago.20250326182919",
   "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.2-develop-pedago.20250325165832",
-    "@edifice.io/tiptap-extensions": "2.1.2-develop-pedago.20250325165832",
-    "@edifice.io/utilities": "2.1.2-develop-pedago.20250325165832"
+    "@edifice.io/bootstrap": "2.1.2-develop-pedago.20250326182919",
+    "@edifice.io/tiptap-extensions": "2.1.2-develop-pedago.20250326182919",
+    "@edifice.io/utilities": "2.1.2-develop-pedago.20250326182919"
   },
   "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.2-develop-pedago.20250325165832",
-    "@edifice.io/config": "2.1.2-develop-pedago.20250325165832"
+    "@edifice.io/client": "2.1.2-develop-pedago.20250326182919",
+    "@edifice.io/config": "2.1.2-develop-pedago.20250326182919"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",