@edifice.io/react 2.3.1-develop-b2school-actualites.20250911101750 → 2.3.1-develop-b2school-actualites.20250911174726

package/dist/editor.js

@@ -1,23 +1,25 @@
 import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
 import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
-import { default as default4 } from "./modules/editor/components/Editor/EditorSkeleton.js";
-import { default as default5 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default8 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default11 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default12 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
-import { default as default13 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default14 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default16 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default18 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default19 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default20 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default4 } from "./modules/editor/components/Editor/EditorPreview.js";
+import { default as default5 } from "./modules/editor/components/Editor/EditorPreviewSkeleton.js";
+import { default as default6 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default7 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
+import { default as default8 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default11 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default12 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default13 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default14 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default15 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default16 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default17 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default18 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default19 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default20 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default21 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default22 } 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";
@@ -33,29 +35,31 @@ import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisi
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
-  default6 as AttachmentNodeView,
-  default13 as AttachmentRenderer,
-  default7 as AudioNodeView,
-  default14 as AudioRenderer,
-  default5 as BubbleMenuEditImage,
-  default8 as ConversationHistoryNodeView,
-  default15 as ConversationHistoryRenderer,
+  default8 as AttachmentNodeView,
+  default15 as AttachmentRenderer,
+  default9 as AudioNodeView,
+  default16 as AudioRenderer,
+  default7 as BubbleMenuEditImage,
+  default10 as ConversationHistoryNodeView,
+  default17 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
-  default4 as EditorSkeleton,
+  default4 as EditorPreview,
+  default5 as EditorPreviewSkeleton,
+  default6 as EditorSkeleton,
   EditorToolbar,
-  default9 as ImageNodeView,
-  default12 as InformationPaneNodeView,
-  default18 as InformationPaneRenderer,
-  default20 as LinkToolbar,
-  default10 as LinkerNodeView,
-  default16 as LinkerRenderer,
-  default17 as MediaRenderer,
+  default11 as ImageNodeView,
+  default14 as InformationPaneNodeView,
+  default20 as InformationPaneRenderer,
+  default22 as LinkToolbar,
+  default12 as LinkerNodeView,
+  default18 as LinkerRenderer,
+  default19 as MediaRenderer,
   default2 as StarterKit,
-  default19 as TableToolbar,
-  default11 as VideoNodeView,
+  default21 as TableToolbar,
+  default13 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

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", 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
+    }), style: {
+      maxWidth: "150px"
+    }, children: [
+      /* @__PURE__ */ jsx(Image, { alt: media.alt, objectFit: "cover", ratio: "16", className: "rounded", 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/modals/OnboardingModal/OnboardingModal.js

@@ -66,7 +66,7 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
         isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
       }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
     ] })
-  ] }), document.getElementById("portal"));
+  ] }), document.getElementById("portal") || document.body);
 });
 export {
   OnboardingModal as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.3.1-develop-b2school-actualites.20250911101750",
+  "version": "2.3.1-develop-b2school-actualites.20250911174726",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.3.1-develop-b2school-actualites.20250911101750",
-    "@edifice.io/tiptap-extensions": "2.3.1-develop-b2school-actualites.20250911101750",
-    "@edifice.io/utilities": "2.3.1-develop-b2school-actualites.20250911101750"
+    "@edifice.io/bootstrap": "2.3.1-develop-b2school-actualites.20250911174726",
+    "@edifice.io/tiptap-extensions": "2.3.1-develop-b2school-actualites.20250911174726",
+    "@edifice.io/utilities": "2.3.1-develop-b2school-actualites.20250911174726"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.3.1-develop-b2school-actualites.20250911101750",
-    "@edifice.io/config": "2.3.1-develop-b2school-actualites.20250911101750"
+    "@edifice.io/client": "2.3.1-develop-b2school-actualites.20250911174726",
+    "@edifice.io/config": "2.3.1-develop-b2school-actualites.20250911174726"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",