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

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

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import ButtonSkeleton from "../../../../components/Skeleton/ButtonSkeleton.js";
+const primaryTitleWidths = ["80%", "64%", "88%", "72%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
+  /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: "home-card-header", children: [
+    /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "col-5" }),
+    /* @__PURE__ */ jsx(ButtonSkeleton, { "aria-hidden": "true", size: "sm", className: "px-24", color: "tertiary" })
+  ] }),
+  /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", style: {
+    width: "25%"
+  }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("div", { className: "communities-item-image placeholder rounded", style: {
+      display: "block",
+      aspectRatio: "1 / 1"
+    } }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", className: "mt-8", children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        width: primaryWidth,
+        alignSelf: "center"
+      }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) }),
+      /* @__PURE__ */ jsx("div", { style: {
+        width: secondaryTitleWidths[index],
+        alignSelf: "center"
+      }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) })
+    ] })
+  ] }, primaryWidth)) }) })
+] });
+export {
+  CommunitiesSkeleton as default
+};

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

@@ -3,9 +3,10 @@ export interface CommunityItemProps {
     communityImage: string;
     onActionClick: () => void;
     nbNotifications?: number;
+    width?: string;
 }
 declare const CommunityItem: {
-    ({ title, communityImage, nbNotifications, onActionClick, }: CommunityItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, communityImage, nbNotifications, onActionClick, width, }: CommunityItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default CommunityItem;

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Badge from "../../../../components/Badge/Badge.js";
+import Image from "../../../../components/Image/Image.js";
+const CommunityItem = ({
+  title,
+  communityImage,
+  nbNotifications,
+  onActionClick,
+  width = "25%"
+}) => {
+  const hasNotifications = (nbNotifications ?? 0) > 0;
+  return /* @__PURE__ */ jsxs("div", { role: "button", tabIndex: 0, onClick: onActionClick, className: clsx("communities-item", {
+    "communities-item-has-notifications": hasNotifications
+  }), style: {
+    width
+  }, children: [
+    hasNotifications && /* @__PURE__ */ jsx(Badge, { className: "communities-item-badge", variant: {
+      level: "danger",
+      type: "notification"
+    }, children: nbNotifications }),
+    /* @__PURE__ */ jsx(Image, { className: "communities-item-image", src: communityImage, alt: title }),
+    /* @__PURE__ */ jsx("p", { className: "communities-item-title text-truncate text-truncate-2", children: title })
+  ] });
+};
+export {
+  CommunityItem as default
+};

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

@@ -1,10 +1,7 @@
 export interface CommunitiesModel {
     id: number | string;
     title: string;
-    communityImage?: string;
-    icon?: string;
-    nbNotifications?: number;
-    notifications?: number;
+    image?: string;
 }
 export declare function useCommunities(): {
     communities: CommunitiesModel[];

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

@@ -0,0 +1,25 @@
+import { odeServices } from "@edifice.io/client";
+import { useQuery, queryOptions } from "@tanstack/react-query";
+function useCommunities() {
+  const {
+    data,
+    isLoading,
+    error
+  } = useQuery(queryOptions({
+    queryKey: ["communities", "preview"],
+    queryFn: async () => {
+      const http = odeServices.http(), response = await http.get("/communities/api/communities?page=1&size=4");
+      if (http.isResponseError())
+        throw new Error(http.latestResponse.statusText);
+      return response.items;
+    }
+  }));
+  return {
+    communities: data ?? [],
+    isLoading,
+    error
+  };
+}
+export {
+  useCommunities
+};

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

@@ -6,3 +6,4 @@ export * from './MessageFlashList';
 export * from './Notifications';
 export * from './SchoolSpace';
 export * from './UserSpace';
+export * from './Communities';

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/Linker/InternalLinker/InternalLinker.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { App, ILinkedResource } from '@edifice.io/client';
 /**
  * Definition of an internal link.
@@ -32,6 +33,11 @@ export interface InternalLinkerProps {
     applicationList?: ApplicationOption[];
     /** Whether to show the application selector */
     showApplicationSelector?: boolean;
+    /**
+     * Rendered on the search row, where the application selector sits, for
+     * consumers that hide that selector but still need a filter of their own.
+     */
+    searchFilter?: ReactNode;
     /** Disable application selecetor */
     disableApplicationSelector?: boolean;
     /** Optional callback to filter resources after loading. Applied in addition to search filters. */
@@ -49,5 +55,5 @@ export interface InternalLinkerProps {
     /** Label for the "load more" button. Defaults to the `bbm.linker.see.more` i18n key. */
     loadMoreLabel?: string;
 }
-export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, disableApplicationSelector, resourceFilter, onSearch, hasMoreResources, onLoadMore, loadMoreLabel, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, searchFilter, disableApplicationSelector, resourceFilter, onSearch, hasMoreResources, onLoadMore, loadMoreLabel, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
 export default InternalLinker;

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -23,6 +23,7 @@ const InternalLinker = ({
   resourceList,
   applicationList,
   showApplicationSelector = !0,
+  searchFilter,
   disableApplicationSelector = !1,
   resourceFilter,
   onSearch,
@@ -131,6 +132,7 @@ const InternalLinker = ({
         ] }), variant: "ghost", size: "md", disabled: disableApplicationSelector }),
         /* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
       ] }) }),
+      !showApplicationSelector && searchFilter && /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end align-self-center", children: searchFilter }),
       /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto", children: [

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;