@edifice.io/react 2.6.5 → 2.6.6-develop-b2school.20260921132929

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

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
+import SvgIconEdit from "../../../icons/components/IconEdit.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Image from "../../../../components/Image/Image.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import LinkPill from "../../../../components/LinkPill/LinkPill.js";
+function UsefulLinks({
+  links,
+  onEditClick
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.usefulLinks.title", "Liens utiles"), actionLabel: t("homepage.usefulLinks.edit", "Éditer"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onActionClick: onEditClick }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: links.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "useful-links-widget__empty", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
+        width: 160,
+        height: 87
+      } }),
+      /* @__PURE__ */ jsx("p", { className: "useful-links-widget__empty-text", children: t("homepage.usefulLinks.empty", "Gardez à portée de main les sites web que vous utilisez souvent !") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: links.map((link) => /* @__PURE__ */ jsx(LinkPill, { href: link.url, label: link.name }, link.id)) }) })
+  ] });
+}
+export {
+  UsefulLinks
+};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.d.ts

@@ -0,0 +1 @@
+export declare function UsefulLinksContainer(): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.js

@@ -0,0 +1,40 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useUsefulLinksContainer } from "./hooks/useUsefulLinksContainer.js";
+import { LinkForm } from "./LinkForm.js";
+import { UsefulLinks } from "./UsefulLinks.js";
+import { UsefulLinksModal } from "./UsefulLinksModal.js";
+function UsefulLinksContainer() {
+  const [view, setView] = useState({
+    name: "closed"
+  }), {
+    links,
+    canAddLink,
+    createLink,
+    isCreating,
+    updateLink,
+    isUpdating,
+    deleteLink
+  } = useUsefulLinksContainer(), closeAll = () => setView({
+    name: "closed"
+  }), backToManage = () => setView({
+    name: "manage"
+  }), handleSubmit = async (payload) => {
+    view.name === "edit" ? await updateLink(view.link.id, payload) : await createLink(payload), backToManage();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UsefulLinks, { links, onEditClick: () => setView({
+      name: "manage"
+    }) }),
+    /* @__PURE__ */ jsx(UsefulLinksModal, { isOpen: view.name === "manage", links, canAddLink, onClose: closeAll, onAddClick: () => setView({
+      name: "add"
+    }), onEditLink: (link) => setView({
+      name: "edit",
+      link
+    }), onDeleteLink: deleteLink }),
+    (view.name === "add" || view.name === "edit") && /* @__PURE__ */ jsx(LinkForm, { mode: view.name, link: view.name === "edit" ? view.link : void 0, isSubmitting: view.name === "edit" ? isUpdating : isCreating, onCancel: backToManage, onClose: closeAll, onSubmit: handleSubmit })
+  ] });
+}
+export {
+  UsefulLinksContainer
+};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.d.ts

@@ -0,0 +1,11 @@
+import { UsefulLink } from '@edifice.io/client';
+export interface UsefulLinksModalProps {
+    isOpen: boolean;
+    links: UsefulLink[];
+    canAddLink: boolean;
+    onClose: () => void;
+    onAddClick: () => void;
+    onEditLink: (link: UsefulLink) => void;
+    onDeleteLink: (id: string) => void;
+}
+export declare function UsefulLinksModal({ isOpen, links, canAddLink, onClose, onAddClick, onEditLink, onDeleteLink, }: UsefulLinksModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
+import SvgIconClose from "../../../icons/components/IconClose.js";
+import SvgIconEdit from "../../../icons/components/IconEdit.js";
+import SvgIconPlus from "../../../icons/components/IconPlus.js";
+import useBreakpoint from "../../../../hooks/useBreakpoint/useBreakpoint.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Image from "../../../../components/Image/Image.js";
+import Table from "../../../../components/Table/components/Table.js";
+function UsefulLinksModal({
+  isOpen,
+  links,
+  canAddLink,
+  onClose,
+  onAddClick,
+  onEditLink,
+  onDeleteLink
+}) {
+  const {
+    t
+  } = useTranslation(), {
+    md
+  } = useBreakpoint(), addLinkButton = /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "outline", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), onClick: onAddClick, disabled: !canAddLink, "data-testid": "usefullinks-button-add", children: t("homepage.usefulLinks.modal.add", "Ajouter un lien") });
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-links-modal", isOpen, size: "l", onModalClose: onClose, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: t("homepage.usefulLinks.modal.title", "Gérer les liens utiles") }),
+    /* @__PURE__ */ jsx(ModalBeta.Body, { children: links.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Flex, { justify: "end", className: "mb-16", children: addLinkButton }),
+      /* @__PURE__ */ jsxs("div", { className: "useful-links-modal__empty", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
+          width: 200,
+          height: 109
+        } }),
+        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-title", children: t("homepage.usefulLinks.modal.empty.title", "Pas encore de liens ajoutés") }),
+        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-text", children: t("homepage.usefulLinks.modal.empty.text", "Gardez à portée de main les sites web que vous utilisez souvent !") })
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "useful-links-table", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.name", "Nom") }),
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.url", "Adresse URL") }),
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.actions", "Actions") })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Table.Tbody, { children: [
+        /* @__PURE__ */ jsx(Table.Tr, { className: "useful-links-table__action-row", children: /* @__PURE__ */ jsx(Table.Td, { colSpan: md ? 3 : 2, children: /* @__PURE__ */ jsx(Flex, { justify: "end", children: addLinkButton }) }) }),
+        links.map((link) => /* @__PURE__ */ jsxs(Table.Tr, { "data-testid": `usefullinks-row-${link.id}`, children: [
+          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__name", children: link.name }),
+          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__url", children: link.url }),
+          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__actions", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", justify: "end", children: [
+            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), "aria-label": t("homepage.usefulLinks.modal.table.edit", "Modifier [[name]]", {
+              name: link.name
+            }), "data-testid": `usefullinks-button-edit-${link.id}`, onClick: () => onEditLink(link) }),
+            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), "aria-label": t("homepage.usefulLinks.modal.table.delete", "Supprimer [[name]]", {
+              name: link.name
+            }), "data-testid": `usefullinks-button-delete-${link.id}`, onClick: () => onDeleteLink(link.id) })
+          ] }) })
+        ] }, link.id))
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  UsefulLinksModal
+};

package/dist/modules/homepage/components/UsefulLinks/hooks/useUsefulLinksContainer.d.ts

@@ -0,0 +1,19 @@
+import { UsefulLink, UsefulLinkPayload } from '@edifice.io/client';
+/** Maximum number of useful links a user can save. */
+export declare const MAX_USEFUL_LINKS = 10;
+export interface UseUsefulLinksContainerReturn {
+    links: UsefulLink[];
+    isLoading: boolean;
+    error: Error | null;
+    /** Whether the user can still add a new link (fewer than MAX_USEFUL_LINKS). */
+    canAddLink: boolean;
+    createLink: (payload: UsefulLinkPayload) => Promise<UsefulLink>;
+    isCreating: boolean;
+    updateLink: (id: string, payload: UsefulLinkPayload) => Promise<UsefulLink>;
+    isUpdating: boolean;
+    deleteLink: (id: string) => void;
+}
+/**
+ * Custom hook that provides useful links data and CRUD handlers.
+ */
+export declare const useUsefulLinksContainer: () => UseUsefulLinksContainerReturn;

package/dist/modules/homepage/components/UsefulLinks/hooks/useUsefulLinksContainer.js

@@ -0,0 +1,26 @@
+import { useUsefulLinks, useCreateUsefulLink, useUpdateUsefulLink, useDeleteUsefulLink } from "../services/queries/usefulLinks.js";
+const MAX_USEFUL_LINKS = 10, useUsefulLinksContainer = () => {
+  const {
+    data: links,
+    isLoading,
+    error
+  } = useUsefulLinks(), createMutation = useCreateUsefulLink(), updateMutation = useUpdateUsefulLink(), deleteMutation = useDeleteUsefulLink();
+  return {
+    links: links ?? [],
+    isLoading,
+    error,
+    canAddLink: ((links == null ? void 0 : links.length) ?? 0) < MAX_USEFUL_LINKS,
+    createLink: (payload) => createMutation.mutateAsync(payload),
+    isCreating: createMutation.isPending,
+    updateLink: (id, payload) => updateMutation.mutateAsync({
+      id,
+      payload
+    }),
+    isUpdating: updateMutation.isPending,
+    deleteLink: (id) => deleteMutation.mutate(id)
+  };
+};
+export {
+  MAX_USEFUL_LINKS,
+  useUsefulLinksContainer
+};

package/dist/modules/homepage/components/UsefulLinks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './LinkForm';
+export * from './UsefulLinks';
+export * from './UsefulLinksContainer';
+export * from './UsefulLinksModal';
+export * from './hooks/useUsefulLinksContainer';

package/dist/modules/homepage/components/UsefulLinks/services/api/index.d.ts

@@ -0,0 +1,6 @@
+export declare const usefulLinksService: {
+    getUsefulLinks(): Promise<import('@edifice.io/client').UsefulLink[]>;
+    createUsefulLink(payload: import('@edifice.io/client').UsefulLinkPayload): Promise<import('@edifice.io/client').UsefulLink>;
+    updateUsefulLink(id: string, payload: import('@edifice.io/client').UsefulLinkPayload): Promise<import('@edifice.io/client').UsefulLink>;
+    deleteUsefulLink(id: string): Promise<void>;
+};

package/dist/modules/homepage/components/UsefulLinks/services/api/index.js

@@ -0,0 +1,5 @@
+import { createUsefulLinksService } from "./usefulLinksService.js";
+const usefulLinksService = createUsefulLinksService("");
+export {
+  usefulLinksService
+};

package/dist/modules/homepage/components/UsefulLinks/services/api/usefulLinksService.d.ts

@@ -0,0 +1,31 @@
+import { UsefulLink, UsefulLinkPayload } from '@edifice.io/client';
+/**
+ * Creates a useful links service with methods to manage the current user's
+ * personal "useful links" (homepage "Liens utiles" widget).
+ *
+ * Backend contract: `GET`/`POST`/`PUT`/`DELETE /bookmark/api/v2/bookmarks`.
+ * `POST`/`PUT` only return the bookmark's `_id`, not the full resource.
+ * Known error code: `bookmark.widget.bad.request.limit.reached` (POST, 400,
+ * once the user already has 10 links). `PUT` returns 401 if the id doesn't
+ * belong to the user, `DELETE` returns 404 if the id doesn't exist.
+ *
+ * @param baseURL The base URL for the useful links service API.
+ */
+export declare const createUsefulLinksService: (baseURL: string) => {
+    /**
+     * Get the current user's useful links.
+     */
+    getUsefulLinks(): Promise<UsefulLink[]>;
+    /**
+     * Create a new useful link.
+     */
+    createUsefulLink(payload: UsefulLinkPayload): Promise<UsefulLink>;
+    /**
+     * Update an existing useful link.
+     */
+    updateUsefulLink(id: string, payload: UsefulLinkPayload): Promise<UsefulLink>;
+    /**
+     * Delete a useful link.
+     */
+    deleteUsefulLink(id: string): Promise<void>;
+};

package/dist/modules/homepage/components/UsefulLinks/services/api/usefulLinksService.js

@@ -0,0 +1,50 @@
+import { odeServices } from "@edifice.io/client";
+const toUsefulLink = ({
+  _id,
+  name,
+  url
+}) => ({
+  id: _id,
+  name,
+  url
+}), createUsefulLinksService = (baseURL) => ({
+  /**
+   * Get the current user's useful links.
+   */
+  async getUsefulLinks() {
+    const {
+      bookmarks
+    } = await odeServices.http().get(`${baseURL}/bookmark/api/v2/bookmarks`);
+    return bookmarks.map(toUsefulLink);
+  },
+  /**
+   * Create a new useful link.
+   */
+  async createUsefulLink(payload) {
+    const {
+      _id
+    } = await odeServices.http().postJson(`${baseURL}/bookmark/api/v2/bookmarks`, payload);
+    return {
+      id: _id,
+      ...payload
+    };
+  },
+  /**
+   * Update an existing useful link.
+   */
+  async updateUsefulLink(id, payload) {
+    return await odeServices.http().putJson(`${baseURL}/bookmark/api/v2/bookmarks/${id}`, payload), {
+      id,
+      ...payload
+    };
+  },
+  /**
+   * Delete a useful link.
+   */
+  async deleteUsefulLink(id) {
+    await odeServices.http().delete(`${baseURL}/bookmark/api/v2/bookmarks/${id}`);
+  }
+});
+export {
+  createUsefulLinksService
+};

package/dist/modules/homepage/components/UsefulLinks/services/queries/usefulLinks.d.ts

@@ -0,0 +1,20 @@
+import { UsefulLink, UsefulLinkPayload } from '@edifice.io/client';
+export declare const usefulLinksQueryKeys: {
+    all: () => readonly ["usefulLinks"];
+};
+export declare const usefulLinksQueryOptions: {
+    getUsefulLinks(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<UsefulLink[], Error, UsefulLink[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<UsefulLink[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, UsefulLink[]>;
+    };
+};
+export declare const useUsefulLinks: () => import('@tanstack/react-query').UseQueryResult<UsefulLink[], Error>;
+export declare const useCreateUsefulLink: () => import('@tanstack/react-query').UseMutationResult<UsefulLink, Error, UsefulLinkPayload, unknown>;
+export declare const useUpdateUsefulLink: () => import('@tanstack/react-query').UseMutationResult<UsefulLink, Error, {
+    id: string;
+    payload: UsefulLinkPayload;
+}, unknown>;
+export declare const useDeleteUsefulLink: () => import('@tanstack/react-query').UseMutationResult<void, Error, string, {
+    previousLinks: UsefulLink[] | undefined;
+}>;

package/dist/modules/homepage/components/UsefulLinks/services/queries/usefulLinks.js

@@ -0,0 +1,65 @@
+import { useQuery, useQueryClient, useMutation, queryOptions } from "@tanstack/react-query";
+import { usefulLinksService } from "../api/index.js";
+const usefulLinksQueryKeys = {
+  all: () => ["usefulLinks"]
+}, usefulLinksQueryOptions = {
+  getUsefulLinks() {
+    return queryOptions({
+      queryKey: usefulLinksQueryKeys.all(),
+      queryFn: async () => usefulLinksService.getUsefulLinks()
+    });
+  }
+}, useUsefulLinks = () => useQuery(usefulLinksQueryOptions.getUsefulLinks()), useCreateUsefulLink = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (payload) => usefulLinksService.createUsefulLink(payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+    }
+  });
+}, useUpdateUsefulLink = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      id,
+      payload
+    }) => usefulLinksService.updateUsefulLink(id, payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+    }
+  });
+}, useDeleteUsefulLink = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => usefulLinksService.deleteUsefulLink(id),
+    onMutate: async (id) => {
+      await queryClient.cancelQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+      const previousLinks = queryClient.getQueryData(usefulLinksQueryKeys.all());
+      return queryClient.setQueryData(usefulLinksQueryKeys.all(), (links) => links == null ? void 0 : links.filter((link) => link.id !== id)), {
+        previousLinks
+      };
+    },
+    onError: (_error, _id, context) => {
+      context != null && context.previousLinks && queryClient.setQueryData(usefulLinksQueryKeys.all(), context.previousLinks);
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({
+        queryKey: usefulLinksQueryKeys.all()
+      });
+    }
+  });
+};
+export {
+  useCreateUsefulLink,
+  useDeleteUsefulLink,
+  useUpdateUsefulLink,
+  useUsefulLinks,
+  usefulLinksQueryKeys,
+  usefulLinksQueryOptions
+};

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

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

package/dist/modules/homepage/components/index.d.ts

@@ -5,4 +5,5 @@ export * from './LastInfos';
 export * from './MessageFlashList';
 export * from './Notifications';
 export * from './SchoolSpace';
+export * from './UsefulLinks';
 export * from './UserSpace';

package/dist/modules/icons/components/logo/IconLogoEdificeFull.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconLogoEdificeFull: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconLogoEdificeFull;

package/dist/modules/icons/components/logo/IconLogoEdificeFull.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconLogoEdificeFull = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 81 18", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#icon-logo-edifice-full_svg__a)", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M72.667 1.944c-4.424 0-8.01 3.602-8.01 8.045h16.02c0-4.443-3.586-8.045-8.01-8.045" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M76.346 12.173a4.3 4.3 0 0 1-.659.84 4.25 4.25 0 0 1-3.02 1.249 4.26 4.26 0 0 1-3.02-1.249 4.3 4.3 0 0 1-1.27-3.02V9.99h-3.72v.038c.04 4.408 3.61 7.969 8.009 7.969 3.657 0 6.74-2.462 7.7-5.825h-4.022zM55.596 10.014a4.28 4.28 0 0 1 1.253-2.998 4.2 4.2 0 0 1 2.98-1.24h3.618V2.07h-3.67c-4.317.029-7.812 3.552-7.852 7.908v.077c.04 4.356 3.535 7.879 7.85 7.907h3.672v-3.707h-3.618a4.2 4.2 0 0 1-2.98-1.24 4.28 4.28 0 0 1-1.255-2.997v-.007z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M50.302 7.711h-3.56v10.252h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M50.302 2.07h-3.56v3.608h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M40.983 2.07h-3.56v15.893h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M44.529 2.07h-3.56v3.576h.222a3.345 3.345 0 0 0 3.337-3.353zM44.529 7.711h-3.56v3.576h.222a3.345 3.345 0 0 0 3.337-3.353z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M35.19 7.711h-3.56v10.252h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M35.19 2.07h-3.56v3.608h3.56zM29.636 10.017c0-4.39-3.542-7.947-7.911-7.947v15.893c4.369 0 7.91-3.558 7.91-7.946" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M21.726 2.07h-3.56v15.893h3.56z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M11.677 0H4.952v1.987h6.725z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M8.316 1.949c-4.424 0-8.01 3.601-8.01 8.045h16.02c0-4.444-3.586-8.045-8.01-8.045" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M11.995 12.176a4.3 4.3 0 0 1-.658.84 4.25 4.25 0 0 1-3.021 1.25 4.26 4.26 0 0 1-3.02-1.25 4.3 4.3 0 0 1-1.27-3.02v-.003H.305v.039C.346 14.439 3.916 18 8.315 18c3.657 0 6.74-2.461 7.7-5.825h-4.022z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-logo-edifice-full_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h81v18H0z" }) }) })
+] });
+export {
+  SvgIconLogoEdificeFull as default
+};

package/dist/modules/icons/components/logo/IconLogoEdificeSmall.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconLogoEdificeSmall: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconLogoEdificeSmall;

package/dist/modules/icons/components/logo/IconLogoEdificeSmall.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconLogoEdificeSmall = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 18 18", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#icon-logo-edifice-small_svg__a)", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M12.36 0H5.637v1.987h6.725z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#C8D3FE", d: "M9 1.949C4.576 1.949.99 5.55.99 9.994h16.02C17.01 5.55 13.424 1.95 9 1.95" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M12.679 12.176a4.3 4.3 0 0 1-.659.84A4.25 4.25 0 0 1 9 14.266a4.26 4.26 0 0 1-3.02-1.25 4.3 4.3 0 0 1-1.27-3.02v-.003H.99v.039C1.03 14.439 4.6 18 8.999 18c3.656 0 6.74-2.461 7.7-5.825h-4.022z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-logo-edifice-small_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h18v18H0z" }) }) })
+] });
+export {
+  SvgIconLogoEdificeSmall as default
+};

package/dist/modules/icons/components/logo/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconLogoEdificeFull } from './IconLogoEdificeFull';
+export { default as IconLogoEdificeSmall } from './IconLogoEdificeSmall';

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/dist/modules/widgets/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Widget';
 export * from './BookmarkedApps';
+export * from './Widget';

package/package.json

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