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

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

@@ -0,0 +1,124 @@
+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 illuNoContentInFolder from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-no-content-in-folder.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__ */ jsxs(Flex, { direction: "column", gap: "8", justify: "center", align: "center", children: [
+      /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder }),
+      /* @__PURE__ */ jsx("h2", { className: "h2 text-secondary mb-8", children: t("nextcloud.auth.title") }),
+      /* @__PURE__ */ jsx("div", { className: "text", children: 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.6",
+  "version": "2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800",
   "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.6",
-    "@edifice.io/tiptap-extensions": "2.6.6",
-    "@edifice.io/utilities": "2.6.6"
+    "@edifice.io/bootstrap": "2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800",
+    "@edifice.io/tiptap-extensions": "2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800",
+    "@edifice.io/utilities": "2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800"
   },
   "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.6",
-    "@edifice.io/client": "2.6.6"
+    "@edifice.io/client": "2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800",
+    "@edifice.io/config": "2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260928093800"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",