@edifice.io/react 2.6.2-develop-integration.20260824151812 → 2.6.2-develop-integration.20260824172410

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

@@ -1,6 +1,6 @@
 import { ID, NextcloudDocument } from '@edifice.io/client';
-import { TreeData } from '../../types';
-export type NextcloudFolderNode = TreeData & {
+import { TreeItem } from '../../components/Tree/types';
+export type NextcloudFolderNode = TreeItem & {
     files?: NextcloudDocument[];
 };
 export default function useNextcloudSearch(rootId: string, rootName: string, userId?: string): {

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.js

@@ -1,29 +1,35 @@
-import { useReducer, useCallback } from "react";
+import { useState, useCallback } from "react";
 import { odeServices } from "@edifice.io/client";
 import { useQueryClient, useQuery } from "@tanstack/react-query";
-import { findNodeById } from "../../components/TreeView/utilities/treeview.js";
+import { findNodeById, modifyNode } from "../../components/Tree/utilities/tree.js";
 function useNextcloudSearch(rootId, rootName, userId) {
   var _a;
-  function treeReducer(state, action) {
-    switch (action.type) {
-      case "update": {
-        const node = findNodeById(state, action.folderId);
-        return node && (node.children = action.subfolders.map((f) => ({
-          id: f.path,
-          name: f.name
-        })), node.files = action.files), {
-          ...state
-        };
-      }
-      default:
-        throw Error("[useNextcloudSearch] Unknown action type: " + action.type);
-    }
-  }
-  const [root, dispatch] = useReducer(treeReducer, {
+  const [root, setRoot] = useState({
     id: rootId,
     name: rootName,
     section: !0
-  }), queryClient = useQueryClient(), oauth2StatusQuery = useQuery({
+  }), 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
@@ -36,13 +42,8 @@ function useNextcloudSearch(rootId, rootName, userId) {
     }), subfolders = [], files = [], currentPath = path ?? "/";
     payload.filter((doc) => doc.path !== currentPath).forEach((doc) => {
       doc.isFolder ? subfolders.push(doc) : files.push(doc);
-    }), dispatch({
-      folderId,
-      subfolders,
-      files,
-      type: "update"
-    });
-  }, [rootId, userId, queryClient]);
+    }), updateFolder(folderId, subfolders, files);
+  }, [rootId, userId, queryClient, updateFolder]);
   return {
     root,
     needsAuth,

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

@@ -9,6 +9,63 @@ 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,
@@ -23,67 +80,7 @@ const NextcloudFileCard = ({
   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, {
+  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})`,
@@ -93,7 +90,7 @@ const NextcloudFileCard = ({
     /* @__PURE__ */ jsx("div", { ref, className: file, style: {
       aspectRatio: "16/10",
       ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    }, 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 })

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";
@@ -103,7 +104,7 @@ const orderedTabs = [
     },
     nextcloud: {
       id: "nextcloud",
-      icon: /* @__PURE__ */ jsx(SvgIconGlobe, {}),
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe2, {}),
       label: t("bbm.nextcloud"),
       content: /* @__PURE__ */ jsx(InnerTabs.Nextcloud, {}),
       availableFor: ["audio", "video", "image", "attachment"],

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

@@ -8,6 +8,7 @@ import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendin
 import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
 import SvgIconSortTime from "../../icons/components/IconSortTime.js";
 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 useNextcloudSearch from "../../../hooks/useNextcloudSearch/useNextcloudSearch.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
@@ -39,22 +40,22 @@ const Nextcloud = ({
     isCheckingAuth,
     refetchAuthStatus,
     loadContent
-  } = useNextcloudSearch(ROOT_ID, t("nextcloud"), user == null ? void 0 : user.userId), popupRef = useRef(null), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), treeRoot = root, currentNode = findNodeById(treeRoot, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
+  } = 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(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
     setCurrentNodeId(nodeId), loadContent(nodeId);
   }, [loadContent]);
   useEffect(() => {
-    loadContent(ROOT_ID);
-  }, [loadContent]);
+    needsAuth || loadContent(ROOT_ID);
+  }, [loadContent, needsAuth]);
   const documents = useMemo(() => {
     if (!currentNode.files) return;
-    let list = [].concat(currentNode.files);
-    searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0)), roles && (list = list.filter((f) => {
-      const role = DocumentHelper.role(f.contentType, !1);
-      return typeof roles == "string" ? roles === role : Array.isArray(roles) ? roles.includes(role) : !1;
-    }));
-    const sortFunction = sortOrder[0] === "name" ? sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : (a, b) => compare(b.lastModified, a.lastModified);
-    return list.sort(sortFunction);
-  }, [root, currentNode, searchTerm, sortOrder, roles]), selectedPaths = useMemo(() => new Set(selectedDocuments.map((d) => d.path)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
+    const matchesRole = (doc) => {
+      if (!roles) return !0;
+      const role = DocumentHelper.role(doc.contentType, !1);
+      return Array.isArray(roles) ? roles.includes(role) : roles === role;
+    }, list = currentNode.files.filter((f) => (!searchTerm || f.name.indexOf(searchTerm) >= 0) && 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() {
@@ -73,19 +74,23 @@ const Nextcloud = ({
       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, {}) : needsAuth ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "h-full w-100", justify: "center", align: "center", children: [
-    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder }),
-    /* @__PURE__ */ jsx(Button, { onClick: openLoginPopup, children: "Login to nextcloud" })
+  }, [refetchAuthStatus]), isCheckingAuth ? /* @__PURE__ */ jsx(LoadingScreen, {}) : 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: "Connectez vos Documents Synchronisés" }),
+      /* @__PURE__ */ jsx("div", { className: "text", children: "Connectez-vous pour parcourir vos Documents Synchronisés et les insérer ici." })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { onClick: openLoginPopup, children: "Se connecter" })
   ] }) : /* @__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: treeRoot, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
+    }, 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("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
+        /* @__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" }),
@@ -100,7 +105,7 @@ const Nextcloud = ({
       /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: 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: illuNoContentInFolder, size: 64, text: t("nextcloud.empty.docSpace") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
     ] }) })
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.2-develop-integration.20260824151812",
+  "version": "2.6.2-develop-integration.20260824172410",
   "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.2-develop-integration.20260824151812",
-    "@edifice.io/tiptap-extensions": "2.6.2-develop-integration.20260824151812",
-    "@edifice.io/utilities": "2.6.2-develop-integration.20260824151812"
+    "@edifice.io/tiptap-extensions": "2.6.2-develop-integration.20260824172410",
+    "@edifice.io/utilities": "2.6.2-develop-integration.20260824172410",
+    "@edifice.io/bootstrap": "2.6.2-develop-integration.20260824172410"
   },
   "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/client": "2.6.2-develop-integration.20260824151812",
-    "@edifice.io/config": "2.6.2-develop-integration.20260824151812"
+    "@edifice.io/client": "2.6.2-develop-integration.20260824172410",
+    "@edifice.io/config": "2.6.2-develop-integration.20260824172410"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",