@edifice.io/react 2.5.4-develop-pedago.20251218111023 → 2.5.4-develop-pedago.20260108110738

package/dist/index.js

@@ -15,95 +15,99 @@ import { default as default15 } from "./components/Checkbox/Checkbox.js";
 import { default as default16 } from "./components/ColorPicker/ColorPicker.js";
 import { default as default17 } from "./components/ColorPicker/ColorPickerItem.js";
 import { default as default18 } from "./components/Combobox/Combobox.js";
-import { default as default19 } from "./components/Dropdown/Dropdown.js";
-import { default as default20 } from "./components/Dropzone/Dropzone.js";
-import { default as default21 } from "./components/EmptyScreen/EmptyScreen.js";
-import { default as default22 } from "./components/Flex/Flex.js";
-import { default as default23 } from "./components/Form/FormText.js";
-import { default as default24 } from "./components/Form/FormControl.js";
-import { default as default25 } from "./components/Heading/Heading.js";
-import { default as default26 } from "./components/Image/Image.js";
-import { default as default27 } from "./components/Input/Input.js";
-import { default as default28 } from "./components/Label/Label.js";
-import { default as default29 } from "./components/Loading/Loading.js";
-import { default as default30 } from "./components/LoadingScreen/LoadingScreen.js";
-import { default as default31 } from "./components/Logo/Logo.js";
-import { default as default32 } from "./components/Modal/Modal.js";
-import { default as default33 } from "./components/PreventPropagation/PreventPropagation.js";
-import { default as default34 } from "./components/Radio/Radio.js";
-import { default as default35 } from "./components/RadioCard/RadioCard.js";
-import { default as default36 } from "./components/SearchBar/SearchBar.js";
-import { default as default37 } from "./components/Select/Select.js";
-import { default as default38 } from "./components/Skeleton/ButtonSkeleton.js";
-import { default as default39 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default40 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default41 } from "./components/Stepper/Stepper.js";
-import { default as default42 } from "./components/Switch/Switch.js";
-import { default as default43 } from "./components/Table/components/Table.js";
-import { default as default44 } from "./components/TextArea/TextArea.js";
-import { default as default45 } from "./components/Tooltip/Tooltip.js";
+import { default as default19 } from "./components/Divider/Divider.js";
+import { default as default20 } from "./components/Dropdown/Dropdown.js";
+import { default as default21 } from "./components/Dropzone/Dropzone.js";
+import { default as default22 } from "./components/EmptyScreen/EmptyScreen.js";
+import { default as default23 } from "./components/Flex/Flex.js";
+import { default as default24 } from "./components/Form/FormText.js";
+import { default as default25 } from "./components/Form/FormControl.js";
+import { default as default26 } from "./components/Heading/Heading.js";
+import { default as default27 } from "./components/Image/Image.js";
+import { default as default28 } from "./components/Input/Input.js";
+import { default as default29 } from "./components/Label/Label.js";
+import { default as default30 } from "./components/Loading/Loading.js";
+import { default as default31 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default32 } from "./components/Logo/Logo.js";
+import { default as default33 } from "./components/Modal/Modal.js";
+import { default as default34 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default35 } from "./components/Radio/Radio.js";
+import { default as default36 } from "./components/RadioCard/RadioCard.js";
+import { default as default37 } from "./components/SearchBar/SearchBar.js";
+import { default as default38 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default39 } from "./components/Select/Select.js";
+import { default as default40 } from "./components/Skeleton/ButtonSkeleton.js";
+import { default as default41 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default42 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default43 } from "./components/Stepper/Stepper.js";
+import { default as default44 } from "./components/Switch/Switch.js";
+import { default as default45 } from "./components/Table/components/Table.js";
+import { default as default46 } from "./components/TextArea/TextArea.js";
+import { default as default47 } from "./components/Tooltip/Tooltip.js";
 import { DndTree } from "./components/Tree/components/DndTree.js";
-import { default as default46 } from "./components/Tree/components/SortableTree.js";
-import { default as default47 } from "./components/Tree/components/Tree.js";
-import { default as default48 } from "./components/TreeView/TreeView.js";
-import { default as default49 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default50 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default51 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default52 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default53 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default54 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default55 } from "./hooks/useConversation/useConversation.js";
-import { default as default56 } from "./hooks/useDate/useDate.js";
-import { default as default57 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default58 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default59 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default60 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default61 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default62 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default63 } from "./hooks/useHover/useHover.js";
+import { default as default48 } from "./components/Tree/components/SortableTree.js";
+import { default as default49 } from "./components/Tree/components/Tree.js";
+import { default as default50 } from "./components/TreeView/TreeView.js";
+import { default as default51 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default52 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default53 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default54 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default55 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default56 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default57 } from "./hooks/useConversation/useConversation.js";
+import { default as default58 } from "./hooks/useDate/useDate.js";
+import { default as default59 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default60 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default61 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default62 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default63 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default64 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default65 } 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 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/UploadFiles/UploadFiles.js";
-import { default as default101 } from "./modules/multimedia/UploadCard/UploadCard.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 { default as default66 } from "./hooks/useImage/useImage.js";
+import { default as default67 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default68 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default69 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default70 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default71 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default72 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default73 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default74 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default75 } from "./hooks/useTitle/useTitle.js";
+import { default as default76 } from "./hooks/useToast/useToast.js";
+import { default as default77 } from "./hooks/useToggle/useToggle.js";
+import { default as default78 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default79 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default80 } from "./hooks/useUpload/useUpload.js";
+import { default as default81 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default82 } from "./hooks/useUser/useUser.js";
+import { default as default83 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default84 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default85 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default86 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default87 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default88 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default89 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default90 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default91 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default92 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default93 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default94 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default95 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default96 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default97 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default98 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default99 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default100 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default101 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default102 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default103 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default104 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default105 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default106 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default107 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default108 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default109 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -133,6 +137,7 @@ 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,
@@ -142,94 +147,97 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default94 as AudioRecorder,
+  default98 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default89 as BlogPublic,
+  default92 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
-  default38 as ButtonSkeleton,
+  default40 as ButtonSkeleton,
   default14 as Card,
   default15 as Checkbox,
   default16 as ColorPicker,
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default86 as ConfirmModal,
+  default89 as ConfirmModal,
   DefaultPalette,
+  default19 as Divider,
   DndTree,
-  default19 as Dropdown,
-  default20 as Dropzone,
+  default20 as Dropdown,
+  default21 as Dropzone,
   DropzoneContext,
   EdificeClientContext,
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default95 as Embed,
-  default21 as EmptyScreen,
+  default99 as Embed,
+  default22 as EmptyScreen,
   ExternalLinker,
-  default98 as FileCard,
-  default22 as Flex,
-  default24 as FormControl,
-  default23 as FormText,
+  default102 as FileCard,
+  default23 as Flex,
+  default25 as FormControl,
+  default24 as FormText,
   Grid,
-  default25 as Heading,
+  default26 as Heading,
   default12 as IconButton,
-  default26 as Image,
-  default96 as ImageEditor,
-  default97 as ImagePicker,
-  default27 as Input,
+  default27 as Image,
+  default100 as ImageEditor,
+  default101 as ImagePicker,
+  default28 as Input,
   InternalLinker,
-  default28 as Label,
+  default29 as Label,
   Layout,
   List,
-  default29 as Loading,
-  default30 as LoadingScreen,
-  default31 as Logo,
-  default99 as MediaLibrary,
+  default30 as Loading,
+  default31 as LoadingScreen,
+  default32 as Logo,
+  default103 as MediaLibrary,
   Menu,
   MockedProvider,
-  default32 as Modal,
-  default87 as OnboardingModal,
+  default33 as Modal,
+  default90 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default33 as PreventPropagation,
-  default88 as PublishModal,
-  default34 as Radio,
-  default35 as RadioCard,
+  default34 as PreventPropagation,
+  default91 as PublishModal,
+  default35 as Radio,
+  default36 as RadioCard,
   ResourceModal,
-  default36 as SearchBar,
+  default37 as SearchBar,
   default13 as SearchButton,
-  default37 as Select,
-  default92 as ShareBlog,
-  default91 as ShareModal,
-  default46 as SortableTree,
-  default40 as StackedGroup,
-  default41 as Stepper,
-  default42 as Switch,
-  default43 as Table,
+  default38 as SegmentedControl,
+  default39 as Select,
+  default94 as ShareBlog,
+  default96 as ShareModal,
+  default97 as ShareResources,
+  default48 as SortableTree,
+  default42 as StackedGroup,
+  default43 as Stepper,
+  default44 as Switch,
+  default45 as Table,
   Tabs,
-  default44 as TextArea,
-  default39 as TextSkeleton,
+  default46 as TextArea,
+  default41 as TextSkeleton,
   Toolbar,
-  default45 as Tooltip,
-  default47 as Tree,
+  default47 as Tooltip,
+  default49 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default48 as TreeView,
+  default50 as TreeView,
   Upload,
-  default101 as UploadCard,
-  default100 as UploadFiles,
-  default102 as VideoEmbed,
-  default103 as VideoRecorder,
-  default49 as VisuallyHidden,
+  default105 as UploadCard,
+  default104 as UploadFiles,
+  default106 as VideoEmbed,
+  default107 as VideoRecorder,
+  default51 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default104 as Workspace,
-  default105 as WorkspaceFolders,
+  default108 as Workspace,
+  default109 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -251,56 +259,58 @@ export {
   getIndicesToUpdate,
   getProjection,
   hasChildren,
+  invalidateQueriesWithFirstPage,
   mergeRefs,
   modifyNode,
   moveNode,
   setRef,
   updateNode,
   updateParentIds,
-  default50 as useBookmark,
-  default51 as useBreakpoint,
-  default52 as useBrowserInfo,
-  default53 as useCantoo,
+  default52 as useBookmark,
+  default53 as useBreakpoint,
+  default54 as useBrowserInfo,
+  default55 as useCantoo,
   useCheckable,
-  default54 as useClickOutside,
-  default55 as useConversation,
-  default56 as useDate,
-  default57 as useDebounce,
-  default58 as useDirectory,
-  default59 as useDropdown,
-  default60 as useDropzone,
+  default56 as useClickOutside,
+  default57 as useConversation,
+  default58 as useDate,
+  default59 as useDebounce,
+  default60 as useDirectory,
+  default61 as useDropdown,
+  default62 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default61 as useEdificeIcons,
+  default63 as useEdificeIcons,
   useEdificeTheme,
-  default62 as useHasWorkflow,
-  default63 as useHover,
+  default64 as useHasWorkflow,
+  default65 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,
-  default93 as useShareMutation,
-  default72 as useTitle,
-  default73 as useToast,
-  default74 as useToggle,
-  default75 as useTrapFocus,
-  default76 as useTrashedResource,
+  default66 as useImage,
+  default67 as useInfiniteScroll,
+  default69 as useIsAdmc,
+  default68 as useIsAdml,
+  default70 as useIsAdmlcOrAdmc,
+  default71 as useKeyPress,
+  default72 as useLibraryUrl,
+  default73 as useMediaLibrary,
+  default74 as useScrollToTop,
+  default95 as useShareMutation,
+  default75 as useTitle,
+  default76 as useToast,
+  default77 as useToggle,
+  default78 as useTrapFocus,
+  default79 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,
+  default93 as useUpdateMutation,
+  default80 as useUpload,
+  default81 as useUploadFiles,
+  default82 as useUser,
+  default83 as useWorkspaceFile,
+  default84 as useWorkspaceFolders,
+  default85 as useWorkspaceFoldersTree,
+  default86 as useWorkspaceSearch,
+  default87 as useXitiTrackPageLoad,
+  default88 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: [
@@ -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/components/DeleteModal.js

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

package/dist/modules/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
+};