@edifice.io/react 2.2.9 → 2.2.10-develop-b2school.20250618120112

package/dist/components/Skeleton/ButtonSkeleton.d.ts

@@ -0,0 +1,11 @@
+import { ButtonColors, ButtonSizes } from '../Button/Button';
+export interface ButtonSkeletonProps {
+    className?: string;
+    color?: ButtonColors;
+    size?: ButtonSizes;
+}
+declare const ButtonSkeleton: {
+    ({ className, color, size, }: ButtonSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ButtonSkeleton;

package/dist/components/Skeleton/ButtonSkeleton.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Button from "../Button/Button.js";
+const ButtonSkeleton = ({
+  className,
+  color = "tertiary",
+  size = "md"
+}) => {
+  const classN = clsx("placeholder", className, {
+    "bg-gray-400": color === "tertiary"
+  });
+  return /* @__PURE__ */ jsx(Button, { className: classN, color, variant: "filled", size, disabled: !0 });
+};
+export {
+  ButtonSkeleton as default
+};

package/dist/components/Skeleton/TextSkeleton.d.ts

@@ -0,0 +1,10 @@
+export type TextSkeletonSizes = 'xs' | 'sm' | 'md' | 'lg';
+export interface TextSkeletonProps {
+    className?: string;
+    size?: TextSkeletonSizes;
+}
+declare const TextSkeleton: {
+    ({ className, size }: TextSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default TextSkeleton;

package/dist/components/Skeleton/TextSkeleton.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const TextSkeleton = ({
+  className,
+  size = "md"
+}) => {
+  const classN = clsx("placeholder", className, {
+    "placeholder-xs": size === "xs",
+    "placeholder-sm": size === "sm",
+    "placeholder-lg": size === "lg"
+  });
+  return /* @__PURE__ */ jsx("span", { className: classN });
+};
+export {
+  TextSkeleton as default
+};

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ButtonSkeleton } from './ButtonSkeleton';
+export { default as TextSkeleton } from './TextSkeleton';
+export * from './ButtonSkeleton';
+export * from './TextSkeleton';

package/dist/components/Toolbar/Toolbar.d.ts

@@ -71,6 +71,10 @@ export interface ToolbarProps extends React.ComponentPropsWithRef<'div'> {
      * Accept optional children
      */
     children?: ReactNode;
+    /**
+     * Hide labels on mobile
+     */
+    shouldHideLabelsOnMobile?: boolean;
 }
 export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Toolbar;

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, createElement } from "react";
 import clsx from "clsx";
+import useBreakpoint from "../../hooks/useBreakpoint/useBreakpoint.js";
 import { mergeRefs } from "../../utilities/refs/ref.js";
 import Tooltip from "../Tooltip/Tooltip.js";
 import Button from "../Button/Button.js";
@@ -12,9 +13,12 @@ const Toolbar = /* @__PURE__ */ forwardRef(({
   align = "space",
   isBlock = !1,
   ariaControls,
-  className
+  className,
+  shouldHideLabelsOnMobile = !1
 }, ref) => {
-  const [firstFocusableItemIndex, setFirstFocusableItemIndex] = useState(0), [a11yNavigationItems, setA11yNavigationItems] = useState([]), [firstA11yNavigationItem, setFirstA11yNavigationItem] = useState(), [lastA11yNavigationItem, setA11yNavigationLastItem] = useState(), divToolbarRef = useRef(), classes = clsx("toolbar z-1000 bg-white", className, {
+  const [firstFocusableItemIndex, setFirstFocusableItemIndex] = useState(0), [a11yNavigationItems, setA11yNavigationItems] = useState([]), [firstA11yNavigationItem, setFirstA11yNavigationItem] = useState(), [lastA11yNavigationItem, setA11yNavigationLastItem] = useState(), divToolbarRef = useRef(), {
+    lg
+  } = useBreakpoint(), classes = clsx("toolbar z-1000 bg-white", className, {
     default: variant === "default",
     "no-shadow": variant === "no-shadow",
     "d-flex": isBlock,
@@ -57,11 +61,12 @@ const Toolbar = /* @__PURE__ */ forwardRef(({
   };
   return /* @__PURE__ */ jsx("div", { ref: mergeRefs(ref, divToolbarRef), className: classes, role: "toolbar", "aria-label": "Text Formatting", "aria-controls": ariaControls, onFocus: handleFocus, onBlur: handleBlur, children: items.map((item, index) => {
     if (item.visibility === "hide") return null;
+    const hideLabel = shouldHideLabelsOnMobile && !lg;
     switch (item.type) {
       case "divider":
         return /* @__PURE__ */ jsx("div", { className: "toolbar-divider" }, item.name ?? index);
       case "button":
-        return /* @__PURE__ */ jsx(Tooltip, { message: renderTooltipMessage(item), placement: renderTooltipPosition(item), children: /* @__PURE__ */ createElement(Button, { ...item.props, key: item.name ?? index, color: item.props.color ? item.props.color : "tertiary", variant: "ghost", tabIndex: index === firstFocusableItemIndex ? 0 : -1, onKeyDown: handleKeyDown }) }, item.name ?? index);
+        return /* @__PURE__ */ jsx(Tooltip, { message: hideLabel ? renderTooltipMessage(item) : void 0, placement: renderTooltipPosition(item), children: /* @__PURE__ */ createElement(Button, { ...item.props, children: !hideLabel && item.props.children, "aria-label": item.name, key: item.name ?? index, color: item.props.color || "tertiary", variant: "ghost", tabIndex: index === firstFocusableItemIndex ? 0 : -1, onKeyDown: handleKeyDown }) }, item.name ?? index);
       case "icon":
         return /* @__PURE__ */ jsx(Tooltip, { message: renderTooltipMessage(item), placement: renderTooltipPosition(item), children: /* @__PURE__ */ createElement(IconButton, { ...item.props, key: item.name ?? index, color: item.props.color ? item.props.color : "tertiary", variant: item.props.variant ? item.props.variant : "ghost", tabIndex: index === firstFocusableItemIndex ? 0 : -1, onKeyDown: handleKeyDown }) }, item.name ?? index);
       case "dropdown":

package/dist/components/Tree/components/Tree.js

@@ -19,7 +19,6 @@ const Tree = ({
   const {
     selectedNodeId,
     expandedNodes,
-    siblingsNodes,
     handleItemClick,
     handleFoldUnfold
   } = useTree({
@@ -31,7 +30,7 @@ const Tree = ({
     onTreeItemFold,
     onTreeItemUnfold
   });
-  return /* @__PURE__ */ jsx("div", { className: "treeview", children: /* @__PURE__ */ jsx("ul", { role: "tree", className: "m-0 p-0", children: Array.isArray(nodes) ? nodes.map((node) => /* @__PURE__ */ jsx(TreeNode, { node, showIcon, selectedNodeId, expandedNodes, siblingsNodes, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold, renderNode }, node.id)) : /* @__PURE__ */ jsx(TreeNode, { node: nodes, selectedNodeId, expandedNodes, siblingsNodes, showIcon, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold }) }) });
+  return /* @__PURE__ */ jsx("div", { className: "treeview", children: /* @__PURE__ */ jsx("ul", { role: "tree", className: "m-0 p-0", children: Array.isArray(nodes) ? nodes.map((node) => /* @__PURE__ */ jsx(TreeNode, { node, showIcon, selectedNodeId, expandedNodes, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold, renderNode }, node.id)) : /* @__PURE__ */ jsx(TreeNode, { node: nodes, selectedNodeId, expandedNodes, showIcon, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold }) }) });
 }, TreeNode = /* @__PURE__ */ forwardRef(({
   node,
   selectedNodeId,

package/dist/components/Tree/hooks/useTree.d.ts

@@ -23,7 +23,6 @@ export declare const useTree: ({ data, externalSelectedNodeId, draggedNode, shou
 }) => {
     selectedNodeId: string | null | undefined;
     expandedNodes: Set<string>;
-    siblingsNodes: import('react').MutableRefObject<Set<string>>;
     draggedNodeId: string | undefined;
     handleItemClick: (nodeId: string) => void;
     handleFoldUnfold: (nodeId: string) => void;

package/dist/components/Tree/hooks/useTree.js

@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { findNodeById, findPathById } from "../utilities/tree.js";
 const useTree = ({
   data,
@@ -9,33 +9,11 @@ const useTree = ({
   onTreeItemFold,
   onTreeItemClick
 }) => {
-  const [internalSelectedNodeId, setInternalSelectedNodeId] = useState(void 0), [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set()), siblingsNodes = useRef(/* @__PURE__ */ new Set()), [draggedNodeId, setDraggedNodeId] = useState(void 0), selectedNodeId = internalSelectedNodeId ?? externalSelectedNodeId;
-  function addNodesWithSiblingHavingChildren(data2) {
-    var _a;
-    Array.isArray(data2) ? data2.forEach((node) => {
-      const resultSet = new Set(siblingsNodes.current);
-      data2.filter(({
-        id
-      }) => id !== node.id).some((sibling) => sibling.children && sibling.children.length > 0) && resultSet.add(node.id), node.children && node.children.length > 0 && node.children.forEach((child) => {
-        var _a2;
-        const childSiblings = (_a2 = node.children) == null ? void 0 : _a2.filter(({
-          id
-        }) => id !== child.id);
-        (childSiblings == null ? void 0 : childSiblings.some((sibling) => sibling.children && sibling.children.length > 0)) && resultSet.add(child.id), addNodesWithSiblingHavingChildren(child);
-      });
-    }) : (_a = data2.children) == null || _a.forEach((child) => {
-      var _a2;
-      const resultSet = new Set(siblingsNodes.current), siblings = (_a2 = data2.children) == null ? void 0 : _a2.filter((c) => c.id !== child.id);
-      (siblings == null ? void 0 : siblings.some((sibling) => sibling.children && sibling.children.length > 0)) && (resultSet.add(child.id), siblingsNodes.current = resultSet), addNodesWithSiblingHavingChildren(child);
-    });
-  }
-  const expandAllNodes = (shouldExpandAllNodes2) => {
+  const [internalSelectedNodeId, setInternalSelectedNodeId] = useState(void 0), [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set()), [draggedNodeId, setDraggedNodeId] = useState(void 0), selectedNodeId = internalSelectedNodeId ?? externalSelectedNodeId, expandAllNodes = (shouldExpandAllNodes2) => {
     const initExpandedNodes = new Set("");
     data && Array.isArray(data) && shouldExpandAllNodes2 && (data.forEach((node) => initExpandedNodes.add(node.id)), setExpandedNodes(initExpandedNodes));
   };
   useEffect(() => {
-    data && addNodesWithSiblingHavingChildren(data);
-  }, [data]), useEffect(() => {
     draggedNode != null && draggedNode.isOver && draggedNode.isTreeview ? (draggedNode.overId && handleItemDrag(draggedNode.overId), setDraggedNodeId(draggedNode.overId)) : setDraggedNodeId(void 0);
   }, [draggedNode]), useEffect(() => {
     shouldExpandAllNodes && expandAllNodes(shouldExpandAllNodes);
@@ -73,7 +51,6 @@ const useTree = ({
   return {
     selectedNodeId,
     expandedNodes,
-    siblingsNodes,
     draggedNodeId,
     handleItemClick,
     handleFoldUnfold,

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

@@ -34,6 +34,7 @@ export * from './PreventPropagation';
 export * from './Radio';
 export * from './SearchBar';
 export * from './Select';
+export * from './Skeleton';
 export * from './StackedGroup';
 export * from './Switch';
 export * from './Table';

package/dist/editor.js

@@ -1,20 +1,23 @@
 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 default4 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default5 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.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 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 default7 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default11 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default12 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default13 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default15 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default16 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default17 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default18 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default19 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default20 } 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";
@@ -31,25 +34,28 @@ import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
   default6 as AttachmentNodeView,
-  default12 as AttachmentRenderer,
-  default5 as AudioNodeView,
-  default11 as AudioRenderer,
-  default4 as BubbleMenuEditImage,
+  default13 as AttachmentRenderer,
+  default7 as AudioNodeView,
+  default14 as AudioRenderer,
+  default5 as BubbleMenuEditImage,
+  default8 as ConversationHistoryNodeView,
+  default15 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
+  default4 as EditorSkeleton,
   EditorToolbar,
-  default7 as ImageNodeView,
-  default10 as InformationPaneNodeView,
-  default15 as InformationPaneRenderer,
-  default17 as LinkToolbar,
-  default8 as LinkerNodeView,
-  default13 as LinkerRenderer,
-  default14 as MediaRenderer,
+  default9 as ImageNodeView,
+  default12 as InformationPaneNodeView,
+  default18 as InformationPaneRenderer,
+  default20 as LinkToolbar,
+  default10 as LinkerNodeView,
+  default16 as LinkerRenderer,
+  default17 as MediaRenderer,
   default2 as StarterKit,
-  default16 as TableToolbar,
-  default9 as VideoNodeView,
+  default19 as TableToolbar,
+  default11 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

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: ["folder", "count", "inbox"],
+    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/useDate/useDate.d.ts

@@ -11,4 +11,5 @@ export type CoreDate = IsoDate | MongoDate | NumberDate;
 export default function useDate(): {
     fromNow: (date: CoreDate | NumberDate) => string;
     formatDate: (date: CoreDate, format?: string) => string;
+    formatTimeAgo: (date: CoreDate | NumberDate) => string;
 };

package/dist/hooks/useDate/useDate.js

@@ -9,13 +9,16 @@ import "dayjs/locale/fr.js";
 import "dayjs/locale/it.js";
 import "dayjs/locale/pt.js";
 import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useTranslation } from "react-i18next";
 dayjs.extend(relativeTime);
 dayjs.extend(customParseFormat);
 dayjs.extend(localizedFormat);
 function useDate() {
   const {
     currentLanguage
-  } = useEdificeClient(), parseDate = useCallback((date, lang) => {
+  } = useEdificeClient(), {
+    t
+  } = useTranslation(), parseDate = useCallback((date, lang) => {
     if (date.length < 11) return dayjs(date, ["YYYY-MM-DD"], lang);
     if (date.split("").findIndex((char) => "0" > char || char > "9") < 0)
       return dayjs(Number.parseInt(date)).locale(currentLanguage);
@@ -23,41 +26,44 @@ function useDate() {
       let day = dayjs(date).locale(currentLanguage);
       return day.isValid() || (day = dayjs(date, ["YYYY-MM-DD HH:mm:ss.SSS"]).locale(currentLanguage)), day;
     }
-  }, [currentLanguage]), fromNow = useCallback((date) => {
+  }, [currentLanguage]), toComputedDate = useCallback((date) => {
     let computedDate = dayjs();
     try {
-      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(date) : typeof date == "number" ? computedDate = dayjs(date).locale(currentLanguage) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date)), computedDate.isValid() ? computedDate.fromNow() : "");
+      return typeof date > "u" ? void 0 : (typeof date == "string" ? computedDate = parseDate(date) : typeof date == "number" ? computedDate = dayjs(date).locale(currentLanguage) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date)), computedDate);
     } catch (error) {
-      return console.error(error), "";
+      console.error(error);
     }
+    return computedDate;
+  }, [currentLanguage, parseDate]), formatTimeAgo = useCallback((date) => {
+    const computedDate = toComputedDate(date);
+    if (!(computedDate != null && computedDate.isValid())) return "";
+    const now = dayjs();
+    return computedDate.isSame(now, "date") ? computedDate.fromNow() : computedDate.isSame(now.subtract(1, "day"), "date") ? t("date.format.yesterday") : now.diff(computedDate, "days") <= 7 ? computedDate.format(t("date.format.currentWeek")) : computedDate.isSame(now, "year") ? computedDate.format(t("date.format.currentYear")) : computedDate.format(t("date.format.previousYear"));
+  }, [currentLanguage, parseDate]), fromNow = useCallback((date) => {
+    const computedDate = toComputedDate(date);
+    return computedDate != null && computedDate.isValid() ? computedDate.fromNow() : "";
   }, [currentLanguage, parseDate]), formatDate = useCallback((date, format = "short") => {
-    let computedDate = dayjs();
-    try {
-      if (typeof date > "u")
-        return "";
-      typeof date == "string" ? computedDate = parseDate(date) : typeof date == "number" ? computedDate = dayjs(date).locale(currentLanguage) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date));
-      let dayjsFormat = "";
-      switch (format) {
-        case "short":
-          dayjsFormat = "L";
-          break;
-        case "long":
-          dayjsFormat = "LL";
-          break;
-        case "abbr":
-          dayjsFormat = "ll";
-          break;
-        default:
-          dayjsFormat = format;
-      }
-      return computedDate.isValid() ? computedDate.locale(currentLanguage).format(dayjsFormat) : "";
-    } catch (error) {
-      return console.error(error), "";
+    const computedDate = toComputedDate(date);
+    let dayjsFormat = "";
+    switch (format) {
+      case "short":
+        dayjsFormat = "L";
+        break;
+      case "long":
+        dayjsFormat = "LL";
+        break;
+      case "abbr":
+        dayjsFormat = "ll";
+        break;
+      default:
+        dayjsFormat = format;
     }
+    return computedDate != null && computedDate.isValid() ? computedDate.locale(currentLanguage).format(dayjsFormat) : "";
   }, [currentLanguage, parseDate]);
   return {
     fromNow,
-    formatDate
+    formatDate,
+    formatTimeAgo
   };
 }
 export {

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, focusOnMouseEnter?: 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, focusOnMouseEnter = !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":
@@ -82,8 +84,10 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     }
     extraTriggerKeyDownHandler == null || extraTriggerKeyDownHandler(event), stopEvents(flag, event);
   }, [closeDropdown, openDropdown]), onMenuItemMouseEnter = (event) => {
-    const index = Object.values(itemRefs.current).findIndex((item) => item.id === event.currentTarget.getAttribute("id"));
-    setActiveIndex(index);
+    if (focusOnMouseEnter) {
+      const index = Object.values(itemRefs.current).findIndex((item) => item.id === event.currentTarget.getAttribute("id"));
+      setActiveIndex(index);
+    }
   }, onMenuItemKeyDown = useCallback((event, onSuccess) => {
     let flag = !1;
     if (event.shiftKey)

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.js

@@ -8,10 +8,19 @@ const useHttpErrorToast = (options) => {
   } = useTranslation();
   return useEffect(() => {
     const subscription = odeServices.notify().events().subscribe(LAYER_NAME.TRANSPORT, (event) => {
-      var _a, _b;
-      message.current = t(((_b = (_a = event == null ? void 0 : event.data) == null ? void 0 : _a.payload) == null ? void 0 : _b.error) || event.data.response.statusText), toast.error(/* @__PURE__ */ React.createElement("div", {
+      var _a;
+      if (!(event != null && event.data)) return;
+      const {
+        response
+      } = event.data, i18nKey = (
+        // The payload may include the i18n key of the error message to show,
+        ((_a = event.data.payload) == null ? void 0 : _a.error) || // otherwise, try showing the translation of some known HTTP error code.
+        ([400, 401, 403, 404, 408, 413, 500, 504].includes(response == null ? void 0 : response.status) ? `e${event.data.response.status}` : void 0) || // otherwise try showing the statusText (may be technical, in english),
+        (response == null ? void 0 : response.statusText)
+      );
+      typeof i18nKey == "string" && (message.current = t(i18nKey), toast.error(/* @__PURE__ */ React.createElement("div", {
         children: [message.current]
-      }), options);
+      }), options));
     });
     return () => subscription.revoke();
   }, [t, toast]), message.current;

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
+};