@edifice.io/react 2.6.0-develop-pedago.20260721150256 → 2.6.0-develop-integration.20260722215838

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

@@ -6,11 +6,6 @@ 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';
@@ -32,29 +27,22 @@ export type LinkBadgeVariant = {
     type: 'link';
 };
 /**
- * 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 }} />
+ * 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.
  */
-export type AppVersionBadgeVariant = {
-    type: 'appVersion';
+export type BetaBadgeVariant = {
+    type: 'beta';
     color?: string;
     app?: IWebApp;
 };
-export type BadgeVariants = NotificationBadgeVariant | StatusBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | AppVersionBadgeVariant;
+export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)
@@ -63,6 +51,7 @@ 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 appVersionBadgeColorClassName = "";
-  if (variant.type === "appVersion" && variant.app) {
+  let badgeColorClassName = "";
+  if (variant.type === "beta" && variant.app) {
     const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
-    appVersionBadgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
+    badgeColorClassName = `${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 === "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);
+  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);
   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 === "appVersion" && (children ?? "BÊTA"),
-    variant.type !== "chip" && variant.type !== "appVersion" && children
+    variant.type === "beta" && (children ?? "BÊTA"),
+    variant.type !== "chip" && variant.type !== "beta" && children
   ] });
 });
 export {

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/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

@@ -22,6 +22,7 @@ export * from './useIsAdmlcOrAdmc';
 export * from './useKeyPress';
 export * from './useLibraryUrl';
 export * from './useMediaLibrary';
+export * from './useNextcloudSearch';
 export * from './usePublicConf';
 export * from './useScreeb';
 export * from './useScrollToTop';
@@ -30,6 +31,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/useNextcloudSearch/index.d.ts

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

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.d.ts

@@ -0,0 +1,9 @@
+import { ID, NextcloudDocument } from '@edifice.io/client';
+import { TreeData } from '../../types';
+export type NextcloudFolderNode = TreeData & {
+    files?: NextcloudDocument[];
+};
+export default function useNextcloudSearch(rootId: string, rootName: string, userId?: string): {
+    root: NextcloudFolderNode;
+    loadContent: (folderId?: ID) => void;
+};

package/dist/hooks/useNextcloudSearch/useNextcloudSearch.js

@@ -0,0 +1,48 @@
+import { useReducer, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient } from "@tanstack/react-query";
+import { findNodeById } from "../../components/TreeView/utilities/treeview.js";
+function useNextcloudSearch(rootId, rootName, userId) {
+  function treeReducer(state, action) {
+    switch (action.type) {
+      case "update": {
+        const node = findNodeById(state, action.folderId);
+        return node && (node.children = action.subfolders.map((f) => ({
+          id: f.path,
+          name: f.name
+        })), node.files = action.files), {
+          ...state
+        };
+      }
+      default:
+        throw Error("[useNextcloudSearch] Unknown action type: " + action.type);
+    }
+  }
+  const [root, dispatch] = useReducer(treeReducer, {
+    id: rootId,
+    name: rootName,
+    section: !0
+  }), queryClient = useQueryClient(), loadContent = useCallback(async (folderId) => {
+    if (!userId) return;
+    const path = folderId === rootId ? void 0 : folderId, payload = await queryClient.fetchQuery({
+      queryKey: ["nextcloud", "documents", userId, path ?? "/"],
+      queryFn: () => odeServices.nextcloud().listDocuments(userId, path),
+      staleTime: 6e4
+    }), subfolders = [], files = [], currentPath = path ?? "/";
+    payload.filter((doc) => doc.path !== currentPath).forEach((doc) => {
+      doc.isFolder ? subfolders.push(doc) : files.push(doc);
+    }), dispatch({
+      folderId,
+      subfolders,
+      files,
+      type: "update"
+    });
+  }, [rootId, userId, queryClient]);
+  return {
+    root,
+    loadContent
+  };
+}
+export {
+  useNextcloudSearch as default
+};

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
+};