@edifice.io/react 2.6.0-develop-enabling.20260720144517 → 2.6.0-develop-pedago.20260721150256

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

@@ -6,6 +6,11 @@ export type NotificationBadgeVariant = {
     type: 'notification';
     level: 'success' | 'warning' | 'danger' | 'info';
 };
+/** Badge variant : status */
+export type StatusBadgeVariant = {
+    type: 'status';
+    level: 'validate' | 'success' | 'warning' | 'danger' | 'info';
+};
 /** Badge variant : content */
 export type ContentBadgeVariant = {
     type: 'content';
@@ -27,22 +32,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 | StatusBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | AppVersionBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)
@@ -51,7 +63,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 === "status" && `badge-status badge-status-${variant.level} caption fw-normal`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "appVersion" && appVersionBadgeColorClassName, className);
   return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
     variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
-    variant.type === "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/Layout/Layout.js

@@ -1,19 +1,15 @@
 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 HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js")), Layout = ({
+const Layout = ({
   children,
   headless = !1,
   whiteBg = !0,
@@ -22,9 +18,7 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
 }) => {
   const {
     theme
-  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
-    toggleOverlay
-  } = useOverlay(), {
+  } = useEdificeTheme(), {
     t
   } = useTranslation(), {
     showCookiesConsent,
@@ -37,12 +31,11 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
     "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 : 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: {
+  }, 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: {
     position: "top-right"
   } });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     renderHeader,
-    renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
     renderToaster,
     renderCookies

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

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

package/dist/hooks/index.d.ts

@@ -30,7 +30,6 @@ 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/index.js

@@ -106,17 +106,16 @@ 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 "./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 { 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 { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
@@ -147,7 +146,6 @@ 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";
@@ -278,7 +276,6 @@ export {
   arrayUnique,
   buildTree,
   checkUserRight,
-  createSelectors,
   deleteNode,
   determineNewParentId,
   emptyScreenMapping,
@@ -345,16 +342,15 @@ export {
   default107 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  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,
+  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,
   wrapTreeNode
 };

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

@@ -1,11 +1,9 @@
 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, dataProduct, }: HeaderProps): JSX.Element;
+    ({ src, onNotificationsClick, }: HeaderProps): JSX.Element;
     displayName: string;
 };
 export default Header;

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

@@ -25,8 +25,7 @@ import Avatar from "../../../../components/Avatar/Avatar.js";
 import { Popover, PopoverBody } from "../../../../components/Popover/Popover.js";
 const Header = ({
   src = "",
-  onNotificationsClick,
-  dataProduct
+  onNotificationsClick
 }) => {
   const {
     t
@@ -48,7 +47,7 @@ const Header = ({
   } = useEdificeTheme(), hasMessages = messages > 0, [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
     onNotificationsClick == null || onNotificationsClick();
   };
-  return /* @__PURE__ */ jsx("header", { className: classes, "data-product": dataProduct, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
+  return /* @__PURE__ */ jsx("header", { className: classes, 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,13 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useState } from "react";
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 import { EdificeClientContext } from "../EdificeClientProvider/EdificeClientProvider.context.js";
 import { EdificeThemeContext } from "../EdificeThemeProvider/EdificeThemeProvider.context.js";
 import { mockQueryResult, mockSession, mockConf } from "./MockedProvider.mocks.js";
-const MockedProvider = ({
+const queryClient = new QueryClient(), MockedProvider = ({
   children
 }) => {
-  const [queryClient] = useState(() => new QueryClient()), themeContextValue = {
+  const themeContextValue = {
     theme: "default",
     setTheme: vi.fn()
   }, clientContextValue = {

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

@@ -0,0 +1,10 @@
+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 {};

package/dist/utilities/index.d.ts

@@ -1,5 +1,4 @@
 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-enabling.20260720144517",
+  "version": "2.6.0-develop-pedago.20260721150256",
   "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-enabling.20260720144517",
-    "@edifice.io/utilities": "2.6.0-develop-enabling.20260720144517",
-    "@edifice.io/tiptap-extensions": "2.6.0-develop-enabling.20260720144517"
+    "@edifice.io/bootstrap": "2.6.0-develop-pedago.20260721150256",
+    "@edifice.io/tiptap-extensions": "2.6.0-develop-pedago.20260721150256",
+    "@edifice.io/utilities": "2.6.0-develop-pedago.20260721150256"
   },
   "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-enabling.20260720144517",
-    "@edifice.io/config": "2.6.0-develop-enabling.20260720144517"
+    "@edifice.io/client": "2.6.0-develop-pedago.20260721150256",
+    "@edifice.io/config": "2.6.0-develop-pedago.20260721150256"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",

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

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

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

@@ -1,18 +0,0 @@
-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/hooks/useUiOverride/index.d.ts

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

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

@@ -1,5 +0,0 @@
-/** 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

@@ -1,13 +0,0 @@
-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/utilities/create-selectors/create-selectors.d.ts

@@ -1,37 +0,0 @@
-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

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