@edifice.io/react 2.6.6 → 2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800

package/dist/components/Tree/utilities/tree.js

@@ -16,6 +16,25 @@ function findNodeById(data, id) {
       }
   }
 }
+function modifyNode(data, callback) {
+  return doModify(data, callback) || data;
+}
+function doModify(current, callback, parent) {
+  var _a;
+  const result = callback(current, parent);
+  if ((_a = result == null ? void 0 : result.children) != null && _a.length) {
+    const children = [];
+    for (const child of (result == null ? void 0 : result.children) || []) {
+      const res = doModify(child, callback, result);
+      res && children.push(res);
+    }
+    return {
+      ...result,
+      children
+    };
+  }
+  return result;
+}
 function findPathById(tree, nodeId) {
   let path = [];
   function traverse(node, currentPath) {
@@ -40,5 +59,6 @@ function findPathById(tree, nodeId) {
 }
 export {
   findNodeById,
-  findPathById
+  findPathById,
+  modifyNode
 };

package/dist/homepage.js

@@ -1,13 +1,17 @@
-import { default as default2 } from "./modules/homepage/components/Header/Header.js";
-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/MessageFlash.js";
-import { default as default6 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
-import { default as default7 } from "./modules/homepage/components/Notifications/NotificationItem.js";
-import { default as default8 } from "./modules/homepage/components/Notifications/NotificationList.js";
+import { default as default2 } from "./modules/homepage/components/Communities/Communities.js";
+import { default as default3 } from "./modules/homepage/components/Communities/CommunityItem.js";
+import { default as default4 } from "./modules/homepage/components/Communities/CommunitiesSkeleton.js";
+import { default as default5 } from "./modules/homepage/components/Header/Header.js";
+import { default as default6 } from "./modules/homepage/components/HomeCard/HomeCard.js";
+import { default as default7 } from "./modules/homepage/components/LastInfos/LastInfos.js";
+import { default as default8 } from "./modules/homepage/components/MessageFlashList/MessageFlash.js";
+import { default as default9 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
+import { default as default10 } from "./modules/homepage/components/Notifications/NotificationItem.js";
+import { default as default11 } from "./modules/homepage/components/Notifications/NotificationList.js";
 import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
-import { default as default9 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
-import { default as default10 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { default as default12 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
+import { default as default13 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { CommunitiesContainer } from "./modules/homepage/components/Communities/CommunitiesContainer.js";
 import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js";
 import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
 import { LastInfosContainer } from "./modules/homepage/components/LastInfos/LastInfosContainer.js";
@@ -15,22 +19,28 @@ import { LastInfosList } from "./modules/homepage/components/LastInfos/LastInfos
 import { MessageFlashListContainer } from "./modules/homepage/components/MessageFlashList/MessageFlashListContainer.js";
 import { SchoolSpaceContainer } from "./modules/homepage/components/SchoolSpace/SchoolSpaceContainer.js";
 import { UserSpaceContainer } from "./modules/homepage/components/UserSpace/UserSpaceContainer.js";
+import { useCommunities } from "./modules/homepage/components/Communities/useCommunities.js";
 export {
+  default2 as Communities,
+  CommunitiesContainer,
+  default3 as CommunitiesItem,
+  default4 as CommunitiesSkeleton,
   Favorites,
   FavoritesContainer,
-  default2 as Header,
-  default3 as HomeCard,
-  default4 as LastInfos,
+  default5 as Header,
+  default6 as HomeCard,
+  default7 as LastInfos,
   LastInfosContainer,
   LastInfosList,
-  default5 as MessageFlash,
-  default6 as MessageFlashList,
+  default8 as MessageFlash,
+  default9 as MessageFlashList,
   MessageFlashListContainer,
-  default7 as NotificationItem,
-  default8 as NotificationList,
+  default10 as NotificationItem,
+  default11 as NotificationList,
   NotificationListContainer,
-  default9 as SchoolSpace,
+  default12 as SchoolSpace,
   SchoolSpaceContainer,
-  default10 as UserSpace,
-  UserSpaceContainer
+  default13 as UserSpace,
+  UserSpaceContainer,
+  useCommunities
 };

package/dist/hooks/index.d.ts

@@ -22,6 +22,7 @@ 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/hooks/useNextcloudSearch/index.d.ts

@@ -0,0 +1 @@
+export { default as useNextcloudSearch } from './useNextcloudSearch';

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.d.ts

@@ -0,0 +1,14 @@
+import { ID, NextcloudDocument } from '@edifice.io/client';
+import { TreeItem } from '../../components/Tree/types';
+export type NextcloudFolderNode = TreeItem & {
+    files?: NextcloudDocument[];
+};
+export default function useNextcloudSearch(rootId: string, rootName: string, userId?: string): {
+    root: NextcloudFolderNode;
+    needsAuth: boolean;
+    isCheckingAuth: boolean;
+    isAuthError: boolean;
+    refetchAuthStatus: () => void;
+    loadContent: (folderId?: ID) => void;
+    loadError: unknown;
+};

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.js

@@ -0,0 +1,64 @@
+import { useState, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient, useQuery } from "@tanstack/react-query";
+import { findNodeById, modifyNode } from "../../components/Tree/utilities/tree.js";
+function useNextcloudSearch(rootId, rootName, userId) {
+  var _a;
+  const [root, setRoot] = useState({
+    id: rootId,
+    name: rootName,
+    section: !0
+  }), updateFolder = useCallback((folderId, subfolders, files) => {
+    setRoot((prev) => {
+      const node = findNodeById(prev, folderId);
+      if (!node) return prev;
+      const children = subfolders.map((f) => {
+        var _a2;
+        const existing = (_a2 = node.children) == null ? void 0 : _a2.find((c) => c.id === f.path);
+        return existing ? {
+          ...existing,
+          name: f.name
+        } : {
+          id: f.path,
+          name: f.name
+        };
+      });
+      return modifyNode(prev, (n) => n.id === node.id ? {
+        ...n,
+        children,
+        files
+      } : n);
+    });
+  }, []), queryClient = useQueryClient(), oauth2StatusQuery = useQuery({
+    queryKey: ["nextcloud", "oauth2-status", userId],
+    queryFn: () => odeServices.nextcloud().getOauth2Status(userId),
+    enabled: !!userId
+  }), needsAuth = !((_a = oauth2StatusQuery.data) != null && _a.connected), [loadError, setLoadError] = useState(null), loadContent = useCallback(async (folderId) => {
+    if (!userId) return;
+    const path = folderId === rootId ? void 0 : folderId;
+    try {
+      const payload = await queryClient.fetchQuery({
+        queryKey: ["nextcloud", "documents", userId, path ?? "/"],
+        queryFn: () => odeServices.nextcloud().listDocuments(userId, path),
+        staleTime: 6e4
+      }), subfolders = [], files = [], currentPath = path ?? "/";
+      payload.filter((doc) => doc.path !== currentPath).forEach((doc) => {
+        doc.isFolder ? subfolders.push(doc) : files.push(doc);
+      }), setLoadError(null), updateFolder(folderId, subfolders, files);
+    } catch (error) {
+      setLoadError(error);
+    }
+  }, [rootId, userId, queryClient, updateFolder]);
+  return {
+    root,
+    needsAuth,
+    isCheckingAuth: oauth2StatusQuery.isLoading,
+    isAuthError: oauth2StatusQuery.isError,
+    refetchAuthStatus: oauth2StatusQuery.refetch,
+    loadContent,
+    loadError
+  };
+}
+export {
+  useNextcloudSearch as default
+};

package/dist/index.js

@@ -44,79 +44,82 @@ 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/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 "./hooks/useUiOverride/useUiOverride.js";
-import { default as default109 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default110 } from "./hooks/useUpload/useUpload.js";
-import { default as default111 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default112 } from "./hooks/useUser/useUser.js";
-import { default as default113 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default114 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default115 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default116 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default117 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default118 } from "./hooks/useZendeskGuide/useZendeskGuide.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 "./hooks/useUiOverride/useUiOverride.js";
+import { default as default112 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default113 } from "./hooks/useUpload/useUpload.js";
+import { default as default114 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default115 } from "./hooks/useUser/useUser.js";
+import { default as default116 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default117 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default118 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default119 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default120 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default121 } 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";
@@ -225,55 +228,57 @@ export {
   Menu,
   MockedProvider,
   default45 as Modal,
-  default46 as OnboardingModal,
-  default47 as PageLayout,
+  default46 as Nextcloud,
+  default47 as NextcloudFileCard,
+  default48 as OnboardingModal,
+  default49 as PageLayout,
   PageLayoutContext,
   Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default48 as PreventPropagation,
-  default49 as PromotionCard,
-  default50 as PublishModal,
-  default51 as Radio,
-  default52 as RadioCard,
+  default50 as PreventPropagation,
+  default51 as PromotionCard,
+  default52 as PublishModal,
+  default53 as Radio,
+  default54 as RadioCard,
   ResourceModal,
   Root,
-  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,
+  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,
   Tabs,
-  default65 as TextArea,
-  default66 as TextSkeleton,
+  default67 as TextArea,
+  default68 as TextSkeleton,
   Toolbar,
-  default67 as Tooltip,
-  default68 as Tree,
+  default69 as Tooltip,
+  default70 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default69 as TreeView,
+  default71 as TreeView,
   Upload,
-  default70 as UploadCard,
-  default71 as UploadFiles,
+  default72 as UploadCard,
+  default73 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default72 as VideoEmbed,
-  default73 as VideoRecorder,
+  default74 as VideoEmbed,
+  default75 as VideoRecorder,
   VisibleType,
-  default74 as VisuallyHidden,
+  default76 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default75 as Workspace,
-  default76 as WorkspaceFolders,
+  default77 as Workspace,
+  default78 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -304,57 +309,58 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default77 as useBookmark,
-  default78 as useBreakpoint,
-  default79 as useBrowserInfo,
-  default80 as useCantoo,
+  default79 as useBookmark,
+  default80 as useBreakpoint,
+  default81 as useBrowserInfo,
+  default82 as useCantoo,
   useCheckable,
-  default81 as useClickOutside,
-  default82 as useConversation,
-  default83 as useDate,
-  default84 as useDebounce,
-  default85 as useDirectory,
-  default86 as useDropdown,
-  default87 as useDropzone,
+  default83 as useClickOutside,
+  default84 as useConversation,
+  default85 as useDate,
+  default86 as useDebounce,
+  default87 as useDirectory,
+  default88 as useDropdown,
+  default89 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default88 as useEdificeIcons,
+  default90 as useEdificeIcons,
   useEdificeTheme,
   useFileToAttachment,
-  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,
+  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,
   useOverlay,
   usePageLayout,
-  default100 as usePublicConf,
+  default103 as usePublicConf,
   useScreeb,
-  default101 as useScrollToTop,
-  default102 as useShareMutation,
-  default103 as useTitle,
-  default104 as useToast,
-  default105 as useToggle,
-  default106 as useTrapFocus,
-  default107 as useTrashedResource,
+  default104 as useScrollToTop,
+  default105 as useShareMutation,
+  default106 as useTitle,
+  default107 as useToast,
+  default108 as useToggle,
+  default109 as useTrapFocus,
+  default110 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default108 as useUiOverride,
-  default109 as useUpdateMutation,
-  default110 as useUpload,
-  default111 as useUploadFiles,
-  default112 as useUser,
-  default113 as useWorkspaceFile,
-  default114 as useWorkspaceFolders,
-  default115 as useWorkspaceFoldersTree,
-  default116 as useWorkspaceSearch,
-  default117 as useXitiTrackPageLoad,
-  default118 as useZendeskGuide,
+  default111 as useUiOverride,
+  default112 as useUpdateMutation,
+  default113 as useUpload,
+  default114 as useUploadFiles,
+  default115 as useUser,
+  default116 as useWorkspaceFile,
+  default117 as useWorkspaceFolders,
+  default118 as useWorkspaceFoldersTree,
+  default119 as useWorkspaceSearch,
+  default120 as useXitiTrackPageLoad,
+  default121 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/homepage/components/Communities/Communities.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuCommunities from "@edifice.io/bootstrap/dist/images/homepage/illu-communities.svg";
+import { useMeasure } from "@uidotdev/usehooks";
+import { useTranslation } from "react-i18next";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import CommunityItem from "./CommunityItem.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Image from "../../../../components/Image/Image.js";
+const NARROW_CONTAINER_WIDTH = 800, MAX_ITEMS = 4, MAX_ITEMS_NARROW = 3, Communities = ({
+  communitiesList = [],
+  handleActionClick
+}) => {
+  const {
+    t
+  } = useTranslation(), [containerRef, {
+    width
+  }] = useMeasure(), maxItems = width !== null && width < NARROW_CONTAINER_WIDTH ? MAX_ITEMS_NARROW : MAX_ITEMS, visibleCommunities = communitiesList.slice(0, maxItems), itemWidth = `${100 / maxItems}%`;
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 ? t("homepage.communities.actionLabel.seeMore") : t("homepage.communities.actionLabel.create"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title") }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { ref: containerRef, gap: "16", children: visibleCommunities.length > 0 ? visibleCommunities.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: itemWidth }, index)) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuCommunities, alt: "", "aria-hidden": "true", style: {
+        width: 80,
+        height: 80
+      } }),
+      /* @__PURE__ */ jsxs("div", { className: "communities-empty-content", children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle", "Créez votre première communauté pour animer votre classe !") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description", "Vous pouvez centraliser et organiser les documents et les ressources pour vos élèves.") })
+      ] })
+    ] }) }) })
+  ] });
+};
+export {
+  Communities as default
+};

package/dist/modules/homepage/components/Communities/CommunitiesContainer.d.ts

@@ -1,9 +1,11 @@
 import { CommunitiesModel } from './useCommunities';
 export type CommunitiesContainerProps = {
+    /** Handle a click on a community. If undefined, the community's home page will be opened. */
     onCommunityClick?: (community: CommunitiesModel) => void;
-    onHeaderActionClick: () => void;
+    /** Handle a click on the header action button. If undefined, communities (or the community creation flow) will be opened. */
+    onHeaderActionClick?: () => void;
 };
-export declare function CommunitiesContainer({ onCommunityClick, onHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities.";
+export declare function CommunitiesContainer({ onCommunityClick: handleCommunityClick, onHeaderActionClick: handleHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities.";
 export declare namespace CommunitiesContainer {
     var displayName: string;
 }

package/dist/modules/homepage/components/Communities/CommunitiesContainer.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import Communities from "./Communities.js";
+import CommunitiesSkeleton from "./CommunitiesSkeleton.js";
+import { useCommunities } from "./useCommunities.js";
+function CommunitiesContainer({
+  onCommunityClick: handleCommunityClick = (community) => {
+    window.open(`/communities/id/${community.id}/home`, "_self");
+  },
+  onHeaderActionClick: handleHeaderActionClick
+}) {
+  const {
+    communities,
+    isLoading,
+    error
+  } = useCommunities(), handleActionClick = useCallback(() => {
+    if (handleHeaderActionClick) {
+      handleHeaderActionClick();
+      return;
+    }
+    window.open(communities.length > 0 ? "/communities" : "/communities/create/step-type", "_self");
+  }, [handleHeaderActionClick, communities.length]), mappedCommunities = useMemo(() => communities.map((community) => ({
+    title: community.title,
+    communityImage: community.image ?? "",
+    onActionClick: () => handleCommunityClick(community)
+  })), [communities, handleCommunityClick]);
+  return isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick });
+}
+export {
+  CommunitiesContainer
+};