@edifice.io/react 2.2.2-develop-pedago.20250409103005 → 2.2.2-develop-b2school.20250410105023

package/dist/modules/comments/constants.js

@@ -1,7 +1,6 @@
-const DEFAULT_MAX_COMMENT_LENGTH = 200, DEFAULT_MAX_REPLY_LENGTH = 200, DEFAULT_MAX_COMMENTS = 4, DEFAULT_ADD_COMMENTS = 5, DEFAULT_MAX_REPLIES = 5, DEFAULT_ADD_REPLIES = 5;
+const DEFAULT_MAX_COMMENT_LENGTH = 200, DEFAULT_MAX_REPLY_LENGTH = 200, DEFAULT_MAX_COMMENTS = 4, DEFAULT_ADD_COMMENTS = 5, DEFAULT_MAX_REPLIES = 5;
 export {
   DEFAULT_ADD_COMMENTS,
-  DEFAULT_ADD_REPLIES,
   DEFAULT_MAX_COMMENTS,
   DEFAULT_MAX_COMMENT_LENGTH,
   DEFAULT_MAX_REPLIES,

package/dist/modules/comments/context/Context.d.ts

@@ -1,20 +1,18 @@
 import { RightRole } from '@edifice.io/client';
 import { CommentOptions, CommentProps, CommentType, UserProfileResult } from '../types';
 export declare const CommentContext: import('react').Context<{
-    displayedComments: CommentProps[] | undefined;
-    defaultComments: CommentProps[] | undefined;
+    comments: CommentProps[] | undefined;
+    content: string;
     editCommentId: string | null;
-    replyToCommentId: string | null;
     profiles: (UserProfileResult | undefined)[];
     options: Partial<CommentOptions>;
     type: CommentType;
     userRights?: Record<RightRole, boolean>;
     setEditCommentId: (value: string | null) => void;
-    setReplyToCommentId: (value: string | null) => void;
     handleModifyComment: (commentId: string) => void;
-    handleCreateComment: (content: string, replyTo?: string) => void;
+    handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleCreateComment: (content: string) => void;
     handleUpdateComment: (comment: string) => void;
     handleDeleteComment: (id: string) => void;
-    handleReplyToComment: (commentId: string) => void;
     handleReset: () => void;
 } | null>;

package/dist/modules/comments/hooks/useComments.d.ts

@@ -5,7 +5,6 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
     type: CommentType;
     callbacks: CommentCallbacks | null;
 }) => {
-    t: import('i18next').TFunction<"translation", undefined>;
     profilesQueries: {
         data: ({
             userId: string;
@@ -13,20 +12,21 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
         } | undefined)[];
         isLoading: boolean;
     };
+    content: string;
     title: string;
     user: import('@edifice.io/client').IUserInfo | undefined;
     emptyscreenPath: string;
-    displayedComments: CommentProps[];
-    showMoreComments: boolean;
+    defaultCommentsCount: number;
+    comments: CommentProps[];
     editCommentId: string | null;
     setEditCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
-    replyToCommentId: string | null;
-    setReplyToCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    commentsCount: number;
+    t: import('i18next').TFunction<"translation", undefined>;
     handleMoreComments: () => void;
+    handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     handleDeleteComment: (id: string) => void;
-    handleCreateComment: (content: string, replyTo?: string) => void;
+    handleCreateComment: (content: string) => void;
     handleModifyComment: (commentId: string) => void;
     handleUpdateComment: (comment: string) => Promise<void>;
-    handleReplyToComment: (commentId: string) => void;
     handleReset: () => void;
 };

package/dist/modules/comments/hooks/useComments.js

@@ -9,45 +9,43 @@ const useComments = ({
   type,
   callbacks
 }) => {
-  var _a, _b;
-  const [editCommentId, setEditCommentId] = useState(null), [replyToCommentId, setReplyToCommentId] = useState(null), [commentLimit, setCommentLimit] = useState(options.maxComments), {
+  const [content, setContent] = useState(""), [editCommentId, setEditCommentId] = useState(null), [commentLimit, setCommentLimit] = useState(options.maxComments), {
     t
   } = useTranslation(), {
     user
-  } = useEdificeClient(), usersIds = Array.from(new Set(defaultComments == null ? void 0 : defaultComments.map((comment) => comment.authorId))), profilesQueries = useProfileQueries(usersIds), idsOfDeletedCommentWithNoReply = useMemo(() => (defaultComments == null ? void 0 : defaultComments.filter((comment) => comment.deleted && !defaultComments.some((c) => c.replyTo === comment.id)).map((comment) => comment.id)) ?? [], [defaultComments]), displayedComments = useMemo(
-    () => {
-      var _a2;
-      const result = ((_a2 = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.replyTo && !idsOfDeletedCommentWithNoReply.includes(comment.id))) == null ? void 0 : _a2.sort((a, b) => b.createdAt - a.createdAt)) ?? [];
-      return type === "edit" ? result.slice(0, commentLimit) ?? [] : result;
-    },
+  } = useEdificeClient(), usersIds = Array.from(new Set(defaultComments == null ? void 0 : defaultComments.map((comment) => comment.authorId))), profilesQueries = useProfileQueries(usersIds), comments = useMemo(
+    () => type === "edit" ? (defaultComments == null ? void 0 : defaultComments.sort((a, b) => b.createdAt - a.createdAt).slice(0, commentLimit)) ?? [] : (defaultComments == null ? void 0 : defaultComments.sort((a, b) => b.createdAt - a.createdAt)) ?? [],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [commentLimit, defaultComments]
-  ), showMoreComments = (displayedComments == null ? void 0 : displayedComments.length) < (((_a = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.replyTo && !idsOfDeletedCommentWithNoReply.includes(comment.id))) == null ? void 0 : _a.length) ?? 0), titleCommentsCount = ((_b = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.deleted)) == null ? void 0 : _b.length) ?? 0, title = titleCommentsCount > 1 ? t("comment.several", {
-    number: titleCommentsCount
+  ), commentsCount = (comments == null ? void 0 : comments.length) ?? 0, defaultCommentsCount = (defaultComments == null ? void 0 : defaultComments.length) ?? 0, title = defaultCommentsCount && defaultCommentsCount > 1 ? t("comment.several", {
+    number: defaultCommentsCount
   }) : t("comment.little", {
-    number: titleCommentsCount
+    number: defaultCommentsCount
   });
   return {
-    t,
     profilesQueries,
+    content,
     title,
     user,
     emptyscreenPath: illuPad,
-    displayedComments,
-    showMoreComments,
+    defaultCommentsCount,
+    comments,
     editCommentId,
     setEditCommentId,
-    replyToCommentId,
-    setReplyToCommentId,
+    commentsCount,
+    t,
     handleMoreComments: () => {
-      const newLimit = displayedComments.length + (options.additionalComments ?? 5);
-      newLimit !== displayedComments.length && setCommentLimit(newLimit);
+      const newLimit = (comments == null ? void 0 : comments.length) + (options.additionalComments ?? 5);
+      newLimit !== comments.length && setCommentLimit(newLimit);
+    },
+    handleChangeContent: (event) => {
+      setContent(event.target.value);
     },
     handleDeleteComment: (id) => {
       type === "edit" && (callbacks == null || callbacks.delete(id));
     },
-    handleCreateComment: (content, replyTo) => {
-      type === "edit" && (callbacks == null || callbacks.post(content, replyTo)), replyTo && setReplyToCommentId(null);
+    handleCreateComment: (content2) => {
+      type === "edit" && (callbacks == null || callbacks.post(content2)), setContent("");
     },
     handleModifyComment: (commentId) => {
       setEditCommentId(commentId);
@@ -58,11 +56,8 @@ const useComments = ({
         commentId: editCommentId
       })), setEditCommentId(null));
     },
-    handleReplyToComment: (commentId) => {
-      setReplyToCommentId(commentId);
-    },
     handleReset: () => {
-      editCommentId && setEditCommentId(null);
+      setContent(""), editCommentId && setEditCommentId(null);
     }
   };
 };

package/dist/modules/comments/hooks/useCommentsContext.d.ts

@@ -1,18 +1,16 @@
 export declare const useCommentsContext: () => {
-    displayedComments: import('../types').CommentProps[] | undefined;
-    defaultComments: import('../types').CommentProps[] | undefined;
+    comments: import('../types').CommentProps[] | undefined;
+    content: string;
     editCommentId: string | null;
-    replyToCommentId: string | null;
     profiles: (import('../types').UserProfileResult | undefined)[];
     options: Partial<import('../types').CommentOptions>;
     type: import('../types').CommentType;
     userRights?: Record<import('@edifice.io/client').RightRole, boolean>;
     setEditCommentId: (value: string | null) => void;
-    setReplyToCommentId: (value: string | null) => void;
     handleModifyComment: (commentId: string) => void;
-    handleCreateComment: (content: string, replyTo?: string) => void;
+    handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleCreateComment: (content: string) => void;
     handleUpdateComment: (comment: string) => void;
     handleDeleteComment: (id: string) => void;
-    handleReplyToComment: (commentId: string) => void;
     handleReset: () => void;
 };

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

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
 import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
-import { DEFAULT_ADD_REPLIES, DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
+import { DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
 import { CommentContext } from "../context/Context.js";
 import { useComments } from "../hooks/useComments.js";
 import Button from "../../../components/Button/Button.js";
@@ -19,28 +19,27 @@ const CommentProvider = ({
     maxComments: DEFAULT_MAX_COMMENTS,
     additionalComments: DEFAULT_ADD_COMMENTS,
     maxReplies: DEFAULT_MAX_REPLIES,
-    additionalReplies: DEFAULT_ADD_REPLIES,
     ...commentOptions
   }, {
     type
   } = props, {
     profilesQueries,
+    content,
     title,
     user,
     emptyscreenPath,
-    displayedComments,
-    showMoreComments,
+    defaultCommentsCount,
+    comments,
     editCommentId,
     setEditCommentId,
-    replyToCommentId,
-    setReplyToCommentId,
+    commentsCount,
     t,
     handleMoreComments,
+    handleChangeContent,
     handleDeleteComment,
     handleCreateComment,
     handleModifyComment,
     handleUpdateComment,
-    handleReplyToComment,
     handleReset
   } = useComments({
     type,
@@ -49,25 +48,23 @@ const CommentProvider = ({
     options
   }), userRights = type === "edit" ? props.rights : void 0, values = useMemo(
     () => ({
-      displayedComments,
-      defaultComments,
+      comments,
+      content,
       profiles: profilesQueries.data,
       editCommentId,
-      replyToCommentId,
       options,
       type,
       userRights,
       setEditCommentId,
-      setReplyToCommentId,
       handleCreateComment,
       handleModifyComment,
       handleUpdateComment,
       handleDeleteComment,
-      handleReplyToComment,
-      handleReset
+      handleReset,
+      handleChangeContent
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [displayedComments, editCommentId, profilesQueries, options]
+    [comments, content, editCommentId, profilesQueries, options]
   );
   return /* @__PURE__ */ jsx(CommentContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
     /* @__PURE__ */ jsx(CommentHeader, { title }),
@@ -75,10 +72,10 @@ const CommentProvider = ({
       user && /* @__PURE__ */ jsx(CommentForm, { userId: user.userId }),
       profilesQueries.isLoading ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(CommentList, {}),
-        showMoreComments && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreComments, className: "my-16", children: t("comment.more") })
+        commentsCount !== defaultCommentsCount && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreComments, className: "my-16", children: t("comment.more") })
       ] })
     ] }),
-    !displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen", children: [
+    !commentsCount && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen", children: [
       /* @__PURE__ */ jsx("div", { className: "comments-emptyscreen-wrapper", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyscreenPath, size: 150 }) }),
       /* @__PURE__ */ jsx("p", { children: t("comment.emptyscreen") })
     ] })

package/dist/modules/comments/types.d.ts

@@ -24,22 +24,13 @@ export interface CommentProps {
      * Date when comment was updated
      */
     updatedAt?: number;
-    /**
-     * The comment parent ID.
-     */
-    replyTo?: string;
-    /**
-     * If the comment is deleted.
-     */
-    deleted?: boolean;
 }
 export interface CommentCallbacks {
     /**
      * Method to create a new comment
      * Get the new comment in the callback function
-     * If replyTo is provided, it is a reply to a comment
      */
-    post: (comment: string, replyTo?: string) => Promise<void>;
+    post: (comment: string) => Promise<void>;
     /**
      * Method to update a comment
      * Get the comment and commentId in the callback function
@@ -100,10 +91,6 @@ export type CommentOptions = {
      * Limit on displaying replies to a comment
      */
     maxReplies: number;
-    /**
-     * Number of replies to load additionally in the limited list
-     */
-    additionalReplies: number;
 };
 export interface UserProfileResult {
     /**

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

@@ -1,5 +1,5 @@
 import { WorkspaceVisibility } from '@edifice.io/client';
-import { Content, FocusPosition, JSONContent } from '@tiptap/react';
+import { Content, Extensions, FocusPosition, JSONContent } from '@tiptap/react';
 export interface EditorRef {
     /** Get the current content. */
     getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;
@@ -40,6 +40,8 @@ export interface EditorProps {
     onContentChange?: ({ editor }: {
         editor: any;
     }) => void;
+    /** Extensions to add to the editor */
+    extensions?: Extensions;
 }
 declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
 export default Editor;

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

@@ -1,4 +1,4 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useId, useImperativeHandle, Suspense, lazy } from "react";
 import { EditorContent } from "@tiptap/react";
 import clsx from "clsx";
@@ -16,7 +16,6 @@ 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(({
@@ -28,14 +27,15 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   focus = "start",
   placeholder = "",
   visibility = "protected",
-  onContentChange
+  onContentChange,
+  extensions
 }, ref) => {
   const editorId = useId(), {
     appCode
   } = useEdificeClient(), {
     editor,
     editable
-  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility), {
+  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility, extensions), {
     ref: mediaLibraryModalRef,
     ...mediaLibraryModalHandlers
   } = useMediaLibraryEditor(editor), {
@@ -71,10 +71,7 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
     /* @__PURE__ */ jsx(TableToolbar, { editor }),
-    editor && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(BubbleMenuEditImage, { editor, onEditImage: imageModal.handleEdit, openEditImage: imageModal.isOpen, editable }),
-      /* @__PURE__ */ jsx(BubbleMenuEditInformationPane, { editor, editable })
-    ] }),
+    editor && /* @__PURE__ */ jsx(BubbleMenuEditImage, { editor, onEditImage: imageModal.handleEdit, openEditImage: imageModal.isOpen, 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,7 +5,6 @@ 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";
@@ -214,17 +213,6 @@ 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/ConversationHistoryNodeView.d.ts

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

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

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

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

@@ -1,6 +1,6 @@
-export { default as AudioNodeView } from './AudioNodeView';
 export { default as AttachmentNodeView } from './AttachmentNodeView';
+export { default as AudioNodeView } from './AudioNodeView';
+export { default as ConversationHistoryNodeView } from './ConversationHistoryNodeView';
 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/ConversationHistoryRenderer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `ConversationHistoryRenderer` is a React component that renders a button to toggle the visibility
+ * of conversation history content. It uses the `@tiptap/react` library for rendering content and
+ * `clsx` for conditional class names. The component also utilizes the `useTranslation` hook from
+ * `react-i18next` for internationalization and a custom `useToggle` hook for managing the open state.
+ */
+declare const ConversationHistoryRenderer: () => import("react/jsx-runtime").JSX.Element;
+export default ConversationHistoryRenderer;

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import Button from "../../../../components/Button/Button.js";
+const ConversationHistoryRenderer = () => {
+  const {
+    t
+  } = useTranslation("conversation"), [open, toggleOpen] = useToggle(!1), classes = clsx("conversation-history ps-16", {
+    show: open
+  });
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { as: "div", contentEditable: !1, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: toggleOpen, size: "sm", className: "d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.hide"),
+      /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16 })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.show"),
+      /* @__PURE__ */ jsx(SvgIconRafterDown, { width: 16, height: 16 })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: classes, "data-testid": "conversation-history-content", children: /* @__PURE__ */ jsx(NodeViewContent, {}) })
+  ] });
+};
+export {
+  ConversationHistoryRenderer as default
+};

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

@@ -1,5 +1,5 @@
-export { default as AudioRenderer } from './AudioRenderer';
 export { default as AttachmentRenderer } from './AttachmentRenderer';
+export { default as AudioRenderer } from './AudioRenderer';
+export { default as ConversationHistoryRenderer } from './ConversationHistoryRenderer';
 export { default as LinkerRenderer } from './LinkerRenderer';
 export { default as MediaRenderer } from './MediaRenderer';
-export { default as InformationPaneRenderer } from './InformationPaneRenderer';

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

@@ -1,4 +1,4 @@
-import { Content, FocusPosition } from '@tiptap/react';
+import { Content, Extensions, FocusPosition } from '@tiptap/react';
 import { WorkspaceVisibility } from '@edifice.io/client';
 /**
  * Hook that creates a tiptap editor instance.
@@ -7,10 +7,14 @@ import { WorkspaceVisibility } from '@edifice.io/client';
  * @param content default rich content
  * @param focus set focus position to the editor
  * @param placeholder editor placeholder content
+ * @param onContentChange callback to be called on content change
+ * @param visibility workspace visibility
+ * @param extensions extensions to add to the editor
+ * @returns the editor instance and the editable state
  */
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
-}) => void, visibility?: WorkspaceVisibility) => {
+}) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
     editor: import('@tiptap/core').Editor | null;
     editable: boolean;
 };

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconFolderAdd = ({
+  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("g", { clipPath: "url(#icon-folder-add_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.985 5.283A2 2 0 0 0 12.965 7H22v12H2V4h7.5a1.5 1.5 0 0 1 1.485 1.283M1.902 2C.852 2 0 2.852 0 3.902V19a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-9.035A3.5 3.5 0 0 0 9.5 2zM12 8a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V9a1 1 0 0 1 1-1", clipRule: "evenodd" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-folder-add_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconFolderAdd as default
+};

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconFolderDelete = ({
+  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: "M2.756 2A2.756 2.756 0 0 0 0 4.756V18a3 3 0 0 0 3 3h6.5a1 1 0 1 0 0-2H3a1 1 0 0 1-1-1V4.756C2 4.34 2.339 4 2.756 4H9.5A2.5 2.5 0 0 1 12 6.5a1 1 0 0 0 1 1h8a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3h-7.111A4.5 4.5 0 0 0 9.5 2zm20.85 9.536a1 1 0 0 1 0 1.414l-3.535 3.535 3.536 3.536a1 1 0 0 1-1.415 1.414L18.657 17.9l-3.536 3.535a1 1 0 0 1-1.414-1.414l3.536-3.536-3.536-3.535a1 1 0 0 1 1.414-1.414l3.536 3.535 3.535-3.535a1 1 0 0 1 1.415 0", clipRule: "evenodd" })
+] });
+export {
+  SvgIconFolderDelete as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconGlobe2 = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-globe-2_svg__a)", clipRule: "evenodd", children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0 2c6.627 0 12-5.373 12-12S18.627 0 12 0C5.372 0 0 5.373 0 12s5.372 12 12 12" }),
+    /* @__PURE__ */ jsx("path", { d: "M16.944 2.761V2.76a.67.67 0 0 0 .09-.683l-.416.182-.057.129-.078.611a.63.63 0 0 0 .46-.238m-.571.224-.065-.025.096-.216zm.01.003.03-.267.146-.328-.08.606h-.052zm.235-.73.416-.18a7.3 7.3 0 0 1 .504 1.754c.047.324.07.701.007 1.064-.061.355-.234.847-.714 1.16l-.09.059-1.215.464a1.26 1.26 0 0 0-.82 1.012l-.002.008-.009.069c-.136.95-1.001 1.151-1.134 1.177-.414.082-1.113.007-1.519-.64l-.006-.011-.224-.377c-.35.728-.718 1.572-.809 2.32v.002a.44.44 0 0 0 .041.247l.023.043.478 1.161c.097.17.245.324.437.44.36.218 1.13.713 1.654 1.323.04.047.264.221.9.398.633.177 1.133.73 1.181 1.432.058.849.193 1.37.335 1.649a.6.6 0 0 0 .103.157l.033.001.05.007.02.001.056.002c.14 0 .375-.03.603-.19.318-.223.634-.703.755-1.68v-.001c.051-.404.12-.913.239-1.429l.064-.34a297 297 0 0 1 .31-1.625l.084-.403.015-.058a1.012 1.012 0 0 1 1.04-.758c.26.015.443.128.488.156h.001c.124.077.216.17.249.203.09.091.183.203.25.287.075.092.145.184.196.251l.062.084.018.024.005.007.002.003-.384.28.384-.28.013.018.012.018a.34.34 0 0 0 .221.138.39.39 0 0 0 .292-.06l1.04-.745a.66.66 0 0 0-.273.536h2c0 .443-.219.843-.562 1.09m0 0-1.04.744a2.38 2.38 0 0 1-2.411.21l-.047.248-.067.359-.004.022-.005.022c-.097.416-.157.848-.207 1.246-.159 1.279-.633 2.398-1.592 3.071a3.06 3.06 0 0 1-2.032.538c-.847-.043-1.428-.586-1.764-1.248-.29-.571-.449-1.306-.525-2.136-.634-.2-1.235-.49-1.626-.946-.3-.35-.829-.707-1.17-.913a3.23 3.23 0 0 1-1.193-1.259l-.021-.04-.483-1.171a2.44 2.44 0 0 1-.233-1.378l.993.122-.993-.121c.15-1.234.775-2.507 1.135-3.242l.025-.05a1.79 1.79 0 0 1 1.527-.994h.008c.516-.02 1.031.175 1.396.56a3.3 3.3 0 0 1 1.703-1.46l.771-.294q0-.115-.024-.301a5.3 5.3 0 0 0-.358-1.236c-.2-.459-.126-.985.183-1.37l.78.626-.78-.625v-.002c.31-.385.786-.551 1.232-.498h.01l.115.016q.192.024.376.105l-.499 1.128m3.692 9.553-.096.07zM6.045 14.091a1.84 1.84 0 0 1 1.507.163c.575.348.805.94.805 1.502v.747c0 .338.081.546.191.694.116.156.329.33.73.48l1.751.655c.534.2 1.02.485 1.443.854l.344.3c1.015.887 1.445 2.241 1.024 3.528l-.098.298-1.9-.624.097-.296c.152-.464.021-.998-.439-1.4l-.344-.3a2.7 2.7 0 0 0-.827-.486l-1.75-.655c-.656-.245-1.23-.615-1.635-1.16-.411-.552-.587-1.201-.587-1.888v-.382l-3.93 1.605-.755-1.852 4.338-1.772zM8.876 2.991c.084.494.124.996.124 1.32m0 .84v-.84zm0 0c0 .847-.41 1.658-1.001 2.268L6.196 9.276a.82.82 0 0 0-.187.831 1.825 1.825 0 0 1-1.017 2.245L1.4 13.917l-.798-1.834 3.462-1.508a2.82 2.82 0 0 1 .698-2.692l1.803-1.857C6.885 5.695 7 5.36 7 5.15v-.84c0-.196-.028-.584-.096-.982-.074-.436-.169-.708-.222-.791L8.37 1.463c.286.45.429 1.072.507 1.528m-4.77 7.733" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-globe-2_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconGlobe2 as default
+};

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconGroupAvatar = ({
+  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: "M18.467 13.128a.917.917 0 0 1 1.166-.566c1.034.358 1.89 1.143 2.475 2.155.586 1.014.891 2.233.892 3.467v2.458a.917.917 0 0 1-1.833 0v-2.457c0-.944-.236-1.842-.646-2.55-.41-.709-.948-1.154-1.488-1.34a.917.917 0 0 1-.566-1.167M14.921 2.661a.917.917 0 0 1 .95-.882 4.702 4.702 0 0 1 1.934 8.902.917.917 0 0 1-.822-1.64 2.868 2.868 0 0 0-1.18-5.43.917.917 0 0 1-.882-.95M2.38 15.778c.894-.982 2.127-1.552 3.432-1.552h7.792c1.306 0 2.538.57 3.433 1.552.892.98 1.38 2.29 1.38 3.642v2.14a.917.917 0 1 1-1.834 0v-2.14c0-.917-.332-1.782-.902-2.407-.567-.623-1.316-.954-2.077-.954H5.812c-.76 0-1.51.331-2.077.954-.569.625-.902 1.49-.902 2.407v2.14a.917.917 0 1 1-1.833 0v-2.14c0-1.351.488-2.663 1.38-3.642M9.708 4.142a3.208 3.208 0 1 0 0 6.417 3.208 3.208 0 0 0 0-6.417M4.667 7.351a5.042 5.042 0 1 1 10.083 0 5.042 5.042 0 0 1-10.083 0", clipRule: "evenodd" })
+] });
+export {
+  SvgIconGroupAvatar as default
+};

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

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