@edifice.io/react 2.6.0-develop-pedago.20260721150256 → 2.6.0-develop-integration.20260722215838

package/dist/index.js

@@ -44,78 +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 "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default109 } from "./hooks/useUpload/useUpload.js";
-import { default as default110 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default111 } from "./hooks/useUser/useUser.js";
-import { default as default112 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default113 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default114 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default115 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default116 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default117 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { 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";
@@ -146,6 +150,7 @@ import { UserSearch } from "./components/UserSearch/UserSearch.js";
 import { VisibleType } from "./components/UserSearch/types/visible.js";
 import { buildTree, determineNewParentId, findItemIndexInTree, flattenNodes, flattenTree, generateUpdateData, getActiveAndOverNodes, getDragDepth, getIndicesToUpdate, getProjection, updateParentIds } from "./components/Tree/utilities/tree-sortable.js";
 import { checkUserRight } from "./utilities/check-user-rights/check-user-rights.js";
+import { createSelectors } from "./utilities/create-selectors/create-selectors.js";
 import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-mapping.js";
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
@@ -223,59 +228,62 @@ 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,
   checkUserRight,
+  createSelectors,
   deleteNode,
   determineNewParentId,
   emptyScreenMapping,
@@ -301,56 +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 useUpdateMutation,
-  default109 as useUpload,
-  default110 as useUploadFiles,
-  default111 as useUser,
-  default112 as useWorkspaceFile,
-  default113 as useWorkspaceFolders,
-  default114 as useWorkspaceFoldersTree,
-  default115 as useWorkspaceSearch,
-  default116 as useXitiTrackPageLoad,
-  default117 as useZendeskGuide,
+  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/Header/Header.d.ts

@@ -1,9 +1,11 @@
 export interface HeaderProps {
     src: string | undefined;
     onNotificationsClick?: () => void;
+    /** Scope this header's CSS theme (`data-product`) to its own subtree, independently of the page's ambient theme. */
+    dataProduct?: string;
 }
 declare const Header: {
-    ({ src, onNotificationsClick, }: HeaderProps): JSX.Element;
+    ({ src, onNotificationsClick, dataProduct, }: HeaderProps): JSX.Element;
     displayName: string;
 };
 export default Header;

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

@@ -25,7 +25,8 @@ import Avatar from "../../../../components/Avatar/Avatar.js";
 import { Popover, PopoverBody } from "../../../../components/Popover/Popover.js";
 const Header = ({
   src = "",
-  onNotificationsClick
+  onNotificationsClick,
+  dataProduct
 }) => {
   const {
     t
@@ -47,7 +48,7 @@ const Header = ({
   } = useEdificeTheme(), hasMessages = messages > 0, [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
     onNotificationsClick == null || onNotificationsClick();
   };
-  return /* @__PURE__ */ jsx("header", { className: classes, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
+  return /* @__PURE__ */ jsx("header", { className: classes, "data-product": dataProduct, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
     /* @__PURE__ */ jsx(LogoBeta, { src: `${src}/img/illustrations/logo.png` }),
     /* @__PURE__ */ jsxs("ul", { className: "navbar-nav", children: [
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/timeline/timeline", translate: t("navbar.home"), "data-testid": "header-home-button", children: /* @__PURE__ */ jsx(SvgIconHomeBeta, {}) }) }),

package/dist/modules/homepage/components/MessageFlashList/index.d.ts

@@ -1,4 +1,5 @@
 export * from './MessageFlash';
 export * from './MessageFlashList';
 export * from './MessageFlashListContainer';
+export { default as MessageFlash } from './MessageFlash';
 export { default as MessageFlashList } from './MessageFlashList';

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,105 @@
+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 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);
+  function getRoleMap(type2) {
+    if (customIcon !== void 0 || customColor !== void 0)
+      return {
+        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: customColor || "bg-gray-300",
+        hasShadow: !1
+      };
+    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"
+      }
+    };
+    return roleMappings[type2] || roleMappings.unknown;
+  }
+  const roleMap = getRoleMap(type ?? "unknown"), 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" || 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

@@ -12,6 +12,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 +30,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 +73,7 @@ const orderedTabs = [
   onCancel,
   onTabChange
 }, ref) => {
-  var _a;
+  var _a, _b;
   const linkTabProps = useRef(), refModal = useRef(null);
   useImperativeHandle(ref, () => ({
     show,
@@ -81,7 +84,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 +101,14 @@ const orderedTabs = [
       availableFor: ["audio", "video", "image", "attachment"],
       isEnable: null
     },
+    nextcloud: {
+      id: "nextcloud",
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe, {}),
+      label: t("bbm.nextcloud"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Nextcloud, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => !!enableNextcloudTab
+    },
     upload: {
       id: "upload",
       icon: /* @__PURE__ */ jsx(SvgIconSmartphone, {}),
@@ -177,17 +190,17 @@ 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(() => {
+  }, isWorkspaceElementArray = (result2) => Array.isArray(result2) && (result2.length === 0 || "eType" in result2[0]), handleOnSuccess = useCallback(() => {
     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);
+      isWorkspaceElementArray(result2) && ["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);

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

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