@edifice.io/react 2.6.0-develop.20260720155436 → 2.6.0-develop.20260721175941

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/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/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/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, {}) }) }),

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-develop.20260720155436",
+  "version": "2.6.0-develop.20260721175941",
   "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-develop.20260720155436",
-    "@edifice.io/tiptap-extensions": "2.6.0-develop.20260720155436",
-    "@edifice.io/utilities": "2.6.0-develop.20260720155436"
+    "@edifice.io/bootstrap": "2.6.0-develop.20260721175941",
+    "@edifice.io/tiptap-extensions": "2.6.0-develop.20260721175941",
+    "@edifice.io/utilities": "2.6.0-develop.20260721175941"
   },
   "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.0-develop.20260720155436",
-    "@edifice.io/config": "2.6.0-develop.20260720155436"
+    "@edifice.io/config": "2.6.0-develop.20260721175941",
+    "@edifice.io/client": "2.6.0-develop.20260721175941"
   },
   "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 {};