@edifice.io/react 2.5.24-feat-INTEG-1924-port-react-nextcloud-filetree.20260710145714 → 2.6.0-develop-integration.20260709153508

package/dist/homepage.js

@@ -2,7 +2,7 @@ import { default as default2 } from "./modules/homepage/components/Header/Header
 import { default as default3 } from "./modules/homepage/components/HomeCard/HomeCard.js";
 import { default as default4 } from "./modules/homepage/components/LastInfos/LastInfos.js";
 import { default as default5 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
-import { default as default6 } from "./modules/homepage/components/Notifications/Notification.js";
+import { default as default6 } from "./modules/homepage/components/Notifications/NotificationItem.js";
 import { default as default7 } from "./modules/homepage/components/Notifications/NotificationList.js";
 import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
 import { default as default8 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
@@ -24,7 +24,7 @@ export {
   LastInfosList,
   default5 as MessageFlashList,
   MessageFlashListContainer,
-  default6 as Notification,
+  default6 as NotificationItem,
   default7 as NotificationList,
   NotificationListContainer,
   default8 as SchoolSpace,

package/dist/hooks/index.d.ts

@@ -22,7 +22,6 @@ export * from './useIsAdmlcOrAdmc';
 export * from './useKeyPress';
 export * from './useLibraryUrl';
 export * from './useMediaLibrary';
-export * from './useNextcloudSearch';
 export * from './usePublicConf';
 export * from './useScreeb';
 export * from './useScrollToTop';

package/dist/index.js

@@ -44,81 +44,78 @@ import { default as default42 } from "./components/LogoBeta/LogoBeta.js";
 import { default as default43 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
 import { default as default44 } from "./components/MediaViewer/MediaViewer.js";
 import { default as default45 } from "./components/Modal/Modal.js";
-import { default as default46 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
-import { default as default47 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
-import { default as default48 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default49 } from "./components/PageLayout/PageLayout.js";
-import { default as default50 } from "./components/PreventPropagation/PreventPropagation.js";
-import { default as default51, Root } from "./components/PromotionCard/PromotionCard.js";
-import { default as default52 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default53 } from "./components/Radio/Radio.js";
-import { default as default54 } from "./components/RadioCard/RadioCard.js";
-import { default as default55 } from "./components/SearchBar/SearchBar.js";
-import { default as default56 } from "./components/Button/SearchButton.js";
-import { default as default57 } from "./components/SegmentedControl/SegmentedControl.js";
-import { default as default58 } from "./components/Select/Select.js";
-import { default as default59 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default60 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default61 } from "./modules/modals/ShareModal/ShareResources.js";
-import { default as default62 } from "./components/Tree/components/SortableTree.js";
-import { default as default63 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default64 } from "./components/Stepper/Stepper.js";
-import { default as default65 } from "./components/Switch/Switch.js";
-import { default as default66 } from "./components/Table/components/Table.js";
-import { default as default67 } from "./components/TextArea/TextArea.js";
-import { default as default68 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default69 } from "./components/Tooltip/Tooltip.js";
-import { default as default70 } from "./components/Tree/components/Tree.js";
-import { default as default71 } from "./components/TreeView/TreeView.js";
-import { default as default72 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default73 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default74 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default75 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default76 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default77 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default78 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { default as default79 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default80 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default81 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default82 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default83 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default84 } from "./hooks/useConversation/useConversation.js";
-import { default as default85 } from "./hooks/useDate/useDate.js";
-import { default as default86 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default87 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default88 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default89 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default90 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default91 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default92 } from "./hooks/useHover/useHover.js";
-import { default as default93 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default94 } from "./hooks/useImage/useImage.js";
-import { default as default95 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
-import { default as default96 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default97 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default98 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default99 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default100 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default101 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default102 } from "./hooks/useNextcloudSearch/useNextcloudSearch.js";
-import { default as default103 } from "./hooks/usePublicConf/usePublicConf.js";
-import { default as default104 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default105 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default106 } from "./hooks/useTitle/useTitle.js";
-import { default as default107 } from "./hooks/useToast/useToast.js";
-import { default as default108 } from "./hooks/useToggle/useToggle.js";
-import { default as default109 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default110 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default111 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default112 } from "./hooks/useUpload/useUpload.js";
-import { default as default113 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default114 } from "./hooks/useUser/useUser.js";
-import { default as default115 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default116 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default117 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default118 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default119 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default120 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default46 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default47 } from "./components/PageLayout/PageLayout.js";
+import { default as default48 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default49, Root } from "./components/PromotionCard/PromotionCard.js";
+import { default as default50 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default51 } from "./components/Radio/Radio.js";
+import { default as default52 } from "./components/RadioCard/RadioCard.js";
+import { default as default53 } from "./components/SearchBar/SearchBar.js";
+import { default as default54 } from "./components/Button/SearchButton.js";
+import { default as default55 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default56 } from "./components/Select/Select.js";
+import { default as default57 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default58 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default59 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default60 } from "./components/Tree/components/SortableTree.js";
+import { default as default61 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default62 } from "./components/Stepper/Stepper.js";
+import { default as default63 } from "./components/Switch/Switch.js";
+import { default as default64 } from "./components/Table/components/Table.js";
+import { default as default65 } from "./components/TextArea/TextArea.js";
+import { default as default66 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default67 } from "./components/Tooltip/Tooltip.js";
+import { default as default68 } from "./components/Tree/components/Tree.js";
+import { default as default69 } from "./components/TreeView/TreeView.js";
+import { default as default70 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default71 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default72 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default73 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default74 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default75 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default76 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default77 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default78 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default79 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default80 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default81 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default82 } from "./hooks/useConversation/useConversation.js";
+import { default as default83 } from "./hooks/useDate/useDate.js";
+import { default as default84 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default85 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default86 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default87 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default88 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default89 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default90 } from "./hooks/useHover/useHover.js";
+import { default as default91 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default92 } from "./hooks/useImage/useImage.js";
+import { default as default93 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default94 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default95 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default96 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default97 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default98 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default99 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default100 } from "./hooks/usePublicConf/usePublicConf.js";
+import { default as default101 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default102 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default103 } from "./hooks/useTitle/useTitle.js";
+import { default as default104 } from "./hooks/useToast/useToast.js";
+import { default as default105 } from "./hooks/useToggle/useToggle.js";
+import { default as default106 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default107 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default108 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default109 } from "./hooks/useUpload/useUpload.js";
+import { default as default110 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default111 } from "./hooks/useUser/useUser.js";
+import { default as default112 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default113 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default114 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default115 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default116 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default117 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
@@ -226,57 +223,55 @@ export {
   Menu,
   MockedProvider,
   default45 as Modal,
-  default46 as Nextcloud,
-  default47 as NextcloudFileCard,
-  default48 as OnboardingModal,
-  default49 as PageLayout,
+  default46 as OnboardingModal,
+  default47 as PageLayout,
   PageLayoutContext,
   Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default50 as PreventPropagation,
-  default51 as PromotionCard,
-  default52 as PublishModal,
-  default53 as Radio,
-  default54 as RadioCard,
+  default48 as PreventPropagation,
+  default49 as PromotionCard,
+  default50 as PublishModal,
+  default51 as Radio,
+  default52 as RadioCard,
   ResourceModal,
   Root,
-  default55 as SearchBar,
-  default56 as SearchButton,
-  default57 as SegmentedControl,
-  default58 as Select,
-  default59 as ShareBlog,
-  default60 as ShareModal,
-  default61 as ShareResources,
-  default62 as SortableTree,
-  default63 as StackedGroup,
-  default64 as Stepper,
-  default65 as Switch,
-  default66 as Table,
+  default53 as SearchBar,
+  default54 as SearchButton,
+  default55 as SegmentedControl,
+  default56 as Select,
+  default57 as ShareBlog,
+  default58 as ShareModal,
+  default59 as ShareResources,
+  default60 as SortableTree,
+  default61 as StackedGroup,
+  default62 as Stepper,
+  default63 as Switch,
+  default64 as Table,
   Tabs,
-  default67 as TextArea,
-  default68 as TextSkeleton,
+  default65 as TextArea,
+  default66 as TextSkeleton,
   Toolbar,
-  default69 as Tooltip,
-  default70 as Tree,
+  default67 as Tooltip,
+  default68 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default71 as TreeView,
+  default69 as TreeView,
   Upload,
-  default72 as UploadCard,
-  default73 as UploadFiles,
+  default70 as UploadCard,
+  default71 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default74 as VideoEmbed,
-  default75 as VideoRecorder,
+  default72 as VideoEmbed,
+  default73 as VideoRecorder,
   VisibleType,
-  default76 as VisuallyHidden,
+  default74 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default77 as Workspace,
-  default78 as WorkspaceFolders,
+  default75 as Workspace,
+  default76 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -306,57 +301,56 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default79 as useBookmark,
-  default80 as useBreakpoint,
-  default81 as useBrowserInfo,
-  default82 as useCantoo,
+  default77 as useBookmark,
+  default78 as useBreakpoint,
+  default79 as useBrowserInfo,
+  default80 as useCantoo,
   useCheckable,
-  default83 as useClickOutside,
-  default84 as useConversation,
-  default85 as useDate,
-  default86 as useDebounce,
-  default87 as useDirectory,
-  default88 as useDropdown,
-  default89 as useDropzone,
+  default81 as useClickOutside,
+  default82 as useConversation,
+  default83 as useDate,
+  default84 as useDebounce,
+  default85 as useDirectory,
+  default86 as useDropdown,
+  default87 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default90 as useEdificeIcons,
+  default88 as useEdificeIcons,
   useEdificeTheme,
   useFileToAttachment,
-  default91 as useHasWorkflow,
-  default92 as useHover,
-  default93 as useHttpErrorToast,
-  default94 as useImage,
-  default95 as useInfiniteScroll,
-  default96 as useIsAdmc,
-  default97 as useIsAdml,
-  default98 as useIsAdmlcOrAdmc,
-  default99 as useKeyPress,
-  default100 as useLibraryUrl,
-  default101 as useMediaLibrary,
-  default102 as useNextcloudSearch,
+  default89 as useHasWorkflow,
+  default90 as useHover,
+  default91 as useHttpErrorToast,
+  default92 as useImage,
+  default93 as useInfiniteScroll,
+  default94 as useIsAdmc,
+  default95 as useIsAdml,
+  default96 as useIsAdmlcOrAdmc,
+  default97 as useKeyPress,
+  default98 as useLibraryUrl,
+  default99 as useMediaLibrary,
   useOverlay,
   usePageLayout,
-  default103 as usePublicConf,
+  default100 as usePublicConf,
   useScreeb,
-  default104 as useScrollToTop,
-  default105 as useShareMutation,
-  default106 as useTitle,
-  default107 as useToast,
-  default108 as useToggle,
-  default109 as useTrapFocus,
-  default110 as useTrashedResource,
+  default101 as useScrollToTop,
+  default102 as useShareMutation,
+  default103 as useTitle,
+  default104 as useToast,
+  default105 as useToggle,
+  default106 as useTrapFocus,
+  default107 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default111 as useUpdateMutation,
-  default112 as useUpload,
-  default113 as useUploadFiles,
-  default114 as useUser,
-  default115 as useWorkspaceFile,
-  default116 as useWorkspaceFolders,
-  default117 as useWorkspaceFoldersTree,
-  default118 as useWorkspaceSearch,
-  default119 as useXitiTrackPageLoad,
-  default120 as useZendeskGuide,
+  default108 as useUpdateMutation,
+  default109 as useUpload,
+  default110 as useUploadFiles,
+  default111 as useUser,
+  default112 as useWorkspaceFile,
+  default113 as useWorkspaceFolders,
+  default114 as useWorkspaceFoldersTree,
+  default115 as useWorkspaceSearch,
+  default116 as useXitiTrackPageLoad,
+  default117 as useZendeskGuide,
   wrapTreeNode
 };

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

@@ -12,7 +12,9 @@ import { Grid } from "../../../../components/Grid/Grid.js";
 const AttachmentRenderer = (props) => {
   const {
     node,
-    editor
+    editor,
+    updateAttributes,
+    deleteNode
   } = props, [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), {
     t
   } = useTranslation(), {
@@ -22,7 +24,14 @@ const AttachmentRenderer = (props) => {
     attachmentArrayAttrs !== node.attrs.links && setAttachmentArrayAttrs(node.attrs.links);
   }, [node.attrs.links, attachmentArrayAttrs]);
   const handleDelete = (index, documentId) => {
-    editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+    const nextAttachments = (node.attrs.links ?? []).filter((link, i) => {
+      const linkDocumentId = link.dataDocumentId ?? link.documentId ?? link["data-document-id"] ?? link.href;
+      return !(i === index || String(linkDocumentId ?? "") === String(documentId ?? ""));
+    });
+    nextAttachments.length > 0 ? updateAttributes == null || updateAttributes({
+      ...node.attrs,
+      links: nextAttachments
+    }) : deleteNode == null || deleteNode(), !updateAttributes && !deleteNode && editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs(nextAttachments);
   };
   return (attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.length) !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
     backgroundColor: "#F2F2F2",
@@ -32,7 +41,7 @@ const AttachmentRenderer = (props) => {
     /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
     /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("a", { href: attachment.href, "data-document-id": attachment.dataDocumentId, "data-content-type": attachment.dataContentType, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.dataDocumentId) })
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.dataDocumentId ?? attachment["data-document-id"] ?? attachment.href) })
     ] }) }) }, index)) })
   ] }) });
 };

package/dist/modules/homepage/components/Notifications/{Notification.d.ts → NotificationItem.d.ts}

@@ -11,10 +11,10 @@ export type NotificationProps = {
  * - **system** — triggered by an application event; shows the app icon.
  *
  * @example
- * <Notification notification={notificationModel} />
+ * <NotificationItem notification={notificationModel} />
  */
-declare const Notification: {
+declare const NotificationItem: {
     ({ notification }: NotificationProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export default Notification;
+export default NotificationItem;

package/dist/modules/homepage/components/Notifications/{Notification.js → NotificationItem.js}

@@ -1,16 +1,16 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import SystemNotification from "./components/SystemNotification.js";
-import UserNotification from "./components/UserNotification.js";
+import SystemNotificationItem from "./components/SystemNotificationItem.js";
+import UserNotificationItem from "./components/UserNotificationItem.js";
 import { notificationAdapter } from "./components/notificationAdapter.js";
-const Notification = ({
+const NotificationItem = ({
   notification
 }) => {
   const notif = notificationAdapter(notification);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    notif.type === "user" && /* @__PURE__ */ jsx(UserNotification, { notification: notif }),
-    notif.type === "system" && /* @__PURE__ */ jsx(SystemNotification, { notification: notif })
+    notif.type === "user" && /* @__PURE__ */ jsx(UserNotificationItem, { notification: notif }),
+    notif.type === "system" && /* @__PURE__ */ jsx(SystemNotificationItem, { notification: notif })
   ] });
 };
 export {
-  Notification as default
+  NotificationItem as default
 };

package/dist/modules/homepage/components/Notifications/NotificationList.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import illuEmptyNotification from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-notifications.png";
 import { useTranslation } from "react-i18next";
 import SvgIconClose from "../../../icons/components/IconClose.js";
-import Notification from "./Notification.js";
+import NotificationItem from "./NotificationItem.js";
 import NotificationListSkeleton from "./NotificationListSkeleton.js";
 import NotificationSkeleton from "./NotificationSkeleton.js";
 import useInfiniteScroll from "../../../../hooks/useInfiniteScroll/useInfiniteScroll.js";
@@ -31,7 +31,7 @@ const NotificationList = ({
     ] }),
     (notifications == null ? void 0 : notifications.length) === 0 ? /* @__PURE__ */ jsx("div", { className: "mx-24", children: /* @__PURE__ */ jsx(EmptyScreen, { size: 120, imageSrc: illuEmptyNotification, imageAlt: t("homepage.notifications-list.empty.description"), text: t("homepage.notifications-list.empty.description") }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("ul", { children: notifications == null ? void 0 : notifications.map((notification, index) => /* @__PURE__ */ jsxs("li", { children: [
-        /* @__PURE__ */ jsx(Notification, { notification }),
+        /* @__PURE__ */ jsx(NotificationItem, { notification }),
         /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
       ] }, "notification-list-" + notification._id + "-" + index)) }),
       hasNextPage && /* @__PURE__ */ jsx(NotificationSkeleton, { ref: loadNextRef }),

package/dist/modules/homepage/components/Notifications/NotificationSkeleton.js

@@ -4,7 +4,7 @@ import Flex from "../../../../components/Flex/Flex.js";
 import Avatar from "../../../../components/Avatar/Avatar.js";
 import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
 const NotificationSkeleton = /* @__PURE__ */ React.forwardRef((_props, ref) => /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification", gap: "8", ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
-  /* @__PURE__ */ jsx("div", { className: "notification-picture", children: /* @__PURE__ */ jsx(Avatar, { alt: "Notification Picture", variant: "circle", className: "notification-avatar" }) }),
+  /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: /* @__PURE__ */ jsx(Avatar, { alt: "Notification Picture", variant: "circle", className: "notification-item-avatar" }) }),
   /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "notification-message", children: [
     /* @__PURE__ */ jsx(TextSkeleton, {}),
     /* @__PURE__ */ jsx(TextSkeleton, {}),

package/dist/modules/homepage/components/Notifications/components/{NotificationItem.d.ts → CommonNotificationItem.d.ts}

@@ -17,8 +17,8 @@ export type NotificationItemProps = {
  * notification comes from a user or a system event. Use `UserNotification` or
  * `SystemNotification` instead of consuming this directly.
  */
-declare const NotificationItem: {
+declare const CommonNotificationItem: {
     ({ picture, message, date, uri, children, }: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export default NotificationItem;
+export default CommonNotificationItem;

package/dist/modules/homepage/components/Notifications/components/CommonNotificationItem.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import useDate from "../../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../../components/Flex/Flex.js";
+const CommonNotificationItem = ({
+  picture,
+  message,
+  date,
+  uri,
+  children
+}) => {
+  const {
+    formatTimeAgo,
+    formatDate
+  } = useDate();
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification-item", gap: "8", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
+    /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: picture }),
+    /* @__PURE__ */ jsx("a", { href: uri, "data-testid": "notification-item-content", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", children: [
+      /* @__PURE__ */ jsx("div", { className: "notification-item-message", dangerouslySetInnerHTML: {
+        __html: message
+      } }),
+      children,
+      /* @__PURE__ */ jsx("p", { className: "notification-item-date", title: formatDate(date, "LLL"), children: formatTimeAgo(date) })
+    ] }) })
+  ] }) });
+};
+export {
+  CommonNotificationItem as default
+};

package/dist/modules/homepage/components/Notifications/components/{NotificationResource.d.ts → NotificationItemResource.d.ts}

@@ -1,4 +1,4 @@
-export type NotificationResourceProps = {
+export type NotificationItemResourceProps = {
     appCode: string;
 };
 /**
@@ -8,8 +8,8 @@ export type NotificationResourceProps = {
  * falling back to the raw `appCode` if no translation exists.
  *
  */
-declare const NotificationResource: {
-    ({ appCode }: NotificationResourceProps): import("react/jsx-runtime").JSX.Element;
+declare const NotificationItemResource: {
+    ({ appCode, }: NotificationItemResourceProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export default NotificationResource;
+export default NotificationItemResource;

package/dist/modules/homepage/components/Notifications/components/NotificationItemResource.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
+const NotificationItemResource = ({
+  appCode
+}) => {
+  const {
+    t
+  } = useTranslation(), appLabel = t(`${appCode}`, {
+    defaultValue: appCode
+  }), appCssClass = `app-${appCode}`;
+  return /* @__PURE__ */ jsxs("div", { className: `notification-item-resource ${appCssClass} bg-app-light`, children: [
+    /* @__PURE__ */ jsx("span", { className: "notification-item-resource-icon", children: /* @__PURE__ */ jsx(AppIcon, { app: appCode, size: "24", iconFit: "contain" }) }),
+    /* @__PURE__ */ jsx("span", { className: "notification-item-resource-name color-app", children: appLabel })
+  ] });
+};
+export {
+  NotificationItemResource as default
+};

package/dist/modules/homepage/components/Notifications/components/{SystemNotification.d.ts → SystemNotificationItem.d.ts}

@@ -1,5 +1,5 @@
 import { SystemWebNotification } from './notificationAdapter';
-export type SystemNotificationProps = {
+export type SystemNotificationItemProps = {
     notification: SystemWebNotification;
 };
 /**
@@ -8,8 +8,8 @@ export type SystemNotificationProps = {
  * Wraps `NotificationItem` — prefer using `Notification` at the top level
  * rather than this component directly.
  */
-declare const SystemNotification: {
-    ({ notification }: SystemNotificationProps): import("react/jsx-runtime").JSX.Element;
+declare const SystemNotificationItem: {
+    ({ notification, }: SystemNotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export default SystemNotification;
+export default SystemNotificationItem;

package/dist/modules/homepage/components/Notifications/components/SystemNotificationItem.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import CommonNotificationItem from "./CommonNotificationItem.js";
+import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
+const SystemNotificationItem = ({
+  notification
+}) => {
+  const {
+    params,
+    message,
+    date,
+    uri
+  } = notification, {
+    t
+  } = useTranslation(), appName = t(params.appCode);
+  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: uri, title: appName, "data-testid": "notification-item-app-icon", "aria-label": t("homepage.notifications.app-icon.placeholder"), children: /* @__PURE__ */ jsx(AppIcon, { app: params.appCode, size: "24", variant: "square", className: "notification-item-app-icon" }) }) });
+};
+export {
+  SystemNotificationItem as default
+};