@edifice.io/react 2.3.2-develop-pedago.20251001105735 → 2.3.2-develop-b2school-actualites.20251001121550

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function Divider({ children, color, }: {
+    children: ReactNode[];
+    color: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import Flex from "../Flex/Flex.js";
+function Divider({
+  children,
+  color = "var(--edifice-gray-400)"
+}) {
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "around", gap: "16", wrap: "nowrap", className: "flex-fill", children: [
+    /* @__PURE__ */ jsx("hr", { className: "divider m-12 ms-0 flex-fill", style: {
+      borderColor: color
+    } }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "12", align: "center", justify: "around", children: [
+      ...children
+    ] }),
+    /* @__PURE__ */ jsx("hr", { className: "divider m-12 me-0 flex-fill", style: {
+      borderColor: color
+    } })
+  ] });
+}
+export {
+  Divider
+};

package/dist/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/dist/components/Layout/components/Header.js

@@ -70,8 +70,7 @@ const Header = ({
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
-    toggleCollapsedNav,
-    handleLogout
+    toggleCollapsedNav
   } = useHeader({
     user,
     avatar
@@ -104,7 +103,7 @@ const Header = ({
           ] }),
           /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
         ] }) : null,
-        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: handleLogout, children: [
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? "/"), className: "nav-link", children: [
           /* @__PURE__ */ jsx(SvgIconDisconnect, { className: "icon logout" }),
           /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.disconnect") })
         ] }) }),

package/dist/components/Layout/components/WidgetApps.js

@@ -14,7 +14,7 @@ const WidgetAppsFooter = () => {
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
     !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
-    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, className: "bookmarked-app", children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, className: "bookmarked-app", target: app.isExternal || app.category === "connector" ? "_blank" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
   ] });
 };
 export {

package/dist/components/Layout/hooks/useHeader.js

@@ -1,9 +1,7 @@
 import { useState, useId, useCallback, useMemo } from "react";
-import { odeServices } from "@edifice.io/client";
 import { useHover } from "@uidotdev/usehooks";
 import { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
-import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import useBookmark from "../../../hooks/useBookmark/useBookmark.js";
 import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
 function useHeader({
@@ -14,15 +12,11 @@ function useHeader({
     appCode
   } = useEdificeClient(), {
     t
-  } = useTranslation(), {
-    theme
-  } = useEdificeTheme(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
+  } = useTranslation(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
     username: user == null ? void 0 : user.firstName
   }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
     setIsCollapsed(!isCollapsed);
-  }, [isCollapsed]), handleLogout = async () => {
-    await odeServices.session().logout(), window.location.href = (theme == null ? void 0 : theme.logoutCallback) ?? "/auth/login";
-  };
+  }, [isCollapsed]);
   return useMemo(() => ({
     title,
     bookmarkedApps,
@@ -37,9 +31,8 @@ function useHeader({
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
-    toggleCollapsedNav,
-    handleLogout
-  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, handleLogout, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+    toggleCollapsedNav
+  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
 }
 export {
   useHeader as default

package/dist/components/SeparatedInfo/SeparatedInfo.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type SeparatedInfoProps = {
+    children: ReactNode[];
+    className?: string;
+};
+export declare function SeparatedInfo({ children, className }: SeparatedInfoProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SeparatedInfo/SeparatedInfo.js

@@ -0,0 +1,13 @@
+import { jsxs } from "react/jsx-runtime";
+import Flex from "../Flex/Flex.js";
+function SeparatedInfo({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "row", className: `separated-info ${className}`, children: [
+    ...children
+  ] });
+}
+export {
+  SeparatedInfo
+};

package/dist/components/SeparatedInfo/index.d.ts

@@ -0,0 +1 @@
+export * from './SeparatedInfo';

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './Card';
 export * from './Checkbox';
 export * from './ColorPicker';
 export * from './Combobox';
+export * from './Divider';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
@@ -34,6 +35,7 @@ export * from './PreventPropagation';
 export * from './Radio';
 export * from './SearchBar';
 export * from './Select';
+export * from './SeparatedInfo';
 export * from './Skeleton';
 export * from './StackedGroup';
 export * from './Stepper';

package/dist/editor.js

@@ -1,24 +1,26 @@
 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/NodeView/IframeNodeView.js";
-import { default as default14 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default16 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default18 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default19 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default20 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default21 } 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/NodeView/IframeNodeView.js";
+import { default as default16 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default17 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default18 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default19 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default20 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default21 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default22 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default23 } 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";
@@ -34,30 +36,32 @@ 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,
-  default14 as AttachmentRenderer,
-  default7 as AudioNodeView,
-  default15 as AudioRenderer,
-  default5 as BubbleMenuEditImage,
-  default8 as ConversationHistoryNodeView,
-  default16 as ConversationHistoryRenderer,
+  default8 as AttachmentNodeView,
+  default16 as AttachmentRenderer,
+  default9 as AudioNodeView,
+  default17 as AudioRenderer,
+  default7 as BubbleMenuEditImage,
+  default10 as ConversationHistoryNodeView,
+  default18 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
-  default4 as EditorSkeleton,
+  default4 as EditorPreview,
+  default5 as EditorPreviewSkeleton,
+  default6 as EditorSkeleton,
   EditorToolbar,
-  default13 as IframeNodeView,
-  default9 as ImageNodeView,
-  default12 as InformationPaneNodeView,
-  default19 as InformationPaneRenderer,
-  default21 as LinkToolbar,
-  default10 as LinkerNodeView,
-  default17 as LinkerRenderer,
-  default18 as MediaRenderer,
+  default15 as IframeNodeView,
+  default11 as ImageNodeView,
+  default14 as InformationPaneNodeView,
+  default21 as InformationPaneRenderer,
+  default23 as LinkToolbar,
+  default12 as LinkerNodeView,
+  default19 as LinkerRenderer,
+  default20 as MediaRenderer,
   default2 as StarterKit,
-  default20 as TableToolbar,
-  default11 as VideoNodeView,
+  default22 as TableToolbar,
+  default13 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

package/dist/icons.js

@@ -24,152 +24,153 @@ import { default as default24 } from "./modules/icons/components/IconCantoo.js";
 import { default as default25 } from "./modules/icons/components/IconCenter.js";
 import { default as default26 } from "./modules/icons/components/IconCheck.js";
 import { default as default27 } from "./modules/icons/components/IconChecklist.js";
-import { default as default28 } from "./modules/icons/components/IconClock.js";
-import { default as default29 } from "./modules/icons/components/IconCloseFullScreen.js";
-import { default as default30 } from "./modules/icons/components/IconClose.js";
-import { default as default31 } from "./modules/icons/components/IconCode.js";
-import { default as default32 } from "./modules/icons/components/IconCopy.js";
-import { default as default33 } from "./modules/icons/components/IconCrop.js";
-import { default as default34 } from "./modules/icons/components/IconCut.js";
-import { default as default35 } from "./modules/icons/components/IconDeleteColor.js";
-import { default as default36 } from "./modules/icons/components/IconDeleteColumnHighlight.js";
-import { default as default37 } from "./modules/icons/components/IconDeleteColumn.js";
-import { default as default38 } from "./modules/icons/components/IconDeleteRowHighlight.js";
-import { default as default39 } from "./modules/icons/components/IconDeleteRow.js";
-import { default as default40 } from "./modules/icons/components/IconDelete.js";
-import { default as default41 } from "./modules/icons/components/IconDepositeInbox.js";
-import { default as default42 } from "./modules/icons/components/IconDownload.js";
-import { default as default43 } from "./modules/icons/components/IconEdit.js";
-import { default as default44 } from "./modules/icons/components/IconError.js";
-import { default as default45 } from "./modules/icons/components/IconExternalLink.js";
-import { default as default46 } from "./modules/icons/components/IconFiles.js";
-import { default as default47 } from "./modules/icons/components/IconFilter.js";
-import { default as default48 } from "./modules/icons/components/IconFlag.js";
-import { default as default49 } from "./modules/icons/components/IconFolderAdd.js";
-import { default as default50 } from "./modules/icons/components/IconFolderDelete.js";
-import { default as default51 } from "./modules/icons/components/IconFolderMove.js";
-import { default as default52 } from "./modules/icons/components/IconFolder.js";
-import { default as default53 } from "./modules/icons/components/IconForgoing.js";
-import { default as default54 } from "./modules/icons/components/IconFullScreen.js";
-import { default as default55 } from "./modules/icons/components/IconGlobe2.js";
-import { default as default56 } from "./modules/icons/components/IconGlobe.js";
-import { default as default57 } from "./modules/icons/components/IconGroupAvatar.js";
-import { default as default58 } from "./modules/icons/components/IconHandMove.js";
-import { default as default59 } from "./modules/icons/components/IconHeadphone.js";
-import { default as default60 } from "./modules/icons/components/IconHide.js";
-import { default as default61 } from "./modules/icons/components/IconHighlightColumn.js";
-import { default as default62 } from "./modules/icons/components/IconHighlightRow.js";
-import { default as default63 } from "./modules/icons/components/IconHome.js";
-import { default as default64 } from "./modules/icons/components/IconHourglass.js";
-import { default as default65 } from "./modules/icons/components/IconImageSizeLarge.js";
-import { default as default66 } from "./modules/icons/components/IconImageSizeMedium.js";
-import { default as default67 } from "./modules/icons/components/IconImageSizeSmall.js";
-import { default as default68 } from "./modules/icons/components/IconInbox.js";
-import { default as default69 } from "./modules/icons/components/IconInfoCircle.js";
-import { default as default70 } from "./modules/icons/components/IconInfoRectangle.js";
-import { default as default71 } from "./modules/icons/components/IconLandscape.js";
-import { default as default72 } from "./modules/icons/components/IconLibrary.js";
-import { default as default73 } from "./modules/icons/components/IconLink.js";
-import { default as default74 } from "./modules/icons/components/IconListOrder.js";
-import { default as default75 } from "./modules/icons/components/IconLoader.js";
-import { default as default76 } from "./modules/icons/components/IconLock.js";
-import { default as default77 } from "./modules/icons/components/IconMailRecall.js";
-import { default as default78 } from "./modules/icons/components/IconMail.js";
-import { default as default79 } from "./modules/icons/components/IconMegaphone.js";
-import { default as default80 } from "./modules/icons/components/IconMergeCells.js";
-import { default as default81 } from "./modules/icons/components/IconMessageInfo.js";
-import { default as default82 } from "./modules/icons/components/IconMicOff.js";
-import { default as default83 } from "./modules/icons/components/IconMic.js";
-import { default as default84 } from "./modules/icons/components/IconMinus.js";
-import { default as default85 } from "./modules/icons/components/IconMove.js";
-import { default as default86 } from "./modules/icons/components/IconNoColors.js";
-import { default as default87 } from "./modules/icons/components/IconNotes.js";
-import { default as default88 } from "./modules/icons/components/IconNotification.js";
-import { default as default89 } from "./modules/icons/components/IconOptions.js";
-import { default as default90 } from "./modules/icons/components/IconOrderedList.js";
-import { default as default91 } from "./modules/icons/components/IconPaperclip.js";
-import { default as default92 } from "./modules/icons/components/IconPause.js";
-import { default as default93 } from "./modules/icons/components/IconPinOff.js";
-import { default as default94 } from "./modules/icons/components/IconPinOn.js";
-import { default as default95 } from "./modules/icons/components/IconPlaceholder.js";
-import { default as default96 } from "./modules/icons/components/IconPlayFilled.js";
-import { default as default97 } from "./modules/icons/components/IconPlay.js";
-import { default as default98 } from "./modules/icons/components/IconPlus.js";
-import { default as default99 } from "./modules/icons/components/IconPointerDefault.js";
-import { default as default100 } from "./modules/icons/components/IconPointerHand.js";
-import { default as default101 } from "./modules/icons/components/IconPrint.js";
-import { default as default102 } from "./modules/icons/components/IconQuestionMark.js";
-import { default as default103 } from "./modules/icons/components/IconQuestion.js";
-import { default as default104 } from "./modules/icons/components/IconRafterDown.js";
-import { default as default105 } from "./modules/icons/components/IconRafterLeft.js";
-import { default as default106 } from "./modules/icons/components/IconRafterRight.js";
-import { default as default107 } from "./modules/icons/components/IconRafterUp.js";
-import { default as default108 } from "./modules/icons/components/IconReaction.js";
-import { default as default109 } from "./modules/icons/components/IconReadMail.js";
-import { default as default110 } from "./modules/icons/components/IconRecordPause.js";
-import { default as default111 } from "./modules/icons/components/IconRecordStop.js";
-import { default as default112 } from "./modules/icons/components/IconRecordVideo.js";
-import { default as default113 } from "./modules/icons/components/IconRecord.js";
-import { default as default114 } from "./modules/icons/components/IconRedo.js";
-import { default as default115 } from "./modules/icons/components/IconRefresh.js";
-import { default as default116 } from "./modules/icons/components/IconReset.js";
-import { default as default117 } from "./modules/icons/components/IconRestart.js";
-import { default as default118 } from "./modules/icons/components/IconRestore.js";
-import { default as default119 } from "./modules/icons/components/IconSave.js";
-import { default as default120 } from "./modules/icons/components/IconSearch.js";
-import { default as default121 } from "./modules/icons/components/IconSee.js";
-import { default as default122 } from "./modules/icons/components/IconSend.js";
-import { default as default123 } from "./modules/icons/components/IconSetBackground.js";
-import { default as default124 } from "./modules/icons/components/IconSettings.js";
-import { default as default125 } from "./modules/icons/components/IconShare.js";
-import { default as default126 } from "./modules/icons/components/IconSignature.js";
-import { default as default127 } from "./modules/icons/components/IconSmartphone.js";
-import { default as default128 } from "./modules/icons/components/IconSmiley.js";
-import { default as default129 } from "./modules/icons/components/IconSortAscendingLetters.js";
-import { default as default130 } from "./modules/icons/components/IconSortDescendingLetters.js";
-import { default as default131 } from "./modules/icons/components/IconSortDescending.js";
-import { default as default132 } from "./modules/icons/components/IconSortTime.js";
-import { default as default133 } from "./modules/icons/components/IconSpeechToText.js";
-import { default as default134 } from "./modules/icons/components/IconSplitCells.js";
-import { default as default135 } from "./modules/icons/components/IconSquareRoot.js";
-import { default as default136 } from "./modules/icons/components/IconStarFull.js";
-import { default as default137 } from "./modules/icons/components/IconStar.js";
-import { default as default138 } from "./modules/icons/components/IconSubscript.js";
-import { default as default139 } from "./modules/icons/components/IconSuccessFill.js";
-import { default as default140 } from "./modules/icons/components/IconSuccessOutline.js";
-import { default as default141 } from "./modules/icons/components/IconSuperscript.js";
-import { default as default142 } from "./modules/icons/components/IconTable.js";
-import { default as default143 } from "./modules/icons/components/IconTextBold.js";
-import { default as default144 } from "./modules/icons/components/IconTextColor.js";
-import { default as default145 } from "./modules/icons/components/IconTextHighlight.js";
-import { default as default146 } from "./modules/icons/components/IconTextItalic.js";
-import { default as default147 } from "./modules/icons/components/IconTextPage.js";
-import { default as default148 } from "./modules/icons/components/IconTextSize.js";
-import { default as default149 } from "./modules/icons/components/IconTextToSpeechOff.js";
-import { default as default150 } from "./modules/icons/components/IconTextToSpeech.js";
-import { default as default151 } from "./modules/icons/components/IconTextTypo.js";
-import { default as default152 } from "./modules/icons/components/IconTextUnderline.js";
-import { default as default153 } from "./modules/icons/components/IconTextVanilla.js";
-import { default as default154 } from "./modules/icons/components/IconToolCenter.js";
-import { default as default155 } from "./modules/icons/components/IconTool.js";
-import { default as default156 } from "./modules/icons/components/IconTrendingUp.js";
-import { default as default157 } from "./modules/icons/components/IconUndoAll.js";
-import { default as default158 } from "./modules/icons/components/IconUndo.js";
-import { default as default159 } from "./modules/icons/components/IconUnion.js";
-import { default as default160 } from "./modules/icons/components/IconUnlink.js";
-import { default as default161 } from "./modules/icons/components/IconUnlock.js";
-import { default as default162 } from "./modules/icons/components/IconUnreadMail.js";
-import { default as default163 } from "./modules/icons/components/IconUpload.js";
-import { default as default164 } from "./modules/icons/components/IconUserSearch.js";
-import { default as default165 } from "./modules/icons/components/IconUser.js";
-import { default as default166 } from "./modules/icons/components/IconUsers.js";
-import { default as default167 } from "./modules/icons/components/IconVideo.js";
-import { default as default168 } from "./modules/icons/components/IconViewCalendar.js";
-import { default as default169 } from "./modules/icons/components/IconViewList.js";
-import { default as default170 } from "./modules/icons/components/IconWand.js";
-import { default as default171 } from "./modules/icons/components/IconWrite.js";
-import { default as default172 } from "./modules/icons/components/IconZoomIn.js";
-import { default as default173 } from "./modules/icons/components/IconZoomOut.js";
+import { default as default28 } from "./modules/icons/components/IconClockAlert.js";
+import { default as default29 } from "./modules/icons/components/IconClock.js";
+import { default as default30 } from "./modules/icons/components/IconCloseFullScreen.js";
+import { default as default31 } from "./modules/icons/components/IconClose.js";
+import { default as default32 } from "./modules/icons/components/IconCode.js";
+import { default as default33 } from "./modules/icons/components/IconCopy.js";
+import { default as default34 } from "./modules/icons/components/IconCrop.js";
+import { default as default35 } from "./modules/icons/components/IconCut.js";
+import { default as default36 } from "./modules/icons/components/IconDeleteColor.js";
+import { default as default37 } from "./modules/icons/components/IconDeleteColumnHighlight.js";
+import { default as default38 } from "./modules/icons/components/IconDeleteColumn.js";
+import { default as default39 } from "./modules/icons/components/IconDeleteRowHighlight.js";
+import { default as default40 } from "./modules/icons/components/IconDeleteRow.js";
+import { default as default41 } from "./modules/icons/components/IconDelete.js";
+import { default as default42 } from "./modules/icons/components/IconDepositeInbox.js";
+import { default as default43 } from "./modules/icons/components/IconDownload.js";
+import { default as default44 } from "./modules/icons/components/IconEdit.js";
+import { default as default45 } from "./modules/icons/components/IconError.js";
+import { default as default46 } from "./modules/icons/components/IconExternalLink.js";
+import { default as default47 } from "./modules/icons/components/IconFiles.js";
+import { default as default48 } from "./modules/icons/components/IconFilter.js";
+import { default as default49 } from "./modules/icons/components/IconFlag.js";
+import { default as default50 } from "./modules/icons/components/IconFolderAdd.js";
+import { default as default51 } from "./modules/icons/components/IconFolderDelete.js";
+import { default as default52 } from "./modules/icons/components/IconFolderMove.js";
+import { default as default53 } from "./modules/icons/components/IconFolder.js";
+import { default as default54 } from "./modules/icons/components/IconForgoing.js";
+import { default as default55 } from "./modules/icons/components/IconFullScreen.js";
+import { default as default56 } from "./modules/icons/components/IconGlobe2.js";
+import { default as default57 } from "./modules/icons/components/IconGlobe.js";
+import { default as default58 } from "./modules/icons/components/IconGroupAvatar.js";
+import { default as default59 } from "./modules/icons/components/IconHandMove.js";
+import { default as default60 } from "./modules/icons/components/IconHeadphone.js";
+import { default as default61 } from "./modules/icons/components/IconHide.js";
+import { default as default62 } from "./modules/icons/components/IconHighlightColumn.js";
+import { default as default63 } from "./modules/icons/components/IconHighlightRow.js";
+import { default as default64 } from "./modules/icons/components/IconHome.js";
+import { default as default65 } from "./modules/icons/components/IconHourglass.js";
+import { default as default66 } from "./modules/icons/components/IconImageSizeLarge.js";
+import { default as default67 } from "./modules/icons/components/IconImageSizeMedium.js";
+import { default as default68 } from "./modules/icons/components/IconImageSizeSmall.js";
+import { default as default69 } from "./modules/icons/components/IconInbox.js";
+import { default as default70 } from "./modules/icons/components/IconInfoCircle.js";
+import { default as default71 } from "./modules/icons/components/IconInfoRectangle.js";
+import { default as default72 } from "./modules/icons/components/IconLandscape.js";
+import { default as default73 } from "./modules/icons/components/IconLibrary.js";
+import { default as default74 } from "./modules/icons/components/IconLink.js";
+import { default as default75 } from "./modules/icons/components/IconListOrder.js";
+import { default as default76 } from "./modules/icons/components/IconLoader.js";
+import { default as default77 } from "./modules/icons/components/IconLock.js";
+import { default as default78 } from "./modules/icons/components/IconMailRecall.js";
+import { default as default79 } from "./modules/icons/components/IconMail.js";
+import { default as default80 } from "./modules/icons/components/IconMegaphone.js";
+import { default as default81 } from "./modules/icons/components/IconMergeCells.js";
+import { default as default82 } from "./modules/icons/components/IconMessageInfo.js";
+import { default as default83 } from "./modules/icons/components/IconMicOff.js";
+import { default as default84 } from "./modules/icons/components/IconMic.js";
+import { default as default85 } from "./modules/icons/components/IconMinus.js";
+import { default as default86 } from "./modules/icons/components/IconMove.js";
+import { default as default87 } from "./modules/icons/components/IconNoColors.js";
+import { default as default88 } from "./modules/icons/components/IconNotes.js";
+import { default as default89 } from "./modules/icons/components/IconNotification.js";
+import { default as default90 } from "./modules/icons/components/IconOptions.js";
+import { default as default91 } from "./modules/icons/components/IconOrderedList.js";
+import { default as default92 } from "./modules/icons/components/IconPaperclip.js";
+import { default as default93 } from "./modules/icons/components/IconPause.js";
+import { default as default94 } from "./modules/icons/components/IconPinOff.js";
+import { default as default95 } from "./modules/icons/components/IconPinOn.js";
+import { default as default96 } from "./modules/icons/components/IconPlaceholder.js";
+import { default as default97 } from "./modules/icons/components/IconPlayFilled.js";
+import { default as default98 } from "./modules/icons/components/IconPlay.js";
+import { default as default99 } from "./modules/icons/components/IconPlus.js";
+import { default as default100 } from "./modules/icons/components/IconPointerDefault.js";
+import { default as default101 } from "./modules/icons/components/IconPointerHand.js";
+import { default as default102 } from "./modules/icons/components/IconPrint.js";
+import { default as default103 } from "./modules/icons/components/IconQuestionMark.js";
+import { default as default104 } from "./modules/icons/components/IconQuestion.js";
+import { default as default105 } from "./modules/icons/components/IconRafterDown.js";
+import { default as default106 } from "./modules/icons/components/IconRafterLeft.js";
+import { default as default107 } from "./modules/icons/components/IconRafterRight.js";
+import { default as default108 } from "./modules/icons/components/IconRafterUp.js";
+import { default as default109 } from "./modules/icons/components/IconReaction.js";
+import { default as default110 } from "./modules/icons/components/IconReadMail.js";
+import { default as default111 } from "./modules/icons/components/IconRecordPause.js";
+import { default as default112 } from "./modules/icons/components/IconRecordStop.js";
+import { default as default113 } from "./modules/icons/components/IconRecordVideo.js";
+import { default as default114 } from "./modules/icons/components/IconRecord.js";
+import { default as default115 } from "./modules/icons/components/IconRedo.js";
+import { default as default116 } from "./modules/icons/components/IconRefresh.js";
+import { default as default117 } from "./modules/icons/components/IconReset.js";
+import { default as default118 } from "./modules/icons/components/IconRestart.js";
+import { default as default119 } from "./modules/icons/components/IconRestore.js";
+import { default as default120 } from "./modules/icons/components/IconSave.js";
+import { default as default121 } from "./modules/icons/components/IconSearch.js";
+import { default as default122 } from "./modules/icons/components/IconSee.js";
+import { default as default123 } from "./modules/icons/components/IconSend.js";
+import { default as default124 } from "./modules/icons/components/IconSetBackground.js";
+import { default as default125 } from "./modules/icons/components/IconSettings.js";
+import { default as default126 } from "./modules/icons/components/IconShare.js";
+import { default as default127 } from "./modules/icons/components/IconSignature.js";
+import { default as default128 } from "./modules/icons/components/IconSmartphone.js";
+import { default as default129 } from "./modules/icons/components/IconSmiley.js";
+import { default as default130 } from "./modules/icons/components/IconSortAscendingLetters.js";
+import { default as default131 } from "./modules/icons/components/IconSortDescendingLetters.js";
+import { default as default132 } from "./modules/icons/components/IconSortDescending.js";
+import { default as default133 } from "./modules/icons/components/IconSortTime.js";
+import { default as default134 } from "./modules/icons/components/IconSpeechToText.js";
+import { default as default135 } from "./modules/icons/components/IconSplitCells.js";
+import { default as default136 } from "./modules/icons/components/IconSquareRoot.js";
+import { default as default137 } from "./modules/icons/components/IconStarFull.js";
+import { default as default138 } from "./modules/icons/components/IconStar.js";
+import { default as default139 } from "./modules/icons/components/IconSubscript.js";
+import { default as default140 } from "./modules/icons/components/IconSuccessFill.js";
+import { default as default141 } from "./modules/icons/components/IconSuccessOutline.js";
+import { default as default142 } from "./modules/icons/components/IconSuperscript.js";
+import { default as default143 } from "./modules/icons/components/IconTable.js";
+import { default as default144 } from "./modules/icons/components/IconTextBold.js";
+import { default as default145 } from "./modules/icons/components/IconTextColor.js";
+import { default as default146 } from "./modules/icons/components/IconTextHighlight.js";
+import { default as default147 } from "./modules/icons/components/IconTextItalic.js";
+import { default as default148 } from "./modules/icons/components/IconTextPage.js";
+import { default as default149 } from "./modules/icons/components/IconTextSize.js";
+import { default as default150 } from "./modules/icons/components/IconTextToSpeechOff.js";
+import { default as default151 } from "./modules/icons/components/IconTextToSpeech.js";
+import { default as default152 } from "./modules/icons/components/IconTextTypo.js";
+import { default as default153 } from "./modules/icons/components/IconTextUnderline.js";
+import { default as default154 } from "./modules/icons/components/IconTextVanilla.js";
+import { default as default155 } from "./modules/icons/components/IconToolCenter.js";
+import { default as default156 } from "./modules/icons/components/IconTool.js";
+import { default as default157 } from "./modules/icons/components/IconTrendingUp.js";
+import { default as default158 } from "./modules/icons/components/IconUndoAll.js";
+import { default as default159 } from "./modules/icons/components/IconUndo.js";
+import { default as default160 } from "./modules/icons/components/IconUnion.js";
+import { default as default161 } from "./modules/icons/components/IconUnlink.js";
+import { default as default162 } from "./modules/icons/components/IconUnlock.js";
+import { default as default163 } from "./modules/icons/components/IconUnreadMail.js";
+import { default as default164 } from "./modules/icons/components/IconUpload.js";
+import { default as default165 } from "./modules/icons/components/IconUserSearch.js";
+import { default as default166 } from "./modules/icons/components/IconUser.js";
+import { default as default167 } from "./modules/icons/components/IconUsers.js";
+import { default as default168 } from "./modules/icons/components/IconVideo.js";
+import { default as default169 } from "./modules/icons/components/IconViewCalendar.js";
+import { default as default170 } from "./modules/icons/components/IconViewList.js";
+import { default as default171 } from "./modules/icons/components/IconWand.js";
+import { default as default172 } from "./modules/icons/components/IconWrite.js";
+import { default as default173 } from "./modules/icons/components/IconZoomIn.js";
+import { default as default174 } from "./modules/icons/components/IconZoomOut.js";
 export {
   default3 as IconAdd,
   default2 as IconAddUser,
@@ -197,150 +198,151 @@ export {
   default25 as IconCenter,
   default26 as IconCheck,
   default27 as IconChecklist,
-  default28 as IconClock,
-  default30 as IconClose,
-  default29 as IconCloseFullScreen,
-  default31 as IconCode,
-  default32 as IconCopy,
-  default33 as IconCrop,
-  default34 as IconCut,
-  default40 as IconDelete,
-  default35 as IconDeleteColor,
-  default37 as IconDeleteColumn,
-  default36 as IconDeleteColumnHighlight,
-  default39 as IconDeleteRow,
-  default38 as IconDeleteRowHighlight,
-  default41 as IconDepositeInbox,
-  default42 as IconDownload,
-  default43 as IconEdit,
-  default44 as IconError,
-  default45 as IconExternalLink,
-  default46 as IconFiles,
-  default47 as IconFilter,
-  default48 as IconFlag,
-  default52 as IconFolder,
-  default49 as IconFolderAdd,
-  default50 as IconFolderDelete,
-  default51 as IconFolderMove,
-  default53 as IconForgoing,
-  default54 as IconFullScreen,
-  default56 as IconGlobe,
-  default55 as IconGlobe2,
-  default57 as IconGroupAvatar,
-  default58 as IconHandMove,
-  default59 as IconHeadphone,
-  default60 as IconHide,
-  default61 as IconHighlightColumn,
-  default62 as IconHighlightRow,
-  default63 as IconHome,
-  default64 as IconHourglass,
-  default65 as IconImageSizeLarge,
-  default66 as IconImageSizeMedium,
-  default67 as IconImageSizeSmall,
-  default68 as IconInbox,
-  default69 as IconInfoCircle,
-  default70 as IconInfoRectangle,
-  default71 as IconLandscape,
-  default72 as IconLibrary,
-  default73 as IconLink,
-  default74 as IconListOrder,
-  default75 as IconLoader,
-  default76 as IconLock,
-  default78 as IconMail,
-  default77 as IconMailRecall,
-  default79 as IconMegaphone,
-  default80 as IconMergeCells,
-  default81 as IconMessageInfo,
-  default83 as IconMic,
-  default82 as IconMicOff,
-  default84 as IconMinus,
-  default85 as IconMove,
-  default86 as IconNoColors,
-  default87 as IconNotes,
-  default88 as IconNotification,
-  default89 as IconOptions,
-  default90 as IconOrderedList,
-  default91 as IconPaperclip,
-  default92 as IconPause,
-  default93 as IconPinOff,
-  default94 as IconPinOn,
-  default95 as IconPlaceholder,
-  default97 as IconPlay,
-  default96 as IconPlayFilled,
-  default98 as IconPlus,
-  default99 as IconPointerDefault,
-  default100 as IconPointerHand,
-  default101 as IconPrint,
-  default103 as IconQuestion,
-  default102 as IconQuestionMark,
-  default104 as IconRafterDown,
-  default105 as IconRafterLeft,
-  default106 as IconRafterRight,
-  default107 as IconRafterUp,
-  default108 as IconReaction,
-  default109 as IconReadMail,
-  default113 as IconRecord,
-  default110 as IconRecordPause,
-  default111 as IconRecordStop,
-  default112 as IconRecordVideo,
-  default114 as IconRedo,
-  default115 as IconRefresh,
-  default116 as IconReset,
-  default117 as IconRestart,
-  default118 as IconRestore,
-  default119 as IconSave,
-  default120 as IconSearch,
-  default121 as IconSee,
-  default122 as IconSend,
-  default123 as IconSetBackground,
-  default124 as IconSettings,
-  default125 as IconShare,
-  default126 as IconSignature,
-  default127 as IconSmartphone,
-  default128 as IconSmiley,
-  default129 as IconSortAscendingLetters,
-  default131 as IconSortDescending,
-  default130 as IconSortDescendingLetters,
-  default132 as IconSortTime,
-  default133 as IconSpeechToText,
-  default134 as IconSplitCells,
-  default135 as IconSquareRoot,
-  default137 as IconStar,
-  default136 as IconStarFull,
-  default138 as IconSubscript,
-  default139 as IconSuccessFill,
-  default140 as IconSuccessOutline,
-  default141 as IconSuperscript,
-  default142 as IconTable,
-  default143 as IconTextBold,
-  default144 as IconTextColor,
-  default145 as IconTextHighlight,
-  default146 as IconTextItalic,
-  default147 as IconTextPage,
-  default148 as IconTextSize,
-  default150 as IconTextToSpeech,
-  default149 as IconTextToSpeechOff,
-  default151 as IconTextTypo,
-  default152 as IconTextUnderline,
-  default153 as IconTextVanilla,
-  default155 as IconTool,
-  default154 as IconToolCenter,
-  default156 as IconTrendingUp,
-  default158 as IconUndo,
-  default157 as IconUndoAll,
-  default159 as IconUnion,
-  default160 as IconUnlink,
-  default161 as IconUnlock,
-  default162 as IconUnreadMail,
-  default163 as IconUpload,
-  default165 as IconUser,
-  default164 as IconUserSearch,
-  default166 as IconUsers,
-  default167 as IconVideo,
-  default168 as IconViewCalendar,
-  default169 as IconViewList,
-  default170 as IconWand,
-  default171 as IconWrite,
-  default172 as IconZoomIn,
-  default173 as IconZoomOut
+  default29 as IconClock,
+  default28 as IconClockAlert,
+  default31 as IconClose,
+  default30 as IconCloseFullScreen,
+  default32 as IconCode,
+  default33 as IconCopy,
+  default34 as IconCrop,
+  default35 as IconCut,
+  default41 as IconDelete,
+  default36 as IconDeleteColor,
+  default38 as IconDeleteColumn,
+  default37 as IconDeleteColumnHighlight,
+  default40 as IconDeleteRow,
+  default39 as IconDeleteRowHighlight,
+  default42 as IconDepositeInbox,
+  default43 as IconDownload,
+  default44 as IconEdit,
+  default45 as IconError,
+  default46 as IconExternalLink,
+  default47 as IconFiles,
+  default48 as IconFilter,
+  default49 as IconFlag,
+  default53 as IconFolder,
+  default50 as IconFolderAdd,
+  default51 as IconFolderDelete,
+  default52 as IconFolderMove,
+  default54 as IconForgoing,
+  default55 as IconFullScreen,
+  default57 as IconGlobe,
+  default56 as IconGlobe2,
+  default58 as IconGroupAvatar,
+  default59 as IconHandMove,
+  default60 as IconHeadphone,
+  default61 as IconHide,
+  default62 as IconHighlightColumn,
+  default63 as IconHighlightRow,
+  default64 as IconHome,
+  default65 as IconHourglass,
+  default66 as IconImageSizeLarge,
+  default67 as IconImageSizeMedium,
+  default68 as IconImageSizeSmall,
+  default69 as IconInbox,
+  default70 as IconInfoCircle,
+  default71 as IconInfoRectangle,
+  default72 as IconLandscape,
+  default73 as IconLibrary,
+  default74 as IconLink,
+  default75 as IconListOrder,
+  default76 as IconLoader,
+  default77 as IconLock,
+  default79 as IconMail,
+  default78 as IconMailRecall,
+  default80 as IconMegaphone,
+  default81 as IconMergeCells,
+  default82 as IconMessageInfo,
+  default84 as IconMic,
+  default83 as IconMicOff,
+  default85 as IconMinus,
+  default86 as IconMove,
+  default87 as IconNoColors,
+  default88 as IconNotes,
+  default89 as IconNotification,
+  default90 as IconOptions,
+  default91 as IconOrderedList,
+  default92 as IconPaperclip,
+  default93 as IconPause,
+  default94 as IconPinOff,
+  default95 as IconPinOn,
+  default96 as IconPlaceholder,
+  default98 as IconPlay,
+  default97 as IconPlayFilled,
+  default99 as IconPlus,
+  default100 as IconPointerDefault,
+  default101 as IconPointerHand,
+  default102 as IconPrint,
+  default104 as IconQuestion,
+  default103 as IconQuestionMark,
+  default105 as IconRafterDown,
+  default106 as IconRafterLeft,
+  default107 as IconRafterRight,
+  default108 as IconRafterUp,
+  default109 as IconReaction,
+  default110 as IconReadMail,
+  default114 as IconRecord,
+  default111 as IconRecordPause,
+  default112 as IconRecordStop,
+  default113 as IconRecordVideo,
+  default115 as IconRedo,
+  default116 as IconRefresh,
+  default117 as IconReset,
+  default118 as IconRestart,
+  default119 as IconRestore,
+  default120 as IconSave,
+  default121 as IconSearch,
+  default122 as IconSee,
+  default123 as IconSend,
+  default124 as IconSetBackground,
+  default125 as IconSettings,
+  default126 as IconShare,
+  default127 as IconSignature,
+  default128 as IconSmartphone,
+  default129 as IconSmiley,
+  default130 as IconSortAscendingLetters,
+  default132 as IconSortDescending,
+  default131 as IconSortDescendingLetters,
+  default133 as IconSortTime,
+  default134 as IconSpeechToText,
+  default135 as IconSplitCells,
+  default136 as IconSquareRoot,
+  default138 as IconStar,
+  default137 as IconStarFull,
+  default139 as IconSubscript,
+  default140 as IconSuccessFill,
+  default141 as IconSuccessOutline,
+  default142 as IconSuperscript,
+  default143 as IconTable,
+  default144 as IconTextBold,
+  default145 as IconTextColor,
+  default146 as IconTextHighlight,
+  default147 as IconTextItalic,
+  default148 as IconTextPage,
+  default149 as IconTextSize,
+  default151 as IconTextToSpeech,
+  default150 as IconTextToSpeechOff,
+  default152 as IconTextTypo,
+  default153 as IconTextUnderline,
+  default154 as IconTextVanilla,
+  default156 as IconTool,
+  default155 as IconToolCenter,
+  default157 as IconTrendingUp,
+  default159 as IconUndo,
+  default158 as IconUndoAll,
+  default160 as IconUnion,
+  default161 as IconUnlink,
+  default162 as IconUnlock,
+  default163 as IconUnreadMail,
+  default164 as IconUpload,
+  default166 as IconUser,
+  default165 as IconUserSearch,
+  default167 as IconUsers,
+  default168 as IconVideo,
+  default169 as IconViewCalendar,
+  default170 as IconViewList,
+  default171 as IconWand,
+  default172 as IconWrite,
+  default173 as IconZoomIn,
+  default174 as IconZoomOut
 };

package/dist/index.js

@@ -100,12 +100,14 @@ import { default as default99 } from "./modules/multimedia/VideoRecorder/VideoRe
 import { default as default100 } from "./modules/multimedia/Workspace/Workspace.js";
 import { default as default101 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
+import { Divider } from "./components/Divider/Divider.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
 import { Layout } from "./components/Layout/Layout.js";
 import { List } from "./components/List/List.js";
 import { Menu } from "./components/Menu/components/Menu.js";
 import { Popover, PopoverBody, PopoverFooter, PopoverHeader } from "./components/Popover/Popover.js";
+import { SeparatedInfo } from "./components/SeparatedInfo/SeparatedInfo.js";
 import { Tabs } from "./components/Tabs/components/Tabs.js";
 import { Toolbar } from "./components/Toolbar/Toolbar.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
@@ -150,6 +152,7 @@ export {
   default18 as Combobox,
   default84 as ConfirmModal,
   DefaultPalette,
+  Divider,
   DndTree,
   default19 as Dropdown,
   default20 as Dropzone,
@@ -195,6 +198,7 @@ export {
   default35 as SearchBar,
   default13 as SearchButton,
   default36 as Select,
+  SeparatedInfo,
   default90 as ShareBlog,
   default89 as ShareModal,
   default45 as SortableTree,

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/editor/components/MathsModal/MathsModal.js

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

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

@@ -7,7 +7,7 @@ import { Hyperlink } from "@edifice.io/tiptap-extensions/hyperlink";
 import { SpeechRecognition } from "@edifice.io/tiptap-extensions/speech-recognition";
 import { SpeechSynthesis } from "@edifice.io/tiptap-extensions/speech-synthesis";
 import { TableCell } from "@edifice.io/tiptap-extensions/table-cell";
-import { Mathematics } from "@tiptap-pro/extension-mathematics";
+import { Mathematics } from "@tiptap/extension-mathematics";
 import Color from "@tiptap/extension-color";
 import Focus from "@tiptap/extension-focus";
 import FontFamily from "@tiptap/extension-font-family";

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/index.d.ts

@@ -24,6 +24,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';

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.2-develop-pedago.20251001105735",
+  "version": "2.3.2-develop-b2school-actualites.20251001121550",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -90,6 +90,7 @@
     "@tiptap/extension-image": "2.11.0",
     "@tiptap/extension-link": "2.11.0",
     "@tiptap/extension-list-item": "2.11.0",
+    "@tiptap/extension-mathematics": "2.22.0",
     "@tiptap/extension-placeholder": "2.11.0",
     "@tiptap/extension-subscript": "2.11.0",
     "@tiptap/extension-superscript": "2.11.0",
@@ -130,9 +131,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.3.2-develop-pedago.20251001105735",
-    "@edifice.io/tiptap-extensions": "2.3.2-develop-pedago.20251001105735",
-    "@edifice.io/utilities": "2.3.2-develop-pedago.20251001105735"
+    "@edifice.io/bootstrap": "2.3.2-develop-b2school-actualites.20251001121550",
+    "@edifice.io/tiptap-extensions": "2.3.2-develop-b2school-actualites.20251001121550",
+    "@edifice.io/utilities": "2.3.2-develop-b2school-actualites.20251001121550"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +164,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.3.2-develop-pedago.20251001105735",
-    "@edifice.io/config": "2.3.2-develop-pedago.20251001105735"
+    "@edifice.io/config": "2.3.2-develop-b2school-actualites.20251001121550",
+    "@edifice.io/client": "2.3.2-develop-b2school-actualites.20251001121550"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",
@@ -174,9 +175,6 @@
     "react-hook-form": "^7.53.0",
     "react-i18next": "^14.1.0"
   },
-  "optionalDependencies": {
-    "@tiptap-pro/extension-mathematics": "2.2.1"
-  },
   "publishConfig": {
     "access": "public"
   },