@edifice.io/react 2.5.6 → 2.5.8-develop-b2school.20260123114940

package/dist/modules/comments/components/CommentDate.js

@@ -9,17 +9,14 @@ const CommentDate = ({
     fromNow
   } = useDate(), {
     t
-  } = useTranslation(), getPublishedDate = (date) => t("comment.publish.date", {
-    date: fromNow(date)
-  }), getUpdatedDate = (date) => t("comment.update.date", {
-    date: fromNow(date)
-  });
-  return updatedAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  } = useTranslation();
+  return updatedAt || createdAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
-    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: getUpdatedDate(updatedAt) })
-  ] }) : createdAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
-    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: getPublishedDate(createdAt) })
+    /* @__PURE__ */ jsx("span", { "data-testid": "comment-info-date", className: "small text-gray-700", children: updatedAt ? ((date) => t("comment.update.date", {
+      date: fromNow(date)
+    }))(updatedAt) : ((date) => t("comment.publish.date", {
+      date: fromNow(date)
+    }))(createdAt) })
   ] }) : null;
 };
 export {

package/dist/modules/comments/components/CommentDeleted.js

@@ -4,7 +4,7 @@ const CommentDeleted = () => {
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
+  return /* @__PURE__ */ jsx("div", { "data-testid": "div-comment-deleted", className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
 };
 export {
   CommentDeleted

package/dist/modules/comments/components/CommentForm.d.ts

@@ -1,4 +1,4 @@
 export declare const CommentForm: ({ userId, replyTo, }: {
     userId: string;
     replyTo?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => false | import("react/jsx-runtime").JSX.Element;

package/dist/modules/comments/components/CommentForm.js

@@ -1,11 +1,11 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconSend from "../../icons/components/IconSend.js";
 import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
 import { useCommentsContext } from "../hooks/useCommentsContext.js";
 import { CommentAvatar } from "./CommentAvatar.js";
 import { TextCounter } from "./TextCounter.js";
-import { useState } from "react";
 import Button from "../../../components/Button/Button.js";
 const CommentForm = ({
   userId,
@@ -22,19 +22,19 @@ const CommentForm = ({
   }, handleSubmit = () => {
     handleCreateComment(content, replyTo), setContent("");
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: type === "edit" && /* @__PURE__ */ jsxs("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200", children: [
+  return type === "edit" && /* @__PURE__ */ jsxs("div", { "data-testid": "div-comment-create", className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 d-print-none", children: [
     /* @__PURE__ */ jsx(CommentAvatar, { id: userId }),
     /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-4", children: [
-      /* @__PURE__ */ jsx("textarea", { id: "add-comment", ref, value: content, className: "form-control", placeholder: t("comment.placeholder.textarea"), maxLength: options.maxCommentLength, onChange: handleChangeContent, onFocus, rows: 1, style: {
+      /* @__PURE__ */ jsx("textarea", { id: "add-comment", "data-testid": "comment-form", ref, value: content, className: "form-control", placeholder: t("comment.placeholder.textarea"), maxLength: options.maxCommentLength, onChange: handleChangeContent, onFocus, rows: 1, style: {
         resize: "none",
         overflow: "hidden"
       } }),
       /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end align-items-center gap-4", children: [
         /* @__PURE__ */ jsx(TextCounter, { content, maxLength: options.maxCommentLength }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSend, {}), disabled: !(content != null && content.length), onClick: handleSubmit, children: t("comment.post") })
+        /* @__PURE__ */ jsx(Button, { "data-testid": "comment-publish", type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSend, {}), disabled: !(content != null && content.length), onClick: handleSubmit, children: t("comment.post") })
       ] })
     ] })
-  ] }) });
+  ] });
 };
 export {
   CommentForm

package/dist/modules/comments/components/CommentList.js

@@ -14,7 +14,7 @@ function CommentList() {
     const {
       authorId
     } = comment, profile = ((_a = profiles == null ? void 0 : profiles.find((user2) => (user2 == null ? void 0 : user2.userId) === authorId)) == null ? void 0 : _a.profile) ?? "Guest";
-    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Comment, { comment, profile, userId: user == null ? void 0 : user.userId }) }, comment.id);
+    return /* @__PURE__ */ jsx("div", { id: `comment-${comment.id}`, children: /* @__PURE__ */ jsx(Comment, { comment, profile, userId: user == null ? void 0 : user.userId }) }, comment.id);
   });
 }
 export {

package/dist/modules/comments/components/CommentTitle.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 const CommentTitle = ({
   children
-}) => /* @__PURE__ */ jsx("span", { className: "small text-gray-800", children });
+}) => /* @__PURE__ */ jsx("span", { "data-testid": "comment-info-author", className: "small text-gray-800", children });
 export {
   CommentTitle
 };

package/dist/modules/comments/components/DeleteModal.js

@@ -1,18 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import Modal from "../../../components/Modal/Modal.js";
 import Button from "../../../components/Button/Button.js";
 const DeleteModal = ({
   isOpen,
   onCancel,
   onSuccess
-}) => /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "delete-comment-modal", children: [
-  /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: "Suppression de commentaire" }),
-  /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { children: "Voulez-vous vraiment supprimer ce commentaire ?" }) }),
-  /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-    /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: "Annuler" }),
-    /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: "Supprimer le commentaire" })
-  ] })
-] });
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Modal, { size: "sm", isOpen, onModalClose: onCancel, id: "delete-comment-modal", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("comment.delete.modal.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { children: t("comment.delete.modal.body") }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: t("comment.delete.modal.delete") })
+    ] })
+  ] });
+};
 export {
   DeleteModal,
   DeleteModal as default

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

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
-import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
 import { DEFAULT_ALLOW_REPLIES, DEFAULT_ADD_REPLIES, 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 Heading from "../../../components/Heading/Heading.js";
 import Button from "../../../components/Button/Button.js";
 import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
 const CommentProvider = ({
@@ -71,15 +71,15 @@ const CommentProvider = ({
     [displayedComments, editCommentId, profilesQueries, options]
   );
   return /* @__PURE__ */ jsx(CommentContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
-    /* @__PURE__ */ jsx(CommentHeader, { title }),
+    /* @__PURE__ */ jsx(Heading, { "data-testid": "comments-info-count-text", level: "h3", headingStyle: "h3", className: displayedComments.length === 0 ? "d-print-none" : "", children: title }),
     /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
       user && /* @__PURE__ */ jsx(CommentForm, { userId: user.userId }),
-      profilesQueries.isLoading ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      !profilesQueries.isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(CommentList, {}),
         showMoreComments && /* @__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: [
+    !displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen d-print-none", 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

@@ -71,7 +71,9 @@ interface EditRootProps extends BaseProps {
      */
     callbacks: CommentCallbacks;
     /**
-     * Rights to perform CRUD on comment
+     * Rights to perform CRUD on comment (type=`edit` required):
+     * - manager => delete
+     * Also, comment's author can update, delete
      */
     rights?: Record<RightRole, boolean>;
 }

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

@@ -78,7 +78,7 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     /* @__PURE__ */ jsxs("div", { className: borderClass, children: [
       toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal, cantooEditor: contooEditor }),
       /* @__PURE__ */ jsxs(Flex, { direction: "row", children: [
-        /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass, style: {
+        /* @__PURE__ */ jsx(EditorContent, { "data-testid": "editor-content", id: id ?? editorId, editor, className: contentClass, style: {
           flex: 1
         } }),
         editable && contooEditor.openPositionAdaptText.right && /* @__PURE__ */ jsx(CantooAdaptTextBoxView, { openPosition: contooEditor.openPositionAdaptText })

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

@@ -0,0 +1,14 @@
+/**
+ * Editor component properties
+ */
+export interface EditorPreviewProps {
+    /** Rich content to render. */
+    content: string;
+    /** Display with or without a border */
+    variant?: 'outline' | 'ghost';
+    onDetailClick?: () => void;
+    onMediaClick?: () => void;
+    maxMediaDisplayed?: number;
+}
+declare const EditorPreview: ({ content, variant, onDetailClick, onMediaClick, maxMediaDisplayed, }: EditorPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default EditorPreview;

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

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import clsx from "clsx";
+import { getThumbnail } from "@edifice.io/utilities";
+import { useTranslation } from "react-i18next";
+import Image from "../../../../components/Image/Image.js";
+const EditorPreview = ({
+  content,
+  variant = "outline",
+  onDetailClick,
+  onMediaClick,
+  maxMediaDisplayed = 3
+}) => {
+  const {
+    t
+  } = useTranslation(), [summaryContent, setSummaryContent] = useState(""), [medias, setMedias] = useState([]), borderClass = clsx(variant === "outline" && "border rounded-3 py-12 px-16"), hasMediaCallback = onDetailClick || onMediaClick, handleMediaClick = (e) => {
+    onMediaClick && (e.stopPropagation(), onMediaClick());
+  };
+  return useEffect(() => {
+    const contentHTML = content;
+    if (contentHTML) {
+      const doc = new DOMParser().parseFromString(contentHTML, "text/html"), mediaElements = Array.from(doc.querySelectorAll("img, video, iframe, audio, embed"));
+      setMedias(mediaElements.filter((el) => el.tagName.toLowerCase() === "img").map((el) => {
+        const image = el;
+        return image.src ? {
+          url: getThumbnail(image.src, 0, 300),
+          alt: image.alt
+        } : {
+          url: "",
+          alt: ""
+        };
+      })), mediaElements.forEach((el) => {
+        var _a;
+        return (_a = el.parentNode) == null ? void 0 : _a.removeChild(el);
+      }), setSummaryContent(doc.body.textContent || "");
+    }
+  }, [content]), /* @__PURE__ */ jsxs("div", { className: borderClass, "data-testid": "editor-preview", onClick: onDetailClick, tabIndex: onDetailClick ? -1 : void 0, role: onDetailClick ? "button" : void 0, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-fill text-truncate text-truncate-2 post-preview-content overflow-hidden", style: {
+      overflowWrap: "anywhere"
+    }, children: summaryContent }),
+    /* @__PURE__ */ jsx("div", { onClick: handleMediaClick, tabIndex: hasMediaCallback ? -1 : void 0, role: hasMediaCallback ? "button" : void 0, className: "d-flex align-items-center justify-content-center gap-24 px-32 pt-16", children: medias.slice(0, maxMediaDisplayed).map((media, index) => /* @__PURE__ */ jsxs("div", { className: clsx("position-relative col-12 col-md-4 ", {
+      "d-none d-md-block": index >= 1
+    }), children: [
+      /* @__PURE__ */ jsx(Image, { alt: media.alt, objectFit: "cover", ratio: "16", className: "rounded", loading: "lazy", src: media.url, sizes: "" }),
+      (index === 0 || index === 2) && medias.length - (index + 1) > 0 && /* @__PURE__ */ jsx("div", { className: clsx("position-absolute top-0 bottom-0 start-0 end-0 d-flex justify-content-center align-items-center rounded text-light bg-dark bg-opacity-50", {
+        "d-flex d-md-none": index === 0,
+        "d-none d-md-flex": index === 2
+      }), children: t("editor.preview.moreMedia", {
+        mediaCount: medias.length - (index + 1)
+      }) })
+    ] }, media.url)) })
+  ] });
+};
+export {
+  EditorPreview as default
+};

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

@@ -0,0 +1,8 @@
+/**
+ * Editor component properties
+ */
+export interface EditorPreviewSkeletonProps {
+    variant?: 'outline' | 'ghost';
+}
+declare const EditorPreview: ({ variant }: EditorPreviewSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default EditorPreview;

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

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import Image from "../../../../components/Image/Image.js";
+const EditorPreview = ({
+  variant = "outline"
+}) => {
+  const borderClass = clsx(variant === "outline" && "border rounded-3"), contentClass = clsx("mt-16", variant === "outline" && "my-12 mx-16");
+  return /* @__PURE__ */ jsx("div", { className: borderClass, "data-testid": "editor-preview", children: /* @__PURE__ */ jsxs("div", { className: contentClass, children: [
+    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12" }),
+    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12" }),
+    /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-center gap-24 px-32 pt-16", children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        maxWidth: "150px"
+      }, className: "col-12 col-md-4", children: /* @__PURE__ */ jsx(Image, { alt: "", objectFit: "cover", ratio: "16", className: "rounded placeholder", src: "", sizes: "" }) }),
+      /* @__PURE__ */ jsx("div", { style: {
+        maxWidth: "150px"
+      }, className: "col-12 col-md-4", children: /* @__PURE__ */ jsx(Image, { alt: "", objectFit: "cover", ratio: "16", className: "rounded placeholder", src: "", sizes: "" }) })
+    ] })
+  ] }) });
+};
+export {
+  EditorPreview as default
+};

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

@@ -1,3 +1,5 @@
 export * from './Editor';
 export { default as Editor } from './Editor';
+export { default as EditorPreview } from './EditorPreview';
+export { default as EditorPreviewSkeleton } from './EditorPreviewSkeleton';
 export { default as EditorSkeleton } from './EditorSkeleton';

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

@@ -31,8 +31,8 @@ const AttachmentRenderer = (props) => {
   }, "data-drag-handle": !0, children: [
     /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
     /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("a", { href: attachment.href, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.documentId) })
+      /* @__PURE__ */ jsx("a", { href: attachment.href, "data-document-id": attachment.dataDocumentId, "data-content-type": attachment.dataContentType, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.dataDocumentId) })
     ] }) }) }, index)) })
   ] }) });
 };

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

@@ -5,6 +5,7 @@ const useMediaLibraryEditor = (editor) => {
   const {
     remove
   } = useWorkspaceFile(), appendResult = useCallback((type, result) => {
+    var _a;
     if (!(!type || !editor))
       switch (type) {
         case "image": {
@@ -48,7 +49,7 @@ const useMediaLibraryEditor = (editor) => {
           let innerHtml = "";
           for (let i = 0; i < result.length; i++) {
             const link = result[i];
-            innerHtml += `<a href="/workspace/${link.public ? "pub/" : ""}document/${link._id}">${link.name}
+            innerHtml += `<a href="/workspace/${link.public ? "pub/" : ""}document/${link._id}" data-content-type="${(_a = link.metadata) == null ? void 0 : _a["content-type"]}">${link.name}
             </a>`;
           }
           const richContent = `<div class="attachments">
@@ -80,7 +81,7 @@ const useMediaLibraryEditor = (editor) => {
             };
             if (Array.isArray(resourceTabResult.resources))
               resourceTabResult.resources.forEach((link) => {
-                var _a;
+                var _a2;
                 editor.state.selection.empty && insertAndSelectText(link.name), editor == null || editor.commands.setLink({
                   href: link.path,
                   target: resourceTabResult.target ?? null
@@ -89,7 +90,7 @@ const useMediaLibraryEditor = (editor) => {
                 editor.commands.setTextSelection({
                   from: newPosition,
                   to: newPosition
-                }), resourceTabResult != null && resourceTabResult.resources && ((_a = resourceTabResult == null ? void 0 : resourceTabResult.resources) == null ? void 0 : _a.length) > 1 && editor.commands.enter();
+                }), resourceTabResult != null && resourceTabResult.resources && ((_a2 = resourceTabResult == null ? void 0 : resourceTabResult.resources) == null ? void 0 : _a2.length) > 1 && editor.commands.enter();
               });
             else {
               const {

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

@@ -27,16 +27,16 @@ 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 MediaRenderer from "../components/Renderer/MediaRenderer.js";
 import VideoNodeView from "../components/NodeView/VideoNodeView.js";
 import AudioNodeView from "../components/NodeView/AudioNodeView.js";
+import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
+import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import ImageNodeView from "../components/NodeView/ImageNodeView.js";
 import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
-import 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 InformationPaneNodeView from "../components/NodeView/InformationPaneNodeView.js";
 import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
 const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
   const {

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconCalendarEdit = ({
+  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", d: "M16 1a1 1 0 0 1 1 1v1h1.5a1 1 0 1 1 0 2H17v1a1 1 0 1 1-2 0V5H9v1a1 1 0 0 1-2 0V5H5a1 1 0 0 0-1 1v3h7a1 1 0 1 1 0 2H4v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a1 1 0 1 1 2 0v4a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h2V2a1 1 0 0 1 2 0v1h6V2a1 1 0 0 1 1-1m3.584 5.92a2.685 2.685 0 0 1 3.142 4.353l-11.38 8.21c-.147.106-.32.17-.501.185l-3.261.277a1 1 0 0 1-1.003-1.391l1.29-3.007.063-.121q.106-.176.272-.296zm1.68 1.503a.69.69 0 0 0-.51.12L9.599 16.591l-.523 1.22 1.325-.113 11.154-8.046a.686.686 0 0 0-.041-1.136.7.7 0 0 0-.25-.093" })
+] });
+export {
+  SvgIconCalendarEdit as default
+};

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

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

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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconClockAlert = ({
+  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", clipPath: "url(#icon-clock-alert_svg__a)", children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 10.075C0 4.51 4.51 0 10.075 0c4.573 0 8.431 3.046 9.663 7.217a1 1 0 0 1-1.918.566A8.075 8.075 0 1 0 7.783 17.82a1 1 0 0 1-.566 1.918C3.046 18.506 0 14.648 0 10.075" }),
+    /* @__PURE__ */ jsx("path", { d: "M10.075 4.108a1 1 0 0 1 1 1v5.43a1 1 0 0 1-.357.767L7.83 13.728a1 1 0 1 1-1.286-1.532l2.53-2.123V5.108a1 1 0 0 1 1-1M17 13.3a1 1 0 0 1 1 1v2.2a1 1 0 1 1-2 0v-2.2a1 1 0 0 1 1-1M17 18.4a1 1 0 1 0 0 2h.006a1 1 0 1 0 0-2z" }),
+    /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M17 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14m-5 7a5 5 0 1 1 10 0 5 5 0 0 1-10 0", clipRule: "evenodd" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-clock-alert_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconClockAlert as default
+};

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconSubmitToValidate = ({
+  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: "M10.844 7.9a1 1 0 0 0-.085 1.41c.366.417.998.463 1.412.1l4.18-3.656a.99.99 0 0 0 .337-.762 1.01 1.01 0 0 0-.363-.757L12.019.632a1 1 0 0 0-1.408.118 1 1 0 0 0 .134 1.41l2.2 1.84h-.939c-5.617-.067-9.838 4.478-9.905 9.887-.05 4.03 2.374 7.51 5.865 9.091a1 1 0 0 0 .825-1.822c-2.815-1.274-4.73-4.058-4.69-7.244C4.156 9.521 7.554 5.945 11.988 6h1.028zm10.785.822a1 1 0 0 1 .148 1.407l-6.875 8.5a1 1 0 0 1-1.572-.022l-3.125-4.09a1 1 0 0 1 1.59-1.215l2.352 3.08 6.076-7.51a1 1 0 0 1 1.406-.15", clipRule: "evenodd" })
+] });
+export {
+  SvgIconSubmitToValidate as default
+};

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

@@ -17,6 +17,7 @@ export { default as IconBlur } from './IconBlur';
 export { default as IconBookmark } from './IconBookmark';
 export { default as IconBulletList } from './IconBulletList';
 export { default as IconBurgerMenu } from './IconBurgerMenu';
+export { default as IconCalendarEdit } from './IconCalendarEdit';
 export { default as IconCalendarLight } from './IconCalendarLight';
 export { default as IconCalendar } from './IconCalendar';
 export { default as IconCamera } from './IconCamera';
@@ -24,6 +25,7 @@ export { default as IconCantoo } from './IconCantoo';
 export { default as IconCenter } from './IconCenter';
 export { default as IconCheck } from './IconCheck';
 export { default as IconChecklist } from './IconChecklist';
+export { default as IconClockAlert } from './IconClockAlert';
 export { default as IconClock } from './IconClock';
 export { default as IconCloseFullScreen } from './IconCloseFullScreen';
 export { default as IconClose } from './IconClose';
@@ -134,6 +136,7 @@ export { default as IconSplitCells } from './IconSplitCells';
 export { default as IconSquareRoot } from './IconSquareRoot';
 export { default as IconStarFull } from './IconStarFull';
 export { default as IconStar } from './IconStar';
+export { default as IconSubmitToValidate } from './IconSubmitToValidate';
 export { default as IconSubscript } from './IconSubscript';
 export { default as IconSuccessFill } from './IconSuccessFill';
 export { default as IconSuccessOutline } from './IconSuccessOutline';

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -44,7 +44,7 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
   }, handleCloseWithoutPreference = () => {
     setIsOpen(!1), setSwiperprogress(0);
   };
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", "data-testid": "modal-onboarding", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, centered: !0, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
@@ -59,10 +59,10 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
       } })
     ] }, index)) }) }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
-      swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
-      swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
-      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: () => {
+      /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-later", type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
+      swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-previous", type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
+      swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", "data-testid": "modal-onboarding-next", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
+      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-close", type: "button", color: "primary", variant: "filled", onClick: () => {
         isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
       }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
     ] })

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -160,6 +160,5 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
   ] }), document.getElementById("portal"));
 };
 export {
-  ResourceModal,
-  ResourceModal as default
+  ResourceModal
 };

package/dist/modules/modals/ShareModal/ShareBookmark.d.ts

@@ -4,5 +4,5 @@ export declare const ShareBookmark: ({ bookmark, refBookmark, onBookmarkChange,
     bookmark: BookmarkProps;
     refBookmark: Ref<HTMLInputElement>;
     onBookmarkChange: () => void;
-    onSave: () => void;
+    onSave: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/modals/ShareModal/ShareBookmark.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconSave from "../../icons/components/IconSave.js";
 import FormControl from "../../../components/Form/FormControl.js";
@@ -11,10 +12,12 @@ const ShareBookmark = ({
 }) => {
   const {
     t
-  } = useTranslation();
+  } = useTranslation(), [isSaving, setIsSaving] = useState(!1), handleSaveClick = async () => {
+    setIsSaving(!0), await onSave(), setIsSaving(!1);
+  };
   return /* @__PURE__ */ jsx("div", { className: "mt-16", children: /* @__PURE__ */ jsxs(FormControl, { id: "bookmarkName", className: "d-flex flex-wrap align-items-center gap-16", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-fill", children: /* @__PURE__ */ jsx(FormControl.Input, { ref: refBookmark, onChange: onBookmarkChange, placeholder: t("explorer.modal.share.sharebookmark.placeholder"), size: "sm", type: "text" }, bookmark.id) }),
-    /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "ghost", disabled: bookmark.name.length === 0, leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), onClick: onSave, className: "text-nowrap", children: t("explorer.modal.share.sharebookmark.save") })
+    /* @__PURE__ */ jsx("div", { className: "flex-fill", children: /* @__PURE__ */ jsx(FormControl.Input, { "data-testid": "share-bookmark-name-input", ref: refBookmark, onChange: onBookmarkChange, placeholder: t("explorer.modal.share.sharebookmark.placeholder"), size: "sm", type: "text" }, bookmark.id) }),
+    /* @__PURE__ */ jsx(Button, { "data-testid": "share-bookmark-save-button", type: "button", color: "primary", variant: "ghost", disabled: bookmark.name.length === 0 || isSaving, leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), onClick: handleSaveClick, className: "text-nowrap", isLoading: isSaving, children: t("explorer.modal.share.sharebookmark.save") })
   ] }) });
 };
 export {

package/dist/modules/modals/ShareModal/ShareBookmarkLine.js

@@ -4,10 +4,10 @@ import SvgIconBookmark from "../../icons/components/IconBookmark.js";
 import SvgIconClose from "../../icons/components/IconClose.js";
 import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
 import SvgIconUsers from "../../icons/components/IconUsers.js";
-import { hasRight } from "./utils/hasRight.js";
-import { showShareRightLine } from "./utils/showShareRightLine.js";
 import { useShareRightDisabled } from "./hooks/useShareRightDisabled.js";
 import { useShareRightVisible } from "./hooks/useShareRightVisible.js";
+import { hasRight } from "./utils/hasRight.js";
+import { showShareRightLine } from "./utils/showShareRightLine.js";
 import Avatar from "../../../components/Avatar/Avatar.js";
 import Button from "../../../components/Button/Button.js";
 import Checkbox from "../../../components/Checkbox/Checkbox.js";
@@ -45,8 +45,8 @@ const ShareBookmarkLine = ({
       ] }) }),
       shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
         width: "80px"
-      }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id), disabled: isDisabled }) }, shareRightAction.displayName)),
-      /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && !isDisabled && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
+      }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id), disabled: isDisabled, "data-testid": `share-right-${shareRightAction.id}-checkbox` }) }, shareRightAction.displayName)),
+      /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && !isDisabled && /* @__PURE__ */ jsx(IconButton, { "data-testid": "share-right-close-button", "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
     ] }, shareRight.id) : null;
   });
 };

package/dist/modules/modals/ShareModal/ShareModal.d.ts

@@ -1,15 +1,5 @@
 import { ReactNode } from 'react';
-import { ID, PutShareResponse, RightStringified, ShareRight } from '@edifice.io/client';
-import { UseMutationResult } from '../../../node_modules/@tanstack/react-query';
-export type ShareOptions = {
-    resourceId: ID;
-    resourceRights: RightStringified[];
-    resourceCreatorId: string;
-};
-export type ShareResourceMutation = UseMutationResult<PutShareResponse, unknown, {
-    resourceId: string;
-    rights: ShareRight[];
-}, unknown>;
+import { ShareOptions, ShareResourceMutation } from './ShareResources';
 interface ShareResourceModalProps {
     /** Handle open/close state */
     isOpen: boolean;