@edifice.io/react 2.6.0 → 2.6.1

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

@@ -27,22 +27,29 @@ export type LinkBadgeVariant = {
     type: 'link';
 };
 /**
- * Badge variant : beta.
- * Beta Badge is used to indicate that a feature is in beta phase.
- * The color prop allows to customize the badge color to match the app color.
- * Defaults to black if not provided.
- * Beta Badge has a fixed text 'BÊTA' unless children is provided.
- * If app is provided, the color of the Beta Badge is derived from the application colors.
- * Example:
- * <Badge variant={{ type: 'beta', color: '#823AA1', app: myApp }} />
- * where myApp is of type IWebApp.
+ * Badge variant : App Version.
+ *
+ * Displays a badge showing the app version, for example: BÊTA, ALPHA, NEW or a custom version label.
+ *
+ * Default label is BÊTA unless a label is provided as a children of the component.
+ * Example of usage:
+ * <Badge variant={{ type: 'appVersion', app: myApp }}>NEW</Badge>
+ *
+ * The color prop allows to customize the badge color to match the app color (Defaults to black if not provided).
+ * Example of usage:
+ * <Badge variant={{ type: 'appVersion', color: '#823AA1' }} />
+ *
+ * If app prop is provided, the color of the App Version Badge is derived from the application colors,
+ * for example if the app provided is Blog then the Badge will have the same color as Blog app.
+ * Example of usage:
+ * <Badge variant={{ type: 'appVersion', app: blog }} />
  */
-export type BetaBadgeVariant = {
-    type: 'beta';
+export type AppVersionBadgeVariant = {
+    type: 'appVersion';
     color?: string;
     app?: IWebApp;
 };
-export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
+export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | AppVersionBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)
@@ -51,7 +58,6 @@ export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     variant?: BadgeVariants;
     /**
      * Text or icon (or whatever) to render as children elements.
-     * Defaults to 'BÊTA' for beta variant.
      */
     children?: ReactNode;
     /**

package/dist/components/Badge/Badge.js

@@ -16,16 +16,16 @@ const Badge = /* @__PURE__ */ forwardRef(({
     getBackgroundLightIconClass,
     getBorderIconClass
   } = useEdificeIcons();
-  let badgeColorClassName = "";
-  if (variant.type === "beta" && variant.app) {
+  let appVersionBadgeColorClassName = "";
+  if (variant.type === "appVersion" && variant.app) {
     const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
-    badgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
+    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 === "beta" && badgeColorClassName, 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 === "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 === "beta" && (children ?? "BÊTA"),
-    variant.type !== "chip" && variant.type !== "beta" && children
+    variant.type === "appVersion" && (children ?? "BÊTA"),
+    variant.type !== "chip" && variant.type !== "appVersion" && children
   ] });
 });
 export {

package/dist/components/ButtonBeta/ButtonBeta.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export type ButtonBetaRef = HTMLButtonElement;
 export type ButtonBetaColor = 'default' | 'destructive' | 'secondary' | 'tertiary';
+export type ButtonBetaSizes = 'sm' | 'md';
 export type ButtonBetaVariant = 'filled' | 'outline' | 'ghost';
 export interface ButtonBetaProps extends React.ComponentPropsWithRef<'button'> {
     /**
@@ -15,6 +16,10 @@ export interface ButtonBetaProps extends React.ComponentPropsWithRef<'button'> {
      * `filled`, `outline` or `ghost`
      */
     variant?: ButtonBetaVariant;
+    /**
+     * `sm` or `md`
+     */
+    size?: ButtonBetaSizes;
     /**
      * Does it has a text ?
      */

package/dist/components/ButtonBeta/ButtonBeta.js

@@ -5,6 +5,7 @@ import Loading from "../Loading/Loading.js";
 const ButtonBeta = /* @__PURE__ */ forwardRef(({
   color = "default",
   type = "button",
+  size = "md",
   variant = "filled",
   children,
   isLoading,
@@ -13,11 +14,13 @@ const ButtonBeta = /* @__PURE__ */ forwardRef(({
   className,
   ...restProps
 }, ref) => {
-  const hasIcon = !!(leftIcon || rightIcon), classes = clsx("btn-beta", `btn-beta-${color}`, {
+  const classes = clsx("btn-beta", `btn-beta-${color}`, {
     "btn-beta--outline": variant === "outline",
     "btn-beta--ghost": variant === "ghost",
+    "btn-beta--small": size === "sm",
     "btn-beta--icon-only": !children,
-    "btn-beta--with-icon": hasIcon && !!children,
+    "btn-beta--with-left-icon": !!(leftIcon && children),
+    "btn-beta--with-right-icon": !!(rightIcon && children),
     "btn-beta--loading": isLoading
   }, className);
   return /* @__PURE__ */ jsxs("button", { ref, "data-testid": "button-beta", className: classes, type, ...restProps, children: [

package/dist/components/Layout/Layout.js

@@ -1,15 +1,19 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
 import clsx from "clsx";
 import { Toaster } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
 import Header from "./components/Header.js";
+import HeaderNotificationsOverlay from "./components/HeaderNotificationsOverlay.js";
+import { useOverlay } from "../PageLayout/hook/useOverlay.js";
+import useUiOverride from "../../hooks/useUiOverride/useUiOverride.js";
 import useCookiesConsent from "../../hooks/useCookiesConsent/useCookiesConsent.js";
 import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
 import useCantoo from "../../hooks/useCantoo/useCantoo.js";
 import Alert from "../Alert/Alert.js";
 import Button from "../Button/Button.js";
-const Layout = ({
+const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js")), Layout = ({
   children,
   headless = !1,
   whiteBg = !0,
@@ -18,7 +22,9 @@ const Layout = ({
 }) => {
   const {
     theme
-  } = useEdificeTheme(), {
+  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
+    toggleOverlay
+  } = useOverlay(), {
     t
   } = useTranslation(), {
     showCookiesConsent,
@@ -31,11 +37,12 @@ const Layout = ({
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
-  }, className), renderHeader = headless ? null : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
+  }, className), renderHeader = headless ? null : isHeaderV2 ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(HeaderV2, { src: theme == null ? void 0 : theme.basePath, dataProduct: override == null ? void 0 : override.theme, onNotificationsClick: toggleOverlay }) }) : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderNotificationsOverlay = !headless && isHeaderV2 && /* @__PURE__ */ jsx(HeaderNotificationsOverlay, {}), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
     position: "top-right"
   } });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     renderHeader,
+    renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
     renderToaster,
     renderCookies

package/dist/components/Layout/components/HeaderNotificationsOverlay.d.ts

@@ -0,0 +1,5 @@
+declare const HeaderNotificationsOverlay: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HeaderNotificationsOverlay;

package/dist/components/Layout/components/HeaderNotificationsOverlay.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { NotificationListContainer } from "../../../modules/homepage/components/Notifications/NotificationListContainer.js";
+import PageLayoutOverlay from "../../PageLayout/components/PageLayoutOverlay.js";
+import { useOverlay } from "../../PageLayout/hook/useOverlay.js";
+const HeaderNotificationsOverlay = () => {
+  const {
+    isOverlayOpen,
+    updateOverlayOpen
+  } = useOverlay(), handleClose = () => updateOverlayOpen(!1);
+  return (
+    // NotificationList renders its own header with a close button, so
+    // PageLayoutOverlay's default close button would be redundant (double X).
+    /* @__PURE__ */ jsx(PageLayoutOverlay, { onClose: handleClose, closeButton: !1, children: isOverlayOpen && /* @__PURE__ */ jsx(NotificationListContainer, { onCloseNotifications: handleClose }) })
+  );
+};
+export {
+  HeaderNotificationsOverlay as default
+};

package/dist/components/PageLayout/store/overlayStore.js

@@ -1,5 +1,5 @@
 import { create } from "zustand";
-import { createSelectors } from "../../../utilities/create-selectors/createSelectors.js";
+import { createSelectors } from "../../../utilities/create-selectors/create-selectors.js";
 const useOverlayStore = createSelectors(create((set) => ({
   overlayOpen: !1,
   updateOverlayOpen: (value) => set((previousState) => ({

package/dist/components/Popover/Popover.d.ts

@@ -8,6 +8,13 @@ export interface PopoverProps {
      * When Popover is visible
      */
     isVisible?: boolean;
+    /**
+     * Horizontal alignment relative to the trigger.
+     * `center` (default) centers the popover under the trigger.
+     * `end` aligns the popover's right edge with the trigger's right edge,
+     * which prevents overflow when the trigger sits near the viewport's right edge.
+     */
+    align?: 'center' | 'end';
     /**
      * React Node
      */

package/dist/components/Popover/Popover.js

@@ -21,13 +21,14 @@ const PopoverHeader = ({
   const classes = clsx("popover-footer p-8", className);
   return /* @__PURE__ */ jsx("div", { className: classes, children });
 }, Popover = /* @__PURE__ */ forwardRef(({
+  align = "center",
   children,
   className,
   id,
   isVisible,
   ...restProps
 }, ref) => {
-  const classes = clsx("popover d-block position-absolute top-100 start-50 translate-middle-x", className);
+  const classes = clsx("popover d-block position-absolute top-100", align === "end" ? "end-0 popover-align-end" : "start-50 translate-middle-x", className);
   return useTransition(isVisible, {
     from: {
       opacity: 0

package/dist/homepage.js

@@ -1,12 +1,13 @@
 import { default as default2 } from "./modules/homepage/components/Header/Header.js";
 import { default as default3 } from "./modules/homepage/components/HomeCard/HomeCard.js";
 import { default as default4 } from "./modules/homepage/components/LastInfos/LastInfos.js";
-import { default as default5 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
-import { default as default6 } from "./modules/homepage/components/Notifications/NotificationItem.js";
-import { default as default7 } from "./modules/homepage/components/Notifications/NotificationList.js";
+import { default as default5 } from "./modules/homepage/components/MessageFlashList/MessageFlash.js";
+import { default as default6 } from "./modules/homepage/components/MessageFlashList/MessageFlashList.js";
+import { default as default7 } from "./modules/homepage/components/Notifications/NotificationItem.js";
+import { default as default8 } from "./modules/homepage/components/Notifications/NotificationList.js";
 import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
-import { default as default8 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
-import { default as default9 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { default as default9 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
+import { default as default10 } from "./modules/homepage/components/UserSpace/UserSpace.js";
 import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js";
 import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
 import { LastInfosContainer } from "./modules/homepage/components/LastInfos/LastInfosContainer.js";
@@ -22,13 +23,14 @@ export {
   default4 as LastInfos,
   LastInfosContainer,
   LastInfosList,
-  default5 as MessageFlashList,
+  default5 as MessageFlash,
+  default6 as MessageFlashList,
   MessageFlashListContainer,
-  default6 as NotificationItem,
-  default7 as NotificationList,
+  default7 as NotificationItem,
+  default8 as NotificationList,
   NotificationListContainer,
-  default8 as SchoolSpace,
+  default9 as SchoolSpace,
   SchoolSpaceContainer,
-  default9 as UserSpace,
+  default10 as UserSpace,
   UserSpaceContainer
 };

package/dist/hooks/index.d.ts

@@ -30,6 +30,7 @@ export * from './useToast';
 export * from './useToggle';
 export * from './useTrapFocus';
 export * from './useTrashedResource';
+export * from './useUiOverride';
 export * from './useUpload';
 export * from './useUploadFiles';
 export * from './useUser';

package/dist/hooks/useBrowserInfo/useBrowserInfo.js

@@ -1,7 +1,6 @@
 import { UAParser } from "ua-parser-js";
 function useBrowserInfo(userAgent) {
-  var _a, _b, _c;
-  const uaParser = new UAParser(userAgent), os = uaParser.getOS(), device = uaParser.getDevice(), browser = uaParser.getBrowser(), isIphone = ((_a = device.model) == null ? void 0 : _a.indexOf("iPhone")) != -1, isIpod = ((_b = device.model) == null ? void 0 : _b.indexOf("iPod")) != -1, isIpad = ((_c = device.model) == null ? void 0 : _c.indexOf("iPad")) != -1;
+  const uaParser = new UAParser(userAgent), os = uaParser.getOS(), device = uaParser.getDevice(), browser = uaParser.getBrowser(), deviceModel = device.model ?? "", isIphone = deviceModel.includes("iPhone"), isIpod = deviceModel.includes("iPod"), isIpad = deviceModel.includes("iPad");
   return {
     os,
     device,

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

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

package/dist/hooks/useUiOverride/useUiOverride.d.ts

@@ -0,0 +1,5 @@
+/** Read the platform-driven UI override registered under `key` in the theme-conf, normalized to an object form. */
+export default function useUiOverride(key: string): {
+    variant: string;
+    theme?: string;
+} | undefined;

package/dist/hooks/useUiOverride/useUiOverride.js

@@ -0,0 +1,13 @@
+import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+function useUiOverride(key) {
+  var _a;
+  const {
+    theme
+  } = useEdificeTheme(), raw = (_a = theme == null ? void 0 : theme.uiOverrides) == null ? void 0 : _a[key];
+  return typeof raw == "string" ? {
+    variant: raw
+  } : raw;
+}
+export {
+  useUiOverride as default
+};

package/dist/index.js

@@ -106,16 +106,17 @@ import { default as default104 } from "./hooks/useToast/useToast.js";
 import { default as default105 } from "./hooks/useToggle/useToggle.js";
 import { default as default106 } from "./hooks/useTrapFocus/useTrapFocus.js";
 import { default as default107 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default108 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default109 } from "./hooks/useUpload/useUpload.js";
-import { default as default110 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default111 } from "./hooks/useUser/useUser.js";
-import { default as default112 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default113 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default114 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default115 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default116 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default117 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default108 } from "./hooks/useUiOverride/useUiOverride.js";
+import { default as default109 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default110 } from "./hooks/useUpload/useUpload.js";
+import { default as default111 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default112 } from "./hooks/useUser/useUser.js";
+import { default as default113 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default114 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default115 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default116 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default117 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default118 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
@@ -146,6 +147,7 @@ import { UserSearch } from "./components/UserSearch/UserSearch.js";
 import { VisibleType } from "./components/UserSearch/types/visible.js";
 import { buildTree, determineNewParentId, findItemIndexInTree, flattenNodes, flattenTree, generateUpdateData, getActiveAndOverNodes, getDragDepth, getIndicesToUpdate, getProjection, updateParentIds } from "./components/Tree/utilities/tree-sortable.js";
 import { checkUserRight } from "./utilities/check-user-rights/check-user-rights.js";
+import { createSelectors } from "./utilities/create-selectors/create-selectors.js";
 import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-mapping.js";
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
@@ -276,6 +278,7 @@ export {
   arrayUnique,
   buildTree,
   checkUserRight,
+  createSelectors,
   deleteNode,
   determineNewParentId,
   emptyScreenMapping,
@@ -342,15 +345,16 @@ export {
   default107 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default108 as useUpdateMutation,
-  default109 as useUpload,
-  default110 as useUploadFiles,
-  default111 as useUser,
-  default112 as useWorkspaceFile,
-  default113 as useWorkspaceFolders,
-  default114 as useWorkspaceFoldersTree,
-  default115 as useWorkspaceSearch,
-  default116 as useXitiTrackPageLoad,
-  default117 as useZendeskGuide,
+  default108 as useUiOverride,
+  default109 as useUpdateMutation,
+  default110 as useUpload,
+  default111 as useUploadFiles,
+  default112 as useUser,
+  default113 as useWorkspaceFile,
+  default114 as useWorkspaceFolders,
+  default115 as useWorkspaceFoldersTree,
+  default116 as useWorkspaceSearch,
+  default117 as useXitiTrackPageLoad,
+  default118 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/editor/components/Renderer/AttachmentRenderer.js

@@ -12,7 +12,9 @@ import { Grid } from "../../../../components/Grid/Grid.js";
 const AttachmentRenderer = (props) => {
   const {
     node,
-    editor
+    editor,
+    updateAttributes,
+    deleteNode
   } = props, [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), {
     t
   } = useTranslation(), {
@@ -22,7 +24,14 @@ const AttachmentRenderer = (props) => {
     attachmentArrayAttrs !== node.attrs.links && setAttachmentArrayAttrs(node.attrs.links);
   }, [node.attrs.links, attachmentArrayAttrs]);
   const handleDelete = (index, documentId) => {
-    editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+    const nextAttachments = (node.attrs.links ?? []).filter((link, i) => {
+      const linkDocumentId = link.dataDocumentId ?? link.documentId ?? link["data-document-id"] ?? link.href;
+      return !(i === index || String(linkDocumentId ?? "") === String(documentId ?? ""));
+    });
+    nextAttachments.length > 0 ? updateAttributes == null || updateAttributes({
+      ...node.attrs,
+      links: nextAttachments
+    }) : deleteNode == null || deleteNode(), !updateAttributes && !deleteNode && editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs(nextAttachments);
   };
   return (attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.length) !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
     backgroundColor: "#F2F2F2",
@@ -32,7 +41,7 @@ const AttachmentRenderer = (props) => {
     /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
     /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("a", { href: attachment.href, "data-document-id": attachment.dataDocumentId, "data-content-type": attachment.dataContentType, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.dataDocumentId) })
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.dataDocumentId ?? attachment["data-document-id"] ?? attachment.href) })
     ] }) }) }, index)) })
   ] }) });
 };

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

@@ -1,9 +1,11 @@
 export interface HeaderProps {
     src: string | undefined;
     onNotificationsClick?: () => void;
+    /** Scope this header's CSS theme (`data-product`) to its own subtree, independently of the page's ambient theme. */
+    dataProduct?: string;
 }
 declare const Header: {
-    ({ src, onNotificationsClick, }: HeaderProps): JSX.Element;
+    ({ src, onNotificationsClick, dataProduct, }: HeaderProps): JSX.Element;
     displayName: string;
 };
 export default Header;

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

@@ -25,7 +25,8 @@ import Avatar from "../../../../components/Avatar/Avatar.js";
 import { Popover, PopoverBody } from "../../../../components/Popover/Popover.js";
 const Header = ({
   src = "",
-  onNotificationsClick
+  onNotificationsClick,
+  dataProduct
 }) => {
   const {
     t
@@ -47,7 +48,7 @@ const Header = ({
   } = useEdificeTheme(), hasMessages = messages > 0, [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
     onNotificationsClick == null || onNotificationsClick();
   };
-  return /* @__PURE__ */ jsx("header", { className: classes, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
+  return /* @__PURE__ */ jsx("header", { className: classes, "data-product": dataProduct, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
     /* @__PURE__ */ jsx(LogoBeta, { src: `${src}/img/illustrations/logo.png` }),
     /* @__PURE__ */ jsxs("ul", { className: "navbar-nav", children: [
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/timeline/timeline", translate: t("navbar.home"), "data-testid": "header-home-button", children: /* @__PURE__ */ jsx(SvgIconHomeBeta, {}) }) }),
@@ -67,7 +68,7 @@ const Header = ({
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconNotificationBeta, {}), variant: "ghost", onClick: handleNotificationsClick }) }),
       /* @__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, { className: "top-100 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 d-flex align-items-center gap-8", "data-testid": "header-logout-button", children: [
+        /* @__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/HomeCard/HomeCardHeader.js

@@ -14,7 +14,7 @@ const HomeCardHeader = ({
   const hasAction = !!actionLabel && !!onActionClick;
   return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: clsx("home-card-header", className), ...rest, children: [
     /* @__PURE__ */ jsx("h3", { className: "home-card-header-title", children: title }),
-    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "default", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", children: actionLabel })
+    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", children: actionLabel })
   ] });
 };
 export {

package/dist/modules/homepage/components/MessageFlashList/MessageFlash.js

@@ -20,7 +20,7 @@ const MessageFlash = ({
   } = useEdificeClient(), [isCollapsed, setIsCollapsed] = useState(!0), [hasOverflow, setHasOverflow] = useState(!1), contentRef = useRef(null), checkContentTimeoutRef = useRef(void 0), {
     t
   } = useTranslation(), {
-    md
+    lg
   } = useBreakpoint();
   let content = "";
   message.contents && (currentLanguage && message.contents[currentLanguage] ? content = message.contents[currentLanguage] : message.contents.fr ? content = message.contents.fr : content = Object.keys(message.contents).map((key) => message.contents[key]).filter((cont) => cont !== null)[0]), useEffect(() => {
@@ -53,7 +53,7 @@ const MessageFlash = ({
       /* @__PURE__ */ jsx("div", { ref: contentRef, className: classesContent, dangerouslySetInnerHTML: {
         __html: content
       } }),
-      /* @__PURE__ */ jsxs(Flex, { direction: md ? "row" : "column", justify: "between", className: "message-flash-footer", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: lg ? "row" : "column", justify: "between", className: "message-flash-footer", children: [
         /* @__PURE__ */ jsx("div", { className: "fst-italic", children: message.signature || "" }),
         hasOverflow && /* @__PURE__ */ jsx(ButtonBeta, { "data-testid": isCollapsed ? "message-flash-view-more-button" : "message-flash-view-less-button", color: "default", variant: "ghost", onClick: handleCollapse, "aria-controls": `message-flash-${message.id}-content`, "aria-expanded": !isCollapsed, className: "message-flash-collapse-button", children: t(isCollapsed ? "read.more" : "read.less") })
       ] })

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

@@ -1,4 +1,5 @@
 export * from './MessageFlash';
 export * from './MessageFlashList';
 export * from './MessageFlashListContainer';
+export { default as MessageFlash } from './MessageFlash';
 export { default as MessageFlashList } from './MessageFlashList';

package/dist/modules/homepage/components/Notifications/services/api/notificationService.js

@@ -6,8 +6,7 @@ const createNotificationService = (baseURL) => ({
    */
   getNotifications(types, page) {
     const searchParams = new URLSearchParams({
-      page: page.toString(),
-      mine: "1"
+      page: page.toString()
     });
     return types.forEach((type) => {
       searchParams.append("type", type);

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

@@ -13,13 +13,13 @@ function UserSpace({
     t
   } = useTranslation();
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "user", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { title: /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", gap: "8", children: [
+    /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", gap: "8", children: [
       /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
       /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
         /* @__PURE__ */ jsx("div", { "data-testid": "user-space-name", className: "user-space--name", children: name }),
         /* @__PURE__ */ jsx("div", { "data-testid": "user-space-profile", className: "user-space--profile", children: t(profile) })
       ] })
-    ] }) }),
+    ] }),
     children && /* @__PURE__ */ jsx(HomeCard.Content, { children })
   ] });
 }

package/dist/providers/MockedProvider/MockedProvider.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useState } from "react";
 import { EdificeClientContext } from "../EdificeClientProvider/EdificeClientProvider.context.js";
 import { EdificeThemeContext } from "../EdificeThemeProvider/EdificeThemeProvider.context.js";
 import { mockQueryResult, mockSession, mockConf } from "./MockedProvider.mocks.js";
-const queryClient = new QueryClient(), MockedProvider = ({
+const MockedProvider = ({
   children
 }) => {
-  const themeContextValue = {
+  const [queryClient] = useState(() => new QueryClient()), themeContextValue = {
     theme: "default",
     setTheme: vi.fn()
   }, clientContextValue = {

package/dist/utilities/create-selectors/create-selectors.d.ts

@@ -0,0 +1,37 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+type WithSelectors<S> = S extends {
+    getState: () => infer T;
+} ? S & {
+    use: {
+        [K in keyof T]: () => T[K];
+    };
+} : never;
+/**
+ * Augments a Zustand store with auto-generated, per-field selector hooks,
+ * so consumers can call `store.use.myValue()` instead of
+ * `store((s) => s.myValue)` and never forget a selector.
+ *
+ * Pattern from the Zustand docs:
+ * https://zustand.docs.pmnd.rs/guides/auto-generating-selectors
+ *
+ * @param _store - The bound store to augment.
+ * @returns The same store instance, mutated with a `use` object exposing one
+ * selector hook per state key.
+ *
+ * @remarks
+ * - The store is mutated in place; the returned reference is the input store.
+ * - Selectors are generated once, from the keys present at call time. Fields
+ *   added to the state later won't get a `use.<key>` selector.
+ *
+ * @example
+ * ```ts
+ * const useBearStore = createSelectors(
+ *   create<BearState>(() => ({ bears: 0 })),
+ * );
+ *
+ * // In a component:
+ * const bears = useBearStore.use.bears();
+ * ```
+ */
+export declare const createSelectors: <S extends UseBoundStore<StoreApi<object>>>(_store: S) => WithSelectors<S>;
+export {};

package/dist/utilities/create-selectors/index.d.ts

@@ -0,0 +1 @@
+export * from './create-selectors';

package/dist/utilities/index.d.ts

@@ -1,4 +1,5 @@
 export * from './check-user-rights';
+export * from './create-selectors';
 export * from './emptyscreen-mapping';
 export * from './react-query';
 export * from './refs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "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.0",
-    "@edifice.io/tiptap-extensions": "2.6.0",
-    "@edifice.io/utilities": "2.6.0"
+    "@edifice.io/bootstrap": "2.6.1",
+    "@edifice.io/tiptap-extensions": "2.6.1",
+    "@edifice.io/utilities": "2.6.1"
   },
   "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.0",
-    "@edifice.io/client": "2.6.0"
+    "@edifice.io/client": "2.6.1",
+    "@edifice.io/config": "2.6.1"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",
@@ -198,6 +198,7 @@
     "format:write": "prettier --write \"src/**/*.{ts,tsx}\"",
     "lint": "eslint",
     "test": "vitest",
-    "test:watch": "vitest --watch"
+    "test:watch": "vitest --watch",
+    "test:coverage": "vitest run --coverage"
   }
 }

package/dist/utilities/create-selectors/createSelectors.d.ts

@@ -1,10 +0,0 @@
-import { StoreApi, UseBoundStore } from 'zustand';
-type WithSelectors<S> = S extends {
-    getState: () => infer T;
-} ? S & {
-    use: {
-        [K in keyof T]: () => T[K];
-    };
-} : never;
-export declare const createSelectors: <S extends UseBoundStore<StoreApi<object>>>(_store: S) => WithSelectors<S>;
-export {};