@edifice.io/react 2.5.1 → 2.5.2-develop-b2school-actualites.20251127174432

package/dist/index.js

@@ -63,52 +63,56 @@ import { default as default62 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
 import { default as default63 } from "./hooks/useHover/useHover.js";
 import { useHttpErrorToast } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
 import { default as default64 } from "./hooks/useImage/useImage.js";
-import { default as default65 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default66 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default67 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default68 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default69 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default70 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default71 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default72 } from "./hooks/useTitle/useTitle.js";
-import { default as default73 } from "./hooks/useToast/useToast.js";
-import { default as default74 } from "./hooks/useToggle/useToggle.js";
-import { default as default75 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default76 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default77 } from "./hooks/useUpload/useUpload.js";
-import { default as default78 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default79 } from "./hooks/useUser/useUser.js";
-import { default as default80 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default81 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default82 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default83 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default84 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default85 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default86 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default87 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default88 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default89 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default90 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default91 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default65 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default66 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default67 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default68 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default69 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default70 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default71 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default72 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default73 } from "./hooks/useTitle/useTitle.js";
+import { default as default74 } from "./hooks/useToast/useToast.js";
+import { default as default75 } from "./hooks/useToggle/useToggle.js";
+import { default as default76 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default77 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default78 } from "./hooks/useUpload/useUpload.js";
+import { default as default79 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default80 } from "./hooks/useUser/useUser.js";
+import { default as default81 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default82 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default83 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default84 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default85 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default86 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default87 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default88 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default89 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default90 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default91 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
 import { default as default92 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
 import { default as default93 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default94 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default95 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default96 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default97 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default98 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default99 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default100 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default101 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default102 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default103 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default94 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default95 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default96 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default97 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default98 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default99 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default100 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default101 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default102 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default103 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default104 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default105 } 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";
@@ -120,6 +124,7 @@ import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
+import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -129,19 +134,21 @@ import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemePr
 import { MockedProvider } from "./providers/MockedProvider/MockedProvider.js";
 import { checkUserRight } from "./utilities/check-user-rights/check-user-rights.js";
 import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-mapping.js";
+import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
   default3 as Alert,
+  AntProvider,
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default94 as AudioRecorder,
+  default96 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default89 as BlogPublic,
+  default90 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
   default38 as ButtonSkeleton,
@@ -151,8 +158,9 @@ export {
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default86 as ConfirmModal,
+  default87 as ConfirmModal,
   DefaultPalette,
+  Divider,
   DndTree,
   default19 as Dropdown,
   default20 as Dropzone,
@@ -161,10 +169,10 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default95 as Embed,
+  default97 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
-  default98 as FileCard,
+  default100 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -172,8 +180,8 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default96 as ImageEditor,
-  default97 as ImagePicker,
+  default98 as ImageEditor,
+  default99 as ImagePicker,
   default27 as Input,
   InternalLinker,
   default28 as Label,
@@ -182,25 +190,27 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default99 as MediaLibrary,
+  default101 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default87 as OnboardingModal,
+  default88 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default88 as PublishModal,
+  default89 as PublishModal,
   default34 as Radio,
   default35 as RadioCard,
   ResourceModal,
   default36 as SearchBar,
   default13 as SearchButton,
   default37 as Select,
+  SeparatedInfo,
   default92 as ShareBlog,
-  default91 as ShareModal,
+  default94 as ShareModal,
+  default95 as ShareResources,
   default46 as SortableTree,
   default40 as StackedGroup,
   default41 as Stepper,
@@ -215,13 +225,13 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default48 as TreeView,
-  default100 as VideoEmbed,
-  default101 as VideoRecorder,
+  default102 as VideoEmbed,
+  default103 as VideoRecorder,
   default49 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default102 as Workspace,
-  default103 as WorkspaceFolders,
+  default104 as Workspace,
+  default105 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -243,6 +253,7 @@ export {
   getIndicesToUpdate,
   getProjection,
   hasChildren,
+  invalidateQueriesWithFirstPage,
   mergeRefs,
   modifyNode,
   moveNode,
@@ -269,30 +280,31 @@ export {
   default63 as useHover,
   useHttpErrorToast,
   default64 as useImage,
-  default66 as useIsAdmc,
-  default65 as useIsAdml,
-  default67 as useIsAdmlcOrAdmc,
-  default68 as useKeyPress,
-  default69 as useLibraryUrl,
-  default70 as useMediaLibrary,
-  default71 as useScrollToTop,
+  default65 as useInfiniteScroll,
+  default67 as useIsAdmc,
+  default66 as useIsAdml,
+  default68 as useIsAdmlcOrAdmc,
+  default69 as useKeyPress,
+  default70 as useLibraryUrl,
+  default71 as useMediaLibrary,
+  default72 as useScrollToTop,
   default93 as useShareMutation,
-  default72 as useTitle,
-  default73 as useToast,
-  default74 as useToggle,
-  default75 as useTrapFocus,
-  default76 as useTrashedResource,
+  default73 as useTitle,
+  default74 as useToast,
+  default75 as useToggle,
+  default76 as useTrapFocus,
+  default77 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default90 as useUpdateMutation,
-  default77 as useUpload,
-  default78 as useUploadFiles,
-  default79 as useUser,
-  default80 as useWorkspaceFile,
-  default81 as useWorkspaceFolders,
-  default82 as useWorkspaceFoldersTree,
-  default83 as useWorkspaceSearch,
-  default84 as useXitiTrackPageLoad,
-  default85 as useZendeskGuide,
+  default91 as useUpdateMutation,
+  default78 as useUpload,
+  default79 as useUploadFiles,
+  default80 as useUser,
+  default81 as useWorkspaceFile,
+  default82 as useWorkspaceFolders,
+  default83 as useWorkspaceFoldersTree,
+  default84 as useWorkspaceSearch,
+  default85 as useXitiTrackPageLoad,
+  default86 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modals.js

@@ -3,9 +3,10 @@ import { default as default3 } from "./modules/modals/OnboardingModal/Onboarding
 import { default as default4 } from "./modules/modals/PublishModal/PublishModal.js";
 import { default as default5 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
 import { default as default6 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default7 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default8 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default9 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default7 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default8 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default9 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default10 } from "./modules/modals/ShareModal/ShareResources.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 export {
   default5 as BlogPublic,
@@ -13,8 +14,9 @@ export {
   default3 as OnboardingModal,
   default4 as PublishModal,
   ResourceModal,
-  default8 as ShareBlog,
-  default7 as ShareModal,
-  default9 as useShareMutation,
+  default7 as ShareBlog,
+  default9 as ShareModal,
+  default10 as ShareResources,
+  default8 as useShareMutation,
   default6 as useUpdateMutation
 };

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

@@ -8,9 +8,9 @@ import { BadgeProfile } from "./BadgeProfile.js";
 import { CommentAvatar } from "./CommentAvatar.js";
 import { CommentDate } from "./CommentDate.js";
 import { CommentTitle } from "./CommentTitle.js";
-import { TextCounter } from "./TextCounter.js";
 import { CommentDeleted } from "./CommentDeleted.js";
 import { CommentReplies } from "./CommentReplies.js";
+import { TextCounter } from "./TextCounter.js";
 import Button from "../../../components/Button/Button.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
 const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comment = ({
@@ -41,6 +41,8 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
     handleReplyToComment
   } = useCommentsContext(), replies = (defaultComments == null ? void 0 : defaultComments.filter((comm) => comm.replyTo === comment.id)) ?? [], hasReplies = replies.length > 0, hasAllDeletedReplies = replies.every((reply) => reply.deleted), isEditing = editCommentId === comment.id, handleChangeContent = (event) => {
     resizeTextarea(), setValue(event.target.value);
+  }, handleDeleteComment = (id2) => {
+    onDeleteComment(id2), setIsDeleteModalOpen(!1);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     comment.deleted && hasReplies && !hasAllDeletedReplies && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -73,7 +75,7 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
               whiteSpace: "pre-line"
             }, children: content }),
             type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
-              !replyTo && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
+              !(replyTo || options.disableReply) && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
               userId === authorId && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
                 handleModifyComment(comment.id), setValue(content);
               }, children: t("comment.edit") }),
@@ -83,7 +85,7 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
         ] })
       ] }, id),
       /* @__PURE__ */ jsx(CommentReplies, { parentComment: comment }),
-      /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, { position: !1 }), children: isDeleteModalOpen && /* @__PURE__ */ jsx(DeleteModal, { isOpen: isDeleteModalOpen, onCancel: () => setIsDeleteModalOpen(!1), onSuccess: () => onDeleteComment(id) }) })
+      /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, { position: !1 }), children: isDeleteModalOpen && /* @__PURE__ */ jsx(DeleteModal, { isOpen: isDeleteModalOpen, onCancel: () => setIsDeleteModalOpen(!1), onSuccess: () => handleDeleteComment(id) }) })
     ] })
   ] });
 };

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

@@ -22,3 +22,7 @@ export declare const DEFAULT_MAX_REPLIES = 5;
  * Number of comments to add when adding more comment in the limited list
  */
 export declare const DEFAULT_ADD_REPLIES = 5;
+/**
+ * Forbid replying to a comment. Defaults to false.
+ */
+export declare const DEFAULT_DISABLE_REPLY = false;

package/dist/modules/comments/constants.js

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

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

@@ -14,7 +14,8 @@ const useProfileQueries = (usersIds) => useQueries({
         profile: data[0]
       };
     },
-    staleTime: 1 / 0
+    staleTime: 1 / 0,
+    enabled: !!userId
   })),
   combine: (results2) => ({
     data: results2.map((result) => result.data),

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

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
 import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
-import { DEFAULT_ADD_REPLIES, DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
+import { DEFAULT_DISABLE_REPLY, 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 Button from "../../../components/Button/Button.js";
@@ -20,6 +20,7 @@ const CommentProvider = ({
     additionalComments: DEFAULT_ADD_COMMENTS,
     maxReplies: DEFAULT_MAX_REPLIES,
     additionalReplies: DEFAULT_ADD_REPLIES,
+    disableReply: DEFAULT_DISABLE_REPLY,
     ...commentOptions
   }, {
     type

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

@@ -104,6 +104,10 @@ export type CommentOptions = {
      * Number of replies to load additionally in the limited list
      */
     additionalReplies: number;
+    /**
+     * Forbid replying to a comment. Defaults to false.
+     */
+    disableReply: boolean;
 };
 export interface UserProfileResult {
     /**

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/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/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(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/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;