@edifice.io/react 2.2.5-develop-pedago.20250430103926 → 2.2.5-develop-b2school.20250506170337

package/dist/components/Tree/types/index.d.ts

@@ -115,10 +115,6 @@ export interface TreeNodeProps extends ComponentPropsWithRef<'li'>, SharedTreePr
      * Nodes expanded (opened)
      */
     expandedNodes: Set<string>;
-    /**
-     * Siblings nodes
-     */
-    siblingsNodes?: React.MutableRefObject<Set<string>>;
     /**
      * Node is a child
      */

package/dist/editor.js

@@ -2,19 +2,21 @@ import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
 import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
 import { default as default4 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default8 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
-import { default as default11 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default6 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default7 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default11 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
 import { default as default12 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default13 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default14 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default16 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default17 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default13 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default15 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default16 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default17 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default18 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default19 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -29,26 +31,28 @@ import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognitio
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 export {
-  default6 as AttachmentNodeView,
+  default5 as AttachmentNodeView,
   default12 as AttachmentRenderer,
-  default5 as AudioNodeView,
-  default11 as AudioRenderer,
+  default6 as AudioNodeView,
+  default13 as AudioRenderer,
   default4 as BubbleMenuEditImage,
+  default7 as ConversationHistoryNodeView,
+  default14 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
   EditorToolbar,
-  default7 as ImageNodeView,
-  default10 as InformationPaneNodeView,
-  default15 as InformationPaneRenderer,
-  default17 as LinkToolbar,
-  default8 as LinkerNodeView,
-  default13 as LinkerRenderer,
-  default14 as MediaRenderer,
+  default8 as ImageNodeView,
+  default11 as InformationPaneNodeView,
+  default17 as InformationPaneRenderer,
+  default19 as LinkToolbar,
+  default9 as LinkerNodeView,
+  default15 as LinkerRenderer,
+  default16 as MediaRenderer,
   default2 as StarterKit,
-  default16 as TableToolbar,
-  default9 as VideoNodeView,
+  default18 as TableToolbar,
+  default10 as VideoNodeView,
   useActionOptions,
   useCommentEditor,
   useEditor,

package/dist/hooks/index.d.ts

@@ -29,6 +29,7 @@ export * from './useUpload';
 export * from './useUploadFiles';
 export * from './useUser';
 export * from './useWorkspaceFile';
+export * from './useWorkspaceFolders';
 export * from './useWorkspaceSearch';
 export * from './useXitiTrackPageLoad';
 export * from './useZendeskGuide';

package/dist/hooks/useCheckable/useCheckable.js

@@ -1,13 +1,20 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 const useCheckable = (data) => {
-  const [selectedItems, setSelectedItems] = useState([]), handleOnSelectItem = (itemId) => {
+  const [selectedItems, setSelectedItems] = useState([]);
+  useEffect(() => {
+    if (data) {
+      const validSelectedItems = selectedItems.filter((id) => data.some((item) => item._id === id));
+      validSelectedItems.length !== selectedItems.length && setSelectedItems(validSelectedItems);
+    }
+  }, [data]);
+  const handleOnSelectItem = (itemId) => {
     setSelectedItems((currentSelection) => {
       const newSelection = [...currentSelection];
       return newSelection.includes(itemId) ? newSelection.splice(newSelection.indexOf(itemId), 1) : newSelection.push(itemId), newSelection;
     });
   }, handleOnSelectAllItems = (deselect) => {
     setSelectedItems(() => deselect ? [] : (data == null ? void 0 : data.map((item) => item._id)) ?? []);
-  }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length), isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
+  }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length) && (data == null ? void 0 : data.length) > 0, isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
   return {
     selectedItems,
     allItemsSelected,

package/dist/hooks/useConversation/useConversation.d.ts

@@ -1,5 +1,5 @@
 declare const useConversation: () => {
-    readonly messages: number;
+    readonly messages: any;
     readonly msgLink: string;
     readonly zimbraWorkflow: boolean | Record<string, boolean> | undefined;
 };

package/dist/hooks/useConversation/useConversation.js

@@ -1,23 +1,21 @@
 import { useState, useEffect } from "react";
 import { odeServices } from "@edifice.io/client";
+import { useQuery } from "@tanstack/react-query";
 import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
 const useConversation = () => {
-  const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [messages, setMessages] = useState(0), [msgLink, setMsgLink] = useState(""), queryParams = {
+  const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [msgLink, setMsgLink] = useState(""), queryParams = {
     unread: !0,
     _: (/* @__PURE__ */ new Date()).getTime()
-  }, refreshMails = async () => {
-    const url = zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX";
-    try {
-      const {
-        count
-      } = await odeServices.http().get(url, {
-        queryParams
-      });
-      setMessages(count ?? 0);
-    } catch (error) {
-      console.error(error), setMessages(0);
-    }
-  }, goToMessagerie = async () => {
+  }, {
+    data: messages
+  } = useQuery({
+    queryKey: ["conversation-navbar-count"],
+    queryFn: async () => await odeServices.http().get(zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX", {
+      queryParams
+    }),
+    staleTime: 5 * 60 * 1e3
+    // 5 minutes
+  }), goToMessagerie = async () => {
     const defaultLink = "/zimbra/zimbra";
     try {
       const {
@@ -29,11 +27,9 @@ const useConversation = () => {
     }
   };
   return useEffect(() => {
-    refreshMails();
-  }, []), useEffect(() => {
     goToMessagerie();
   }, []), {
-    messages,
+    messages: messages ? messages.count : 0,
     msgLink,
     zimbraWorkflow
   };

package/dist/hooks/useDropdown/useDropdown.d.ts

@@ -27,6 +27,7 @@ export interface UseDropdownProps {
     menuProps: Record<string, any>;
     itemProps: Record<string, any>;
     setVisible: Dispatch<SetStateAction<boolean>>;
+    openOnSpace?: boolean;
 }
-declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean) => UseDropdownProps;
+declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean) => UseDropdownProps;
 export default useDropdown;

package/dist/hooks/useDropdown/useDropdown.js

@@ -1,7 +1,7 @@
 import { useId, useState, useRef, useEffect, useCallback } from "react";
 import { useFloating, offset, size, flip, autoUpdate, useHover, safePolygon } from "@floating-ui/react";
 import { mergeRefs } from "../../utilities/refs/ref.js";
-const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1) => {
+const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0, openOnSpace = !0) => {
   const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {
     refs,
     floatingStyles,
@@ -11,7 +11,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     open: visible,
     onOpenChange: setVisible,
     whileElementsMounted: autoUpdate,
-    middleware: [offset(4), size({
+    middleware: [offset(0), size({
       apply({
         rects,
         elements
@@ -32,7 +32,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
   });
   const menuRef = useRef(null), triggerRef = useRef(null), itemRefs = useRef({});
   useEffect(() => {
-    visible ? menuRef.current && (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
+    visible && menuRef.current && focusOnVisible ? (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
   }, [visible]), useEffect(() => {
     if (activeIndex !== -1) {
       const currentItem = Object.values(itemRefs.current)[activeIndex];
@@ -66,6 +66,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     switch (event.code) {
       case " ":
       case "Space":
+        if (!openOnSpace)
+          break;
       case "Enter":
       case "ArrowDown":
       case "Down":

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

@@ -0,0 +1,3 @@
+export { default as useWorkspaceFolders } from './useWorkspaceFolders';
+export { default as useWorkspaceFoldersTree } from './useWorkspaceFoldersTree';
+export * from './useWorkspaceFoldersTree';

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js

@@ -0,0 +1,54 @@
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { useMemo, useCallback } from "react";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useTranslation } from "react-i18next";
+import useToast from "../useToast/useToast.js";
+function useWorkspaceFolders() {
+  const queryClient = useQueryClient(), {
+    user
+  } = useEdificeClient(), toast = useToast(), {
+    t
+  } = useTranslation(), {
+    data: ownerWorkspaceData = [],
+    isLoading: isLoadingOwner
+  } = useQuery({
+    queryKey: ["workspace", "folders", "owner"],
+    queryFn: () => odeServices.workspace().listOwnerFolders(!0)
+  }), {
+    data: sharedWorkspaceData = [],
+    isLoading: isLoadingShared
+  } = useQuery({
+    queryKey: ["workspace", "folders", "shared"],
+    queryFn: () => odeServices.workspace().listSharedFolders(!0)
+  }), createFolderMutation = useMutation({
+    mutationFn: ({
+      folderName,
+      folderParentId
+    }) => odeServices.workspace().createFolder(folderName, folderParentId),
+    onSuccess: (newFolder) => {
+      const queryKey = ["workspace", "folders", newFolder.isShared ? "shared" : "owner"];
+      queryClient.setQueryData(queryKey, (oldFolders) => [...oldFolders, newFolder]);
+    },
+    onError: () => {
+      toast.error(t("e400"));
+    }
+  }), folders = useMemo(() => [...ownerWorkspaceData, ...sharedWorkspaceData], [ownerWorkspaceData, sharedWorkspaceData]), canCopyFileIntoFolder = useCallback((folderId) => {
+    var _a;
+    const folder = folders.find((folder2) => folder2._id === folderId);
+    if (!folder || !user) return !1;
+    const userId = user.userId;
+    if (folder.owner === userId) return !0;
+    const userRights = (_a = folder.inheritedShares) == null ? void 0 : _a.filter((right) => right.userId === userId || user.groupsIds.includes(right.groupId)), contrib = "org-entcore-workspace-controllers-WorkspaceController|updateDocument";
+    return !!(userRights != null && userRights.find((right) => right[contrib]));
+  }, [folders, user]);
+  return {
+    folders,
+    createFolderMutation,
+    canCopyFileIntoFolder,
+    isLoading: isLoadingOwner || isLoadingShared
+  };
+}
+export {
+  useWorkspaceFolders as default
+};

package/dist/hooks/useWorkspaceFolders/useWorkspaceFoldersTree.d.ts

@@ -0,0 +1,13 @@
+import { WorkspaceElement } from '@edifice.io/client';
+interface FolderTreeNode {
+    id: string;
+    name: string;
+    children?: FolderTreeNode[];
+}
+export declare const WORKSPACE_USER_FOLDER_ID = "workspace-user-folder-id";
+export declare const WORKSPACE_SHARED_FOLDER_ID = "workspace-shared-folder-id";
+declare function useWorkspaceFoldersTree(folders?: WorkspaceElement[]): {
+    foldersTree: FolderTreeNode[];
+    filterTree: import('react').Dispatch<import('react').SetStateAction<string>>;
+};
+export default useWorkspaceFoldersTree;

package/dist/hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js

@@ -0,0 +1,51 @@
+import { useState, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+const WORKSPACE_USER_FOLDER_ID = "workspace-user-folder-id", WORKSPACE_SHARED_FOLDER_ID = "workspace-shared-folder-id";
+function useWorkspaceFoldersTree(folders) {
+  const {
+    t
+  } = useTranslation(), {
+    user
+  } = useEdificeClient(), [searchQuery, setSearchQuery] = useState("");
+  return {
+    foldersTree: useMemo(() => {
+      const userTreeLabel = t("workspace.myDocuments"), sharedTreeLabel = t("workspace.sharedDocuments"), foldersTree = buildTree(folders || [], userTreeLabel, sharedTreeLabel);
+      return searchQuery ? filterTree(foldersTree, searchQuery) : foldersTree;
+    }, [folders, searchQuery, user]),
+    filterTree: setSearchQuery
+  };
+}
+const buildTree = (workspaceData, userTreeLabel, sharedTreeLabel) => {
+  const nodes = /* @__PURE__ */ new Map(), userTree = [], sharedTree = [];
+  return workspaceData.forEach((item) => {
+    nodes.set(item._id, {
+      id: item._id,
+      name: item.name,
+      children: []
+    });
+  }), workspaceData.forEach((item) => {
+    var _a;
+    const nodeItem = nodes.get(item._id);
+    item.eParent && nodes.has(item.eParent) ? (_a = nodes.get(item.eParent)) == null || _a.children.push(nodeItem) : item.isShared ? sharedTree.push(nodeItem) : userTree.push(nodeItem);
+  }), [{
+    id: WORKSPACE_USER_FOLDER_ID,
+    name: userTreeLabel,
+    children: userTree
+  }, {
+    id: WORKSPACE_SHARED_FOLDER_ID,
+    name: sharedTreeLabel,
+    children: sharedTree
+  }];
+}, filterTree = (nodes, search) => nodes.map((node) => {
+  const filteredChildren = node.children ? filterTree(node.children, search) : [];
+  return node.name.toLowerCase().includes(search.toLowerCase()) || filteredChildren.length > 0 ? {
+    ...node,
+    children: filteredChildren
+  } : null;
+}).filter((node) => node !== null);
+export {
+  WORKSPACE_SHARED_FOLDER_ID,
+  WORKSPACE_USER_FOLDER_ID,
+  useWorkspaceFoldersTree as default
+};