@edifice.io/react 2.6.3-develop-integration.20260826175449 → 2.6.3-develop-pedago.20260909111933

package/dist/components/Badge/Badge.d.ts

@@ -6,6 +6,11 @@ export type NotificationBadgeVariant = {
     type: 'notification';
     level: 'success' | 'warning' | 'danger' | 'info';
 };
+/** Badge variant : status */
+export type StatusBadgeVariant = {
+    type: 'status';
+    level: 'validate' | 'success' | 'warning' | 'danger' | 'info';
+};
 /** Badge variant : content */
 export type ContentBadgeVariant = {
     type: 'content';
@@ -49,7 +54,7 @@ export type AppVersionBadgeVariant = {
     color?: string;
     app?: IWebApp;
 };
-export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | AppVersionBadgeVariant;
+export type BadgeVariants = NotificationBadgeVariant | StatusBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | AppVersionBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)

package/dist/components/Badge/Badge.js

@@ -21,7 +21,7 @@ const Badge = /* @__PURE__ */ forwardRef(({
     const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
     appVersionBadgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
   }
-  const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "appVersion" && appVersionBadgeColorClassName, className);
+  const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "status" && `badge-status badge-status-${variant.level} caption fw-normal`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "appVersion" && appVersionBadgeColorClassName, className);
   return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
     variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
     variant.type === "appVersion" && (children ?? "BÊTA"),

package/dist/components/Layout/components/Header.js

@@ -5,7 +5,6 @@ import { useEdificeClient } from "../../../providers/EdificeClientProvider/Edifi
 import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import SvgIconRafterDown from "../../../modules/icons/components/IconRafterDown.js";
 import SvgIconCommunities from "../../../modules/icons/components/nav/IconCommunities.js";
-import SvgIconCommunity from "../../../modules/icons/components/nav/IconCommunity.js";
 import SvgIconDisconnect from "../../../modules/icons/components/nav/IconDisconnect.js";
 import SvgIconHome from "../../../modules/icons/components/nav/IconHome.js";
 import SvgIconMyApps from "../../../modules/icons/components/nav/IconMyApps.js";
@@ -67,7 +66,6 @@ const Header = ({
     userAvatar,
     userName,
     welcomeUser,
-    communityWorkflow,
     communitiesWorkflow,
     conversationWorflow,
     searchWorkflow,
@@ -176,10 +174,6 @@ const Header = ({
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("div", { className: "dropdown", children: [
         /* @__PURE__ */ jsx("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !isCollapsed, "aria-label": t("navbar.open.menu"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsx(SvgIconRafterDown, { className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
         /* @__PURE__ */ jsxs("ul", { className: `dropdown-menu dropdown-menu-end ${isCollapsed ? "" : "show"}`, id: "dropdown-navbar", children: [
-          communityWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/community", className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ jsx(SvgIconCommunity, { className: "icon community" }),
-            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
-          ] }) }),
           communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/communities", className: "nav-link dropdown-item", children: [
             /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities" }),
             /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })

package/dist/components/Layout/hooks/useHeader.js

@@ -14,7 +14,7 @@ function useHeader({
     t
   } = useTranslation(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
     username: user == null ? void 0 : user.firstName
-  }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), communitiesWorkflow = useHasWorkflow("community.access"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
+  }), bookmarkedApps = useBookmark(), communitiesWorkflow = useHasWorkflow("community.access"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
     setIsCollapsed(!isCollapsed);
   }, [isCollapsed]);
   return useMemo(() => ({
@@ -27,13 +27,12 @@ function useHeader({
     userAvatar,
     userName,
     welcomeUser,
-    communityWorkflow,
     communitiesWorkflow,
     conversationWorflow,
     searchWorkflow,
     isCollapsed,
     toggleCollapsedNav
-  }), [appsRef, bookmarkedApps, communitiesWorkflow, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+  }), [appsRef, bookmarkedApps, communitiesWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
 }
 export {
   useHeader as default

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/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.3-develop-integration.20260826175449",
+  "version": "2.6.3-develop-pedago.20260909111933",
   "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.3-develop-integration.20260826175449",
-    "@edifice.io/tiptap-extensions": "2.6.3-develop-integration.20260826175449",
-    "@edifice.io/utilities": "2.6.3-develop-integration.20260826175449"
+    "@edifice.io/tiptap-extensions": "2.6.3-develop-pedago.20260909111933",
+    "@edifice.io/utilities": "2.6.3-develop-pedago.20260909111933",
+    "@edifice.io/bootstrap": "2.6.3-develop-pedago.20260909111933"
   },
   "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.3-develop-integration.20260826175449",
-    "@edifice.io/config": "2.6.3-develop-integration.20260826175449"
+    "@edifice.io/client": "2.6.3-develop-pedago.20260909111933",
+    "@edifice.io/config": "2.6.3-develop-pedago.20260909111933"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",