@edifice.io/react 2.6.5-develop-b2school.20260907142010 → 2.6.5-develop-pedago.20260909143307

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

@@ -1 +1,2 @@
 export { default as useUploadFiles } from './useUploadFiles';
+export type { UploadSourceFileInfo } from './useUploadFiles';

package/dist/hooks/useUploadFiles/useUploadFiles.d.ts

@@ -1,6 +1,16 @@
 import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+/**
+ * Snapshot of a source file taken at upload time, so the upload result can be
+ * re-ordered later on against the original file metadata.
+ */
+export interface UploadSourceFileInfo {
+    /** Original file name. */
+    name: string;
+    /** `File.lastModified` of the source file (ms since epoch). */
+    lastModified: number;
+}
 declare const useUploadFiles: ({ handleOnChange, visibility, application, }: {
-    handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;
+    handleOnChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
     visibility?: WorkspaceVisibility;
     application?: string;
 }) => {

package/dist/hooks/useUploadFiles/useUploadFiles.js

@@ -1,4 +1,4 @@
-import { useState, useCallback, useEffect } from "react";
+import { useState, useRef, useCallback, useEffect } from "react";
 import { ImageResizer, addTimestampToImageUrl } from "@edifice.io/utilities";
 import { useDropzoneContext } from "../../components/Dropzone/DropzoneContext.js";
 import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
@@ -8,7 +8,7 @@ const useUploadFiles = ({
   visibility,
   application
 }) => {
-  const [uploadedFiles, setUploadedFiles] = useState([]), [editingImage, setEditingImage] = useState(void 0), {
+  const [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), [editingImage, setEditingImage] = useState(void 0), {
     files,
     deleteFile,
     replaceFileAt,
@@ -34,7 +34,10 @@ const useUploadFiles = ({
         } catch (err) {
           console.error(err);
         }
-      !resource && !replacement && (resource = await uploadFile(file)), resource ? setUploadedFiles((prevFiles) => [...prevFiles, resource]) : resetInputValue();
+      !resource && !replacement && (resource = await uploadFile(file)), resource ? (resource._id && (sourceFilesInfoRef.current[resource._id] = {
+        name: file.name,
+        lastModified: file.lastModified
+      }), setUploadedFiles((prevFiles) => [...prevFiles, resource])) : resetInputValue();
     });
   }, [uploadAlternateFile, uploadFile, replaceFileAt]);
   useEffect(() => {
@@ -47,15 +50,17 @@ const useUploadFiles = ({
     newFiles.forEach((file) => file && setUploadStatus(file, "idle")), tryUploading(newFiles);
   }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]), useEffect(() => {
     const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);
-    handleOnChange(sortedUploadedFiles);
+    handleOnChange(sortedUploadedFiles, {
+      ...sourceFilesInfoRef.current
+    });
   }, [uploadedFiles]);
   const sortUploadedFiles = (filesArray, uploadedFilesArray) => {
-    const orderMap = filesArray.reduce((acc, item, index) => (acc[item.name] = index, acc), {});
-    return uploadedFilesArray.sort((a, b) => orderMap[a.name] - orderMap[b.name]);
+    const orderMap = filesArray.reduce((acc, item, index) => (item.name in acc || (acc[item.name] = index), acc), {});
+    return [...uploadedFilesArray].sort((a, b) => (orderMap[a.name] ?? Number.MAX_SAFE_INTEGER) - (orderMap[b.name] ?? Number.MAX_SAFE_INTEGER));
   };
   async function removeFile(file) {
     const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-    resource && (await remove(resource), clearUploadStatus(file), setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
+    resource && (await remove(resource), clearUploadStatus(file), resource._id && delete sourceFilesInfoRef.current[resource._id], setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
   }
   async function updateImage({
     blob,

package/dist/modules/homepage/components/Header/Header.js

@@ -6,7 +6,6 @@ import { Navbar } from "../../../../components/Layout/components/Navbar.js";
 import { NavItem } from "../../../../components/Layout/components/NavItem.js";
 import { NavLink } from "../../../../components/Layout/components/NavLink.js";
 import useHeader from "../../../../components/Layout/hooks/useHeader.js";
-import SvgIconSetBackground from "../../../icons/components/IconSetBackground.js";
 import SvgIconCommunitiesBeta from "../../../icons/components/nav/IconCommunitiesBeta.js";
 import SvgIconDisconnect from "../../../icons/components/nav/IconDisconnect.js";
 import SvgIconHomeBeta from "../../../icons/components/nav/IconHomeBeta.js";
@@ -87,16 +86,10 @@ const Header = ({
       ] }),
       /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: userRef, id: popoverUserId, "aria-haspopup": "true", "aria-expanded": isUserHovered, "data-testid": "header-user-menu-button", children: [
         /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", translate: t("navbar.myaccount"), "data-testid": "header-user-profile-button", children: /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }) }),
-        /* @__PURE__ */ jsx(Popover, { align: "end", className: "widget", id: popoverUserId, isVisible: isUserHovered, children: /* @__PURE__ */ jsxs(PopoverBody, { children: [
-          /* @__PURE__ */ jsxs("a", { href: "/timeline/customize", className: "nav-link customize d-flex align-items-center gap-8", "data-testid": "header-customize-button", children: [
-            /* @__PURE__ */ jsx(SvgIconSetBackground, { className: "icon" }),
-            /* @__PURE__ */ jsx("span", { id: "cutomize-label", className: "nav-text", children: t("navbar.customize") })
-          ] }),
-          /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link logout d-flex align-items-center gap-8", "data-testid": "header-logout-button", children: [
-            /* @__PURE__ */ jsx(SvgIconDisconnect, { className: "icon logout" }),
-            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
-          ] })
-        ] }) })
+        /* @__PURE__ */ jsx(Popover, { align: "end", className: "widget", id: popoverUserId, isVisible: isUserHovered, children: /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link logout d-flex align-items-center gap-8", "data-testid": "header-logout-button", children: [
+          /* @__PURE__ */ jsx(SvgIconDisconnect, { className: "icon logout" }),
+          /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
+        ] }) }) })
       ] })
     ] })
   ] }) });

package/dist/modules/homepage/components/UserSpace/hooks/useProfileLinks.js

@@ -17,20 +17,18 @@ function useProfileLinks(profile) {
         structure: structureId
       });
       return `${baseUrl}?${params.toString()}`;
-    }, buildClassesUrl = (parameters, classIds = []) => {
-      const params = new URLSearchParams(parameters);
+    }, buildClassesUrl = (classIds = []) => {
+      const params = new URLSearchParams({
+        filters: "groups",
+        structure: structureId
+      });
       return classIds.forEach((c) => params.append("class", String(c))), `${baseUrl}?${params.toString()}`;
     };
     switch (profile) {
       case "Teacher":
         return [{
           text: t("homepage.userspace.teacher.link.classes"),
-          url: buildClassesUrl(
-            {
-              filters: "groups"
-            }
-            /* Do not explicitely add classes ids, because none <=> see all*/
-          )
+          url: buildClassesUrl(user.classes)
         }];
       case "Student":
         return [{
@@ -38,12 +36,7 @@ function useProfileLinks(profile) {
           url: "/userbook/annuaire#/search?filters=groups&profile=Teacher"
         }, {
           text: t("homepage.userspace.student.link.classes"),
-          url: buildClassesUrl(
-            {
-              filters: "groups"
-            }
-            /* Do not explicitely add classes ids, because none <=> see all*/
-          )
+          url: buildClassesUrl(user.classes)
         }];
       case "Relative":
         return children != null && children.length ? children.map((child) => {
@@ -52,10 +45,7 @@ function useProfileLinks(profile) {
             text: t("homepage.userspace.relative.link.classes", {
               childName: child.firstName
             }),
-            url: buildClassesUrl({
-              filters: "groups",
-              structure: structureId
-            }, (_a2 = child.classes) == null ? void 0 : _a2.map(({
+            url: buildClassesUrl((_a2 = child.classes) == null ? void 0 : _a2.map(({
               id
             }) => id))
           };

package/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js

@@ -1,7 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import { useState, useRef, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import Alert from "../../../../components/Alert/Alert.js";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Radio from "../../../../components/Radio/Radio.js";
 import Dropzone from "../../../../components/Dropzone/Dropzone.js";
 import UploadFiles from "../../UploadFiles/UploadFiles.js";
 const acceptedTypes = (type) => {
@@ -18,6 +20,17 @@ const acceptedTypes = (type) => {
       break;
   }
   return acceptedTypes2;
+}, orderUploadedFiles = (uploadedFiles, sourceFilesInfo, byAlpha) => {
+  const infoOf = (element) => element._id ? sourceFilesInfo[element._id] : void 0, nameOf = (element) => {
+    var _a;
+    return ((_a = infoOf(element)) == null ? void 0 : _a.name) ?? element.name;
+  }, lastModifiedOf = (element) => {
+    var _a;
+    return ((_a = infoOf(element)) == null ? void 0 : _a.lastModified) ?? 0;
+  };
+  return byAlpha ? [...uploadedFiles].sort((a, b) => nameOf(a).localeCompare(nameOf(b), void 0, {
+    numeric: !0
+  })) : [...uploadedFiles].sort((a, b) => lastModifiedOf(b) - lastModifiedOf(a)).reverse();
 }, Upload = () => {
   const {
     t
@@ -27,12 +40,26 @@ const acceptedTypes = (type) => {
     multiple,
     setResult,
     setResultCounter,
-    setCancellable
-  } = useMediaLibraryContext(), handleOnFilesChange = (uploadedFiles) => {
-    uploadedFiles.length ? (setCancellable(uploadedFiles), setResultCounter(uploadedFiles.length), setResult(uploadedFiles)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
+    setCancellable,
+    setPreSuccess
+  } = useMediaLibraryContext(), [sortByAlpha, setSortByAlpha] = useState(!0), [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), handleOnFilesChange = (uploadedFiles2, sourceFilesInfo) => {
+    sourceFilesInfoRef.current = sourceFilesInfo, setUploadedFiles(uploadedFiles2), uploadedFiles2.length ? (setCancellable(uploadedFiles2), setResultCounter(uploadedFiles2.length), setResult(uploadedFiles2)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
-    multiple && /* @__PURE__ */ jsx(Alert, { type: "info", className: "flex-shrink-0 mb-16", children: t("bbm.upload.alert") }),
+  return useEffect(() => {
+    if (!multiple || !uploadedFiles.length) {
+      setPreSuccess(void 0);
+      return;
+    }
+    setPreSuccess(() => () => Promise.resolve(orderUploadedFiles(uploadedFiles, sourceFilesInfoRef.current, sortByAlpha)));
+  }, [multiple, uploadedFiles, sortByAlpha, setPreSuccess]), /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
+    multiple && /* @__PURE__ */ jsxs(Flex, { className: "mb-16 ms-8", align: "start", direction: "column", gap: "8", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t("bbm.upload.sort.title"),
+        " :"
+      ] }),
+      /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.alpha"), name: "media-library-upload-sort", value: "alpha", model: sortByAlpha ? "alpha" : "date", checked: sortByAlpha, onChange: () => setSortByAlpha(!0), "data-testid": "media-library-upload-sort-alpha" }),
+      /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.date"), name: "media-library-upload-sort", value: "date", model: sortByAlpha ? "alpha" : "date", checked: !sortByAlpha, onChange: () => setSortByAlpha(!1), "data-testid": "media-library-upload-sort-date" })
+    ] }),
     /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
   ] });
 };

package/dist/modules/multimedia/UploadFiles/UploadFiles.d.ts

@@ -1,7 +1,8 @@
 import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+import { UploadSourceFileInfo } from '../../../hooks';
 declare const UploadFiles: {
     ({ onFilesChange, visibility, }: {
-        onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;
+        onFilesChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
         visibility?: WorkspaceVisibility;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.5-develop-b2school.20260907142010",
+  "version": "2.6.5-develop-pedago.20260909143307",
   "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.5-develop-b2school.20260907142010",
-    "@edifice.io/tiptap-extensions": "2.6.5-develop-b2school.20260907142010",
-    "@edifice.io/utilities": "2.6.5-develop-b2school.20260907142010"
+    "@edifice.io/bootstrap": "2.6.5-develop-pedago.20260909143307",
+    "@edifice.io/tiptap-extensions": "2.6.5-develop-pedago.20260909143307",
+    "@edifice.io/utilities": "2.6.5-develop-pedago.20260909143307"
   },
   "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.5-develop-b2school.20260907142010",
-    "@edifice.io/client": "2.6.5-develop-b2school.20260907142010"
+    "@edifice.io/client": "2.6.5-develop-pedago.20260909143307",
+    "@edifice.io/config": "2.6.5-develop-pedago.20260909143307"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",