@edifice.io/react 2.6.5-develop-b2school.20260917144533 → 2.6.5-develop-b2school.20260917163248

package/dist/components/Layout/Layout.js

@@ -4,10 +4,11 @@ import clsx from "clsx";
 import { Toaster } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import { useOverlay } from "../PageLayout/hook/useOverlay.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 useBackground from "../../hooks/useBackground/useBackground.js";
 import useCookiesConsent from "../../hooks/useCookiesConsent/useCookiesConsent.js";
 import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
 import useCantoo from "../../hooks/useCantoo/useCantoo.js";
@@ -22,7 +23,11 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
 }) => {
   const {
     theme
-  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", backgroundOverride = useUiOverride("layout.background"), hasBackgroundImage = (backgroundOverride == null ? void 0 : backgroundOverride.variant) === "image", {
+  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
+    productOverride,
+    background,
+    isBackgroundImageOverridden
+  } = useBackground(), {
     toggleOverlay
   } = useOverlay(), {
     t
@@ -40,9 +45,9 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
   }, 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("div", { className: clsx("layout", {
-    "layout-has-background-image": hasBackgroundImage
-  }), "data-product": hasBackgroundImage ? backgroundOverride == null ? void 0 : backgroundOverride.theme : void 0, children: [
+  return /* @__PURE__ */ jsxs("div", { "data-product": productOverride, "data-background": background, className: clsx("layout", {
+    "layout-has-background-image": isBackgroundImageOverridden
+  }), children: [
     renderHeader,
     renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),

package/dist/components/PageLayout/components/PageLayoutContent.js

@@ -1,15 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { usePageLayout } from "../PageLayoutContext.js";
+import useBackground from "../../../hooks/useBackground/useBackground.js";
 const PageLayoutContent = ({
   children,
   className,
   ...props
 }) => {
   const {
+    productOverride,
+    background
+  } = useBackground(), {
     noPadding
   } = usePageLayout();
-  return /* @__PURE__ */ jsx("main", { className: clsx("pagelayout-content", {
+  return /* @__PURE__ */ jsx("main", { "data-product": productOverride, "data-background": background, className: clsx("pagelayout-content", {
     "pagelayout-content--no-padding": noPadding == null ? void 0 : noPadding.content
   }, className), ...props, children });
 };

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export * from './useBackground';
 export * from './useBookmark';
 export * from './useBreakpoint';
 export * from './useBrowserInfo';

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

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

package/dist/hooks/useBackground/useBackground.d.ts

@@ -0,0 +1,7 @@
+export type Background = 'default' | 'pink-200' | 'yellow-200' | 'orange-200' | 'blue-200' | 'green-200';
+declare const _default: () => {
+    background: Background;
+    isBackgroundImageOverridden: boolean;
+    productOverride: string | undefined;
+};
+export default _default;

package/dist/hooks/useBackground/useBackground.js

@@ -0,0 +1,16 @@
+import useUiOverride from "../useUiOverride/useUiOverride.js";
+import useUserPreferences from "../useUserPreferences/useUserPreferences.js";
+const useBackground = () => {
+  const backgroundOverride = useUiOverride("layout.background"), backgroundDefault = useUiOverride("background.default"), {
+    preferences
+  } = useUserPreferences(), isBackgroundImageOverridden = (backgroundOverride == null ? void 0 : backgroundOverride.variant) === "image";
+  return {
+    /* Actual background is either : user's prefered value, theme-conf overriden value or 'default' */
+    background: (preferences == null ? void 0 : preferences.background) ?? (backgroundDefault == null ? void 0 : backgroundDefault.variant) ?? "default",
+    isBackgroundImageOverridden,
+    productOverride: backgroundOverride == null ? void 0 : backgroundOverride.theme
+  };
+};
+export {
+  useBackground as default
+};

package/dist/hooks/useUserPreferences/useUserPreferences.js

@@ -35,5 +35,6 @@ function useUserPreferences() {
 }
 export {
   USER_PREFERENCES_QUERY_KEY,
+  useUserPreferences as default,
   useUserPreferences
 };

package/dist/index.js

@@ -154,6 +154,7 @@ import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
+import { default as default121 } from "./hooks/useBackground/useBackground.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
@@ -162,7 +163,7 @@ import { useOverlay } from "./components/PageLayout/hook/useOverlay.js";
 import { useScreeb } from "./hooks/useScreeb/useScreeb.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
-import { useUserPreferences } from "./hooks/useUserPreferences/useUserPreferences.js";
+import { default as default122 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -309,6 +310,7 @@ export {
   setRef,
   updateNode,
   updateParentIds,
+  default121 as useBackground,
   default79 as useBookmark,
   default80 as useBreakpoint,
   default81 as useBrowserInfo,
@@ -355,7 +357,7 @@ export {
   default112 as useUpload,
   default113 as useUploadFiles,
   default114 as useUser,
-  useUserPreferences,
+  default122 as useUserPreferences,
   default115 as useWorkspaceFile,
   default116 as useWorkspaceFolders,
   default117 as useWorkspaceFoldersTree,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.5-develop-b2school.20260917144533",
+  "version": "2.6.5-develop-b2school.20260917163248",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.5-develop-b2school.20260917144533",
-    "@edifice.io/utilities": "2.6.5-develop-b2school.20260917144533",
-    "@edifice.io/tiptap-extensions": "2.6.5-develop-b2school.20260917144533"
+    "@edifice.io/bootstrap": "2.6.5-develop-b2school.20260917163248",
+    "@edifice.io/tiptap-extensions": "2.6.5-develop-b2school.20260917163248",
+    "@edifice.io/utilities": "2.6.5-develop-b2school.20260917163248"
   },
   "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-develop-b2school.20260917144533",
-    "@edifice.io/config": "2.6.5-develop-b2school.20260917144533"
+    "@edifice.io/client": "2.6.5-develop-b2school.20260917163248",
+    "@edifice.io/config": "2.6.5-develop-b2school.20260917163248"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",