@edifice.io/react 2.6.9-develop.20261013171251 → 2.6.10

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

@@ -3,6 +3,7 @@ export * from './useBookmark';
 export * from './useBreakpoint';
 export * from './useBrowserInfo';
 export * from './useCantoo';
+export * from './useCarbonioUnread';
 export * from './useCheckable';
 export * from './useClickOutside';
 export * from './useConversation';
@@ -23,6 +24,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/useBackground/useBackground.d.ts

@@ -1,4 +1,4 @@
-export type Background = 'default' | 'pink-200' | 'yellow-200' | 'orange-200' | 'blue-200' | 'green-200';
+export type Background = 'default' | 'pink-200' | 'yellow-200' | 'orange-200' | 'blue-200' | 'green-200' | 'crna';
 declare const _default: () => {
     betaEnabled: boolean | undefined;
     background: Background;

package/dist/hooks/useCarbonioUnread/index.d.ts

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

package/dist/hooks/useCarbonioUnread/useCarbonioUnread.d.ts

@@ -0,0 +1,5 @@
+declare const useCarbonioUnread: () => {
+    readonly hasCarbonioWorkflow: boolean | Record<string, boolean>;
+    readonly unreadCount: number;
+};
+export default useCarbonioUnread;

package/dist/hooks/useCarbonioUnread/useCarbonioUnread.js

@@ -0,0 +1,24 @@
+import { odeServices } from "@edifice.io/client";
+import { useQuery } from "@tanstack/react-query";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+const CARBONIO_PREAUTH_WORKFLOW = "org.entcore.auth.controllers.CarbonioPreauthController|preauth", useCarbonioUnread = () => {
+  const hasCarbonioWorkflow = useHasWorkflow(CARBONIO_PREAUTH_WORKFLOW) || !1, {
+    data
+  } = useQuery({
+    queryKey: ["carbonio", "unread", "count"],
+    queryFn: () => odeServices.http().get("/auth/carbonio/unread", {
+      disableNotifications: !0
+    }),
+    enabled: hasCarbonioWorkflow,
+    staleTime: 5 * 60 * 1e3,
+    // Each call queries the Carbonio server: a failure means no badge, not another try.
+    retry: !1
+  });
+  return {
+    hasCarbonioWorkflow,
+    unreadCount: (data == null ? void 0 : data.count) ?? 0
+  };
+};
+export {
+  useCarbonioUnread as default
+};

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

@@ -46,80 +46,84 @@ import { default as default44 } from "./modules/multimedia/MediaLibrary/MediaLib
 import { default as default45 } from "./components/MediaViewer/MediaViewer.js";
 import { default as default46 } from "./components/Modal/Modal.js";
 import { default as default47 } from "./components/ModalBeta/ModalBeta.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/RadioTile/RadioTile.js";
-import { default as default56 } from "./components/SearchBar/SearchBar.js";
-import { default as default57 } from "./components/Button/SearchButton.js";
-import { default as default58 } from "./components/SegmentedControl/SegmentedControl.js";
-import { default as default59 } from "./components/Select/Select.js";
-import { default as default60 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default61 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default62 } from "./modules/modals/ShareModal/ShareResources.js";
-import { default as default63 } from "./components/Tree/components/SortableTree.js";
-import { default as default64 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default65 } from "./components/Stepper/Stepper.js";
-import { default as default66 } from "./components/Switch/Switch.js";
-import { default as default67 } from "./components/Table/components/Table.js";
-import { default as default68 } from "./components/TextArea/TextArea.js";
-import { default as default69 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default70 } from "./components/Tooltip/Tooltip.js";
-import { default as default71 } from "./components/Tree/components/Tree.js";
-import { default as default72 } from "./components/TreeView/TreeView.js";
-import { default as default73 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default74 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default75 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default76 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default77 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default78 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default79 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { default as default80 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default81 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default82 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default83 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default84 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default85 } from "./hooks/useConversation/useConversation.js";
-import { default as default86 } from "./hooks/useDate/useDate.js";
-import { default as default87 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default88 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default89 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default90 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default91 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default92 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default93 } from "./hooks/useHover/useHover.js";
-import { default as default94 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default95 } from "./hooks/useImage/useImage.js";
-import { default as default96 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
-import { default as default97 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default98 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default99 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default100 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default101 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default102 } from "./hooks/useMediaLibrary/useMediaLibrary.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 { default as default48 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
+import { default as default49 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
+import { default as default50 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default51 } from "./components/PageLayout/PageLayout.js";
+import { default as default52 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default53, Root } from "./components/PromotionCard/PromotionCard.js";
+import { default as default54 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default55 } from "./components/Radio/Radio.js";
+import { default as default56 } from "./components/RadioCard/RadioCard.js";
+import { default as default57 } from "./components/RadioTile/RadioTile.js";
+import { default as default58 } from "./components/SearchBar/SearchBar.js";
+import { default as default59 } from "./components/Button/SearchButton.js";
+import { default as default60 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default61 } from "./components/Select/Select.js";
+import { default as default62 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default63 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default64 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default65 } from "./components/Tree/components/SortableTree.js";
+import { default as default66 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default67 } from "./components/Stepper/Stepper.js";
+import { default as default68 } from "./components/Switch/Switch.js";
+import { default as default69 } from "./components/Table/components/Table.js";
+import { default as default70 } from "./components/TextArea/TextArea.js";
+import { default as default71 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default72 } from "./components/Tooltip/Tooltip.js";
+import { default as default73 } from "./components/Tree/components/Tree.js";
+import { default as default74 } from "./components/TreeView/TreeView.js";
+import { default as default75 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default76 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default77 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default78 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default79 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default80 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default81 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default82 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default83 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default84 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default85 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default86 } from "./hooks/useCarbonioUnread/useCarbonioUnread.js";
+import { default as default87 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default88 } from "./hooks/useConversation/useConversation.js";
+import { default as default89 } from "./hooks/useDate/useDate.js";
+import { default as default90 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default91 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default92 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default93 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default94 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default95 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default96 } from "./hooks/useHover/useHover.js";
+import { default as default97 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default98 } from "./hooks/useImage/useImage.js";
+import { default as default99 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default100 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default101 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default102 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default103 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default104 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default105 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default106 } from "./hooks/useNextcloudSearch/useNextcloudSearch.js";
+import { default as default107 } from "./hooks/usePublicConf/usePublicConf.js";
+import { default as default108 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default109 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default110 } from "./hooks/useTitle/useTitle.js";
+import { default as default111 } from "./hooks/useToast/useToast.js";
+import { default as default112 } from "./hooks/useToggle/useToggle.js";
+import { default as default113 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default114 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default115 } from "./hooks/useUiOverride/useUiOverride.js";
+import { default as default116 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default117 } from "./hooks/useUpload/useUpload.js";
+import { default as default118 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default119 } from "./hooks/useUser/useUser.js";
+import { default as default120 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default121 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default122 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default123 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default124 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default125 } 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";
@@ -155,7 +159,7 @@ import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
-import { default as default122 } from "./hooks/useBackground/useBackground.js";
+import { default as default126 } from "./hooks/useBackground/useBackground.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
@@ -164,7 +168,7 @@ import { useOverlay } from "./components/PageLayout/hook/useOverlay.js";
 import { useScreeb } from "./hooks/useScreeb/useScreeb.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
-import { default as default123 } from "./hooks/useUserPreferences/useUserPreferences.js";
+import { default as default127 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -232,56 +236,58 @@ export {
   MockedProvider,
   default46 as Modal,
   default47 as ModalBeta,
-  default48 as OnboardingModal,
-  default49 as PageLayout,
+  default48 as Nextcloud,
+  default49 as NextcloudFileCard,
+  default50 as OnboardingModal,
+  default51 as PageLayout,
   PageLayoutContext,
   Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default50 as PreventPropagation,
-  default51 as PromotionCard,
-  default52 as PublishModal,
-  default53 as Radio,
-  default54 as RadioCard,
-  default55 as RadioTile,
+  default52 as PreventPropagation,
+  default53 as PromotionCard,
+  default54 as PublishModal,
+  default55 as Radio,
+  default56 as RadioCard,
+  default57 as RadioTile,
   ResourceModal,
   Root,
-  default56 as SearchBar,
-  default57 as SearchButton,
-  default58 as SegmentedControl,
-  default59 as Select,
-  default60 as ShareBlog,
-  default61 as ShareModal,
-  default62 as ShareResources,
-  default63 as SortableTree,
-  default64 as StackedGroup,
-  default65 as Stepper,
-  default66 as Switch,
-  default67 as Table,
+  default58 as SearchBar,
+  default59 as SearchButton,
+  default60 as SegmentedControl,
+  default61 as Select,
+  default62 as ShareBlog,
+  default63 as ShareModal,
+  default64 as ShareResources,
+  default65 as SortableTree,
+  default66 as StackedGroup,
+  default67 as Stepper,
+  default68 as Switch,
+  default69 as Table,
   Tabs,
-  default68 as TextArea,
-  default69 as TextSkeleton,
+  default70 as TextArea,
+  default71 as TextSkeleton,
   Toolbar,
-  default70 as Tooltip,
-  default71 as Tree,
+  default72 as Tooltip,
+  default73 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default72 as TreeView,
+  default74 as TreeView,
   Upload,
-  default73 as UploadCard,
-  default74 as UploadFiles,
+  default75 as UploadCard,
+  default76 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default75 as VideoEmbed,
-  default76 as VideoRecorder,
+  default77 as VideoEmbed,
+  default78 as VideoRecorder,
   VisibleType,
-  default77 as VisuallyHidden,
+  default79 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default78 as Workspace,
-  default79 as WorkspaceFolders,
+  default80 as Workspace,
+  default81 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -312,59 +318,61 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default122 as useBackground,
-  default80 as useBookmark,
-  default81 as useBreakpoint,
-  default82 as useBrowserInfo,
-  default83 as useCantoo,
+  default126 as useBackground,
+  default82 as useBookmark,
+  default83 as useBreakpoint,
+  default84 as useBrowserInfo,
+  default85 as useCantoo,
+  default86 as useCarbonioUnread,
   useCheckable,
-  default84 as useClickOutside,
-  default85 as useConversation,
-  default86 as useDate,
-  default87 as useDebounce,
-  default88 as useDirectory,
-  default89 as useDropdown,
-  default90 as useDropzone,
+  default87 as useClickOutside,
+  default88 as useConversation,
+  default89 as useDate,
+  default90 as useDebounce,
+  default91 as useDirectory,
+  default92 as useDropdown,
+  default93 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default91 as useEdificeIcons,
+  default94 as useEdificeIcons,
   useEdificeTheme,
   useFileToAttachment,
-  default92 as useHasWorkflow,
-  default93 as useHover,
-  default94 as useHttpErrorToast,
-  default95 as useImage,
-  default96 as useInfiniteScroll,
-  default97 as useIsAdmc,
-  default98 as useIsAdml,
-  default99 as useIsAdmlcOrAdmc,
-  default100 as useKeyPress,
-  default101 as useLibraryUrl,
-  default102 as useMediaLibrary,
+  default95 as useHasWorkflow,
+  default96 as useHover,
+  default97 as useHttpErrorToast,
+  default98 as useImage,
+  default99 as useInfiniteScroll,
+  default100 as useIsAdmc,
+  default101 as useIsAdml,
+  default102 as useIsAdmlcOrAdmc,
+  default103 as useKeyPress,
+  default104 as useLibraryUrl,
+  default105 as useMediaLibrary,
+  default106 as useNextcloudSearch,
   useOverlay,
   usePageLayout,
-  default103 as usePublicConf,
+  default107 as usePublicConf,
   useScreeb,
-  default104 as useScrollToTop,
-  default105 as useShareMutation,
-  default106 as useTitle,
-  default107 as useToast,
-  default108 as useToggle,
-  default109 as useTrapFocus,
-  default110 as useTrashedResource,
+  default108 as useScrollToTop,
+  default109 as useShareMutation,
+  default110 as useTitle,
+  default111 as useToast,
+  default112 as useToggle,
+  default113 as useTrapFocus,
+  default114 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default111 as useUiOverride,
-  default112 as useUpdateMutation,
-  default113 as useUpload,
-  default114 as useUploadFiles,
-  default115 as useUser,
-  default123 as useUserPreferences,
-  default116 as useWorkspaceFile,
-  default117 as useWorkspaceFolders,
-  default118 as useWorkspaceFoldersTree,
-  default119 as useWorkspaceSearch,
-  default120 as useXitiTrackPageLoad,
-  default121 as useZendeskGuide,
+  default115 as useUiOverride,
+  default116 as useUpdateMutation,
+  default117 as useUpload,
+  default118 as useUploadFiles,
+  default119 as useUser,
+  default127 as useUserPreferences,
+  default120 as useWorkspaceFile,
+  default121 as useWorkspaceFolders,
+  default122 as useWorkspaceFoldersTree,
+  default123 as useWorkspaceSearch,
+  default124 as useXitiTrackPageLoad,
+  default125 as useZendeskGuide,
   wrapTreeNode
 };

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

@@ -16,7 +16,7 @@ import SvgIconNotificationBeta from "../../../icons/components/nav/IconNotificat
 import { useHasNotificationToday } from "../Notifications/hooks/useNotificationList.js";
 import useConversation from "../../../../hooks/useConversation/useConversation.js";
 import useUser from "../../../../hooks/useUser/useUser.js";
-import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import useCarbonioUnread from "../../../../hooks/useCarbonioUnread/useCarbonioUnread.js";
 import { useEdificeTheme } from "../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import useHover from "../../../../hooks/useHover/useHover.js";
 import LogoBeta from "../../../../components/LogoBeta/LogoBeta.js";
@@ -37,7 +37,10 @@ const Header = ({
   } = useConversation(), {
     user,
     avatar
-  } = useUser(), hasCarbonioPreauthWorkflow = useHasWorkflow("org.entcore.auth.controllers.CarbonioPreauthController|preauth") || !1, classes = clsx("header-beta d-print-none no-2d no-1d"), {
+  } = useUser(), {
+    hasCarbonioWorkflow,
+    unreadCount: carbonioUnreadCount
+  } = useCarbonioUnread(), classes = clsx("header-beta d-print-none no-2d no-1d"), {
     userAvatar,
     userName,
     communitiesWorkflow,
@@ -62,8 +65,12 @@ const Header = ({
           level: "danger"
         }, className: "position-absolute", children: messages })
       ] }) }),
-      hasCarbonioPreauthWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { className: "nav-link position-relative", href: "/auth/carbonio/preauth", target: "_blank", "data-testid": "header-messagerie-button", children: [
+      hasCarbonioWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { className: "nav-link position-relative", href: "/auth/carbonio/preauth", target: "_blank", "data-testid": "header-messagerie-button", children: [
         /* @__PURE__ */ jsx(SvgIconMessagesBeta, {}),
+        carbonioUnreadCount > 0 && /* @__PURE__ */ jsx(Badge, { variant: {
+          type: "notification",
+          level: "danger"
+        }, className: "position-absolute", children: carbonioUnreadCount }),
         /* @__PURE__ */ jsx(VisuallyHidden, { children: t("conversation") })
       ] }) }),
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), "data-testid": "header-my-apps-button", children: /* @__PURE__ */ jsx(SvgIconMyAppsBeta, {}) }) }),

package/dist/modules/multimedia/FileCard/NextcloudFileCard.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { NextcloudDocument } from '@edifice.io/client';
+import { CardProps } from '../../../components/Card';
+export interface NextcloudFileCardProps extends CardProps {
+    doc: NextcloudDocument;
+    /**
+     * Id of the user who owns the Nextcloud document, used to build the preview URL.
+     */
+    userId: string;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
+}
+declare const NextcloudFileCard: {
+    ({ doc, userId, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: NextcloudFileCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NextcloudFileCard;

package/dist/modules/multimedia/FileCard/NextcloudFileCard.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { DocumentHelper, odeServices } from "@edifice.io/client";
+import clsx from "clsx";
+import SvgIconLandscape from "../../icons/components/IconLandscape.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconTextPage from "../../icons/components/IconTextPage.js";
+import SvgIconVideo from "../../icons/components/IconVideo.js";
+import FileIcon from "./FileIcon.js";
+import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
+import Card from "../../../components/Card/Card.js";
+const roleMappings = {
+  csv: {
+    icon: ".CSV",
+    color: "bg-orange-200"
+  },
+  xls: {
+    icon: ".XLS",
+    color: "bg-green-200"
+  },
+  doc: {
+    icon: ".DOC",
+    color: "bg-blue-200"
+  },
+  txt: {
+    icon: ".TXT",
+    color: "bg-blue-200"
+  },
+  pdf: {
+    icon: ".PDF",
+    color: "bg-red-200"
+  },
+  audio: {
+    icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
+    color: "bg-red-200"
+  },
+  ppt: {
+    icon: ".PPT",
+    color: "bg-red-200"
+  },
+  img: {
+    icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
+    color: "bg-green-200"
+  },
+  video: {
+    icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
+    color: "bg-purple-200"
+  },
+  zip: {
+    icon: ".ZIP",
+    color: "bg-gray-300"
+  },
+  md: {
+    icon: ".MD",
+    color: "bg-blue-200"
+  },
+  unknown: {
+    icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+    color: "bg-gray-300"
+  }
+};
+function getRoleMap(type, customIcon, customColor) {
+  return customIcon !== void 0 || customColor !== void 0 ? {
+    icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+    color: customColor || "bg-gray-300",
+    hasShadow: !1
+  } : roleMappings[type] ?? roleMappings.unknown;
+}
+const NextcloudFileCard = ({
+  doc,
+  userId,
+  isClickable = !0,
+  isSelectable = !1,
+  isSelected = !1,
+  onClick,
+  className,
+  onSelect,
+  isFocused,
+  app,
+  customIcon,
+  customColor
+}) => {
+  const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1), roleMap = getRoleMap(type ?? "unknown", customIcon, customColor), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" ? odeServices.nextcloud().getFileUrl(userId, doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+    ref
+  }), imageStyles = hasThumbnail && {
+    backgroundImage: `url(${mediaSrc})`,
+    backgroundSize: "cover"
+  };
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
+      aspectRatio: "16/10",
+      ...imageStyles
+    }, children: type !== "img" || !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
+      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
+    ] })
+  ] }) });
+};
+export {
+  NextcloudFileCard as default
+};

package/dist/modules/multimedia/FileCard/index.d.ts

@@ -1,2 +1,4 @@
 export { default as FileCard } from './FileCard';
 export * from './FileCard';
+export { default as NextcloudFileCard } from './NextcloudFileCard';
+export * from './NextcloudFileCard';

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -1,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+import { NextcloudDocument, WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
 import { TabsItemProps } from '../../../components';
 import { ExternalLinkTabProps } from './innertabs/ExternalLink';
 import { InternalLinkTabProps, InternalLinkTabResult } from './innertabs/InternalLink';
@@ -54,7 +54,7 @@ export interface MediaLibraryRef {
 /**
  * The resulting type depends on the actual selected Tab when modal is closed.
  */
-export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
+export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | NextcloudDocument[] | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
 /**
  * MediaLibrary component properties
  */

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import SvgIconApplications from "../../icons/components/IconApplications.js";
 import SvgIconCode from "../../icons/components/IconCode.js";
 import SvgIconFolder from "../../icons/components/IconFolder.js";
+import SvgIconGlobe2 from "../../icons/components/IconGlobe2.js";
 import SvgIconGlobe from "../../icons/components/IconGlobe.js";
 import SvgIconMic from "../../icons/components/IconMic.js";
 import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
@@ -12,6 +13,7 @@ import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
 import { InnerTabs } from "./innertabs/index.js";
 import { MediaLibraryContext } from "./MediaLibraryContext.js";
 import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import usePublicConf from "../../../hooks/usePublicConf/usePublicConf.js";
 import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
 import Modal from "../../../components/Modal/Modal.js";
 import { Tabs } from "../../../components/Tabs/components/Tabs.js";
@@ -29,6 +31,8 @@ const orderedTabs = [
   // Filesystem browser + drag'n'drop of files
   "workspace",
   // Media browser
+  "nextcloud",
+  // Nextcloud media browser
   "video-embedder"
   // Link to a hosted video
 ], mediaLibraryTypes = {
@@ -70,7 +74,7 @@ const orderedTabs = [
   onCancel,
   onTabChange
 }, ref) => {
-  var _a;
+  var _a, _b;
   const linkTabProps = useRef(), refModal = useRef(null);
   useImperativeHandle(ref, () => ({
     show,
@@ -81,7 +85,9 @@ const orderedTabs = [
   }));
   const {
     t
-  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null);
+  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), nextcloudViewWorkflow = useHasWorkflow("fr.openent.nextcloud.controller.NextcloudController|view"), {
+    data: workspacePublicConf
+  } = usePublicConf("workspace"), enableNextcloudTab = ((_a = workspacePublicConf == null ? void 0 : workspacePublicConf["folder-service"]) == null ? void 0 : _a.includes("nextcloud")) && nextcloudViewWorkflow, [type, setType] = useState(null);
   useHttpErrorToast({
     active: !!type,
     isDismissible: !0,
@@ -96,6 +102,14 @@ const orderedTabs = [
       availableFor: ["audio", "video", "image", "attachment"],
       isEnable: null
     },
+    nextcloud: {
+      id: "nextcloud",
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe2, {}),
+      label: t("bbm.nextcloud"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Nextcloud, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => !!enableNextcloudTab
+    },
     upload: {
       id: "upload",
       icon: /* @__PURE__ */ jsx(SvgIconSmartphone, {}),
@@ -162,7 +176,7 @@ const orderedTabs = [
   ), [defaultTabId, setDefaultTabId] = useState(), defaultTabIdx = useMemo(() => {
     const index = tabs.findIndex((t2) => t2.id === defaultTabId);
     return 0 > index || index >= tabs.length ? 0 : index;
-  }, [tabs, defaultTabId]), [resultCounter, setResultCounter] = useState(), [result, setResult] = useState(), [deletionsOnCancel, setDeletionsOnCancel] = useState([]), [onSuccessAction, setPreSuccess] = useState();
+  }, [tabs, defaultTabId]), [resultCounter, setResultCounter] = useState(), [result, setResult] = useState(), [deletionsOnCancel, setDeletionsOnCancel] = useState([]), [onSuccessAction, setPreSuccess] = useState(), [isSubmitting, setIsSubmitting] = useState(!1);
   function setVisibleTab(tab) {
     throw tabs.findIndex((t2) => t2.id === tab) < 0 ? "tab.not.visible" : "not.implemented.yet";
   }
@@ -177,22 +191,33 @@ const orderedTabs = [
     linkTabProps.current = props, "resourceId" in props || "appPrefix" in props || setDefaultTabId("external-link"), setType("hyperlink");
   };
   useEffect(() => {
-    var _a2, _b;
+    var _a2, _b2;
     const typeKey = type || "none";
-    !defaultTabId && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b = mediaLibraryTypes[typeKey]) == null ? void 0 : _b.defaultTab);
+    !defaultTabId && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _b2.defaultTab);
   }, [defaultTabId, type]);
-  const modalHeader = t(((_a = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _a.title) ?? "bbm"), resetState = () => {
+  const modalHeader = t(((_b = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _b.title) ?? "bbm"), resetState = () => {
     linkTabProps.current = void 0, setResult(void 0), setResultCounter(void 0), setDefaultTabId(void 0), setPreSuccess(void 0), setDeletionsOnCancel([]);
   }, handleTabChange = (tab) => {
     onTabChange == null || onTabChange(tab, deletionsOnCancel), resetState();
   }, handleOnSuccess = useCallback(() => {
+    if (isSubmitting) return;
     const triggerSuccess = async (result2) => {
       result2 instanceof Array && ["protected", "public"].findIndex((v) => v === visibility) >= 0 && (result2 = await odeServices.workspace().transferDocuments(result2, appCode ?? "media-library", visibility)), onSuccess(result2);
     };
-    onSuccessAction ? onSuccessAction().then((result2) => {
-      triggerSuccess(result2);
-    }) : result && triggerSuccess(result), resetState();
-  }, [onSuccessAction, result, onSuccess, visibility, appCode]), handleOnCancel = () => {
+    (async () => {
+      setIsSubmitting(!0);
+      try {
+        if (onSuccessAction) {
+          const asyncResult = await onSuccessAction();
+          await triggerSuccess(asyncResult);
+        } else result && await triggerSuccess(result);
+        resetState();
+      } catch {
+      } finally {
+        setIsSubmitting(!1);
+      }
+    })();
+  }, [isSubmitting, onSuccessAction, result, onSuccess, visibility, appCode]), handleOnCancel = () => {
     onCancel(deletionsOnCancel), resetState();
   };
   return type && /* @__PURE__ */ jsx(MediaLibraryContext.Provider, { value: {
@@ -214,7 +239,7 @@ const orderedTabs = [
     ] }) }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
       /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleOnCancel, children: t("cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", disabled: typeof result > "u", onClick: handleOnSuccess, children: resultCounter && resultCounter > 1 ? t("addMultiple", {
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", disabled: typeof result > "u" || isSubmitting, onClick: handleOnSuccess, children: resultCounter && resultCounter > 1 ? t("addMultiple", {
         number: resultCounter
       }) : t("add") })
     ] })

package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.d.ts

@@ -0,0 +1 @@
+export declare const Nextcloud: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { odeServices } from "@edifice.io/client";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+import Nextcloud$1 from "../../Nextcloud/Nextcloud.js";
+const Nextcloud = () => {
+  const {
+    appCode,
+    visibility,
+    type,
+    setResultCounter,
+    setResult,
+    setPreSuccess,
+    multiple
+  } = useMediaLibraryContext(), {
+    user
+  } = useUser();
+  function getDocumentRoleFilter() {
+    switch (type) {
+      case "image":
+        return "img";
+      case "audio":
+        return "audio";
+      case "video":
+        return "video";
+      default:
+        return null;
+    }
+  }
+  function handleSelect(result) {
+    setResultCounter(result.length), result.length ? (setResult(result), setPreSuccess(() => () => user != null && user.userId ? odeServices.nextcloud().copyDocumentToWorkspace(
+      user.userId,
+      result.map((doc) => doc.path),
+      void 0,
+      // Copy the documents straight to their final place, the way an
+      // upload does, instead of leaving a copy in the user's own
+      // documents for the modal to transfer afterwards.
+      {
+        application: appCode,
+        visibility
+      }
+    ) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
+  }
+  return /* @__PURE__ */ jsx(Nextcloud$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
+};
+export {
+  Nextcloud
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/index.d.ts

@@ -4,6 +4,7 @@ export declare const InnerTabs: {
     Upload: () => import("react/jsx-runtime").JSX.Element;
     ExternalLink: ({ link, multiNodeSelected, }: import('./ExternalLink').ExternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;
     Workspace: () => import("react/jsx-runtime").JSX.Element;
+    Nextcloud: () => import("react/jsx-runtime").JSX.Element;
     InternalLink: ({ target, resourceId, appPrefix, }: import('./InternalLink').InternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;
     Iframe: () => import("react/jsx-runtime").JSX.Element;
     VideoEmbedder: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/MediaLibrary/innertabs/index.js

@@ -2,6 +2,7 @@ import { Audio } from "./Audio.js";
 import { ExternalLink } from "./ExternalLink.js";
 import { Iframe } from "./Iframe.js";
 import { InternalLink } from "./InternalLink.js";
+import { Nextcloud } from "./Nextcloud.js";
 import { Upload } from "./Upload.js";
 import { Video } from "./Video.js";
 import { VideoEmbedder } from "./VideoEmbedder.js";
@@ -12,6 +13,7 @@ const InnerTabs = {
   Upload,
   ExternalLink,
   Workspace,
+  Nextcloud,
   InternalLink,
   Iframe,
   VideoEmbedder

package/dist/modules/multimedia/Nextcloud/Nextcloud.d.ts

@@ -0,0 +1,24 @@
+import { NextcloudDocument, Role } from '@edifice.io/client';
+/**
+ * Nextcloud component properties
+ */
+export interface NextcloudProps {
+    /**
+     * Notify parent when media elements are successfully selected.
+     */
+    onSelect: (result: NextcloudDocument[]) => void;
+    /**
+     * Boolean to know if we can select 1 or many files.
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Document roles to filter files by; null (default) shows all roles.
+     */
+    roles?: Role | Role[] | null;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+declare const Nextcloud: ({ onSelect, multiple, roles, className, }: NextcloudProps) => import("react/jsx-runtime").JSX.Element;
+export default Nextcloud;

package/dist/modules/multimedia/Nextcloud/Nextcloud.js

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect, useMemo } from "react";
+import { DocumentHelper } from "@edifice.io/client";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { findNodeById } from "../../../components/Tree/utilities/tree.js";
+import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
+import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
+import SvgIconSortTime from "../../icons/components/IconSortTime.js";
+import illuError from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-error.svg";
+import illuConnectionLost from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-connection-lost.svg";
+import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
+import useUser from "../../../hooks/useUser/useUser.js";
+import useToast from "../../../hooks/useToast/useToast.js";
+import useNextcloudSearch from "../../../hooks/useNextcloudSearch/useNextcloudSearch.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import Flex from "../../../components/Flex/Flex.js";
+import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
+import Button from "../../../components/Button/Button.js";
+import { Grid } from "../../../components/Grid/Grid.js";
+import Tree from "../../../components/Tree/components/Tree.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
+import Dropdown from "../../../components/Dropdown/Dropdown.js";
+import NextcloudFileCard from "../FileCard/NextcloudFileCard.js";
+const ROOT_ID = "root";
+function compare(a, b) {
+  return a === b ? 0 : a === void 0 ? -1 : b === void 0 ? 1 : a.localeCompare(b);
+}
+const Nextcloud = ({
+  onSelect,
+  multiple = !0,
+  roles,
+  className
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    user
+  } = useUser(), toast = useToast(), {
+    root,
+    needsAuth,
+    isCheckingAuth,
+    isAuthError,
+    refetchAuthStatus,
+    loadContent,
+    loadError
+  } = useNextcloudSearch(ROOT_ID, t("nextcloud"), user == null ? void 0 : user.userId), popupRef = useRef(null), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), currentNode = findNodeById(root, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(void 0), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
+    setCurrentNodeId(nodeId), loadContent(nodeId);
+  }, [loadContent]);
+  useEffect(() => {
+    needsAuth || loadContent(ROOT_ID);
+  }, [loadContent, needsAuth]);
+  const documents = useMemo(() => {
+    if (!currentNode.files) return;
+    const matchesRole = (doc) => {
+      if (!roles) return !0;
+      const role = DocumentHelper.role(doc.contentType, !1);
+      return Array.isArray(roles) ? roles.includes(role) : roles === role;
+    }, normalizedSearchTerm = searchTerm == null ? void 0 : searchTerm.toLowerCase(), list = currentNode.files.filter((f) => (!normalizedSearchTerm || f.name.toLowerCase().includes(normalizedSearchTerm)) && matchesRole(f));
+    let sortFunction;
+    return sortOrder[0] === "name" ? sortFunction = sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : sortFunction = (a, b) => compare(b.lastModified, a.lastModified), list.sort(sortFunction);
+  }, [currentNode, searchTerm, sortOrder, roles]), selectedPaths = useMemo(() => new Set(selectedDocuments.map((d) => d.path)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
+    setSearchTerm(e.target.value);
+  }, [setSearchTerm]);
+  function getSortOrderLabel() {
+    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
+  }
+  function handleSelectDoc(doc) {
+    let currentDocuments = [...selectedDocuments];
+    multiple ? currentDocuments.some((selectedDocument) => selectedDocument.path === doc.path) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument.path !== doc.path) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
+  }
+  const nextcloud = clsx("workspace flex-grow-1 gap-0", className), openLoginPopup = () => {
+    popupRef.current = window.open(`${window.location.origin}/nextcloud/user/oauth2/init`, "", "popup, height=600, width=400"), popupRef.current || toast.error(t("nextcloud.auth.popupBlocked"));
+  };
+  return useEffect(() => {
+    function handleMessage(event) {
+      var _a;
+      event.origin !== window.location.origin || ((_a = event.data) == null ? void 0 : _a.type) !== "nextcloud-connected" || (popupRef.current && !popupRef.current.closed && popupRef.current.close(), refetchAuthStatus());
+    }
+    return window.addEventListener("message", handleMessage), () => window.removeEventListener("message", handleMessage);
+  }, [refetchAuthStatus]), isCheckingAuth ? /* @__PURE__ */ jsx(LoadingScreen, {}) : isAuthError ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
+    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("nextcloud.error.title"), text: t("nextcloud.error.description") }),
+    /* @__PURE__ */ jsx(Button, { onClick: () => refetchAuthStatus(), children: t("retry") })
+  ] }) : needsAuth ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
+    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuConnectionLost, title: t("nextcloud.auth.title"), text: t("nextcloud.auth.description") }),
+    /* @__PURE__ */ jsx(Button, { onClick: openLoginPopup, children: t("nextcloud.auth.connect") })
+  ] }) : /* @__PURE__ */ jsxs(Grid, { className: nextcloud, children: [
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsx("div", { style: {
+      position: "sticky",
+      top: 0,
+      paddingTop: "1.2rem"
+    }, children: /* @__PURE__ */ jsx(Tree, { nodes: root, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
+      /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
+        /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
+        /* @__PURE__ */ jsxs(Flex, { className: "px-8 py-4", align: "center", justify: "end", children: [
+          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
+          /* @__PURE__ */ jsxs(Dropdown, { children: [
+            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
+            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: loadError ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
+        /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("nextcloud.error.title"), text: t("nextcloud.error.description") }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => loadContent(currentNodeId), children: t("retry") })
+      ] }) : documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
+        const isSelected = selectedPaths.has(doc.path);
+        return /* @__PURE__ */ jsx(NextcloudFileCard, { doc, userId: user.userId, isSelected, onClick: () => handleSelectDoc(doc) }, doc.path);
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+    ] }) })
+  ] });
+};
+export {
+  Nextcloud as default
+};

package/dist/modules/multimedia/Nextcloud/index.d.ts

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

package/dist/modules/multimedia/Workspace/Workspace.js

@@ -6,6 +6,7 @@ import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendin
 import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
 import SvgIconSortTime from "../../icons/components/IconSortTime.js";
 import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
 import useWorkspaceSearch from "../../../hooks/useWorkspaceSearch/useWorkspaceSearch.js";
 import { Grid } from "../../../components/Grid/Grid.js";
 import TreeView from "../../../components/TreeView/TreeView.js";
@@ -15,7 +16,7 @@ import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
 import FileCard from "../FileCard/FileCard.js";
 import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
 import { findTreeNode } from "../../../components/TreeView/utilities/treeview.js";
-const Workspace = ({
+const WORKSPACE_VIEW_WORKFLOW = "org.entcore.workspace.controllers.WorkspaceController|view", Workspace = ({
   roles,
   onSelect,
   multiple = !0,
@@ -25,7 +26,7 @@ const Workspace = ({
 }) => {
   const {
     t
-  } = useTranslation(), {
+  } = useTranslation(), hasWorkspaceViewRight = useHasWorkflow(WORKSPACE_VIEW_WORKFLOW), canViewPersonalFolders = !!hasWorkspaceViewRight, {
     root: ownerRoot,
     loadContent: loadOwnerDocs
   } = useWorkspaceSearch("root", t("workspace.tree.owner"), "owner", roles), {
@@ -111,7 +112,9 @@ const Workspace = ({
         return;
     }
     (_a = ref == null ? void 0 : ref.current) == null || _a.select("root");
-  }, [currentFilter]), useEffect(loadContent, [loadContent]), useEffect(() => {
+  }, [currentFilter]), useEffect(() => {
+    hasWorkspaceViewRight === !1 && (currentFilter === "owner" || currentFilter === "shared") && selectAndLoadContent("protected", "root");
+  }, [hasWorkspaceViewRight]), useEffect(loadContent, [loadContent]), useEffect(() => {
     if (currentNode.files) {
       let list = [].concat(currentNode.files);
       searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0));
@@ -140,8 +143,8 @@ const Workspace = ({
       top: 0,
       paddingTop: "1.2rem"
     }, children: [
-      /* @__PURE__ */ jsx(TreeView, { ref: ownerRef, data: ownerRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("owner", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("owner", nodeId) }),
-      /* @__PURE__ */ jsx(TreeView, { ref: sharedRef, data: sharedRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("shared", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("shared", nodeId) }),
+      canViewPersonalFolders && /* @__PURE__ */ jsx(TreeView, { ref: ownerRef, data: ownerRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("owner", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("owner", nodeId) }),
+      canViewPersonalFolders && /* @__PURE__ */ jsx(TreeView, { ref: sharedRef, data: sharedRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("shared", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("shared", nodeId) }),
       /* @__PURE__ */ jsx(TreeView, { ref: protectRef, data: protectRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("protected", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("protected", nodeId) }),
       showPublicFolder && /* @__PURE__ */ jsx(TreeView, { ref: publicRef, data: publicRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("public", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("public", nodeId) })
     ] }) }),

package/dist/modules/multimedia/index.d.ts

@@ -5,6 +5,7 @@ export * from './ImagePicker';
 export * from './FileCard';
 export * from './Linker';
 export * from './MediaLibrary';
+export * from './Nextcloud';
 export * from './UploadCard';
 export * from './VideoEmbed';
 export * from './VideoRecorder';

package/dist/multimedia.js

@@ -4,12 +4,14 @@ import { default as default4 } from "./modules/multimedia/FileCard/FileCard.js";
 import { default as default5 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 import { default as default6 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default8 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default9 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default10 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default11 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default12 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default13 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default8 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
+import { default as default9 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
+import { default as default10 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default11 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default12 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default13 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default14 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default15 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 import { Upload } from "./modules/multimedia/MediaLibrary/innertabs/Upload.js";
@@ -22,11 +24,13 @@ export {
   default6 as ImagePicker,
   InternalLinker,
   default7 as MediaLibrary,
+  default8 as Nextcloud,
+  default9 as NextcloudFileCard,
   Upload,
-  default8 as UploadCard,
-  default9 as UploadFiles,
-  default10 as VideoEmbed,
-  default11 as VideoRecorder,
-  default12 as Workspace,
-  default13 as WorkspaceFolders
+  default10 as UploadCard,
+  default11 as UploadFiles,
+  default12 as VideoEmbed,
+  default13 as VideoRecorder,
+  default14 as Workspace,
+  default15 as WorkspaceFolders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.9-develop.20261013171251",
+  "version": "2.6.10",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.9-develop.20261013171251",
-    "@edifice.io/utilities": "2.6.9-develop.20261013171251",
-    "@edifice.io/tiptap-extensions": "2.6.9-develop.20261013171251"
+    "@edifice.io/bootstrap": "2.6.10",
+    "@edifice.io/utilities": "2.6.10",
+    "@edifice.io/tiptap-extensions": "2.6.10"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/config": "2.6.9-develop.20261013171251",
-    "@edifice.io/client": "2.6.9-develop.20261013171251"
+    "@edifice.io/client": "2.6.10",
+    "@edifice.io/config": "2.6.10"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",